diff --git a/.bowerrc b/.bowerrc new file mode 100644 index 00000000000..c01b8fd68cf --- /dev/null +++ b/.bowerrc @@ -0,0 +1,3 @@ +{ + "directory": "public" +} \ No newline at end of file diff --git a/.gitignore b/.gitignore index a035c2b2702..6366f6d22a5 100644 --- a/.gitignore +++ b/.gitignore @@ -12,4 +12,9 @@ user_guide_src/build/* user_guide_src/cilexer/build/* user_guide_src/cilexer/dist/* user_guide_src/cilexer/pycilexer.egg-info/* -/vendor/ \ No newline at end of file + +/public/* +/vendor/* +.settings/* +.buildpath +.project diff --git a/.htaccess b/.htaccess new file mode 100644 index 00000000000..ae747b24cec --- /dev/null +++ b/.htaccess @@ -0,0 +1,3 @@ +RewriteEngine on +RewriteCond $1 !^(index\.php|robots\.txt|favicon\.ico|assets|data|alexa|tests|public) +RewriteRule ^(^.*(? + + \ No newline at end of file diff --git a/application/bos/zone_bo.php b/application/bos/zone_bo.php new file mode 100644 index 00000000000..3d0ea383290 --- /dev/null +++ b/application/bos/zone_bo.php @@ -0,0 +1,109 @@ +id; + } + + /** + * @return the $name + */ + public function getName() { + return $this->name; + } + + /** + * @return the $zipcode + */ + public function getZipcode() { + return $this->zipcode; + } + + /** + * @return the $parent + */ + public function getParent() { + return $this->parent; + } + + /** + * @return the $children + */ + public function getChildren() { + return $this->children; + } + + /** + * @return the $created + */ + public function getCreated() { + return $this->created; + } + + /** + * @return the $updated + */ + public function getUpdated() { + return $this->updated; + } + + /** + * @param field_type $id + */ + public function setId($id) { + $this->id = $id; + } + + /** + * @param field_type $name + */ + public function setName($name) { + $this->name = $name; + } + + /** + * @param field_type $zipcode + */ + public function setZipcode($zipcode) { + $this->zipcode = $zipcode; + } + + /** + * @param field_type $parent + */ + public function setParent($parent) { + $this->parent = $parent; + } + + /** + * @param field_type $children + */ + public function setChildren($children) { + $this->children = $children; + } + + /** + * @param field_type $created + */ + public function setCreated($created) { + $this->created = $created; + } + + /** + * @param field_type $updated + */ + public function setUpdated($updated) { + $this->updated = $updated; + } + + +} \ No newline at end of file diff --git a/application/config/autoload.php b/application/config/autoload.php index 5a20c943a2d..786b71a1eac 100644 --- a/application/config/autoload.php +++ b/application/config/autoload.php @@ -79,8 +79,7 @@ | $autoload['libraries'] = array('database', 'email', 'xmlrpc'); */ -$autoload['libraries'] = array(); - +$autoload['libraries'] = array('database', 'base_service', 'common_service'); /* | ------------------------------------------------------------------- diff --git a/application/config/cache.php b/application/config/cache.php new file mode 100644 index 00000000000..bbb26b68510 --- /dev/null +++ b/application/config/cache.php @@ -0,0 +1,7 @@ + '', 'hostname' => 'localhost', - 'username' => '', - 'password' => '', - 'database' => '', + 'username' => 'root', + 'password' => 'root', + 'database' => 'ci', 'dbdriver' => 'mysqli', 'dbprefix' => '', 'pconnect' => TRUE, diff --git a/application/config/routes.php b/application/config/routes.php index a5047a14ecc..507a55fe12d 100644 --- a/application/config/routes.php +++ b/application/config/routes.php @@ -67,5 +67,9 @@ $route['default_controller'] = 'welcome'; $route['404_override'] = ''; +$route['login'] = 'home/login'; +$route['auth'] = 'home/auth'; +$route['register'] = 'home/register'; + /* End of file routes.php */ /* Location: ./application/config/routes.php */ \ No newline at end of file diff --git a/application/controllers/base.php b/application/controllers/base.php new file mode 100644 index 00000000000..b72fc69c33f --- /dev/null +++ b/application/controllers/base.php @@ -0,0 +1,70 @@ +load->library('widget'); + $this->load->helper('utils_helper'); + + $this->p = $this->input->get('p') ? $this->input->get('p') : 1; + $this->order_by = $this->input->get('o') ? $this->input->get('o') : null; + + if ($this->input->get('mode') == 'debug') { + $this->output->enable_profiler(TRUE); + } + + $dotpos = strpos($this->uri->uri_string, '.'); + $this->url_suffix = $dotpos > 0 ? substr($this->uri->uri_string, $dotpos + 1) : ''; + + $this->layout = 'layouts/simple_layout'; + $this->widgets['_assets'] = new Widget('head/common_head'); + } + + function render($_config = null) { + if ($_config) { + $config = $_config; + } else { + $config = array('content_type'=>$this->url_suffix, 'layout'=>$this->layout, + 'widgets'=>$this->widgets, 'data'=>$this->data); + } + $this->load->library('page', $config); + $this->page->render(); + } + +// public function __get($name) { +// if (in_array($name, array('load', 'input', 'uri', 'benchmark', 'hooks', 'config', 'log', 'utf8', 'router', 'output', 'security', 'lang'))) { +// return $this->$name = $this->ci->$name; +// } +// if ($name) { +// echo 'sss'; +// $service = substr($name, 0, -8); +// return $this->$name = new Service_proxy($service); +// if (end_with($name, '_service') && is_file($service_file = APPPATH . 'services/' . $name . '.php')) { +// $service = substr($name, 0, -8); +// return $this->$name = new Service_proxy($service); +// } +// $class = get_class($this); +// log_message('error', $name.' not found in service['.$class.'], pls check the code'); +// } +// } +} \ No newline at end of file diff --git a/application/controllers/common.php b/application/controllers/common.php new file mode 100644 index 00000000000..29d45a7aa5d --- /dev/null +++ b/application/controllers/common.php @@ -0,0 +1,92 @@ +load->helper('url'); + + $this->obj_type = $this->uri->segments[1]; + $this->data['obj_type'] = $this->obj_type; + + $this->load->service('object_service'); + $object = $this->object_service->get_one(array('name'=>$this->obj_type)); + if (empty($object)) { + // go to 404 page + redirect('/'); + return false; + } + $this->load->service($this->obj_type . '_service', $this->obj_type, 'service'); + } + + // {object} | {object}/list + function index() { + $params = array(); + $this->data['list'] = $this->service->search($params, 'id desc', 10, $this->p); + $this->data['count'] = $this->service->count($params); + $this->data['pager'] = array('page'=>$this->p, 'total_page'=>ceil($this->data['count']/$this->page_size)); + + $this->widgets['content'][] = new Widget('common/pager', $this->data); + $this->widgets['content'][] = new Widget('common/list', $this->data); + $this->render(); + } + + // {object}/view + function view($id) { + $this->data['object'] = $this->service->get($id); + $view = $this->obj_type.'/view'; + if (file_exists(APPPATH.'views/'.$this->obj_type.'.php')) { + $this->widgets['content'][] = new Widget($view, $this->data); + } else { + $this->widgets['content'][] = new Widget('common/view', $this->data); + } + $this->render(); + } + + // {object}/new + function add() { + $this->data['columns'] = object2array($this->service->columns()); + $this->widgets['content'][] = new Widget('common/new', $this->data); + $this->render(); + } + + // {object}/save + function save() { + // post $object + $object = $this->input->post('obj'); + $this->service->save($object); + $this->load->helper('url'); + redirect('/'.$this->obj_type); + } + + // {object}/{id}/edit + function edit($id) { + $this->data['object'] = $this->service->get($id); + $this->data['columns'] = object2array($this->service->columns()); + $this->widgets['content'][] = new Widget('common/edit', $this->data); + $this->render(); + } + + // {object}/update + function update() { + // post $object + $object = $this->input->post('obj'); + if (!empty($object['id'])) { + $this->service->update(intval($object['id']), $object); + } + redirect('/'.$this->obj_type); + } + + // {object}/{id}/delete + function delete($id) { + $this->service->remove($id); + redirect($this->obj_type); + } + + +} \ No newline at end of file diff --git a/application/controllers/home.php b/application/controllers/home.php new file mode 100644 index 00000000000..51d8c0d65ce --- /dev/null +++ b/application/controllers/home.php @@ -0,0 +1,58 @@ +layout = 'layouts/common_layout'; + $this->widgets['header'] = new Widget('header', $this->data); + $this->widgets['footer'] = new Widget('footer', $this->data); + } + + function login() { + $this->widgets['content'] = new Widget('login', $this->data); + $this->render(); + } + + function auth() { + $this->load->service('user_service'); + $post = $this->input->post(); + if ($post['email'] && $post['password']) { + $params = array( + 'email'=>$post['email'], + 'password'=>md5($post['password']) + ); + $user = $this->user_service->get_one($params); + if (!empty($user)) { + echo 'success'; + } else { + echo 'fail'; + } + } + } + + function register() { + $this->load->service('user_service'); + $post = $this->input->post(); + if (empty($post)) { + $this->widgets['content'] = new Widget('register', $this->data); + $this->render(); + return; + } else { + $user = array( + 'nickname'=>$post['nickname'], + 'email'=>$post['email'], + 'password'=>md5($post['password']) + ); + $user = $this->user_service->save($user); + print_r($user); + } + } + + function logout() { + + } +} \ No newline at end of file diff --git a/application/controllers/job.php b/application/controllers/job.php new file mode 100644 index 00000000000..54e5537b683 --- /dev/null +++ b/application/controllers/job.php @@ -0,0 +1,27 @@ +start('on_request'); + } + + function client() { + } + +} + +function on_request($request) { + if($request->method == 'GET') { + $body = json_encode($request); + $request->ok($body, array('Content-Type'=>'application:json')); + } + else { + $request->not_found(); + } +} \ No newline at end of file diff --git a/application/controllers/migrate.php b/application/controllers/migrate.php new file mode 100644 index 00000000000..b3d9bbc7f37 --- /dev/null +++ b/application/controllers/migrate.php @@ -0,0 +1 @@ +layout = 'layouts/common_layout'; + $this->widgets['header'] = new Widget('header', $this->data); + $this->widgets['footer'] = new Widget('footer', $this->data); + } + + +// public function index() { +// $this->load->service('user_service'); +// $users = $this->user_service->get_all(); +// $this->widgets['content'] = new Widget('list', array('list'=>$users)); +// $this->render(); +// } +} \ No newline at end of file diff --git a/application/controllers/welcome.php b/application/controllers/welcome.php index 2f0e358bc77..50eda642e54 100644 --- a/application/controllers/welcome.php +++ b/application/controllers/welcome.php @@ -43,8 +43,7 @@ class Welcome extends CI_Controller { * map to /index.php/welcome/ * @see http://codeigniter.com/user_guide/general/urls.html */ - public function index() - { + public function index() { $this->load->view('welcome_message'); } } diff --git a/application/core/MY_Loader.php b/application/core/MY_Loader.php new file mode 100644 index 00000000000..2b9725068ed --- /dev/null +++ b/application/core/MY_Loader.php @@ -0,0 +1,37 @@ +service) { + $service_proxy = new Service_proxy('common_service', $params); + } + $service_proxy->set_level(1); + $CI =& get_instance(); + if (!empty($object_name)) { + $CI->$object_name = $service_proxy; + } else { + $CI->$service = $service_proxy; + } + $this->services[] = $service_proxy; + } + + public function manager($manager = '', $params = NULL, $object_name = NULL) { + $prefix = 'managers/'; + parent::library($prefix.$manager); + } + +} \ No newline at end of file diff --git a/application/core/MY_Router.php b/application/core/MY_Router.php new file mode 100644 index 00000000000..978e848790b --- /dev/null +++ b/application/core/MY_Router.php @@ -0,0 +1,136 @@ +set_directory($segments[0]); + $segments = array_slice($segments, 1); + + if (count($segments) > 0) + { + // Does the requested controller exist in the sub-folder? + if ( ! file_exists(APPPATH.'controllers/'.$this->fetch_directory().$segments[0].'.php')) + { + if ( ! empty($this->routes['404_override'])) + { + $x = explode('/', $this->routes['404_override']); + + $this->set_directory(''); + $this->set_class($x[0]); + $this->set_method(isset($x[1]) ? $x[1] : 'index'); + + return $x; + } + else + { + show_404($this->fetch_directory().$segments[0]); + } + } + } + else + { + // Is the method being specified in the route? + if (strpos($this->default_controller, '/') !== FALSE) + { + $x = explode('/', $this->default_controller); + + $this->set_class($x[0]); + $this->set_method($x[1]); + } + else + { + $this->set_class($this->default_controller); + $this->set_method('index'); + } + + // Does the default controller exist in the sub-folder? + if ( ! file_exists(APPPATH.'controllers/'.$this->fetch_directory().$this->default_controller.'.php')) + { + $this->directory = ''; + return array(); + } + + } + + return $segments; + } + + + // If we've gotten this far it means that the URI does not correlate to a valid + // controller class. We will now see if there is an override + if ( ! empty($this->routes['404_override'])) + { + $x = explode('/', $this->routes['404_override']); + + $this->set_class($x[0]); + $this->set_method(isset($x[1]) ? $x[1] : 'index'); + + return $x; + } + + + // Nothing else to do at this point but show a 404 + $x = $this->general_mapping($segments); + return $x; + + show_404($segments[0]); + } + + function general_mapping($segments) { + // $route['(:any)/(:num)/edit'] = 'general/edit/$1/$2'; + // $route['(:any)/(:num)/update'] = 'general/update/$1/$2'; + // $route['(:any)/(:num)/delete'] = 'general/delete/$1/$2'; + // $route['(:any)/new'] = 'general/add/$1'; + // $route['(:any)/save'] = 'general/save/$1'; + // $route['(:any)/list'] = 'general/list/$1'; + // $route['(:any)/index'] = 'general/index/$1'; + // $route['(:any)/(:num)'] = 'general/view/$1/$2'; + // $route['(:any)'] = 'general/index/$1'; + $this->set_directory(''); + $this->set_class('common'); + + $x = array(); + $x[] = 'common'; + + if (count($segments) > 2) { + $method = $segments[2]; + $this->set_method($method); + $x[] = $method; + $x[] = $segments[1]; + } else if (count($segments) == 2) { + if (intval($segments[1]) > 0) { + $method = 'view'; + $this->set_method($method); + $x[] = $method; + $x[] = $segments[1]; + } else { + $method = $segments[1] == 'new' ? 'add' : $segments[1]; + $this->set_method($method); + $x[] = $method; + } + } else { + $this->set_method('index'); + $x[] = 'index'; + $x[] = $segments[0]; + } + return $x; + } +} \ No newline at end of file diff --git a/application/helpers/utils_helper.php b/application/helpers/utils_helper.php new file mode 100644 index 00000000000..a7b80d2c147 --- /dev/null +++ b/application/helpers/utils_helper.php @@ -0,0 +1,173 @@ +"; + if ($time_length < 60) { + // $str .= "刚刚"; + $str .= $time_length . "秒前"; + } elseif ($time_length < 60 * 60) { + $str .= floor($time_length / 60) . "分钟前"; + } elseif ($time_length < 60 * 60 * 24) { + $str .= floor($time_length / (60 * 60)) . "小时前"; + } elseif ($time_length < $now - strtotime('yesterday')) { + $str .= "昨天"; + } elseif ($time_length < $now - strtotime("-1 day", strtotime('yesterday'))) { + $str .= "前天"; + } else { + $str .= date("Y-m-d", $oldtime); + } + $str .= ""; + return $str; +} + +function start_with($haystack, $needle) { + return !strncmp($haystack, $needle, strlen($needle)); +} + +function end_with($haystack, $needle) { + $length = strlen($needle); + if ($length == 0) { + return true; + } + return (substr($haystack, -$length) === $needle); +} + +function is_robot() { + if (empty($_SERVER ['HTTP_USER_AGENT']) || strlen($_SERVER ['HTTP_USER_AGENT'])<20) { + return true; + } + $userAgent = strtolower ( $_SERVER ['HTTP_USER_AGENT'] ); + $spiders = array ('spider','crawler','bot','huaweisymantecspider','etaospider', 'youdaobot', 'wordpress', 'googlebot', 'baiduspider', 'bingbot', 'yandexbot', 'sina_robot', 'iaskspider', 'sogou', 'yahoo', 'sosoimagespider', 'sosospider', 'yodaobot', 'msnbot', 'yeti', 'qihoobot','larbin','java','commons-httpclient', 'wget', 'php', 'ruby', 'python' ); + foreach ( $spiders as $spider ) { + $spider = strtolower ( $spider ); + if (strpos ( $userAgent, $spider ) !== false) { + return true; + } + } + return false; +} + +function get_cur_page_url() { + $pageURL = 'http'; + if (isset($_SERVER["HTTPS"]) && $_SERVER["HTTPS"] == "on") { + $pageURL .= "s"; + } + $pageURL .= "://"; + if ($_SERVER["SERVER_PORT"] != "80") { + $pageURL .= $_SERVER["SERVER_NAME"] . ":" . $_SERVER["SERVER_PORT"] . $_SERVER["REQUEST_URI"]; + } else { + $pageURL .= $_SERVER["SERVER_NAME"] . $_SERVER["REQUEST_URI"]; + } + return $pageURL; +} + +function get_pager_url($base_uri, $params, $page) { + $params['p'] = $page; + return '/' . $base_uri . '?' . http_build_query($params); +} + +function get_url_page_content($url) { + $output_type = "html"; + $handle = curl_init(); + curl_setopt_array($handle, array(CURLOPT_USERAGENT => "Mozilla/5.0 (compatible; MSIE 8.0; Windows NT 5.2; Trident/4.0)", CURLOPT_FOLLOWLOCATION => true, CURLOPT_HEADER => false, CURLOPT_HTTPGET => true, CURLOPT_RETURNTRANSFER => true, CURLOPT_TIMEOUT => 30, CURLOPT_URL => $url)); + + $source = curl_exec($handle); + curl_close($handle); + + preg_match("/charset=([\w|\-]+);?/", $source, $match); + $charset = isset($match[1]) ? $match[1] : 'utf-8'; + + require_once dirname(__FILE__) . '/../libraries/Readability.inc.php'; + $readability = new Readability($source, $charset); + $data = $readability->getContent(); + + // switch($output_type) { + // case 'json': + // header("Content-type: text/json;charset=utf-8"); + // $Data['url'] = $url; + // echo json_encode($Data); + // break; + // case 'html': default: + // header("Content-type: text/html;charset=utf-8"); + // $title = $data['title']; + // $content = $data['content']; + // include 'reader.html'; + // } + return $data; +} + +function get_gravatar_url($email, $size = '20', $default = '', $rating = 'G') { + return 'http://www.gravatar.com/avatar/' . md5($email) . '?s=' . $size . '&d=' . $default . '&r=' . $rating . '" alt="" width="' . $size . 'px" height="' . $size . 'px'; +} + +function get_files($dir) { + $fileArray = array(); + if (false != ($handle = opendir($dir))) { + $i = 0; + while (false !== ($file = readdir($handle))) { + if ($file != "." && $file != ".." && strpos($file, ".")) { + $fileArray[$i] = $file; + if ($i == 100) { + break; + } + $i++; + } + } + closedir($handle); + } + return $fileArray; +} + +function array2object($array) { + if (is_array($array)) { + $obj = new StdClass(); + + foreach ($array as $key => $val){ + $obj->$key = $val; + } + } + else { $obj = $array; + } + + return $obj; +} + +function object2array($object) { + if (is_object($object)) { + foreach ($object as $key => $value) { + $array[$key] = $value; + } + } + else { + $array = $object; + } + return $array; +} + +function currency($from_Currency,$to_Currency,$amount) { + $amount = urlencode($amount); + $from_Currency = urlencode($from_Currency); + $to_Currency = urlencode($to_Currency); + $url = "http://www.google.com/ig/calculator?hl=en&q=$amount$from_Currency=?$to_Currency"; + $ch = curl_init(); + $timeout = 0; + curl_setopt ($ch, CURLOPT_URL, $url); + curl_setopt ($ch, CURLOPT_RETURNTRANSFER, 1); + curl_setopt($ch, CURLOPT_USERAGENT , "Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1)"); + curl_setopt ($ch, CURLOPT_CONNECTTIMEOUT, $timeout); + $rawdata = curl_exec($ch); + curl_close($ch); + $data = explode('"', $rawdata); + $data = explode(' ', $data['3']); + $var = $data['0']; + return round($var,2); +} \ No newline at end of file diff --git a/application/libraries/Block.php b/application/libraries/Block.php new file mode 100644 index 00000000000..b30b4c633b5 --- /dev/null +++ b/application/libraries/Block.php @@ -0,0 +1,40 @@ +widgets as $key=>$val) { + $html = ''; + if ($val instanceof Widget) { + $widget = $val; + $html = $widget->render(TRUE); + } else if ($val instanceof Block) { + $block = $val; + $html = $block->render(TRUE); + } else if (is_array($val)) { + foreach ($val as $sub_widget) { + if ($sub_widget instanceof Widget) { + $widget = $val; + $html .= $widget->render(TRUE); + } else if ($sub_widget instanceof Block) { + $block = $val; + $html .= $block->render(TRUE); + } else { + // error handle + } + } + $out_puts[$key] = $html; + } else { + // error handle + } + } + $r = $this->ci->parser->parse($this->layout, $out_puts, $return); + if ($return) { + return $r; + } + } +} \ No newline at end of file diff --git a/application/libraries/Layout.php b/application/libraries/Layout.php new file mode 100644 index 00000000000..b08410b320c --- /dev/null +++ b/application/libraries/Layout.php @@ -0,0 +1,139 @@ +ci=&get_instance(); + $this->tplpath=APPPATH .'views/'; + $this->layout=$this->getFile($layout); + if($this->parse)$this->ci->load->library('parser'); + } + + function setSlot($path,$vars=array(),$file='') + { + $this->slots[]=$path; + $_path = explode( '/', $path ); + $var=$_path[count($_path)-1]; + $this->files[$path]=$this->getFile($file,$var); + $this->slotvars[$path]=empty($vars)?array():(array)$vars; + } + + function getFile($file='',$var='') + { + //默认使用于模块变量相同名称的文件 + if($file=='' && $var)$file=$var.'.php'; + //默认使用views下该controller目录下的文件 + $_file=$this->tplpath.$this->ci->router->fetch_class().'/'.$file; + if(is_file($_file)) + { + return str_replace($this->tplpath,'',$_file); + }else if (is_file($this->tplpath.'default/'.$file)){ + return 'default/'.$file; + }else { + return 'default/blank.php'; + //throw new Exception('File not found '.$file); + } + } + + //按包含层级，由多到少排序 + function sort(&$array) + { + usort( $array, array('self','cmp') ); + } + + + //处理各级模块 + function slot() + { + $slots=$this->slots; + $this->sort($slots); + // 将相同层级模块整合到同一数组中 + $tmp=array(); + foreach ( $slots as $v ) + { + $count = substr_count( $v, '/' ); + $tmp[$count][] = $v; + } + unset( $v ); + foreach ( $tmp as $k => &$v ) + { +// if ($k == 0) +// break; + //处理最后一级模块 + foreach ( $v as &$_v ) + { + $path = explode( '/', $_v ); + $var=$path[count($path)-1]; + $$var=$this->ci->load->view($this->files[$_v],!$this->merge?$this->slotvars[$_v]:array_merge($this->vars,$this->slotvars[$_v]),TRUE); + if($this->parse) + { + $this->vars[$var]=$this->ci->parser->_parse($$var, empty($this->vars)?array():(array)$this->vars,TRUE); + }else{ + $this->vars[$var]=$$var; + } + //去掉最后一级模块 + array_pop( $path ); + $_path = implode( '/', $path ); + //并将剩余层级移至上一层级中 + if (! isset( $tmp[$k - 1] ) || ! in_array( $_path, $tmp[$k - 1] )) + $tmp[$k - 1][] = $_path; + } + unset( $tmp[$k] ); + } + } + + static function cmp($a, $b) + { + $x = substr_count( $a, '/' ); + $y = substr_count( $b, '/' ); + if ($x == $y) + return 0; + return ($x > $y) ? - 1 : 1; + } + + function view($vars=array(),$views='',$return=FALSE) + { + + //默认layout文件名 + $views==''?$views='layout.php':1; + $this->vars=empty($vars)?array():(array)$vars; + $this->return=$return; + //处理各级模块 + $this->slot(); + + if($this->parse) + { + $layout=$this->ci->load->view($this->layout,$this->vars,TRUE); + return $this->ci->parser->_parse($layout, empty($this->vars)?array():(array)$this->vars,$return); + }else{ + return $this->ci->load->view($this->layout,$this->vars,$return); + } + } + + function reset() + { + $this->vars=array(); + $this->return=''; + $this->slots=''; + $this->files=''; + } + + +} \ No newline at end of file diff --git a/application/libraries/Page.php b/application/libraries/Page.php new file mode 100644 index 00000000000..390e1e3d11a --- /dev/null +++ b/application/libraries/Page.php @@ -0,0 +1,87 @@ +content_type = $config['content_type']; + $this->layout = $config['layout']; + $this->widgets = $config['widgets']; + $this->data = $config['data']; + + if (empty($this->layout)) { + $this->layout = 'layouts/default'; + } + $this->ci = &get_instance(); + $this->ci->load->library('parser'); + } + + function render() { + switch ($this->content_type) { + case 'json': + header("Content-type:text/json;charset=utf-8"); + echo json_encode($this->data); + return; + case 'widgets': + foreach ($this->widgets as $key=>$widget) { + // widget: template, data + $html = $this->ci->load->view($widget['template'], $widget['data'], TRUE); + $html = '
'.$html.'
'; + echo $html; + } + return; + case 'layout': + $this->ci->load->view($this->layout); + return; + default: + $out_puts = array(); + foreach ($this->widgets as $key=>$val) { + $html = ''; + if ($val instanceof Renderable) { + $renderer = $val; + $html = $renderer->render(TRUE); + } else if (is_array($val)) { + foreach ($val as $sub_widget) { + if ($sub_widget instanceof Renderable) { + $renderer = $sub_widget; + $html .= $renderer->render(TRUE); + } else { + // error handle + } + } + } else { + // error handle + } + $out_puts[$key] = $html; + } + $this->ci->parser->parse($this->layout, $out_puts); + return; + } + } + +// function render_by_default($content_widgets) { +// $widget = new Widget(); +// $widgets = array( +// 'header'=>$widget->get('header'), +// 'content'=>$content_widgets, +// 'footer'=>$widget->get('footer'), +// ); +// $this->render('layout_1', $widgets); +// } + +// function render_admin($content_widgets) { +// $widget = new Widget(); +// $widgets = array( +// 'header'=>$widget->get('admin_header'), +// 'content'=>$content_widgets, +// 'footer'=>$widget->get('footer'), +// ); +// $this->render('layout_1', $widgets); +// } +} \ No newline at end of file diff --git a/application/libraries/Renderable.php b/application/libraries/Renderable.php new file mode 100644 index 00000000000..b2d0d716709 --- /dev/null +++ b/application/libraries/Renderable.php @@ -0,0 +1,5 @@ + \ No newline at end of file diff --git a/application/libraries/Widget.php b/application/libraries/Widget.php new file mode 100644 index 00000000000..8a824913e89 --- /dev/null +++ b/application/libraries/Widget.php @@ -0,0 +1,63 @@ +template = $_template; + $this->data = $_data; + + $this->ci = &get_instance(); + } + + /** + * get widget configs from db + * @param unknown_type $name + * @param unknown_type $data + * @return Widget + */ + static function get_instance($id, $_data = null) { + $ci = &get_instance(); + $ci->load->model('widget_model'); + $m = $ci->widget_model->load($id); + + if (!empty($_data)) { + $data = array_merge($_data, json_decode($m['data'], true)); + } else { + $data = json_decode($m['data'], true); + } + + // @TODO config parmas + + return new Widget($m['template'], $data); + } + + function get_config_data() { + // implemented in sub class + return false; + } + + /** + * render widget content + * @see Renderable::render() + */ + function render($return = FALSE) { + $html = $this->ci->load->view($this->template, $this->data, $return); + if ($return) { + return $html; + } + } +} \ No newline at end of file diff --git a/application/libraries/audit.php b/application/libraries/audit.php new file mode 100644 index 00000000000..251cb6e9f5a --- /dev/null +++ b/application/libraries/audit.php @@ -0,0 +1,8 @@ + \ No newline at end of file diff --git a/application/libraries/base_service.php b/application/libraries/base_service.php new file mode 100644 index 00000000000..fcf7563cc9b --- /dev/null +++ b/application/libraries/base_service.php @@ -0,0 +1,107 @@ +ci = &get_instance(); + $this->ci->load->helper("utils_helper"); + if (!empty($model)) { + if ($model instanceof Base_model || $model instanceof Model_proxy) { + $this->model = $model; + } else { + $this->model = $this->$model; + } + } else { + $this->model = $this->base_model; + } + } + + public function __get($name) { + if (end_with($name, '_model')) { + $this->models[] = $name; + } + if (end_with($name, '_manager')) { + $this->managers[] = $name; + } + if (end_with($name, '_service')) { + $this->services[] = $name; + } + + if (end_with($name, '_model')) { + if (is_file($model_file = APPPATH . 'models/' . $name . '.php')) { + $proxy = new Model_proxy($name); + return $this->$name = $proxy; + } else { + $table = substr($name, 0, -6); + $proxy = new Model_proxy('base_model', $table); + return $this->$name = $proxy; + } + } + + if (end_with($name, '_manager') && is_file($manager_file = APPPATH . 'managers/' . $name . '.php')) { + $proxy = new Manager_proxy($name); + $proxy->set_level($this->level + 1); + return $this->$name = $proxy; + } + + if (end_with($name, '_service') && is_file($service_file = APPPATH . 'services/' . $name . '.php')) { + $proxy = new Service_proxy($name); + $proxy->set_level($this->level + 1); + return $this->$name = $proxy; + } + $class = get_class($this); + log_message('error', $name.' not found in service['.$class.'], pls check the code'); + } + + function save($bo) { + return $this->model->save($bo); + } + + function get($id) { + return $this->model->load($id); + } + + function get_all() { + return $this->model->find_all(array(), 'id'); + } + + function search($params, $orderby, $pagesize, $page) { + return $this->model->find_all($params, $orderby, $pagesize, $page); + } + + function count($params) { + return $this->model->count($params); + } + + function update($parmas, $kvs) { + return $this->model->update($parmas, $kvs); + } + + function remove($params) { + return $this->model->remove($params); + } + +// public function __get($name) { +// if (isset($this->$name) && $this->$name instanceof Base_model) { +// return $this->$name; +// } +// if ($name == 'model' && !empty($this->entity)) { +// $name = $this->entity.'_model'; +// } +// if (is_file($model_file = APPPATH . 'models/'.$name.'.php')) { +// require_once ($model_file); +// return $this->$name = new $name(); +// } else { +// return $this->model = new Base_model($this->entity); +// } +// } +} \ No newline at end of file diff --git a/application/libraries/common_service.php b/application/libraries/common_service.php new file mode 100644 index 00000000000..da4233ed199 --- /dev/null +++ b/application/libraries/common_service.php @@ -0,0 +1,116 @@ +model = $model; + } else { + $this->model = $this->$model; + } + } else { + $this->model = $this->base_model; + } + } + + /** + * 保存 + * @param unknown_type $bo + */ + function save($bo) { + return $this->model->save($bo); + } + + /** + * 根据id获取业务对象 + * @param unknown_type $id + */ + function get($id) { + return $this->model->load($id); + } + + function get_one($params) { + return $this->model->find_one($params); + } + + /** + * 获取所有业务对象 + */ + function get_all() { + return $this->model->find_all(array(), 'id'); + } + + /** + * 搜索业务对象 + */ + function search($params, $orderby, $pagesize, $page) { + return $this->model->find_all($params, $orderby, $pagesize, $page); + } + + /** + * 获取查找的业务对象的数量 + * @param unknown_type $params + */ + function count($params = array()) { + return $this->model->count($params); + } + + /** + * 根据条件更新业务对象 + * @param unknown_type $parmas + * @param unknown_type $kvs + */ + function update($parmas, $kvs) { + return $this->model->update($parmas, $kvs); + } + + /** + * 业务上的删除对象 + * @param unknown_type $params + */ + function remove($params) { + return $this->model->delete($params); + } + + /** + * 获取业务对象的字段 + */ + function columns() { + return $this->model->get_columns_meta(); + } + + function columns_for_add() { + $colums = $this->columns(); + unset($colums['id']); + unset($colums['created']); + unset($colums['updated']); + return $colums; + } + + function columns_for_edit() { + return $this->model->get_columns_meta(); + } + +// public function __get($name) { +// if (isset($this->$name) && $this->$name instanceof Base_model) { +// return $this->$name; +// } +// if ($name == 'model' && !empty($this->entity)) { +// $name = $this->entity.'_model'; +// } +// if (is_file($model_file = APPPATH . 'models/'.$name.'.php')) { +// require_once ($model_file); +// return $this->$name = new $name(); +// } else { +// return $this->model = new Base_model($this->entity); +// } +// } +} \ No newline at end of file diff --git a/application/libraries/manager_proxy.php b/application/libraries/manager_proxy.php new file mode 100644 index 00000000000..dc40310e07f --- /dev/null +++ b/application/libraries/manager_proxy.php @@ -0,0 +1,35 @@ +name = $manager_name; + if (is_file($model_file = APPPATH . 'managers/' . $manager_name . '.php')) { + log_message('info', 'load model '.$manager_name.', by lazy load'); + require_once ($model_file); + return $this->manager = new $manager_name(); + } + $this->call_stacks = array(); + } + + function __call($method, $args) { + $msg = $this->manager->level.':'.$this->name.'->'.$method.json_encode($args); + log_message('debug', $msg); + $this->call_stacks[] = $msg; + // echo str_repeat(' ', $this->model->level * 8).$msg.'
'; + + $return = call_user_func_array(array($this->manager, $method), $args); + + return $return; + } + + function set_level($level) { + $this->manager->level = $level; + } + +} \ No newline at end of file diff --git a/application/libraries/model_proxy.php b/application/libraries/model_proxy.php new file mode 100644 index 00000000000..74975bfad66 --- /dev/null +++ b/application/libraries/model_proxy.php @@ -0,0 +1,75 @@ +name = $model_name; + if (is_file($model_file = APPPATH . 'models/' . $model_name . '.php')) { + log_message('info', 'load model '.$model_name.', by lazy load'); + require_once ($model_file); + if ($table) { + return $this->model = new $model_name($table); + } else { + return $this->model = new $model_name(); + } + } + $this->call_stacks = array(); + } + + function __call($method, $args) { + // $msg = $this->model->level.':'.$this->name.'->'.$method.json_encode($args); + // log_message('debug', $msg); + // $this->call_stacks[] = $msg; + + // $this->_before_model(); + + if ($this->is_cache_configed($this->name, $method)) { + $key = 'model:'.$this->name.':'.$method.':'.json_encode($args); + // echo $key; + $CI = &get_instance(); + $CI->load->driver('cache', array('adapter' => 'redis')); + $r = $CI->cache->get($key); + if (empty($r)) { + // echo $key.'save to cache'; + $return = call_user_func_array(array($this->model, $method), $args); + $CI->cache->save($key, json_encode($return), 300); + } else { + // echo $key.'load from cache'; + $return = json_decode($r, true); + } + } else { + $return = call_user_func_array(array($this->model, $method), $args); + } + + // $this->_after_model(); + return $return; + } + + private function is_cache_configed($model, $method) { + $CI = &get_instance(); + $CI->config->load('cache', TRUE); + $models = $CI->config->item('model', 'cache'); + if (!empty($models[$model])) { + return in_array($method, $models[$model]); + } else { + return false; + } + } + + function set_level($level) { + $this->model->level = $level; + } + + function _before_model() { + // do something + } + + function _after_model() { + // do something + } +} \ No newline at end of file diff --git a/application/libraries/mute.php b/application/libraries/mute.php new file mode 100644 index 00000000000..b1a63e6afcc --- /dev/null +++ b/application/libraries/mute.php @@ -0,0 +1,8 @@ + \ No newline at end of file diff --git a/application/libraries/service_proxy.php b/application/libraries/service_proxy.php new file mode 100644 index 00000000000..8881ac07ea2 --- /dev/null +++ b/application/libraries/service_proxy.php @@ -0,0 +1,80 @@ +name = $service_name; + $this->call_stacks = array(); + + if (is_file($service_file = APPPATH . '/services/' . $service_name . '.php')) { + log_message('info', 'load service '.$service_name.', by lazy load'); + require_once($service_file); + $this->service = new $service_name(); + return $this->service; + } else { + $pos = strpos($service_name, '_service'); + $modal_name = substr($service_name, 0, $pos); + $this->service = new Common_service($modal_name.'_model'); + return $this->service; + // log_message('error', $service_name.' not loaded, pls have a check'); + } + } + + function set_level($level) { + $this->service->level = $level; + } + + function __call($method, $args) { + $msg = $this->service->level.':'.$this->name.'->'.$method.json_encode($args); + log_message('debug', $msg); + $this->call_stacks[] = $msg; +// echo str_repeat(' ', $this->service->level * 4).$msg.'
'; + + $this->_before_service(); + if ($this->is_cache_configed($this->name, $method)) { + $key = 'service:'.$this->name.':'.$method.':'.json_encode($args); + // echo $key; + $CI = &get_instance(); + $CI->load->driver('cache', array('adapter' => 'redis')); + $r = $CI->cache->get($key); + if (empty($r)) { + // echo $key.'save to cache'; + $return = call_user_func_array(array($this->service, $method), $args); + $CI->cache->save($key, json_encode($return), 300); + } else { + // echo $key.'load from cache'; + $return = json_decode($r, true); + } + } else { + $return = call_user_func_array(array($this->service, $method), $args); + } + $this->_after_service(); + return $return; + } + + private function is_cache_configed($service, $method) { + $CI = &get_instance(); + $CI->config->load('cache', TRUE); + $services = $CI->config->item('service', 'cache'); + if (!empty($services[$service])) { + return in_array($method, $services[$service]); + } else { + return false; + } + } + + function _before_service() { + // do something + } + + function _after_service() { + // do something + } + +} \ No newline at end of file diff --git a/application/migrations/20140325-1115-init.php b/application/migrations/20140325-1115-init.php new file mode 100644 index 00000000000..e8f3085daed --- /dev/null +++ b/application/migrations/20140325-1115-init.php @@ -0,0 +1,32 @@ +dbforge->add_field(array( + 'blog_id' => array( + 'type' => 'INT', + 'constraint' => 5, + 'unsigned' => TRUE, + 'auto_increment' => TRUE + ), + 'blog_title' => array( + 'type' => 'VARCHAR', + 'constraint' => '100', + ), + 'blog_description' => array( + 'type' => 'TEXT', + 'null' => TRUE, + ), + )); + + $this->dbforge->create_table('blog'); + } + + public function down() + { + $this->dbforge->drop_table('blog'); + } +} \ No newline at end of file diff --git a/application/models/base_model.php b/application/models/base_model.php new file mode 100644 index 00000000000..813bf14bf37 --- /dev/null +++ b/application/models/base_model.php @@ -0,0 +1,117 @@ +table_name = $table_name; + $this->load->database(); + } + + public function _set_table($name) { + $this->table_name = $name; + } + + public function load($id) { + return $this->db->from($this->table_name)->where(array('id' => $id))->get()->row_array(); + } + + public function find_one($params) { + return $this->db->from($this->table_name)->where($params)->get()->row_array(); + } + + public function find_all($params = array(), $orderby = null, $page_size = 0, $page = 1) { + $this->db->from($this->table_name)->where($params); + if (!empty($orderby)) { + $this->db->order_by($orderby); + } else { + $this->db->order_by('id desc'); + } + if (!empty($page_size) && !empty($page)) { + $start = $page_size * ($page - 1); + $this->db->limit($page_size, $start); + } + return $this->db->get()->result_array(); + } + + public function count($params = array()) { + return $this->db->from($this->table_name)->where($params)->count_all_results(); + } + + public function exist($params = array()) { + return $this->count($params) > 0; + } + + public function save($entity) { // &$entity + $flag = $this->db->insert($this->table_name, $entity); + $entity['id'] = $this->db->insert_id(); + return $entity; + } + + public function update($params, $data) { + if (is_int($params)) { + $params = array('id' => $params); + } + return $this->db->where($params)->update($this->table_name, $data); + } + + public function save_or_update($entity) { + $params = array(); + $has_keyvalues = true; + if (is_array($this->primary_key)) { + foreach ($this->primary_key as $each_key) { + if (isset($entity[$each_key])) { + $params[$each_key] = $entity[$each_key]; + } else { + $has_keyvalues = false; + break; + } + } + } else { + if (isset($entity[$this->primary_key])) { + $params[$this->primary_key] = $entity[$this->primary_key]; + } else { + $has_keyvalues = false; + } + } + if ($has_keyvalues) { + return $this->update($params, $entity); + } else { + return $this->save($entity); + } + } + + function remove($params) { + return $this->delete($params); + } + + public function delete($params) { + if (empty($params)) { + return false; + } + if (!is_array($params)) { + $params = array('id' => $params); + } + return $this->db->where($params)->delete($this->table_name); + } + + // function get_first() { + // return $this->db->from($this->table_name)->order_by('id asc')->limit(1, 0)->get()->row_array(); + // } + + /** + * should have order by condition + */ + function get_last() { + return $this->db->from($this->table_name)->order_by('id desc')->limit(1, 0)->get()->row_array(); + } + + function get_columns_meta() { + $QUERY_SQL = 'show columns from ' . $this->table_name; + $exe = $this->db->query($QUERY_SQL); + return $exe->result(); + } +} \ No newline at end of file diff --git a/application/models/common_model.php b/application/models/common_model.php new file mode 100644 index 00000000000..71bd1c9f57c --- /dev/null +++ b/application/models/common_model.php @@ -0,0 +1,132 @@ +table_name = $table_name; + $this->load->database(); + } + + public function _set_table($name) { + $this->table_name = $name; + } + + public function load($id) { + return $this->db->from($this->table_name)->where(array('id' => $id))->get()->row_array(); + } + + public function find_one($params) { + return $this->db->from($this->table_name)->where($params)->get()->row_array(); + } + + public function find_all($params = array(), $orderby = null, $page_size = 0, $page = 1) { + $this->db->from($this->table_name)->where($params); + if (!empty($orderby)) { + $this->db->order_by($orderby); + } else { + $this->db->order_by('id desc'); + } + if (!empty($page_size) && !empty($page)) { + $start = $page_size * ($page - 1); + $this->db->limit($page_size, $start); + } + return $this->db->get()->result_array(); + } + + public function count($params = array()) { + return $this->db->from($this->table_name)->where($params)->count_all_results(); + } + + public function exist($params = array()) { + return $this->count($params) > 0; + } + + public function save($entity) { // &$entity + $entity['created_at'] = date('Y-m-d H:i:s'); + $flag = $this->db->insert($this->table_name, $entity); + $entity['id'] = $this->db->insert_id(); + return $entity; + } + + public function update($params, $data) { + $data['updated_at'] = date('Y-m-d H:i:s'); + if (is_int($params)) { + $params = array('id' => $params); + } + return $this->db->where($params)->update($this->table_name, $data); + } + + public function save_or_update($entity) { + $params = array(); + $has_keyvalues = true; + if (is_array($this->primary_key)) { + foreach ($this->primary_key as $each_key) { + if (isset($entity[$each_key])) { + $params[$each_key] = $entity[$each_key]; + } else { + $has_keyvalues = false; + break; + } + } + } else { + if (isset($entity[$this->primary_key])) { + $params[$this->primary_key] = $entity[$this->primary_key]; + } else { + $has_keyvalues = false; + } + } + if ($has_keyvalues) { + return $this->update($params, $entity); + } else { + return $this->save($entity); + } + } + + function remove($params) { + if (empty($params)) { + return false; + } + if (!is_array($params)) { + $params = array('id' => $params); + } + $this->db->where($params)->update($params, array('status' => 'destroyed')); + } + + public function delete($params) { + if (empty($params)) { + return false; + } + if (!is_array($params)) { + $params = array('id' => $params); + } + $this->db->where($params)->delete($this->table_name); + } + + // function get_first() { + // return $this->db->from($this->table_name)->order_by('id asc')->limit(1, 0)->get()->row_array(); + // } + + + function get_last() { + return $this->db->from($this->table_name)->order_by('id desc')->limit(1, 0)->get()->row_array(); + } + + function get_columns_meta() { + $QUERY_SQL = 'show columns from ' . $this->table_name; + $exe = $this->db->query($QUERY_SQL); + return $exe->result(); + } +} \ No newline at end of file diff --git a/application/models/user_model.php b/application/models/user_model.php new file mode 100644 index 00000000000..13611322643 --- /dev/null +++ b/application/models/user_model.php @@ -0,0 +1,12 @@ +user_model); + } + +} \ No newline at end of file diff --git a/application/views/analysis.php b/application/views/analysis.php new file mode 100644 index 00000000000..424e35fa90a --- /dev/null +++ b/application/views/analysis.php @@ -0,0 +1,17 @@ + \ No newline at end of file diff --git a/application/views/common/edit.php b/application/views/common/edit.php new file mode 100644 index 00000000000..e6c9ba16ea9 --- /dev/null +++ b/application/views/common/edit.php @@ -0,0 +1,34 @@ +
+
+ New + Field, array('created', 'updated'))) { + continue; + } + if ($col->Field == 'id') { + echo ''; + continue; + } + ?> +
+ +
+ Type, 'datetime')) { + $field_type = 'datetime'; + } + echo ''; + ?> +
+
+ +
+
+ + Cancel +
+
diff --git a/application/views/common/feedback.php b/application/views/common/feedback.php new file mode 100644 index 00000000000..f21dfab9561 --- /dev/null +++ b/application/views/common/feedback.php @@ -0,0 +1,41 @@ +
+
+
+ 反馈 +
+
+ + + +
+ +

方便我们给您答复

+
+
+ + + +
+ +

如果您希望我们可以通过电话给您答复

+
+
+ + + +
+
+ +
+
+
+
+ + +
+ +
+
+ +
+
diff --git a/application/views/common/list.php b/application/views/common/list.php new file mode 100644 index 00000000000..c261b67b8ad --- /dev/null +++ b/application/views/common/list.php @@ -0,0 +1,49 @@ + +
+
+ + + + + '.$key.''; + } + ?> + + + + + + + + '.$item[$key].''; + } else { + echo ''; + } + } + ?> + + + + +
'.$item[$key].' +
+ Edit + Delete +
+
+
+
\ No newline at end of file diff --git a/application/views/common/modal.php b/application/views/common/modal.php new file mode 100644 index 00000000000..8609f30220d --- /dev/null +++ b/application/views/common/modal.php @@ -0,0 +1,19 @@ +
+ +

Modal header

+
+
+ +
+

This modal was loaded in via ajax

+

This is some other tab content

+
+ +
+
+ + +
\ No newline at end of file diff --git a/application/views/common/new.php b/application/views/common/new.php new file mode 100644 index 00000000000..ae99e54aa6b --- /dev/null +++ b/application/views/common/new.php @@ -0,0 +1,34 @@ +
+
+ New + Field, array('id', 'created', 'updated'))) { + continue; + } + ?> +
+ +
+ Type, 'int')) { + echo ''; + } else if (start_with($col->Type, 'varchar')) { + echo ''; + } else if (start_with($col->Type, 'datetime')) { + echo ''; + } else { + echo ''; + } + ?> +
+
+ +
+
+ + Cancel +
+
\ No newline at end of file diff --git a/application/views/common/pager.php b/application/views/common/pager.php new file mode 100644 index 00000000000..8efc4577879 --- /dev/null +++ b/application/views/common/pager.php @@ -0,0 +1,66 @@ + 3 && $page < $total_page - 2) { + $start_page = $page - 2; + $end_page = $page + 2; + } else { + $start_page = $total_page - 4; + $end_page = $total_page; + } +} +$base_uri = $this->uri->uri_string; +$params = $this->input->get(); +$first_page_url = get_pager_url($base_uri, $params, 1); +$last_page_url = get_pager_url($base_uri, $params, $total_page); +?> + +
+
+ +
    + 1) { + echo '
  • «
    • '; + } else { + echo '
  • «
    • '; + } + for($idx = $start_page; $idx <= $end_page; $idx++) { + if ($idx == $page) { + echo '
  • ' . $idx . '
    • '; + } else { + $idx_page_url = get_pager_url($base_uri, $params, $idx); + echo '
  • ' . $idx . '
    • '; + } + } + if ($page < $total_page) { + echo '
  • »
    • '; + } else { + echo '
  • »
    • '; + } + ?> +
+ +
+
\ No newline at end of file diff --git a/application/views/common/toolbar.php b/application/views/common/toolbar.php new file mode 100644 index 00000000000..b3d9bbc7f37 --- /dev/null +++ b/application/views/common/toolbar.php @@ -0,0 +1 @@ + + + + 属性 + 值 + + + + $val) { + ?> + + + + + + + +返回 \ No newline at end of file diff --git a/application/views/common2/blank.php b/application/views/common2/blank.php new file mode 100644 index 00000000000..8f920a1fb2f --- /dev/null +++ b/application/views/common2/blank.php @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/application/views/common2/footer.php b/application/views/common2/footer.php new file mode 100644 index 00000000000..6eda5818abb --- /dev/null +++ b/application/views/common2/footer.php @@ -0,0 +1,9 @@ + \ No newline at end of file diff --git a/application/views/common2/header.php b/application/views/common2/header.php new file mode 100644 index 00000000000..88944faafff --- /dev/null +++ b/application/views/common2/header.php @@ -0,0 +1,110 @@ + + + +uri->segments[1]) ? $this->uri->segments[1] : '/'; + +$dom = new DOMDocument(); +$dom->load(dirname(__FILE__).'/../../models/nav_menu.xml'); +$nav_menus = simplexml_import_dom($dom); + +$user_info = @$this->data['mct_user']; + +$sub_menus = array(); +?> +Macitoo: Invest in yourself +
+
+
+ Macitoo + + +
+
+
+ + +
+ +
+ \ No newline at end of file diff --git a/application/views/common2/header1.php b/application/views/common2/header1.php new file mode 100644 index 00000000000..c1b19fcfcfc --- /dev/null +++ b/application/views/common2/header1.php @@ -0,0 +1,66 @@ + + + + + + +Macitoo: Invest in yourself + +
+
+
+ + +
+
+
diff --git a/application/views/common2/include_static_res.php b/application/views/common2/include_static_res.php new file mode 100644 index 00000000000..a28665a2e4c --- /dev/null +++ b/application/views/common2/include_static_res.php @@ -0,0 +1,12 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/application/views/common2/layout.php b/application/views/common2/layout.php new file mode 100644 index 00000000000..aa0bbde8ee2 --- /dev/null +++ b/application/views/common2/layout.php @@ -0,0 +1,5 @@ +{header} +
+{content} +
+{footer} diff --git a/application/views/common2/list.php b/application/views/common2/list.php new file mode 100644 index 00000000000..6ad8d167318 --- /dev/null +++ b/application/views/common2/list.php @@ -0,0 +1,27 @@ + +
+ + + + '.$key.''; + } + ?> + + + + '; + foreach ($keys as $key) { + echo ''; + } + echo ''; + } + ?> + +
'.$item[$key].'
+
\ No newline at end of file diff --git a/application/views/common2/res.php b/application/views/common2/res.php new file mode 100644 index 00000000000..ea48cc05da4 --- /dev/null +++ b/application/views/common2/res.php @@ -0,0 +1,13 @@ + + + + + + + + + + + diff --git a/application/views/common2/view.php b/application/views/common2/view.php new file mode 100644 index 00000000000..8b4bfdb1478 --- /dev/null +++ b/application/views/common2/view.php @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/application/views/footer.php b/application/views/footer.php new file mode 100644 index 00000000000..15fe7a677f0 --- /dev/null +++ b/application/views/footer.php @@ -0,0 +1,9 @@ + diff --git a/application/views/head/common_head.php b/application/views/head/common_head.php new file mode 100644 index 00000000000..ad167002519 --- /dev/null +++ b/application/views/head/common_head.php @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/application/views/head/simple_head.php b/application/views/head/simple_head.php new file mode 100644 index 00000000000..99df99f1dcb --- /dev/null +++ b/application/views/head/simple_head.php @@ -0,0 +1,9 @@ + + + + + + + + + \ No newline at end of file diff --git a/application/views/header.php b/application/views/header.php new file mode 100644 index 00000000000..beb666a2371 --- /dev/null +++ b/application/views/header.php @@ -0,0 +1,27 @@ + \ No newline at end of file diff --git a/application/views/layouts/common_layout.php b/application/views/layouts/common_layout.php new file mode 100644 index 00000000000..3f81d03ce80 --- /dev/null +++ b/application/views/layouts/common_layout.php @@ -0,0 +1,16 @@ + + + + + + +
{header}
+
{content}
+ + + + \ No newline at end of file diff --git a/application/views/layouts/default.php b/application/views/layouts/default.php new file mode 100644 index 00000000000..4e1be287e18 --- /dev/null +++ b/application/views/layouts/default.php @@ -0,0 +1 @@ +{content} \ No newline at end of file diff --git a/application/views/layouts/head.php b/application/views/layouts/head.php new file mode 100644 index 00000000000..7745e7f9ee6 --- /dev/null +++ b/application/views/layouts/head.php @@ -0,0 +1,20 @@ + +data['_head']['title'])) { + echo ''.$this->data['_head']['title'].''; +} +if (!empty($this->data['_head']['keywords'])) { + echo ''; +} +if (!empty($this->data['_head']['description'])) { + echo ''; +} +?> + +{_assets} + \ No newline at end of file diff --git a/application/views/layouts/simple_layout.php b/application/views/layouts/simple_layout.php new file mode 100644 index 00000000000..1f91521792b --- /dev/null +++ b/application/views/layouts/simple_layout.php @@ -0,0 +1,11 @@ + + + + + + +
{content}
+ + \ No newline at end of file diff --git a/application/views/list.php b/application/views/list.php new file mode 100644 index 00000000000..14895065a48 --- /dev/null +++ b/application/views/list.php @@ -0,0 +1,49 @@ + +
+
+ + + + + '.$key.''; + } + ?> + + + + + + + + '.$item[$key].''; + } else { + echo ''; + } + } + ?> + + + + +
'.$item[$key].' +   +   +   +
+
+
diff --git a/application/views/login.php b/application/views/login.php new file mode 100644 index 00000000000..85e3aec641d --- /dev/null +++ b/application/views/login.php @@ -0,0 +1,27 @@ +
+
+
+
+ +
+
+
+ + +
+
+ + +
+
+
+ +
+
+
+
+
+
\ No newline at end of file diff --git a/application/views/register.php b/application/views/register.php new file mode 100644 index 00000000000..54313582041 --- /dev/null +++ b/application/views/register.php @@ -0,0 +1,31 @@ +
+
+
+
+ +
+
+
+ + +
+
+ + +
+
+ + +
+
+
+ +
+
+
+
+
+
\ No newline at end of file diff --git a/assets/img/poster.jpg b/assets/img/poster.jpg new file mode 100644 index 00000000000..9e6a05c5e79 Binary files /dev/null and b/assets/img/poster.jpg differ diff --git a/assets/metronic/css/animate.css b/assets/metronic/css/animate.css new file mode 100644 index 00000000000..8dfcfe9ec49 --- /dev/null +++ b/assets/metronic/css/animate.css @@ -0,0 +1,3263 @@ +@charset "UTF-8"; +/* +Animate.css - http://daneden.me/animate +Licensed under the MIT license + +Copyright (c) 2013 Daniel Eden + +Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. +*/ +body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */ + -webkit-backface-visibility: hidden; +} +.animated { + -webkit-animation-duration: 1s; + -moz-animation-duration: 1s; + -o-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + -moz-animation-fill-mode: both; + -o-animation-fill-mode: both; + animation-fill-mode: both; +} + +.animated.hinge { + -webkit-animation-duration: 2s; + -moz-animation-duration: 2s; + -o-animation-duration: 2s; + animation-duration: 2s; +} + +@-webkit-keyframes flash { + 0%, 50%, 100% {opacity: 1;} + 25%, 75% {opacity: 0;} +} + +@-moz-keyframes flash { + 0%, 50%, 100% {opacity: 1;} + 25%, 75% {opacity: 0;} +} + +@-o-keyframes flash { + 0%, 50%, 100% {opacity: 1;} + 25%, 75% {opacity: 0;} +} + +@keyframes flash { + 0%, 50%, 100% {opacity: 1;} + 25%, 75% {opacity: 0;} +} + +.flash { + -webkit-animation-name: flash; + -moz-animation-name: flash; + -o-animation-name: flash; + animation-name: flash; +} +@-webkit-keyframes shake { + 0%, 100% {-webkit-transform: translateX(0);} + 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} + 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} +} + +@-moz-keyframes shake { + 0%, 100% {-moz-transform: translateX(0);} + 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);} + 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);} +} + +@-o-keyframes shake { + 0%, 100% {-o-transform: translateX(0);} + 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);} + 20%, 40%, 60%, 80% {-o-transform: translateX(10px);} +} + +@keyframes shake { + 0%, 100% {transform: translateX(0);} + 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} + 20%, 40%, 60%, 80% {transform: translateX(10px);} +} + +.shake { + -webkit-animation-name: shake; + -moz-animation-name: shake; + -o-animation-name: shake; + animation-name: shake; +} +@-webkit-keyframes bounce { + 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} + 40% {-webkit-transform: translateY(-30px);} + 60% {-webkit-transform: translateY(-15px);} +} + +@-moz-keyframes bounce { + 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);} + 40% {-moz-transform: translateY(-30px);} + 60% {-moz-transform: translateY(-15px);} +} + +@-o-keyframes bounce { + 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);} + 40% {-o-transform: translateY(-30px);} + 60% {-o-transform: translateY(-15px);} +} +@keyframes bounce { + 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} + 40% {transform: translateY(-30px);} + 60% {transform: translateY(-15px);} +} + +.bounce { + -webkit-animation-name: bounce; + -moz-animation-name: bounce; + -o-animation-name: bounce; + animation-name: bounce; +} +@-webkit-keyframes tada { + 0% {-webkit-transform: scale(1);} + 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} + 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} + 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} + 100% {-webkit-transform: scale(1) rotate(0);} +} + +@-moz-keyframes tada { + 0% {-moz-transform: scale(1);} + 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);} + 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);} + 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);} + 100% {-moz-transform: scale(1) rotate(0);} +} + +@-o-keyframes tada { + 0% {-o-transform: scale(1);} + 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);} + 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);} + 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);} + 100% {-o-transform: scale(1) rotate(0);} +} + +@keyframes tada { + 0% {transform: scale(1);} + 10%, 20% {transform: scale(0.9) rotate(-3deg);} + 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} + 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} + 100% {transform: scale(1) rotate(0);} +} + +.tada { + -webkit-animation-name: tada; + -moz-animation-name: tada; + -o-animation-name: tada; + animation-name: tada; +} +@-webkit-keyframes swing { + 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } + 20% { -webkit-transform: rotate(15deg); } + 40% { -webkit-transform: rotate(-10deg); } + 60% { -webkit-transform: rotate(5deg); } + 80% { -webkit-transform: rotate(-5deg); } + 100% { -webkit-transform: rotate(0deg); } +} + +@-moz-keyframes swing { + 20% { -moz-transform: rotate(15deg); } + 40% { -moz-transform: rotate(-10deg); } + 60% { -moz-transform: rotate(5deg); } + 80% { -moz-transform: rotate(-5deg); } + 100% { -moz-transform: rotate(0deg); } +} + +@-o-keyframes swing { + 20% { -o-transform: rotate(15deg); } + 40% { -o-transform: rotate(-10deg); } + 60% { -o-transform: rotate(5deg); } + 80% { -o-transform: rotate(-5deg); } + 100% { -o-transform: rotate(0deg); } +} + +@keyframes swing { + 20% { transform: rotate(15deg); } + 40% { transform: rotate(-10deg); } + 60% { transform: rotate(5deg); } + 80% { transform: rotate(-5deg); } + 100% { transform: rotate(0deg); } +} + +.swing { + -webkit-transform-origin: top center; + -moz-transform-origin: top center; + -o-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + -moz-animation-name: swing; + -o-animation-name: swing; + animation-name: swing; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes wobble { + 0% { -webkit-transform: translateX(0%); } + 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } + 30% { -webkit-transform: translateX(20%) rotate(3deg); } + 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } + 60% { -webkit-transform: translateX(10%) rotate(2deg); } + 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } + 100% { -webkit-transform: translateX(0%); } +} + +@-moz-keyframes wobble { + 0% { -moz-transform: translateX(0%); } + 15% { -moz-transform: translateX(-25%) rotate(-5deg); } + 30% { -moz-transform: translateX(20%) rotate(3deg); } + 45% { -moz-transform: translateX(-15%) rotate(-3deg); } + 60% { -moz-transform: translateX(10%) rotate(2deg); } + 75% { -moz-transform: translateX(-5%) rotate(-1deg); } + 100% { -moz-transform: translateX(0%); } +} + +@-o-keyframes wobble { + 0% { -o-transform: translateX(0%); } + 15% { -o-transform: translateX(-25%) rotate(-5deg); } + 30% { -o-transform: translateX(20%) rotate(3deg); } + 45% { -o-transform: translateX(-15%) rotate(-3deg); } + 60% { -o-transform: translateX(10%) rotate(2deg); } + 75% { -o-transform: translateX(-5%) rotate(-1deg); } + 100% { -o-transform: translateX(0%); } +} + +@keyframes wobble { + 0% { transform: translateX(0%); } + 15% { transform: translateX(-25%) rotate(-5deg); } + 30% { transform: translateX(20%) rotate(3deg); } + 45% { transform: translateX(-15%) rotate(-3deg); } + 60% { transform: translateX(10%) rotate(2deg); } + 75% { transform: translateX(-5%) rotate(-1deg); } + 100% { transform: translateX(0%); } +} + +.wobble { + -webkit-animation-name: wobble; + -moz-animation-name: wobble; + -o-animation-name: wobble; + animation-name: wobble; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes pulse { + 0% { -webkit-transform: scale(1); } + 50% { -webkit-transform: scale(1.1); } + 100% { -webkit-transform: scale(1); } +} +@-moz-keyframes pulse { + 0% { -moz-transform: scale(1); } + 50% { -moz-transform: scale(1.1); } + 100% { -moz-transform: scale(1); } +} +@-o-keyframes pulse { + 0% { -o-transform: scale(1); } + 50% { -o-transform: scale(1.1); } + 100% { -o-transform: scale(1); } +} +@keyframes pulse { + 0% { transform: scale(1); } + 50% { transform: scale(1.1); } + 100% { transform: scale(1); } +} + +.pulse { + -webkit-animation-name: pulse; + -moz-animation-name: pulse; + -o-animation-name: pulse; + animation-name: pulse; +} +@-webkit-keyframes flip { + 0% { + -webkit-transform: perspective(400px) rotateY(0); + -webkit-animation-timing-function: ease-out; + } + 40% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); + -webkit-animation-timing-function: ease-out; + } + 50% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -webkit-animation-timing-function: ease-in; + } + 80% { + -webkit-transform: perspective(400px) rotateY(360deg) scale(.95); + -webkit-animation-timing-function: ease-in; + } + 100% { + -webkit-transform: perspective(400px) scale(1); + -webkit-animation-timing-function: ease-in; + } +} +@-moz-keyframes flip { + 0% { + -moz-transform: perspective(400px) rotateY(0); + -moz-animation-timing-function: ease-out; + } + 40% { + -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); + -moz-animation-timing-function: ease-out; + } + 50% { + -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -moz-animation-timing-function: ease-in; + } + 80% { + -moz-transform: perspective(400px) rotateY(360deg) scale(.95); + -moz-animation-timing-function: ease-in; + } + 100% { + -moz-transform: perspective(400px) scale(1); + -moz-animation-timing-function: ease-in; + } +} +@-o-keyframes flip { + 0% { + -o-transform: perspective(400px) rotateY(0); + -o-animation-timing-function: ease-out; + } + 40% { + -o-transform: perspective(400px) translateZ(150px) rotateY(170deg); + -o-animation-timing-function: ease-out; + } + 50% { + -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -o-animation-timing-function: ease-in; + } + 80% { + -o-transform: perspective(400px) rotateY(360deg) scale(.95); + -o-animation-timing-function: ease-in; + } + 100% { + -o-transform: perspective(400px) scale(1); + -o-animation-timing-function: ease-in; + } +} +@keyframes flip { + 0% { + transform: perspective(400px) rotateY(0); + animation-timing-function: ease-out; + } + 40% { + transform: perspective(400px) translateZ(150px) rotateY(170deg); + animation-timing-function: ease-out; + } + 50% { + transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + animation-timing-function: ease-in; + } + 80% { + transform: perspective(400px) rotateY(360deg) scale(.95); + animation-timing-function: ease-in; + } + 100% { + transform: perspective(400px) scale(1); + animation-timing-function: ease-in; + } +} + +.flip { + -webkit-backface-visibility: visible !important; + -webkit-animation-name: flip; + -moz-backface-visibility: visible !important; + -moz-animation-name: flip; + -o-backface-visibility: visible !important; + -o-animation-name: flip; + backface-visibility: visible !important; + animation-name: flip; +} +@-webkit-keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateX(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateX(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} +@-moz-keyframes flipInX { + 0% { + -moz-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + -moz-transform: perspective(400px) rotateX(-10deg); + } + + 70% { + -moz-transform: perspective(400px) rotateX(10deg); + } + + 100% { + -moz-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} +@-o-keyframes flipInX { + 0% { + -o-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + -o-transform: perspective(400px) rotateX(-10deg); + } + + 70% { + -o-transform: perspective(400px) rotateX(10deg); + } + + 100% { + -o-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} +@keyframes flipInX { + 0% { + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + transform: perspective(400px) rotateX(-10deg); + } + + 70% { + transform: perspective(400px) rotateX(10deg); + } + + 100% { + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} + +.flipInX { + -webkit-backface-visibility: visible !important; + -webkit-animation-name: flipInX; + -moz-backface-visibility: visible !important; + -moz-animation-name: flipInX; + -o-backface-visibility: visible !important; + -o-animation-name: flipInX; + backface-visibility: visible !important; + animation-name: flipInX; +} +@-webkit-keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + 100% { + -webkit-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +@-moz-keyframes flipOutX { + 0% { + -moz-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + 100% { + -moz-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +@-o-keyframes flipOutX { + 0% { + -o-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + 100% { + -o-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +@keyframes flipOutX { + 0% { + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + 100% { + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +.flipOutX { + -webkit-animation-name: flipOutX; + -webkit-backface-visibility: visible !important; + -moz-animation-name: flipOutX; + -moz-backface-visibility: visible !important; + -o-animation-name: flipOutX; + -o-backface-visibility: visible !important; + animation-name: flipOutX; + backface-visibility: visible !important; +} +@-webkit-keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateY(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateY(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} +@-moz-keyframes flipInY { + 0% { + -moz-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + -moz-transform: perspective(400px) rotateY(-10deg); + } + + 70% { + -moz-transform: perspective(400px) rotateY(10deg); + } + + 100% { + -moz-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} +@-o-keyframes flipInY { + 0% { + -o-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + -o-transform: perspective(400px) rotateY(-10deg); + } + + 70% { + -o-transform: perspective(400px) rotateY(10deg); + } + + 100% { + -o-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} +@keyframes flipInY { + 0% { + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + transform: perspective(400px) rotateY(-10deg); + } + + 70% { + transform: perspective(400px) rotateY(10deg); + } + + 100% { + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} + +.flipInY { + -webkit-backface-visibility: visible !important; + -webkit-animation-name: flipInY; + -moz-backface-visibility: visible !important; + -moz-animation-name: flipInY; + -o-backface-visibility: visible !important; + -o-animation-name: flipInY; + backface-visibility: visible !important; + animation-name: flipInY; +} +@-webkit-keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + 100% { + -webkit-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} +@-moz-keyframes flipOutY { + 0% { + -moz-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + 100% { + -moz-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} +@-o-keyframes flipOutY { + 0% { + -o-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + 100% { + -o-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} +@keyframes flipOutY { + 0% { + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + 100% { + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} + +.flipOutY { + -webkit-backface-visibility: visible !important; + -webkit-animation-name: flipOutY; + -moz-backface-visibility: visible !important; + -moz-animation-name: flipOutY; + -o-backface-visibility: visible !important; + -o-animation-name: flipOutY; + backface-visibility: visible !important; + animation-name: flipOutY; +} +@-webkit-keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +@-moz-keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +@-o-keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +@keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +.fadeIn { + -webkit-animation-name: fadeIn; + -moz-animation-name: fadeIn; + -o-animation-name: fadeIn; + animation-name: fadeIn; +} +@-webkit-keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes fadeInUp { + 0% { + opacity: 0; + -moz-transform: translateY(20px); + } + + 100% { + opacity: 1; + -moz-transform: translateY(0); + } +} + +@-o-keyframes fadeInUp { + 0% { + opacity: 0; + -o-transform: translateY(20px); + } + + 100% { + opacity: 1; + -o-transform: translateY(0); + } +} + +@keyframes fadeInUp { + 0% { + opacity: 0; + transform: translateY(20px); + } + + 100% { + opacity: 1; + transform: translateY(0); + } +} + +.fadeInUp { + -webkit-animation-name: fadeInUp; + -moz-animation-name: fadeInUp; + -o-animation-name: fadeInUp; + animation-name: fadeInUp; +} +@-webkit-keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes fadeInDown { + 0% { + opacity: 0; + -moz-transform: translateY(-20px); + } + + 100% { + opacity: 1; + -moz-transform: translateY(0); + } +} + +@-o-keyframes fadeInDown { + 0% { + opacity: 0; + -o-transform: translateY(-20px); + } + + 100% { + opacity: 1; + -o-transform: translateY(0); + } +} + +@keyframes fadeInDown { + 0% { + opacity: 0; + transform: translateY(-20px); + } + + 100% { + opacity: 1; + transform: translateY(0); + } +} + +.fadeInDown { + -webkit-animation-name: fadeInDown; + -moz-animation-name: fadeInDown; + -o-animation-name: fadeInDown; + animation-name: fadeInDown; +} +@-webkit-keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes fadeInLeft { + 0% { + opacity: 0; + -moz-transform: translateX(-20px); + } + + 100% { + opacity: 1; + -moz-transform: translateX(0); + } +} + +@-o-keyframes fadeInLeft { + 0% { + opacity: 0; + -o-transform: translateX(-20px); + } + + 100% { + opacity: 1; + -o-transform: translateX(0); + } +} + +@keyframes fadeInLeft { + 0% { + opacity: 0; + transform: translateX(-20px); + } + + 100% { + opacity: 1; + transform: translateX(0); + } +} + +.fadeInLeft { + -webkit-animation-name: fadeInLeft; + -moz-animation-name: fadeInLeft; + -o-animation-name: fadeInLeft; + animation-name: fadeInLeft; +} +@-webkit-keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes fadeInRight { + 0% { + opacity: 0; + -moz-transform: translateX(20px); + } + + 100% { + opacity: 1; + -moz-transform: translateX(0); + } +} + +@-o-keyframes fadeInRight { + 0% { + opacity: 0; + -o-transform: translateX(20px); + } + + 100% { + opacity: 1; + -o-transform: translateX(0); + } +} + +@keyframes fadeInRight { + 0% { + opacity: 0; + transform: translateX(20px); + } + + 100% { + opacity: 1; + transform: translateX(0); + } +} + +.fadeInRight { + -webkit-animation-name: fadeInRight; + -moz-animation-name: fadeInRight; + -o-animation-name: fadeInRight; + animation-name: fadeInRight; +} +@-webkit-keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes fadeInUpBig { + 0% { + opacity: 0; + -moz-transform: translateY(2000px); + } + + 100% { + opacity: 1; + -moz-transform: translateY(0); + } +} + +@-o-keyframes fadeInUpBig { + 0% { + opacity: 0; + -o-transform: translateY(2000px); + } + + 100% { + opacity: 1; + -o-transform: translateY(0); + } +} + +@keyframes fadeInUpBig { + 0% { + opacity: 0; + transform: translateY(2000px); + } + + 100% { + opacity: 1; + transform: translateY(0); + } +} + +.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + -moz-animation-name: fadeInUpBig; + -o-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; +} +@-webkit-keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes fadeInDownBig { + 0% { + opacity: 0; + -moz-transform: translateY(-2000px); + } + + 100% { + opacity: 1; + -moz-transform: translateY(0); + } +} + +@-o-keyframes fadeInDownBig { + 0% { + opacity: 0; + -o-transform: translateY(-2000px); + } + + 100% { + opacity: 1; + -o-transform: translateY(0); + } +} + +@keyframes fadeInDownBig { + 0% { + opacity: 0; + transform: translateY(-2000px); + } + + 100% { + opacity: 1; + transform: translateY(0); + } +} + +.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + -moz-animation-name: fadeInDownBig; + -o-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; +} +@-webkit-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} +@-moz-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -moz-transform: translateX(-2000px); + } + + 100% { + opacity: 1; + -moz-transform: translateX(0); + } +} +@-o-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -o-transform: translateX(-2000px); + } + + 100% { + opacity: 1; + -o-transform: translateX(0); + } +} +@keyframes fadeInLeftBig { + 0% { + opacity: 0; + transform: translateX(-2000px); + } + + 100% { + opacity: 1; + transform: translateX(0); + } +} + +.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + -moz-animation-name: fadeInLeftBig; + -o-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; +} +@-webkit-keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes fadeInRightBig { + 0% { + opacity: 0; + -moz-transform: translateX(2000px); + } + + 100% { + opacity: 1; + -moz-transform: translateX(0); + } +} + +@-o-keyframes fadeInRightBig { + 0% { + opacity: 0; + -o-transform: translateX(2000px); + } + + 100% { + opacity: 1; + -o-transform: translateX(0); + } +} + +@keyframes fadeInRightBig { + 0% { + opacity: 0; + transform: translateX(2000px); + } + + 100% { + opacity: 1; + transform: translateX(0); + } +} + +.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + -moz-animation-name: fadeInRightBig; + -o-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; +} +@-webkit-keyframes fadeOut { + 0% {opacity: 1;} + 100% {opacity: 0;} +} + +@-moz-keyframes fadeOut { + 0% {opacity: 1;} + 100% {opacity: 0;} +} + +@-o-keyframes fadeOut { + 0% {opacity: 1;} + 100% {opacity: 0;} +} + +@keyframes fadeOut { + 0% {opacity: 1;} + 100% {opacity: 0;} +} + +.fadeOut { + -webkit-animation-name: fadeOut; + -moz-animation-name: fadeOut; + -o-animation-name: fadeOut; + animation-name: fadeOut; +} +@-webkit-keyframes fadeOutUp { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-20px); + } +} +@-moz-keyframes fadeOutUp { + 0% { + opacity: 1; + -moz-transform: translateY(0); + } + + 100% { + opacity: 0; + -moz-transform: translateY(-20px); + } +} +@-o-keyframes fadeOutUp { + 0% { + opacity: 1; + -o-transform: translateY(0); + } + + 100% { + opacity: 0; + -o-transform: translateY(-20px); + } +} +@keyframes fadeOutUp { + 0% { + opacity: 1; + transform: translateY(0); + } + + 100% { + opacity: 0; + transform: translateY(-20px); + } +} + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + -moz-animation-name: fadeOutUp; + -o-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} +@-webkit-keyframes fadeOutDown { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(20px); + } +} + +@-moz-keyframes fadeOutDown { + 0% { + opacity: 1; + -moz-transform: translateY(0); + } + + 100% { + opacity: 0; + -moz-transform: translateY(20px); + } +} + +@-o-keyframes fadeOutDown { + 0% { + opacity: 1; + -o-transform: translateY(0); + } + + 100% { + opacity: 0; + -o-transform: translateY(20px); + } +} + +@keyframes fadeOutDown { + 0% { + opacity: 1; + transform: translateY(0); + } + + 100% { + opacity: 0; + transform: translateY(20px); + } +} + +.fadeOutDown { + -webkit-animation-name: fadeOutDown; + -moz-animation-name: fadeOutDown; + -o-animation-name: fadeOutDown; + animation-name: fadeOutDown; +} +@-webkit-keyframes fadeOutLeft { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-20px); + } +} + +@-moz-keyframes fadeOutLeft { + 0% { + opacity: 1; + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(-20px); + } +} + +@-o-keyframes fadeOutLeft { + 0% { + opacity: 1; + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(-20px); + } +} + +@keyframes fadeOutLeft { + 0% { + opacity: 1; + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(-20px); + } +} + +.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + -moz-animation-name: fadeOutLeft; + -o-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; +} +@-webkit-keyframes fadeOutRight { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(20px); + } +} + +@-moz-keyframes fadeOutRight { + 0% { + opacity: 1; + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(20px); + } +} + +@-o-keyframes fadeOutRight { + 0% { + opacity: 1; + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(20px); + } +} + +@keyframes fadeOutRight { + 0% { + opacity: 1; + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(20px); + } +} + +.fadeOutRight { + -webkit-animation-name: fadeOutRight; + -moz-animation-name: fadeOutRight; + -o-animation-name: fadeOutRight; + animation-name: fadeOutRight; +} +@-webkit-keyframes fadeOutUpBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } +} + +@-moz-keyframes fadeOutUpBig { + 0% { + opacity: 1; + -moz-transform: translateY(0); + } + + 100% { + opacity: 0; + -moz-transform: translateY(-2000px); + } +} + +@-o-keyframes fadeOutUpBig { + 0% { + opacity: 1; + -o-transform: translateY(0); + } + + 100% { + opacity: 0; + -o-transform: translateY(-2000px); + } +} + +@keyframes fadeOutUpBig { + 0% { + opacity: 1; + transform: translateY(0); + } + + 100% { + opacity: 0; + transform: translateY(-2000px); + } +} + +.fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + -moz-animation-name: fadeOutUpBig; + -o-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig; +} +@-webkit-keyframes fadeOutDownBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + } +} + +@-moz-keyframes fadeOutDownBig { + 0% { + opacity: 1; + -moz-transform: translateY(0); + } + + 100% { + opacity: 0; + -moz-transform: translateY(2000px); + } +} + +@-o-keyframes fadeOutDownBig { + 0% { + opacity: 1; + -o-transform: translateY(0); + } + + 100% { + opacity: 0; + -o-transform: translateY(2000px); + } +} + +@keyframes fadeOutDownBig { + 0% { + opacity: 1; + transform: translateY(0); + } + + 100% { + opacity: 0; + transform: translateY(2000px); + } +} + +.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + -moz-animation-name: fadeOutDownBig; + -o-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; +} +@-webkit-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + } +} + +@-moz-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(-2000px); + } +} + +@-o-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(-2000px); + } +} + +@keyframes fadeOutLeftBig { + 0% { + opacity: 1; + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(-2000px); + } +} + +.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + -moz-animation-name: fadeOutLeftBig; + -o-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; +} +@-webkit-keyframes fadeOutRightBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + } +} +@-moz-keyframes fadeOutRightBig { + 0% { + opacity: 1; + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(2000px); + } +} +@-o-keyframes fadeOutRightBig { + 0% { + opacity: 1; + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(2000px); + } +} +@keyframes fadeOutRightBig { + 0% { + opacity: 1; + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(2000px); + } +} + +.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + -moz-animation-name: fadeOutRightBig; + -o-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; +} +@-webkit-keyframes bounceIn { + 0% { + opacity: 0; + -webkit-transform: scale(.3); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.05); + } + + 70% { + -webkit-transform: scale(.9); + } + + 100% { + -webkit-transform: scale(1); + } +} + +@-moz-keyframes bounceIn { + 0% { + opacity: 0; + -moz-transform: scale(.3); + } + + 50% { + opacity: 1; + -moz-transform: scale(1.05); + } + + 70% { + -moz-transform: scale(.9); + } + + 100% { + -moz-transform: scale(1); + } +} + +@-o-keyframes bounceIn { + 0% { + opacity: 0; + -o-transform: scale(.3); + } + + 50% { + opacity: 1; + -o-transform: scale(1.05); + } + + 70% { + -o-transform: scale(.9); + } + + 100% { + -o-transform: scale(1); + } +} + +@keyframes bounceIn { + 0% { + opacity: 0; + transform: scale(.3); + } + + 50% { + opacity: 1; + transform: scale(1.05); + } + + 70% { + transform: scale(.9); + } + + 100% { + transform: scale(1); + } +} + +.bounceIn { + -webkit-animation-name: bounceIn; + -moz-animation-name: bounceIn; + -o-animation-name: bounceIn; + animation-name: bounceIn; +} +@-webkit-keyframes bounceInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(-30px); + } + + 80% { + -webkit-transform: translateY(10px); + } + + 100% { + -webkit-transform: translateY(0); + } +} +@-moz-keyframes bounceInUp { + 0% { + opacity: 0; + -moz-transform: translateY(2000px); + } + + 60% { + opacity: 1; + -moz-transform: translateY(-30px); + } + + 80% { + -moz-transform: translateY(10px); + } + + 100% { + -moz-transform: translateY(0); + } +} + +@-o-keyframes bounceInUp { + 0% { + opacity: 0; + -o-transform: translateY(2000px); + } + + 60% { + opacity: 1; + -o-transform: translateY(-30px); + } + + 80% { + -o-transform: translateY(10px); + } + + 100% { + -o-transform: translateY(0); + } +} + +@keyframes bounceInUp { + 0% { + opacity: 0; + transform: translateY(2000px); + } + + 60% { + opacity: 1; + transform: translateY(-30px); + } + + 80% { + transform: translateY(10px); + } + + 100% { + transform: translateY(0); + } +} + +.bounceInUp { + -webkit-animation-name: bounceInUp; + -moz-animation-name: bounceInUp; + -o-animation-name: bounceInUp; + animation-name: bounceInUp; +} +@-webkit-keyframes bounceInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(30px); + } + + 80% { + -webkit-transform: translateY(-10px); + } + + 100% { + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes bounceInDown { + 0% { + opacity: 0; + -moz-transform: translateY(-2000px); + } + + 60% { + opacity: 1; + -moz-transform: translateY(30px); + } + + 80% { + -moz-transform: translateY(-10px); + } + + 100% { + -moz-transform: translateY(0); + } +} + +@-o-keyframes bounceInDown { + 0% { + opacity: 0; + -o-transform: translateY(-2000px); + } + + 60% { + opacity: 1; + -o-transform: translateY(30px); + } + + 80% { + -o-transform: translateY(-10px); + } + + 100% { + -o-transform: translateY(0); + } +} + +@keyframes bounceInDown { + 0% { + opacity: 0; + transform: translateY(-2000px); + } + + 60% { + opacity: 1; + transform: translateY(30px); + } + + 80% { + transform: translateY(-10px); + } + + 100% { + transform: translateY(0); + } +} + +.bounceInDown { + -webkit-animation-name: bounceInDown; + -moz-animation-name: bounceInDown; + -o-animation-name: bounceInDown; + animation-name: bounceInDown; +} +@-webkit-keyframes bounceInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(30px); + } + + 80% { + -webkit-transform: translateX(-10px); + } + + 100% { + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes bounceInLeft { + 0% { + opacity: 0; + -moz-transform: translateX(-2000px); + } + + 60% { + opacity: 1; + -moz-transform: translateX(30px); + } + + 80% { + -moz-transform: translateX(-10px); + } + + 100% { + -moz-transform: translateX(0); + } +} + +@-o-keyframes bounceInLeft { + 0% { + opacity: 0; + -o-transform: translateX(-2000px); + } + + 60% { + opacity: 1; + -o-transform: translateX(30px); + } + + 80% { + -o-transform: translateX(-10px); + } + + 100% { + -o-transform: translateX(0); + } +} + +@keyframes bounceInLeft { + 0% { + opacity: 0; + transform: translateX(-2000px); + } + + 60% { + opacity: 1; + transform: translateX(30px); + } + + 80% { + transform: translateX(-10px); + } + + 100% { + transform: translateX(0); + } +} + +.bounceInLeft { + -webkit-animation-name: bounceInLeft; + -moz-animation-name: bounceInLeft; + -o-animation-name: bounceInLeft; + animation-name: bounceInLeft; +} +@-webkit-keyframes bounceInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(-30px); + } + + 80% { + -webkit-transform: translateX(10px); + } + + 100% { + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes bounceInRight { + 0% { + opacity: 0; + -moz-transform: translateX(2000px); + } + + 60% { + opacity: 1; + -moz-transform: translateX(-30px); + } + + 80% { + -moz-transform: translateX(10px); + } + + 100% { + -moz-transform: translateX(0); + } +} + +@-o-keyframes bounceInRight { + 0% { + opacity: 0; + -o-transform: translateX(2000px); + } + + 60% { + opacity: 1; + -o-transform: translateX(-30px); + } + + 80% { + -o-transform: translateX(10px); + } + + 100% { + -o-transform: translateX(0); + } +} + +@keyframes bounceInRight { + 0% { + opacity: 0; + transform: translateX(2000px); + } + + 60% { + opacity: 1; + transform: translateX(-30px); + } + + 80% { + transform: translateX(10px); + } + + 100% { + transform: translateX(0); + } +} + +.bounceInRight { + -webkit-animation-name: bounceInRight; + -moz-animation-name: bounceInRight; + -o-animation-name: bounceInRight; + animation-name: bounceInRight; +} +@-webkit-keyframes bounceOut { + 0% { + -webkit-transform: scale(1); + } + + 25% { + -webkit-transform: scale(.95); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.1); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.3); + } +} + +@-moz-keyframes bounceOut { + 0% { + -moz-transform: scale(1); + } + + 25% { + -moz-transform: scale(.95); + } + + 50% { + opacity: 1; + -moz-transform: scale(1.1); + } + + 100% { + opacity: 0; + -moz-transform: scale(.3); + } +} + +@-o-keyframes bounceOut { + 0% { + -o-transform: scale(1); + } + + 25% { + -o-transform: scale(.95); + } + + 50% { + opacity: 1; + -o-transform: scale(1.1); + } + + 100% { + opacity: 0; + -o-transform: scale(.3); + } +} + +@keyframes bounceOut { + 0% { + transform: scale(1); + } + + 25% { + transform: scale(.95); + } + + 50% { + opacity: 1; + transform: scale(1.1); + } + + 100% { + opacity: 0; + transform: scale(.3); + } +} + +.bounceOut { + -webkit-animation-name: bounceOut; + -moz-animation-name: bounceOut; + -o-animation-name: bounceOut; + animation-name: bounceOut; +} +@-webkit-keyframes bounceOutUp { + 0% { + -webkit-transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } +} + +@-moz-keyframes bounceOutUp { + 0% { + -moz-transform: translateY(0); + } + + 20% { + opacity: 1; + -moz-transform: translateY(20px); + } + + 100% { + opacity: 0; + -moz-transform: translateY(-2000px); + } +} + +@-o-keyframes bounceOutUp { + 0% { + -o-transform: translateY(0); + } + + 20% { + opacity: 1; + -o-transform: translateY(20px); + } + + 100% { + opacity: 0; + -o-transform: translateY(-2000px); + } +} + +@keyframes bounceOutUp { + 0% { + transform: translateY(0); + } + + 20% { + opacity: 1; + transform: translateY(20px); + } + + 100% { + opacity: 0; + transform: translateY(-2000px); + } +} + +.bounceOutUp { + -webkit-animation-name: bounceOutUp; + -moz-animation-name: bounceOutUp; + -o-animation-name: bounceOutUp; + animation-name: bounceOutUp; +} +@-webkit-keyframes bounceOutDown { + 0% { + -webkit-transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(-20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + } +} + +@-moz-keyframes bounceOutDown { + 0% { + -moz-transform: translateY(0); + } + + 20% { + opacity: 1; + -moz-transform: translateY(-20px); + } + + 100% { + opacity: 0; + -moz-transform: translateY(2000px); + } +} + +@-o-keyframes bounceOutDown { + 0% { + -o-transform: translateY(0); + } + + 20% { + opacity: 1; + -o-transform: translateY(-20px); + } + + 100% { + opacity: 0; + -o-transform: translateY(2000px); + } +} + +@keyframes bounceOutDown { + 0% { + transform: translateY(0); + } + + 20% { + opacity: 1; + transform: translateY(-20px); + } + + 100% { + opacity: 0; + transform: translateY(2000px); + } +} + +.bounceOutDown { + -webkit-animation-name: bounceOutDown; + -moz-animation-name: bounceOutDown; + -o-animation-name: bounceOutDown; + animation-name: bounceOutDown; +} +@-webkit-keyframes bounceOutLeft { + 0% { + -webkit-transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + } +} + +@-moz-keyframes bounceOutLeft { + 0% { + -moz-transform: translateX(0); + } + + 20% { + opacity: 1; + -moz-transform: translateX(20px); + } + + 100% { + opacity: 0; + -moz-transform: translateX(-2000px); + } +} + +@-o-keyframes bounceOutLeft { + 0% { + -o-transform: translateX(0); + } + + 20% { + opacity: 1; + -o-transform: translateX(20px); + } + + 100% { + opacity: 0; + -o-transform: translateX(-2000px); + } +} + +@keyframes bounceOutLeft { + 0% { + transform: translateX(0); + } + + 20% { + opacity: 1; + transform: translateX(20px); + } + + 100% { + opacity: 0; + transform: translateX(-2000px); + } +} + +.bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + -moz-animation-name: bounceOutLeft; + -o-animation-name: bounceOutLeft; + animation-name: bounceOutLeft; +} +@-webkit-keyframes bounceOutRight { + 0% { + -webkit-transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(-20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + } +} + +@-moz-keyframes bounceOutRight { + 0% { + -moz-transform: translateX(0); + } + + 20% { + opacity: 1; + -moz-transform: translateX(-20px); + } + + 100% { + opacity: 0; + -moz-transform: translateX(2000px); + } +} + +@-o-keyframes bounceOutRight { + 0% { + -o-transform: translateX(0); + } + + 20% { + opacity: 1; + -o-transform: translateX(-20px); + } + + 100% { + opacity: 0; + -o-transform: translateX(2000px); + } +} + +@keyframes bounceOutRight { + 0% { + transform: translateX(0); + } + + 20% { + opacity: 1; + transform: translateX(-20px); + } + + 100% { + opacity: 0; + transform: translateX(2000px); + } +} + +.bounceOutRight { + -webkit-animation-name: bounceOutRight; + -moz-animation-name: bounceOutRight; + -o-animation-name: bounceOutRight; + animation-name: bounceOutRight; +} +@-webkit-keyframes rotateIn { + 0% { + -webkit-transform-origin: center center; + -webkit-transform: rotate(-200deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: center center; + -webkit-transform: rotate(0); + opacity: 1; + } +} +@-moz-keyframes rotateIn { + 0% { + -moz-transform-origin: center center; + -moz-transform: rotate(-200deg); + opacity: 0; + } + + 100% { + -moz-transform-origin: center center; + -moz-transform: rotate(0); + opacity: 1; + } +} +@-o-keyframes rotateIn { + 0% { + -o-transform-origin: center center; + -o-transform: rotate(-200deg); + opacity: 0; + } + + 100% { + -o-transform-origin: center center; + -o-transform: rotate(0); + opacity: 1; + } +} +@keyframes rotateIn { + 0% { + transform-origin: center center; + transform: rotate(-200deg); + opacity: 0; + } + + 100% { + transform-origin: center center; + transform: rotate(0); + opacity: 1; + } +} + +.rotateIn { + -webkit-animation-name: rotateIn; + -moz-animation-name: rotateIn; + -o-animation-name: rotateIn; + animation-name: rotateIn; +} +@-webkit-keyframes rotateInUpLeft { + 0% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(0); + opacity: 1; + } +} + +@-moz-keyframes rotateInUpLeft { + 0% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(0); + opacity: 1; + } +} + +@-o-keyframes rotateInUpLeft { + 0% { + -o-transform-origin: left bottom; + -o-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -o-transform-origin: left bottom; + -o-transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInUpLeft { + 0% { + transform-origin: left bottom; + transform: rotate(90deg); + opacity: 0; + } + + 100% { + transform-origin: left bottom; + transform: rotate(0); + opacity: 1; + } +} + +.rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + -moz-animation-name: rotateInUpLeft; + -o-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; +} +@-webkit-keyframes rotateInDownLeft { + 0% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(0); + opacity: 1; + } +} + +@-moz-keyframes rotateInDownLeft { + 0% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(0); + opacity: 1; + } +} + +@-o-keyframes rotateInDownLeft { + 0% { + -o-transform-origin: left bottom; + -o-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -o-transform-origin: left bottom; + -o-transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInDownLeft { + 0% { + transform-origin: left bottom; + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + transform-origin: left bottom; + transform: rotate(0); + opacity: 1; + } +} + +.rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + -moz-animation-name: rotateInDownLeft; + -o-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; +} +@-webkit-keyframes rotateInUpRight { + 0% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(0); + opacity: 1; + } +} + +@-moz-keyframes rotateInUpRight { + 0% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(0); + opacity: 1; + } +} + +@-o-keyframes rotateInUpRight { + 0% { + -o-transform-origin: right bottom; + -o-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -o-transform-origin: right bottom; + -o-transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInUpRight { + 0% { + transform-origin: right bottom; + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + transform-origin: right bottom; + transform: rotate(0); + opacity: 1; + } +} + +.rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + -moz-animation-name: rotateInUpRight; + -o-animation-name: rotateInUpRight; + animation-name: rotateInUpRight; +} +@-webkit-keyframes rotateInDownRight { + 0% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(0); + opacity: 1; + } +} + +@-moz-keyframes rotateInDownRight { + 0% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(0); + opacity: 1; + } +} + +@-o-keyframes rotateInDownRight { + 0% { + -o-transform-origin: right bottom; + -o-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -o-transform-origin: right bottom; + -o-transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInDownRight { + 0% { + transform-origin: right bottom; + transform: rotate(90deg); + opacity: 0; + } + + 100% { + transform-origin: right bottom; + transform: rotate(0); + opacity: 1; + } +} + +.rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + -moz-animation-name: rotateInDownRight; + -o-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; +} +@-webkit-keyframes rotateOut { + 0% { + -webkit-transform-origin: center center; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: center center; + -webkit-transform: rotate(200deg); + opacity: 0; + } +} + +@-moz-keyframes rotateOut { + 0% { + -moz-transform-origin: center center; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: center center; + -moz-transform: rotate(200deg); + opacity: 0; + } +} + +@-o-keyframes rotateOut { + 0% { + -o-transform-origin: center center; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: center center; + -o-transform: rotate(200deg); + opacity: 0; + } +} + +@keyframes rotateOut { + 0% { + transform-origin: center center; + transform: rotate(0); + opacity: 1; + } + + 100% { + transform-origin: center center; + transform: rotate(200deg); + opacity: 0; + } +} + +.rotateOut { + -webkit-animation-name: rotateOut; + -moz-animation-name: rotateOut; + -o-animation-name: rotateOut; + animation-name: rotateOut; +} +@-webkit-keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + opacity: 0; + } +} + +@-moz-keyframes rotateOutUpLeft { + 0% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(-90deg); + opacity: 0; + } +} + +@-o-keyframes rotateOutUpLeft { + 0% { + -o-transform-origin: left bottom; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: left bottom; + -o-transform: rotate(-90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpLeft { + 0% { + transform-origin: left bottom; + transform: rotate(0); + opacity: 1; + } + + 100% { + transform-origin: left bottom; + transform: rotate(-90deg); + opacity: 0; + } +} + +.rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + -moz-animation-name: rotateOutUpLeft; + -o-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft; +} +@-webkit-keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(90deg); + opacity: 0; + } +} + +@-moz-keyframes rotateOutDownLeft { + 0% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(90deg); + opacity: 0; + } +} + +@-o-keyframes rotateOutDownLeft { + 0% { + -o-transform-origin: left bottom; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: left bottom; + -o-transform: rotate(90deg); + opacity: 0; + } +} + +@keyframes rotateOutDownLeft { + 0% { + transform-origin: left bottom; + transform: rotate(0); + opacity: 1; + } + + 100% { + transform-origin: left bottom; + transform: rotate(90deg); + opacity: 0; + } +} + +.rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + -moz-animation-name: rotateOutDownLeft; + -o-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft; +} +@-webkit-keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(90deg); + opacity: 0; + } +} + +@-moz-keyframes rotateOutUpRight { + 0% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(90deg); + opacity: 0; + } +} + +@-o-keyframes rotateOutUpRight { + 0% { + -o-transform-origin: right bottom; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: right bottom; + -o-transform: rotate(90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpRight { + 0% { + transform-origin: right bottom; + transform: rotate(0); + opacity: 1; + } + + 100% { + transform-origin: right bottom; + transform: rotate(90deg); + opacity: 0; + } +} + +.rotateOutUpRight { + -webkit-animation-name: rotateOutUpRight; + -moz-animation-name: rotateOutUpRight; + -o-animation-name: rotateOutUpRight; + animation-name: rotateOutUpRight; +} +@-webkit-keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + opacity: 0; + } +} + +@-moz-keyframes rotateOutDownRight { + 0% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(-90deg); + opacity: 0; + } +} + +@-o-keyframes rotateOutDownRight { + 0% { + -o-transform-origin: right bottom; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: right bottom; + -o-transform: rotate(-90deg); + opacity: 0; + } +} + +@keyframes rotateOutDownRight { + 0% { + transform-origin: right bottom; + transform: rotate(0); + opacity: 1; + } + + 100% { + transform-origin: right bottom; + transform: rotate(-90deg); + opacity: 0; + } +} + +.rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + -moz-animation-name: rotateOutDownRight; + -o-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight; +} +@-webkit-keyframes hinge { + 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } + 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } + 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } + 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } + 100% { -webkit-transform: translateY(700px); opacity: 0; } +} + +@-moz-keyframes hinge { + 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } + 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } + 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } + 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } + 100% { -moz-transform: translateY(700px); opacity: 0; } +} + +@-o-keyframes hinge { + 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } + 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } + 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } + 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } + 100% { -o-transform: translateY(700px); opacity: 0; } +} + +@keyframes hinge { + 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } + 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } + 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } + 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } + 100% { transform: translateY(700px); opacity: 0; } +} + +.hinge { + -webkit-animation-name: hinge; + -moz-animation-name: hinge; + -o-animation-name: hinge; + animation-name: hinge; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollIn { + 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } + 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } +} + +@-moz-keyframes rollIn { + 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } + 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } +} + +@-o-keyframes rollIn { + 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } + 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } +} + +@keyframes rollIn { + 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } + 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } +} + +.rollIn { + -webkit-animation-name: rollIn; + -moz-animation-name: rollIn; + -o-animation-name: rollIn; + animation-name: rollIn; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollOut { + 0% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(100%) rotate(120deg); + } +} + +@-moz-keyframes rollOut { + 0% { + opacity: 1; + -moz-transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + -moz-transform: translateX(100%) rotate(120deg); + } +} + +@-o-keyframes rollOut { + 0% { + opacity: 1; + -o-transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + -o-transform: translateX(100%) rotate(120deg); + } +} + +@keyframes rollOut { + 0% { + opacity: 1; + transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + transform: translateX(100%) rotate(120deg); + } +} + +.rollOut { + -webkit-animation-name: rollOut; + -moz-animation-name: rollOut; + -o-animation-name: rollOut; + animation-name: rollOut; +} + +/* originally authored by Angelo Rohit - https://github.com/angelorohit */ + +@-webkit-keyframes lightSpeedIn { + 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } + 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } + 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } + 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } +} + +@-moz-keyframes lightSpeedIn { + 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } + 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; } + 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; } + 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } +} + +@-o-keyframes lightSpeedIn { + 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } + 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; } + 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; } + 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } +} + +@keyframes lightSpeedIn { + 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } + 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } + 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } + 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } +} + +.lightSpeedIn { + -webkit-animation-name: lightSpeedIn; + -moz-animation-name: lightSpeedIn; + -o-animation-name: lightSpeedIn; + animation-name: lightSpeedIn; + + -webkit-animation-timing-function: ease-out; + -moz-animation-timing-function: ease-out; + -o-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} + +.animated.lightSpeedIn { + -webkit-animation-duration: 0.5s; + -moz-animation-duration: 0.5s; + -o-animation-duration: 0.5s; + animation-duration: 0.5s; +} + +/* originally authored by Angelo Rohit - https://github.com/angelorohit */ + +@-webkit-keyframes lightSpeedOut { + 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } + 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } +} + +@-moz-keyframes lightSpeedOut { + 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } + 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } +} + +@-o-keyframes lightSpeedOut { + 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } + 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } +} + +@keyframes lightSpeedOut { + 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } + 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } +} + +.lightSpeedOut { + -webkit-animation-name: lightSpeedOut; + -moz-animation-name: lightSpeedOut; + -o-animation-name: lightSpeedOut; + animation-name: lightSpeedOut; + + -webkit-animation-timing-function: ease-in; + -moz-animation-timing-function: ease-in; + -o-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} + +.animated.lightSpeedOut { + -webkit-animation-duration: 0.25s; + -moz-animation-duration: 0.25s; + -o-animation-duration: 0.25s; + animation-duration: 0.25s; +} + +/* originally authored by Angelo Rohit - https://github.com/angelorohit */ + +@-webkit-keyframes wiggle { + 0% { -webkit-transform: skewX(9deg); } + 10% { -webkit-transform: skewX(-8deg); } + 20% { -webkit-transform: skewX(7deg); } + 30% { -webkit-transform: skewX(-6deg); } + 40% { -webkit-transform: skewX(5deg); } + 50% { -webkit-transform: skewX(-4deg); } + 60% { -webkit-transform: skewX(3deg); } + 70% { -webkit-transform: skewX(-2deg); } + 80% { -webkit-transform: skewX(1deg); } + 90% { -webkit-transform: skewX(0deg); } + 100% { -webkit-transform: skewX(0deg); } +} + +@-moz-keyframes wiggle { + 0% { -moz-transform: skewX(9deg); } + 10% { -moz-transform: skewX(-8deg); } + 20% { -moz-transform: skewX(7deg); } + 30% { -moz-transform: skewX(-6deg); } + 40% { -moz-transform: skewX(5deg); } + 50% { -moz-transform: skewX(-4deg); } + 60% { -moz-transform: skewX(3deg); } + 70% { -moz-transform: skewX(-2deg); } + 80% { -moz-transform: skewX(1deg); } + 90% { -moz-transform: skewX(0deg); } + 100% { -moz-transform: skewX(0deg); } +} + +@-o-keyframes wiggle { + 0% { -o-transform: skewX(9deg); } + 10% { -o-transform: skewX(-8deg); } + 20% { -o-transform: skewX(7deg); } + 30% { -o-transform: skewX(-6deg); } + 40% { -o-transform: skewX(5deg); } + 50% { -o-transform: skewX(-4deg); } + 60% { -o-transform: skewX(3deg); } + 70% { -o-transform: skewX(-2deg); } + 80% { -o-transform: skewX(1deg); } + 90% { -o-transform: skewX(0deg); } + 100% { -o-transform: skewX(0deg); } +} + +@keyframes wiggle { + 0% { transform: skewX(9deg); } + 10% { transform: skewX(-8deg); } + 20% { transform: skewX(7deg); } + 30% { transform: skewX(-6deg); } + 40% { transform: skewX(5deg); } + 50% { transform: skewX(-4deg); } + 60% { transform: skewX(3deg); } + 70% { transform: skewX(-2deg); } + 80% { transform: skewX(1deg); } + 90% { transform: skewX(0deg); } + 100% { transform: skewX(0deg); } +} + +.wiggle { + -webkit-animation-name: wiggle; + -moz-animation-name: wiggle; + -o-animation-name: wiggle; + animation-name: wiggle; + + -webkit-animation-timing-function: ease-in; + -moz-animation-timing-function: ease-in; + -o-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} + +.animated.wiggle { + -webkit-animation-duration: 0.75s; + -moz-animation-duration: 0.75s; + -o-animation-duration: 0.75s; + animation-duration: 0.75s; +} diff --git a/assets/metronic/css/custom.css b/assets/metronic/css/custom.css new file mode 100644 index 00000000000..3c81259e823 --- /dev/null +++ b/assets/metronic/css/custom.css @@ -0,0 +1 @@ +/* here you can put your own css to customize and override the theme */ diff --git a/assets/metronic/css/pages/about-us.css b/assets/metronic/css/pages/about-us.css new file mode 100644 index 00000000000..c1cb11fdad4 --- /dev/null +++ b/assets/metronic/css/pages/about-us.css @@ -0,0 +1,20 @@ +/*** +Anout Us Page +***/ + +.meet-our-team h3 { + margin-bottom: 0; + padding: 0 10px 10px; + background: #fcfcfc; +} + +.meet-our-team small { + display:block; + font-size:12px; +} + +.meet-our-team .team-info { + padding: 10px; + overflow: hidden; + background: #f5f5f5; +} \ No newline at end of file diff --git a/assets/metronic/css/pages/blog.css b/assets/metronic/css/pages/blog.css new file mode 100644 index 00000000000..435d5b67835 --- /dev/null +++ b/assets/metronic/css/pages/blog.css @@ -0,0 +1,166 @@ +/*** +Blog Page +***/ + +/*--Block Article--*/ +.blog-page { + padding-bottom: 20px; +} + +.blog-page h1 { + margin-bottom: 20px; +} + +.blog-page h2 a { + color: #000; +} + +.blog-page h2 a:hover { + color: #0d638f; + text-decoration: none; +} + +.blog-page hr { + margin-top: 30px !important; +} + +.blog-page .article-block { + padding-bottom: 20px; +} + +.blog-page .news-img img { + margin-top: 9px; +} + +.blog-page .blog-tag-data ul { + margin-bottom: 5px; +} + +.blog-page .blog-tag-data li { + padding: 0; +} + +.blog-page .blog-tag-data li i { + color: #78cff8; +} + +.blog-page .blog-tag-data li a { + padding: 0; + color: #555; + margin-right: 8px; +} + +.blog-page .blog-tag-data { + margin-bottom: 10px; +} + +.blog-page .blog-tag-data ul.blog-tags a { + background: #eee; + padding: 1px 4px; + margin: 0 4px 4px 0; + display: inline-block; +} + +.blog-page .blog-tag-data ul.blog-tags a:hover { + background: #ddd; + text-decoration: none; +} + +.blog-page .blog-tag-data .blog-tag-data-inner { + text-align: right; +} + +.blog-page .blog-tag-data img { + margin-bottom: 12px; +} + +.blog-page .blog-article { + padding-bottom: 20px; +} + +.blog-page .blog-article h3, +.blog-page .blog-article h2, +.blog-page .blog-article h1, +.blog-page .blog-article h4 { + margin-top: 0; +} + +/*--Block Sidebar--*/ +.blog-sidebar h2 { + font-size: 38.5px; + margin-bottom: 20px; +} + +/*Twitter block*/ +.blog-twitter-block { + padding: 5px; + position: relative; + margin-bottom: 10px; + border-right: solid 2px #ddd; +} + +.blog-twitter-block:hover { + background: #fafafa; + border-color: #35aa47; +} + +.blog-twitter-block a { + color: #4d90fe; +} + +.blog-twitter-block p { + margin-bottom: 0; +} + +.blog-twitter-block span { + color: #555; + display: block; + font-size: 12px; +} + +.blog-twitter-block i.blog-twiiter-icon { + color: #eee; + right: 10px; + bottom: 10px; + font-size: 30px; + position: absolute; +} + +/*** +Blog & News Item Page +***/ +/*--Media Object--*/ +.blog-page .media img { + height: 54px; + position: relative; + top: 3px; + width: 54px; +} + +.blog-page h4.media-heading { + position: relative; +} + +.blog-page h4.media-heading span { + color: #777777; + font-size: 12px; + position: absolute; + right: 0; + top: 3px; +} + +.blog-page h4.media-heading span a { + color: #78cff8; +} + +/*Post Comment*/ +.blog-page .post-comment .color-red { + color: #f00; +} + +/*For Responsive*/ +@media (max-width: 768px) { + .blog-page .blog-tag-data .blog-tag-data-inner { + text-align: left; + } +} \ No newline at end of file diff --git a/assets/metronic/css/pages/coming-soon.css b/assets/metronic/css/pages/coming-soon.css new file mode 100644 index 00000000000..a4ccf7beb39 --- /dev/null +++ b/assets/metronic/css/pages/coming-soon.css @@ -0,0 +1,114 @@ +/*** +Coming Soon Page +***/ +body { + background-color: #ddd; + padding: 0; + margin: 0; +} + +.coming-soon-header { + padding: 20px; + margin-top: 80px; +} + +.coming-soon-content { + padding: 20px; + margin-top: 10px; +} + +.coming-soon-countdown { + padding: 20px; +} + +.coming-soon-content h1, +.coming-soon-content p { + color: #fff; +} + +.coming-soon-content h1 { + font-size: 42px; + line-height: 50px; + margin-bottom: 15px; + font-weight: 300; +} + +.coming-soon-content p { + font-size: 13px; +} + + +.coming-soon-content input { + background: #fff !important; +} + +.coming-soon-footer { + text-align: left !important; + font-size: 12px; + color: #fefefe; + padding: 20px 20px 20px 20px; +} + +/*Countdown*/ +#defaultCountdown { + width: 100%; + margin: 10px 0; + overflow: hidden; +} + +#defaultCountdown span.countdown_row { + overflow: hidden; +} + +#defaultCountdown span.countdown_row span { + font-size: 16px; + font-weight: 300; + line-height: 20px; + margin-right: 2px; +} + +#defaultCountdown span.countdown_row > span { + float: left; +} + +#defaultCountdown span.countdown_section { + color: #fff; + padding: 7px 15px !important; + margin-bottom: 2px; + font-weight: 300; + background: url(../../img/bg-white.png) repeat; + text-align: center; +} + +#defaultCountdown span.countdown_amount { + display: inline-block; + font-size: 38px !important; + padding: 15px !important; + font-weight: 300; +} + +/*Responsive*/ +@media (max-width: 1024px) { + #defaultCountdown span.countdown_amount { + padding: 10px; + } +} + +@media (max-width: 767px) { + + .coming-soon-header, + .coming-soon-countdown, + .coming-soon-content, + .coming-soon-footer { + margin-top: 0px; + padding: 10px; + } +} + +@media (max-width: 320px) { + + .coming-soon-content .btn-subscribe span { + display: none; + } + +} \ No newline at end of file diff --git a/assets/metronic/css/pages/error.css b/assets/metronic/css/pages/error.css new file mode 100644 index 00000000000..2439c1349d7 --- /dev/null +++ b/assets/metronic/css/pages/error.css @@ -0,0 +1,147 @@ +/*** +Error Pages +***/ + +/* 404 page option #1 */ + +.page-404 { + text-align: center; +} + +.page-404 .number { + position: relative; + top: 35px; + display: inline-block; + letter-spacing: -10px; + margin-top: 0px; + margin-bottom: 10px; + line-height: 128px; + font-size: 128px; + font-weight: 300; + color: #7bbbd6; + text-align: right; +} + +.page-404 .details { + margin-left: 40px; + display: inline-block; + padding-top: 0px; + text-align: left; +} + +/* 500 page option #1 */ +.page-500 { + text-align: center; +} + +.page-500 .number { + display: inline-block; + letter-spacing: -10px; + line-height: 128px; + font-size: 128px; + font-weight: 300; + color: #ec8c8c; + text-align: right; +} + +.page-500 .details { + margin-left: 40px; + display: inline-block; + text-align: left; +} + +/* 404 page option #2*/ +.page-404-full-page { + overflow-x: hidden; + padding: 20px; + margin-bottom: 20px; + background-color: #fafafa !important; +} + +.page-404-full-page .details input { + background-color: #ffffff; +} + +.page-404-full-page .page-404 { + margin-top: 100px; +} + +/* 500 page option #2*/ +.page-500-full-page { + overflow-x: hidden; + padding: 20px; + background-color: #fafafa !important; +} + +.page-500-full-page .details input { + background-color: #ffffff; +} + +.page-500-full-page .page-500 { + margin-top: 100px; +} + +/* 404 page option #3*/ + +.page-404-3 { + background: #000 !important ; +} + +.page-404-3 .page-inner img { + right: 0; + bottom: 0; + z-index: -1; + position: absolute; +} + +.page-404-3 .error-404 { + color: #fff; + text-align: left; + padding: 70px 20px 0; +} + +.page-404-3 h1 { + color: #fff; + font-size: 130px; + line-height: 160px; +} + +.page-404-3 h2 { + color: #fff; + font-size: 30px; + margin-bottom: 30px; +} + +.page-404-3 p { + color: #fff; + font-size: 16px; +} + + +@media (max-width: 480px) { + + .page-404 .number, + .page-500 .number, + .page-404 .details, + .page-500 .details { + text-align: center; + margin-left: 0px; + } + + .page-404-full-page .page-404 { + margin-top: 30px; + } + + .page-404-3 .error-404 { + text-align: left; + padding-top: 10px; + } + + .page-404-3 .page-inner img { + right: 0; + bottom: 0; + z-index: -1; + position: fixed; + } + +} \ No newline at end of file diff --git a/assets/metronic/css/pages/image-crop.css b/assets/metronic/css/pages/image-crop.css new file mode 100644 index 00000000000..b92be0a8def --- /dev/null +++ b/assets/metronic/css/pages/image-crop.css @@ -0,0 +1,44 @@ +/* Apply these styles only when #preview-pane has + been placed within the Jcrop widget */ +#preview-pane { + display: block; + position: absolute; + z-index: 2000; + right: -200px; + padding: 6px; + border: 1px rgba(0,0,0,.4) solid; + background-color: white; + + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + + -webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2); + box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2); +} + +@media (max-width: 1024px) { + #preview-pane { + right: 0; + } +} + +/* The Javascript code will set the aspect ratio of the crop + area based on the size of the thumbnail preview, + specified here */ + +#preview-pane .preview-container { + width: 175px; + height: 150px; + overflow: hidden; +} + + #demo7 { + background-color: #eee; + width: 500px; + height: 330px; + font-size: 24px; + font-weight: 300; + display: block; + } \ No newline at end of file diff --git a/assets/metronic/css/pages/inbox.css b/assets/metronic/css/pages/inbox.css new file mode 100644 index 00000000000..36b27bd87c1 --- /dev/null +++ b/assets/metronic/css/pages/inbox.css @@ -0,0 +1,483 @@ +/*** +Inbox Page +***/ +.inbox { + margin-bottom: 20px; +} + +.inbox .inbox { + margin-bottom: 0px; +} + +.inbox .tab-content { + overflow: inherit; +} + +.inbox .inbox-loading { + display: none; + font-size: 22px; + font-weight: 300; +} + +/*Imbox Menu*/ +.inbox .inbox-nav { + margin: 0; + padding: 0; + list-style: none; +} + +.inbox .inbox-nav li { + position: relative; +} + +.inbox .inbox-nav li a { + color: #4d82a3; + display: block; + font-size: 15px; + border-left: none; + text-align: left !important; + padding: 8px 14px; + margin-bottom: 1px; + background: #f4f9fd; +} + +.inbox .inbox-nav li.active a, +.inbox .inbox-nav li.active:hover a { + color: #fff; + border-left: none; + background: #169ef4 !important; + text-decoration: none; +} + +.inbox .inbox-nav li.active b { + top: 0; + right: -4px; + width: 8px; + height: 35px; + position: absolute; + display: inline-block; + background: url(../../img/inbox-nav-arrow-blue.png) no-repeat; +} + +.inbox .inbox-nav li:hover a { + color: #4d82a3; + background: #eef4f7 !important; + text-decoration: none; +} + +.inbox .inbox-nav li.compose-btn a { + color: #fff; + text-shadow: none; + text-align: center; + margin-bottom: 18px; + background: #35aa47; +} + +.inbox .inbox-nav li.compose-btn i, +.inbox .inbox-nav li.compose-btn:hover i { + top: 1px; + color: #fff; + font-size: 15px; + position: relative; + background: none !important; +} + +.inbox .inbox-nav li.compose-btn a:hover { + background-color: #1d943b !important; +} + +/*Inbox Content*/ +.inbox .inbox-header { + overflow: hidden; +} + +.inbox .inbox-header h1 { + margin: 0; + color: #666; + margin-bottom: 10px; +} + +.inbox .pagination-control { + text-align: right; +} + +.inbox .pagination-control .pagination-info { + display: inline-block; + padding-right: 10px; + font-size: 14px; + line-height: 14px; +} + +.inbox tr { + color: #777; + font-size: 13px; +} + +.inbox tr label { + display: inline-block; + margin-bottom: 0; +} + +.inbox tr.unread td{ + font-weight: 600; +} + +.inbox td i.icon-paper-clip { + top: 2px; + color: #d8e0e5; + font-size: 17px; + position: relative; +} + +.inbox tr i.icon-star, +.inbox tr i.icon-trash { + cursor: pointer; +} + +.inbox tr i.icon-star { + color: #eceef0; +} + +.inbox tr i.icon-star:hover { + color: #fd7b12; +} + +.inbox tr i.inbox-started { + color: #fd7b12; +} + +.inbox .table th, +.inbox .table td { + border: none; +} + +.inbox .table th { + background: #eef4f7; + border-bottom: solid 5px #fff; +} + +.inbox th.text-right { + text-align: right; +} + +.inbox th label.inbox-select-all { + color: #828f97; + font-size: 13px; + padding: 1px 4px 0; +} + +.inbox ul.inbox-nav { + margin-bottom: 0; +} + +.inbox ul.inbox-nav li { + padding: 0; +} + +.inbox ul.inbox-nav li span { + color: #828f97; + font-size: 12px; + margin-right: 10px; +} + +.inbox ul.inbox-nav i { + color: #fff; + padding: 1px 0; + font-size: 15px; + cursor: pointer; + background: #d0dde4 !important; +} + +.inbox ul.inbox-nav i:hover { + background: #169ef4 !important; +} + +.inbox td.text-right { + width: 100px; + text-align: right; +} + +.inbox td.inbox-small-cells { + width: 10px; +} + +.inbox .table-hover tbody tr:hover>td, +.inbox .table-hover tbody tr:hover>th, +.inbox .table-striped tbody>tr:nth-child(odd)>td, +.inbox .table-striped tbody>tr:nth-child(odd)>th { + background: #f8fbfd; + cursor: pointer; +} + +.inbox .table-hover tbody tr:hover>td, +.inbox .table-hover tbody tr:hover>th { + background: #eef4f7; +} + +/*Inbox Drafts*/ +.inbox .inbox-drafts { + padding: 8px 0; + text-align: center; + border-top: solid 1px #eee; + border-bottom: solid 1px #eee; +} + +/*Inbox View*/ +.inbox-view-header { + margin-bottom: 20px; +} + +.inbox-view-header h1 { + color: #666; + font-size: 22px; + line-height: 24px; + margin-bottom: 0 !important; +} + +.inbox-view-header h1 a { + top: -2px; + color: #fff; + cursor: pointer; + font-size: 13px; + padding: 2px 7px; + line-height: 16px; + position: relative; + background: #b0bcc4; + display: inline-block; +} + +.inbox-view-header h1 a:hover { + background: #aab5bc; + text-decoration: none; +} + +.inbox-view-header i.icon-print { + color: #94a4ab; + cursor: pointer; + font-size: 14px; + display: inline-block; + padding: 6px 8px !important; + background: #edf1f4 !important; +} + +.inbox-view-header i.icon-print:hover { + background: #e7ebef !important; +} + +.inbox-view-info { + color: #666; + padding: 5px 0; + margin-bottom: 10px; + border-top: solid 1px #eee; + border-bottom: solid 1px #eee; +} + +.inbox-view-info strong { + color: #666; + margin: 0 10px 0 5px; +} + +.inbox-view-info .inbox-info-btn { + text-align: right; +} + +.inbox-view-info .inbox-info-btn ul { + text-align: left; +} + +.inbox-view-info button { + top: 2px; + color: #94a4ab; + font-size: 13px; + margin-left: 4px; + padding: 3px 10px; + position: relative; + background: #edf1f4; +} + +.inbox-view-info button:hover { + color: #94a4ab; + background: #e7ebef; +} + +.inbox-view { + color: #666; + padding: 15px 0 0; +} + +.inbox-view a { + color: #169ce9; +} + +.inbox-attached { + line-height: 16px; +} + +.inbox-attached a { + margin: 0 2px; +} + +.inbox-attached img { + height: auto; + max-width: 250px; + margin-bottom: 5px; +} + +.inbox-attached span { + margin-right: 3px; +} + +.inbox-attached strong { + color: #555; + display: block; + font-size: 13px; +} + +.inbox-attached .margin-bottom-25 { + margin-bottom: 25px; +} + +.inbox-attached .margin-bottom-15 { + margin-bottom: 15px; +} + + +/*Inbox Compose*/ +.inbox-compose { + margin-top: 1px; + border: solid 1px #eee; +} + +.inbox-compose-btn { + padding: 8px 4px; + background: #f0f6fa; +} + +.inbox-compose-attachment { + padding: 8px 8px; +} + +.inbox-compose-attachment .btn { + padding: 4px 10px; +} + +.inbox-compose-btn button { + color: #fff; + font-size: 14px; + margin-left: 4px; + padding: 4px 10px; + background: #c0cfdd; +} + +.inbox-compose-btn button:hover { + color: #fff; + background: #4d90fe; +} + +.inbox-compose-btn button i { + margin-right: 3px; +} + +.inbox-compose .inbox-form-group { + margin-bottom: 0; + position: relative; + border-bottom: solid 1px #eee; +} + +.inbox-compose .controls { + margin-left: 85px; +} + +.inbox-compose .inbox-form-group > label { + width: 80px; + float: left; + color: #979797; + text-align: right; +} + +.inbox-compose .controls > input { + border: none !important; +} +.inbox-compose .controls-to { + padding-right: 55px; +} + +.inbox-compose .controls-cc { + padding-right: 20px; +} + +.inbox-compose .controls-bcc { + padding-right: 20px; +} + +.inbox-compose .inbox-form-group a.close { + top: 13px; + right: 10px; + position: absolute; +} + +.inbox-compose .mail-to .inbox-cc-bcc { + display: inline-block; + top: 7px; + right: 10px; + color: #979797; + font-size: 14px; + cursor: pointer; + position: absolute; +} + +.inbox-compose .mail-to .inbox-bcc { + margin-left: 5px; +} + +.inbox-compose .mail-to inbox-cc:hover, +.inbox-compose .mail-to inbox-bcc:hover { + color: #777; +} + +.inbox-compose .wysihtml5 { + padding: 0px !important; + margin: 0px !important; + border: 0 !important; +} + +.inbox-compose .wysihtml5-sandbox { + padding: 0px !important; + margin: 0px !important; + display: block !important; + border: 0 !important; + margin-top: 5px; + width: 100% !important; + border-left: none; + border-right: none; + border-color: #eee; +} + +.inbox-compose .wysihtml5-toolbar { + border: 0; + border-bottom: 1px solid #eee; +} + +.inbox-compose .wysihtml5-toolbar > li { + height: 34px; + margin-right: 0; + margin-bottom: 0; +} + +.inbox-compose .wysihtml5-toolbar > li > a, +.inbox-compose .wysihtml5-toolbar > li > div > a { + background: #fff; +} + +.inbox-compose .wysihtml5-toolbar .dropdown.open .dropdown-toggle, +ul.wysihtml5-toolbar a.btn.wysihtml5-command-active { + background: #eee !important; +} + +@media (max-width: 480px) { + + .inbox-compose .inbox-form-group > label { + margin-top: 7px; + } + +} \ No newline at end of file diff --git a/assets/metronic/css/pages/invoice.css b/assets/metronic/css/pages/invoice.css new file mode 100644 index 00000000000..63a467c2700 --- /dev/null +++ b/assets/metronic/css/pages/invoice.css @@ -0,0 +1,39 @@ +/*** +Invoice page +***/ +.invoice table { + margin:30px 0 30px; +} + +.invoice .invoice-logo { + margin-bottom:20px; +} + +.invoice .invoice-logo p { + padding:5px 0; + font-size:26px; + line-height:28px; + text-align:right; +} + +.invoice .invoice-logo p span { + display:block; + font-size:14px; +} + +.invoice .invoice-logo-space { + margin-bottom:15px; +} + +.invoice .invoice-payment strong { + margin-right:5px; +} + +.invoice .invoice-block { + text-align:right; +} + +.invoice .invoice-block .amounts { + margin-top: 20px; + font-size: 14px; +} \ No newline at end of file diff --git a/assets/metronic/css/pages/lock.css b/assets/metronic/css/pages/lock.css new file mode 100644 index 00000000000..3a8c39b70ab --- /dev/null +++ b/assets/metronic/css/pages/lock.css @@ -0,0 +1,129 @@ +/*** +Lock Page +***/ +body { + background-color: #ddd; + padding: 0; + margin: 0; +} + +.page-lock { + top: 50%; + left: 50%; + position: absolute; + margin-top: -140px; + margin-left: -260px; +} + +.page-lock .page-logo { + margin-bottom: 15px; +} + +.page-lock .page-body { + width: 500px; + padding: 10px; + background: url(../../img/bg-white-lock.png) repeat; +} + +.page-lock .page-body:after, +.page-lock .page-body:before { + display: table; + content: ""; + line-height: 0; +} + +.page-lock .page-body:after { + clear: both; +} + +.page-lock .page-footer { + margin-top: 10px; + text-align: left !important; + font-size: 12px; + color: #eaeaea; +} + +.page-lock img.page-lock-img { + float: left; + width: 200px; + height: auto; +} + +.page-lock .page-lock-info { + padding-left: 10px; + float: right; + width: 280px; +} + +.page-lock .page-lock-info h1 { + margin-top: -5px; + font-weight: 300; + color: #fff; + font-size: 28px; + line-height: 32px; + margin-bottom: 5px; +} + +.page-lock .page-lock-info .email { + color: #eee; + display: block; + font-size: 14px; + line-height: 14px; + margin-bottom: 10px; +} + +.page-lock .page-lock-info .locked { + color: #333; + font-size: 14px; + line-height: 14px; + font-style: normal; +} + +.page-lock .page-lock-info form { + margin: 28px 0; +} + +.page-lock .page-lock-info input { + background: #fff; +} + +.page-lock .relogin { + margin-top: 10px; +} + +.page-lock .relogin a { + color: #e1e1e1; +} + +/*Responsive*/ +@media (max-width: 768px) { + .page-lock { + top:0px; + width: 280px; + margin-top: 20px; + margin-left: -140px; + } + + .page-lock .page-body { + padding: 10px; + text-align: center; + width: 280px; + } + + .page-lock img.page-lock-img { + float: none !important; + display: block; + margin: 0 auto; + text-align: center; + margin-bottom: 15px; + } + .page-lock .page-lock-info { + float: none !important; + width: 260px; + margin: 0 auto; + } + + .page-lock .page-lock-info input { + width: 200px !important; + } +} \ No newline at end of file diff --git a/assets/metronic/css/pages/login-soft.css b/assets/metronic/css/pages/login-soft.css new file mode 100644 index 00000000000..4c8773e2cb1 --- /dev/null +++ b/assets/metronic/css/pages/login-soft.css @@ -0,0 +1,168 @@ +/*** +Login page +***/ + +/* logo page */ +.login { + background-color: #666 !important; +} + +.login .logo { + margin: 0 auto; + margin-top:60px; + padding: 15px; + text-align: center; +} + + +.login .content { + background: url(../../img/bg-white-lock.png) repeat; + width: 360px; + margin: 0 auto; + margin-bottom: 0px; + padding: 30px; + padding-top: 20px; + padding-bottom: 15px; +} + +.login .content h3 { + color: #eee; +} +.login .content h4 { + color: #eee; +} + +.login .content p, +.login .content label { + color: #fff; +} + +.login .content .login-form, +.login .content .forget-form { + padding: 0px; + margin: 0px; +} + +.login .content .form-control { + background-color: #fff; +} + +.login .content .forget-form { + display: none; +} + +.login .content .register-form { + display: none; +} + +.login .content .form-title { + font-weight: 300; + margin-bottom: 25px; +} + +.login .content .form-actions { + background-color: transparent; + clear: both; + border: 0px; + padding: 0px 30px 25px 30px; + margin-left: -30px; + margin-right: -30px; +} + +.login .content .form-actions .checkbox { + margin-left: 0; + padding-left: 0; +} + +.login .content .forget-form .form-actions { + border: 0; + margin-bottom: 0; + padding-bottom: 20px; +} + +.login .content .register-form .form-actions { + border: 0; + margin-bottom: 0; + padding-bottom: 0px; +} + +.login .content .form-actions .checkbox { + margin-top: 8px; + display: inline-block; +} + +.login .content .form-actions .btn { + margin-top: 1px; +} + +.login .content .forget-password { + margin-top: 25px; +} + +.login .content .create-account { + border-top: 1px dotted #eee; + padding-top: 10px; + margin-top: 15px; +} + +.login .content .create-account a { + display: inline-block; + margin-top: 5px; +} + +/* select2 dropdowns */ +.login .content .select2-container i { + display: inline-block; + position: relative; + color: #ccc; + z-index: 1; + top:1px; + margin: 4px 4px 0px 3px; + width: 16px; + height: 16px; + font-size: 16px; + text-align: center; +} + +.login .content .has-error .select2-container i { + color: #b94a48; +} + +.login .content .select2-container a span { + font-size: 13px; +} + +.login .content .select2-container a span img { + margin-left: 4px; +} + +/* footer copyright */ +.login .copyright { + text-align: center; + margin: 0 auto; + padding: 10px; + color: #eee; + font-size: 13px; +} + +@media (max-width: 480px) { + /*** + Login page + ***/ + .login .logo { + margin-top:10px; + } + + .login .content { + padding: 30px; + width: 222px; + } + + .login .content h3 { + font-size: 22px; + } + + .login .checkbox { + font-size: 13px; + } +} \ No newline at end of file diff --git a/assets/metronic/css/pages/login.css b/assets/metronic/css/pages/login.css new file mode 100644 index 00000000000..86b186fbc1a --- /dev/null +++ b/assets/metronic/css/pages/login.css @@ -0,0 +1,179 @@ +/*** +Login page +***/ + +/* logo page */ +.login { + background-color: #444 !important; +} + +.login .logo { + margin: 0 auto; + margin-top:60px; + padding: 15px; + text-align: center; +} + +.login .content { + background-color:#fff; + width: 360px; + margin: 0 auto; + margin-bottom: 0px; + padding: 30px; + padding-top: 20px; + padding-bottom: 15px; +} + +.login .content h3 { + color: #000; +} +.login .content h4 { + color: #555; +} + +.login .content p { + color: #222; +} + +.login .content .login-form, +.login .content .forget-form { + padding: 0px; + margin: 0px; +} + +.login .content .input-icon { + border-left: 2px solid #35aa47 !important; +} + +.login .content .input-icon .form-control { + border-left: 0; +} + +.login .content .forget-form { + display: none; +} + +.login .content .register-form { + display: none; +} + +.login .content .form-title { + font-weight: 300; + margin-bottom: 25px; +} + +.login .content .form-actions { + background-color: #fff; + clear: both; + border: 0px; + border-bottom: 1px solid #eee; + padding: 0px 30px 25px 30px; + margin-left: -30px; + margin-right: -30px; +} + +.login .content .form-actions .checkbox { + margin-left: 0; + padding-left: 0; +} + +.login .content .forget-form .form-actions { + border: 0; + margin-bottom: 0; + padding-bottom: 20px; +} + +.login .content .register-form .form-actions { + border: 0; + margin-bottom: 0; + padding-bottom: 0px; +} + +.login .content .form-actions .checkbox { + margin-top: 8px; + display: inline-block; +} + +.login .content .form-actions .btn { + margin-top: 1px; +} + +.login .content .forget-password { + margin-top: 25px; +} + +.login .content .create-account { + border-top: 1px dotted #eee; + padding-top: 10px; + margin-top: 15px; +} + +.login .content .create-account a { + display: inline-block; + margin-top: 5px; +} + +/* select2 dropdowns */ +.login .content .select2-container { + border-left: 2px solid #35aa47 !important; +} + +.login .content .select2-container .select2-choice { + border-left: none !important; +} + +.login .content .select2-container i { + display: inline-block; + position: relative; + color: #ccc; + z-index: 1; + top:1px; + margin: 4px 4px 0px 3px; + width: 16px; + height: 16px; + font-size: 16px; + text-align: center; +} + +.login .content .has-error .select2-container i { + color: #b94a48; +} + +.login .content .select2-container a span { + font-size: 13px; +} + +.login .content .select2-container a span img { + margin-left: 4px; +} + +/* footer copyright */ +.login .copyright { + text-align: center; + margin: 0 auto; + padding: 10px; + color: #999; + font-size: 13px; +} + +@media (max-width: 480px) { + /*** + Login page + ***/ + .login .logo { + margin-top:10px; + } + + .login .content { + width: 280px; + } + + .login .content h3 { + font-size: 22px; + } + + + .login .checkbox { + font-size: 13px; + } +} \ No newline at end of file diff --git a/assets/metronic/css/pages/news.css b/assets/metronic/css/pages/news.css new file mode 100644 index 00000000000..0a2aee03dd6 --- /dev/null +++ b/assets/metronic/css/pages/news.css @@ -0,0 +1,142 @@ +/*** +News Page +***/ + +.news-page { + padding-bottom: 20px; +} + +.news-page h1 { + margin-bottom: 20px; +} + +.news-page h2 { + font-size: 38.5px; + margin-bottom: 20px; +} + +.news-page .top-news { + margin-top: 0; +} + +/*News Feeds*/ +.news-blocks { + padding: 10px; + margin-bottom: 10px; + background: #faf6ea; + border-top: solid 2px #faf6ea; +} + +.news-blocks:hover { + background: #fff; + border-color: #78cff8; + transition: all 0.4s ease-in-out 0s; + -moz-transition: all 0.4s ease-in-out 0s; + -webkit-transition: all 0.4s ease-in-out 0s; +} + +.news-blocks h3 { + margin: 0 0 5px 0; + font-size: 23px; + line-height: 32px; +} + +.news-blocks h3 a { + color: #000; +} + +.news-blocks h3 a:hover { + color: #78cff8; + text-decoration: none; +} + +.news-blocks p { + overflow: hidden; +} + +.news-blocks a.news-block-btn { + color: #000; + display: block; + font-size: 14px; + background: none; + padding: 5px 10px 0; + text-align: right; + text-decoration: none; +} + +.news-blocks a.news-block-btn i { + margin-left: 3px; +} + + +.news-blocks a.news-block-btn:hover { + text-decoration: none; +} + +.news-blocks img.news-block-img { + width: 70px; + height: 70px; + margin: 5px 0px 0 10px; +} + +.news-blocks .news-block-tags { + margin-bottom: 8px; +} + +.news-blocks .news-block-tags strong { + margin-right: 10px; + font-weight: 400; +} + +.news-blocks .news-block-tags em { + font-style: normal; +} + +/*News Item Page*/ +.news-item-page { + padding: 10px 0; +} + +.blog-tag-data ul { + margin-bottom: 5px; +} + +.blog-tag-data li { + padding: 0; +} + +.blog-tag-data li i { + color: #78cff8; +} + +.blog-tag-data li a { + padding: 0; + color: #555; + margin-right: 8px; +} + +.blog-tag-data { + margin-bottom: 10px; +} + +.blog-tag-data img { + margin-bottom: 12px; +} + +.blog-tag-data ul.blog-tags a { + background: #eee; + padding: 1px 4px; + margin: 0 4px 4px 0; + display: inline-block; +} + +.blog-tag-data ul.blog-tags a:hover { + background: #ddd; + text-decoration: none; +} + +.blog-tag-data .blog-tag-data-inner { + text-align: right; +} + + diff --git a/assets/metronic/css/pages/portfolio.css b/assets/metronic/css/pages/portfolio.css new file mode 100644 index 00000000000..50f6cce9b48 --- /dev/null +++ b/assets/metronic/css/pages/portfolio.css @@ -0,0 +1,128 @@ + /*** +Portfolio +***/ +/*Portfolio Filter*/ +.mix-filter { + list-style: none; + margin:0 0 20px 0; + padding: 0; +} + +.mix-filter li { + color: #555; + cursor: pointer; + padding: 6px 15px; + margin-right: 2px; + margin-bottom: 5px; + background: #eee; + display: inline-block; +} + +.mix-filter li:hover, +.mix-filter li.active { + color: #fff; + background: #0da3e2; +} + +.mix-grid .mix { + opacity: 0; + display: none; +} + +/*Portfolio Hover*/ +.mix-grid .mix { + position: relative; + overflow: hidden; + margin-bottom: 15px; +} + +.mix-grid .mix .mix-inner { + position: relative; + width: 100%; +} + +.mix-grid .mix .mix-details { + color: #fff; + width: 100%; + height: 100%; + bottom: -100%; + text-align: center; + position: absolute; + background: #0da3e2; + transition: all 0.5s ease; + -o-transition: all 0.5s ease; + -ms-transition: all 0.5s ease; + -moz-transition: all 0.5s ease; + -webkit-transition: all 0.5s ease; +} + +.mix-grid .mix:hover .mix-details { + bottom: 0; + transition: all 0.5s ease; + -o-transition: all 0.5s ease; + -ms-transition: all 0.5s ease; + -moz-transition: all 0.5s ease; + -webkit-transition: all 0.5s ease; +} + +.mix-grid .mix .mix-details h4 { + color: #fff; + margin-top: 30px; +} + +.mix-grid .mix .mix-details p { + padding: 0 30px; +} + +.mix-grid .mix .mix-details i { + color: #fff; + font-size: 14px; +} + +.mix-grid .mix a.mix-link, +.mix-grid .mix a.mix-preview { + color: #555; + display: block; + cursor: pointer; + margin-top: 10px; + position: absolute; + padding: 10px 15px; + background: #16b2f4; +} + +.mix-grid .mix a.mix-preview { + left: 50%; + margin-left: 5px; +} + +.mix-grid .mix a.mix-link { + right: 50%; + margin-right: 5px; +} + +.mix-grid .mix a.mix-link:hover, +.mix-grid .mix a.mix-preview:hover { + color: #fff; + padding: 9px 14px; + text-decoration: none; + border: solid 1px #eee; +} + +/* Portrait tablet to landscape and desktop */ +@media (min-width: 992px) { + + .mix-grid .mix.col-md-6.col-sm-6 .mix-details { + height: 50%; + } + +} + +@media (min-width: 768px) and (max-width: 991px) { + + .mix-grid .mix a.mix-link, + .mix-grid .mix a.mix-preview { + margin-top: 5px; + } + +} + diff --git a/assets/metronic/css/pages/pricing-tables.css b/assets/metronic/css/pages/pricing-tables.css new file mode 100644 index 00000000000..5d363271fd3 --- /dev/null +++ b/assets/metronic/css/pages/pricing-tables.css @@ -0,0 +1,390 @@ +/*** +Pricing table +***/ + +.pricing-table { + border: 3px solid transparent; + padding: 10px; + background-color: #f1f2f2; +} + +.pricing-table:hover { + border-color: #4b8df8; +} + +.pricing-table h3 { + margin-left: -2px; + padding-left: 0px; + font-size: 26px; + margin-bottom: 5px; + line-height: 26px; + color: #111; + margin-top: 0px; +} + +.pricing-table .desc { + margin-bottom: 10px; + padding-bottom: 15px; + color: #666; + border-bottom: 1px solid #ddd; +} + +.pricing-table ul { + margin: 0px; + margin-bottom: 15px; + padding: 0px; + list-style: none; +} + +.pricing-table ul li { + padding: 6px 0px; + padding-left: 11px; + font-size: 13px; + line-height: 13px; + color: #666; +} + +.pricing-table ul li i { + position: absolute; + margin-right: 0px; + margin-top: -2px; + margin-left: -17px; + color: #35aa47; + font-size: 16px; +} + +.pricing-table .rate { + border-top: 1px solid #ddd; + margin-bottom: 10px; + padding-top: 15px; + clear: both; +} + +.pricing-table.selected .rate { + border-top-color: #fff; +} + +.pricing-table .rate:before, +.pricing-table .rate:after { + display: table; + line-height: 0; + content: ""; +} +.pricing-table .rate:after { + clear: both; +} + +.pricing-table .rate .price { + display: inline-block; + float: left; + clear: both; +} + +.pricing-table .rate .btn { + margin-top: 3px; + float: right; + display: block; +} + +.pricing-table .rate .price .currency { + padding-top: 4px; + float: left; + width: 50px; + text-align: right; + font-size: 13px; + line-height: 14px; + font-weight: 300; + margin-right: 2px; +} + +.pricing-table .rate .price .amount { + padding-top: 4px; + letter-spacing: -3px; + float: left; + text-align: right; + font-size: 36px; + line-height: 30px; + font-weight: 300; +} + +.pricing-table.selected { + background-color: #4b8df8; +} + +.pricing-table.selected:hover { + border-color: #ddd; +} + +.pricing-table.selected .desc { + border-bottom-color: #fff; +} + +.pricing-table.selected h3, +.pricing-table.selected .desc, +.pricing-table.selected ul li, +.pricing-table.selected ul li i, +.pricing-table.selected .rate { + color: #fff; +} + +/*** +Pricing table(Alternative) +***/ + +.pricing-table2 { + border: 3px solid transparent; + padding: 10px; + background-color: #f1f2f2; +} + +.pricing-table2:hover { + border-color: #4b8df8; +} + +.pricing-table2 h3 { + margin-left: -2px; + padding-left: 0px; + font-size: 26px; + margin-bottom: 5px; + line-height: 26px; + margin-top: 0px; + color: #111; +} + +.pricing-table2 .desc { + margin-bottom: 10px; + padding-bottom: 0px; + color: #666; +} + +.pricing-table2 ul { + margin: 0px; + margin-bottom: 0px; + padding: 0px; + list-style: none; +} + +.pricing-table2 ul li { + padding: 6px 0px; + padding-left: 11px; + font-size: 13px; + line-height: 13px; + color: #666; +} + +.pricing-table2 ul li i { + position: absolute; + margin-right: 0px; + margin-top: -2px; + margin-left: -17px; + color: #35aa47; + font-size: 16px; +} + +.pricing-table2 .rate { + margin-bottom: 10px; + padding: 15px 15px; + margin-left: -15px; + margin-right: -15px; + background-color: #35aa47; + color: #fff; + clear: both; +} + +.pricing-table2.selected .rate { + border-top-color: #fff; +} + +.pricing-table2 .rate:before, +.pricing-table2 .rate:after { + display: table; + line-height: 0; + content: ""; +} +.pricing-table2 .rate:after { + clear: both; +} + +.pricing-table2 .rate .price { + display: inline-block; + float: left; + clear: both; +} + +.pricing-table2 .rate .btn { + margin-top: 3px; + float: right; + display: block; +} + +.pricing-table2 .rate .price .currency { + padding-top: 4px; + float: left; + width: 50px; + text-align: right; + font-size: 13px; + line-height: 14px; + font-weight: 300; +} + +.pricing-table2 .rate .price .amount { + padding-top: 4px; + float: left; + text-align: right; + font-size: 36px; + line-height: 30px; + font-weight: 300; +} + +.pricing-table2.selected { + background-color: #4b8df8; +} + +.pricing-table2.selected .rate { + background-color: #ffb848; +} + +.pricing-table2.selected:hover { + border-color: #ddd; +} + +.pricing-table2.selected .desc { + border-bottom-color: #fff; +} + +.pricing-table2.selected h3, +.pricing-table2.selected .desc, +.pricing-table2.selected ul li, +.pricing-table2.selected ul li i, +.pricing-table2.selected .rate .currency, +.pricing-table2.selected .rate .amount { + color: #fff !important; +} + + +/*** +Pricing table(Alternative 2) +***/ +.pricing { + position:relative; + margin-bottom:15px; + border:3px solid #eee; +} +.pricing-active { + border:3px solid #35aa47; +} +.pricing:hover { + border:3px solid #35aa47; +} +.pricing:hover h4 { + color:#35aa47; +} +.pricing-head { + text-align:center; +} +.pricing-head h3, +.pricing-head h4 { + margin:0; + line-height:normal; +} +.pricing-head h3 span, +.pricing-head h4 span { + display:block; + margin-top:5px; + font-size:14px; + font-style:italic; +} +.pricing-head h3 { + font-weight: 300; + color:#fafafa; + padding:12px 0; + font-size:27px; + background:#35aa47; + border-bottom:solid 1px #41b91c; +} +.pricing-head h4 { + color:#bac39f; + padding:5px 0; + font-size:54px; + font-weight:300; + background:#fbfef2; + border-bottom:solid 1px #f5f9e7; +} +.pricing-head-active h4 { + color:#35aa47; +} +.pricing-head h4 i { + top:-8px; + font-size:28px; + font-style:normal; + position:relative; +} +.pricing-head h4 span { + top:-10px; + font-size:14px; + font-style:normal; + position:relative; +} + +/*Pricing Content*/ +.pricing-content li { + color:#888; + font-size:12px; + padding:7px 15px; + border-bottom:solid 1px #f5f9e7; +} +.pricing-content li i { + top:2px; + color:#35aa47; + font-size:16px; + margin-right:5px; + position:relative; +} + +/*Pricing Footer*/ +.pricing-footer { + color:#777; + font-size:11px; + line-height:17px; + text-align:center; + padding:0 20px 19px; +} + +/*Priceing Active*/ +.price-active, +.pricing:hover { + z-index:9; +} +.price-active h4 { + color:#35aa47; +} + +.no-space-pricing .pricing:hover { + -webkit-transition:box-shadow 0.3s ease-in-out; + -moz-transition:box-shadow 0.3s ease-in-out; + -o-transition:box-shadow 0.3s ease-in-out; + transition:box-shadow 0.2s ease-in-out; +} +.no-space-pricing .price-active .pricing-head h4, +.no-space-pricing .pricing:hover .pricing-head h4 { + color:#35aa47; + padding:15px 0; + font-size:80px; + -webkit-transition:color 0.5s ease-in-out; + -moz-transition:color 0.5s ease-in-out; + -o-transition:color 0.5s ease-in-out; + transition:color 0.5s ease-in-out; +} + + +@media (min-width: 768px) and (max-width: 1280px) { + + .pricing-table .rate .price, + .pricing-table2 .rate .price { + width: 100%; + display: block; + text-align: center; + margin-bottom: 10px; + } + +} \ No newline at end of file diff --git a/assets/metronic/css/pages/profile.css b/assets/metronic/css/pages/profile.css new file mode 100644 index 00000000000..2b95e320617 --- /dev/null +++ b/assets/metronic/css/pages/profile.css @@ -0,0 +1,329 @@ +/*** +Profile Page +***/ +.profile { + position:relative; +} + +.profile p { + color:#636363; + font-size:13px; +} + +.profile p a { + color:#169ef4; +} + +.profile label { + margin-top:10px; +} + +.profile label:first-child { + margin-top:0; +} + +/*profile info*/ +.profile-classic .profile-image { + position:relative; +} + +.profile-classic .profile-edit { + top:0; + right:0; + margin:0; + color:#fff; + opacity:0.6; + padding:0 9px; + font-size:11px; + background:#000; + position:absolute; + filter:alpha(opacity=60); /*for ie*/ +} +.profile-classic .profile-image img { + margin-bottom:15px; +} + +.profile-classic li { + padding:8px 0; + font-size:13px; + border-top:solid 1px #f5f5f5; +} + +.profile-classic li:first-child { + border-top:none; +} + +.profile-classic li span { + color:#666; + font-size:13px; + margin-right:7px; +} + +/*profile tabs*/ +.profile .tabbable-custom-profile .nav-tabs > li > a { + padding:6px 12px; +} + + +/*profile navigation*/ +.profile ul.profile-nav { + margin-bottom:30px; +} + +.profile ul.profile-nav li { + position:relative; +} + +.profile ul.profile-nav li a { + color:#557386; + display:block; + font-size:14px; + padding:8px 10px; + margin-bottom:1px; + background:#f0f6fa; + border-left:solid 2px #c4d5df; +} + +.profile ul.profile-nav li a:hover { + color:#169ef4; + background:#ecf5fb; + text-decoration:none; + border-left:solid 2px #169ef4; +} + +.profile ul.profile-nav li a.profile-edit { + top:0; + right:0; + margin:0; + color:#fff; + opacity:0.6; + border:none; + padding:3px 9px; + font-size:12px; + background:#000; + position:absolute; + filter:alpha(opacity=60); /*for ie*/ +} + +.profile ul.profile-nav li a.profile-edit:hover { + text-decoration:underline; +} + +.profile ul.profile-nav a span { + top:0; + right:0; + color:#fff; + font-size:16px; + padding:7px 13px; + position:absolute; + background:#169ef4; +} + +.profile ul.profile-nav a:hover span { + background:#0b94ea; +} + +/*profile information*/ +.profile-info h1 { + color:#383839; + font-size:24px; + font-weight:400; + margin:0 0 10px 0; +} + +.profile-info ul { + margin-bottom:15px; +} + +.profile-info li { + color:#6b6b6b; + font-size:13px; + margin-right:15px; + margin-bottom:5px; + padding:0 !important; +} + +.profile-info li i { + color:#b5c1c9; + font-size:15px; +} + +.profile-info li:hover i { + color:#169ef4; +} + +/*profile sales summary*/ +.sale-summary ul { + margin-top:-12px; +} +.sale-summary li { + padding:10px 0; + overflow:hidden; + border-top:solid 1px #eee; +} + +.sale-summary li:first-child { + border-top:none; +} + +.sale-summary li .sale-info { + float:left; + color:#646464; + font-size:14px; + text-transform:uppercase; +} + +.sale-summary li .sale-num { + float:right; + color:#169ef4; + font-size:20px; + font-weight:300; +} + +.sale-summary li span i { + top:1px; + width:13px; + height:14px; + margin-left:3px; + position:relative; + display:inline-block; +} + +.sale-summary li i.icon-img-up { + background:url(../../img/icon-img-up.png) no-repeat !important; +} + +.sale-summary li i.icon-img-down { + background:url(../../img/icon-img-down.png) no-repeat !important; +} + +.sale-summary .caption h4 { + color:#383839; + font-size:18px; +} + +.sale-summary .caption { + border-color:#c9c9c9; +} + +/*latest customers table*/ +.profile .table-advance thead tr th { + background:#f0f6fa; +} + +.profile .table-bordered th, +.profile .table-bordered td, +.profile .table-bordered { + border-color:#e5eff6; +} + +.profile .table-striped tbody > tr:nth-child(2n+1) > td, +.profile .table-striped tbody > tr:nth-child(2n+1) > th { + background:#fcfcfc; +} + +.profile .table-hover tbody tr:hover td, +.profile .table-hover tbody tr:hover th { + background:#f5fafd; +} + +/*add portfolio*/ +.add-portfolio { + overflow:hidden; + margin-bottom:30px; + background:#f0f6fa; + padding: 12px 14px; +} + +.add-portfolio span { + float: left; + display: inline-block; + font-weight: 300; + font-size: 22px; + margin-top: 0px; +} + +.add-portfolio .btn { + margin-left: 20px; +} + +/*portfolio block*/ +.portfolio-block { + background:#f7f7f7; + margin-bottom:15px; + overflow:hidden; +} + +.portfolio-stat { + overflow: hidden; +} + +/*portfolio text*/ +.portfolio-text { + overflow:hidden; +} + + +.portfolio-text img { + float:left; + margin-right:15px; +} + +.portfolio-text .portfolio-text-info { + overflow:hidden; +} + +/*portfolio button*/ +.portfolio-btn a { + display:block; + padding:25px 0; + background:#ddd !important; +} + +.portfolio-btn a:hover { + background:#1d943b !important; +} + +.portfolio-btn span { + color:#fff; + font-size:22px; + font-weight:200; +} + +/*portfolio info*/ +.portfolio-info { + float:left; + color:#616161; + font-size:12px; + padding:10px 25px; + margin-bottom:5px; + text-transform:uppercase; +} + +.portfolio-info span { + color:#16a1f2; + display:block; + font-size:28px; + line-height: 28px; + margin-top:0px; + font-weight:200; + text-transform:uppercase; +} + +/*portfolio settings*/ +.profile-settings { + background:#fafafa; + padding:15px 8px 0; + margin-bottom:5px; +} + +.profile-settings p { + padding-left:5px; + margin-bottom:3px; +} + +.profile-settings .controls > .radio, +.profile-settings .controls > .checkbox { + font-size:12px; + margin-top:2px !important; +} diff --git a/assets/metronic/css/pages/promo.css b/assets/metronic/css/pages/promo.css new file mode 100644 index 00000000000..bfa76636fd4 --- /dev/null +++ b/assets/metronic/css/pages/promo.css @@ -0,0 +1,101 @@ +/*** +Promo Page +***/ +.page-content { + padding: 0; +} + +.ie8 .page-content { + padding: 0 !important; +} + +.promo-page { + padding-left: 0; + padding-right: 0; + min-height: 650px; +} + +.promo-page h1, +.promo-page h2 { + font-size: 50px; + line-height: 60px; +} + +.promo-page .btn.xlarge { + font-size: 22px; + padding: 7px 25px; + margin: 5px 0; +} + +.promo-page input.form-control { + background: #fff; +} + +/*page row options*/ + +.promo-page .block-transparent { + min-height: 350px; + padding: 50px 20px 30px 20px; +} + +.promo-page .block-grey { + min-height: 350px; + padding: 50px 20px 30px 20px; + background: #eeedf2; +} + +.promo-page .block-yellow { + min-height: 350px; + padding: 50px 20px 30px 20px; + background: #ffd800; +} + +.promo-page .block-footer { + padding: 30px 20px 30px 20px; + background: #eeedf2; +} + +/* carousel */ + +.block-carousel .carousel-inner { + padding-top: 70px; + padding-bottom: 60px; +} + +.block-carousel .carousel-control i { + display: none; + position: absolute; + top:40%; +} + +.block-carousel .carousel-control.left i { + right:30%; +} + +.block-carousel .carousel-control.right i { + left:30%; +} + +.block-carousel .carousel:hover .carousel-control i { + display: inline-block; +} + +.block-carousel .carousel-indicators li { + background-color: #666; +} + +.block-carousel .carousel-indicators li.active { + background-color: #333; +} + +@media (max-width: 991px) { + + .block-carousel { + margin-top: -20px; + } + + .block-carousel .carousel-inner { + padding-top: 20px; + } + +} diff --git a/assets/metronic/css/pages/search.css b/assets/metronic/css/pages/search.css new file mode 100644 index 00000000000..faad5225b95 --- /dev/null +++ b/assets/metronic/css/pages/search.css @@ -0,0 +1,159 @@ +/* +Search Page +***/ + +/* general search form */ +.search-form-default { + margin-bottom:25px; + background:#f0f6fa; + padding:12px 14px; +} + +/*search classic*/ + +.search-classic { + margin-bottom:30px; +} + +.search-classic h4 { + margin-bottom:3px; +} + +.overflow-hidden { + overflow:hidden; +} + +/*Booking Offer*/ +.booking-offer { + position: relative; +} + +.booking-offer .booking-offer-in { + top: 15px; + left: 15px; + right: 15px; + color: #fff; + padding: 15px; + position: absolute; + background: url(../../img/bg-opacity.png); +} + +.booking-offer .booking-offer-in em { + font-size: 14px; + font-style: normal; +} + +.booking-offer .booking-offer-in p { + color: #fff; + font-size: 14px; + margin-bottom: 0; +} + +.booking-offer .booking-offer-in span { + font-size: 22px; + display: block; + margin-bottom: 10px; +} + +.booking-app { + margin-bottom: 10px; +} + +.booking-app a { + color: #fff; + padding: 15px; + display: block; + overflow: hidden; + background: #78ccf8; +} + +.booking-app a:hover { + background: #4d90fe; + text-decoration: none; +} + +.booking-app span { + top: 0px; + color: #fff; + font-size: 20px; + position: relative; +} + +.booking-app i { + color: #fff; + font-size: 40px; + line-height: 18px; +} + +/*Booking Blocks (Content)*/ +.booking-results { + margin-top: 20px; +} + +.booking-result { + overflow: hidden; +} + +.booking-result .booking-img { + display: inline-block; + float: left; + width: 140px; + margin-right: 10px; +} + +.booking-result .booking-img .price-location li { + color: #777; +} + +.booking-result .booking-img .price-location li i { + color: #78ccf8; + font-size: 12px; + margin-right: 5px; +} + +.booking-result .booking-img img { + float: left; + width: 140px; + height: auto; + margin: 3px 10px 10px 0; +} + +.booking-result .booking-info .stars { + padding: 0; + margin: 0 0 5px 0; +} + +.booking-result .booking-info .stars li { + padding: 0; +} + +.booking-result .booking-info .stars li i { + color: #f8be2c; + cursor: pointer; + font-size: 16px; +} + +.booking-result .booking-info h2 { + margin-top: 2px; + font-size: 20px; + line-height: 20px; +} + + + + +@media (max-width: 768px) { + + .booking-results, + .search-classic { + margin-top: 0; + } + + .booking-result, + .search-classic { + padding-bottom: 5px; + border-bottom: 1px solid #ddd; + margin: 15px 0; + } + +} diff --git a/assets/metronic/css/pages/tasks.css b/assets/metronic/css/pages/tasks.css new file mode 100644 index 00000000000..2216a1fae90 --- /dev/null +++ b/assets/metronic/css/pages/tasks.css @@ -0,0 +1,103 @@ +/*** +Tasks Widget +***/ + +.tasks-widget .task-content:after { + clear: both; +} + +.tasks-widget .task-footer { + margin-top: 5px; +} + +.tasks-widget .task-footer:after, +.tasks-widget .task-footer:before { + content: ""; + display: table; + line-height: 0; +} + +.tasks-widget .task-footer:after { + clear: both; +} + +.tasks-widget .task-list { + list-style: none; + padding:0; + margin:0; +} + +.tasks-widget .task-list > li { + position:relative; + padding:10px 5px; + border-bottom:1px solid #eaeaea; +} + +.tasks-widget .task-list li.last-line { + border-bottom:none; +} + +.tasks-widget .task-list li > .task-bell { + margin-left:10px; +} + +.tasks-widget .task-list li > .task-checkbox { + float:left; + width:30px; +} + +.tasks-widget .task-list li > .task-title { + margin-right:10px; +} + +.tasks-widget .task-list li > .task-config { + position:absolute; + top:10px; + right:10px; +} + +.tasks-widget .task-list li .task-title .task-title-sp { + margin-right:5px; +} + +.tasks-widget .task-list li.task-done .task-title-sp { + text-decoration:line-through; +} + +.tasks-widget .task-list li.task-done { + background:#f6f6f6; +} + +.tasks-widget .task-list li.task-done:hover { + background:#f4f4f4; +} + +.tasks-widget .task-list li:hover { + background:#f9f9f9; +} + +.tasks-widget .task-list li .task-config { + display:none; +} + +.tasks-widget .task-list li:hover > .task-config { + display:block; + margin-bottom:0 !important; +} + +.tasks-widget .task-config-btn { + margin-top: -1px; +} + +@media only screen and (max-width: 480px) { + + .tasks-widget .task-config-btn { + float:inherit; + display:block; + } + + .tasks-widget .task-list-projects li > .label { + margin-bottom:5px; + } + +} diff --git a/assets/metronic/css/pages/timeline.css b/assets/metronic/css/pages/timeline.css new file mode 100644 index 00000000000..8441c3ca21e --- /dev/null +++ b/assets/metronic/css/pages/timeline.css @@ -0,0 +1,326 @@ +/*** +Timeline UI Base +***/ +.timeline { + margin: 0; + padding: 0; + list-style: none; + position: relative; +} + +/* The line */ +.timeline:before { + content: ''; + position: absolute; + top: 0; + bottom: 0; + width: 10px; + background: #ccc; + left: 20%; + margin-left: -10px; +} + +.timeline > li { + position: relative; +} + +/* The date/time */ +.timeline > li .timeline-time { + display: block; + width: 15%; + text-align: right; + position: absolute; +} + +.timeline > li .timeline-time span { + display: block; + text-align: right; +} + +.timeline > li .timeline-time span.date { + font-size: 12px; + color: #aaa; + display: block; + font-weight: 300; +} + +.timeline > li .timeline-time span.time { + font-weight: 300; + font-size: 38px; + line-height: 38px; +} + +/* Right content */ + +.timeline > li .timeline-body { + margin: 0 0 15px 25%; + color: #fff; + padding: 10px; + font-weight: 300; + position: relative; + border-radius: 5px; +} + +.timeline > li .timeline-body h2 { + margin-top: 0px; + padding: 0 0 5px 0; + border-bottom: 1px solid rgba(255,255,255,0.3); + font-size: 24px; +} + +.timeline > li .timeline-content { + font-size: 14px; +} + +.ie8 .timeline > li .timeline-body h2 { + border-bottom: 1px solid #eee; +} + +.timeline > li .timeline-body img.timeline-img { + width: 75px; + height: 75px; + margin: 5px 10px 0 0px; +} + +.timeline > li .timeline-body img.pull-right { + margin-left: 10px; +} + + +.timeline > li .timeline-body a.nav-link { + display: inline-block; + margin-top: 10px; + color: #fff; + font-size: 14px; + padding: 0px; + text-align: left; + text-decoration: none; +} + +.timeline > li .timeline-body a.nav-link:hover { + opacity: 0.5; + filter: alpha(opacity=50); +} + +.timeline > li .timeline-body .btn { + margin-top: 10px; +} + +/* The triangle */ +.timeline > li .timeline-body:after { + right: 100%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + border-right-color: #3594cb; + border-width: 10px; + top: 19px; +} + +.timeline > li .timeline-content:after, +.timeline > li .timeline-content:before { + display: table; + line-height: 0; + content: ""; +} + +.timeline > li .timeline-content:after { + clear: both; +} + +.timeline >li .timeline-footer:after, +.timeline >li .timeline-footer:before { + content: ""; + display: table; + line-height: 0; +} + +.timeline >li .timeline-footer:after { + clear: both; +} + +/* The icons */ +.timeline > li .timeline-icon { + width: 40px; + height: 40px; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + font-size: 1.4em; + line-height: 40px; + -webkit-font-smoothing: antialiased; + position: absolute; + color: #fff; + background: #aaa; + border-radius: 50%; + box-shadow: 0 0 0 8px #ccc; + text-align: center; + left: 20%; + top: 0; + margin: 5px 0 0 -25px; + padding-bottom: 3px; + padding-right: 1px; + padding-left: 2px; + -webkit-border-radius: 30px !important; + -moz-border-radius: 30px !important; + border-radius: 30px !important; +} + +.timeline > li .timeline-icon > i { + font-size: 18px; +} + +/* Red */ +.timeline li.timeline-red .timeline-body:after { + border-right-color: #e02222; +} + +.timeline li.timeline-red .timeline-body { + background: #e02222; +} + +.timeline li.timeline-red .timeline-time span.time { + color: #e02222; +} + +/* Yellow */ +.timeline li.timeline-yellow .timeline-body:after { + border-right-color: #ffb848; +} + +.timeline li.timeline-yellow .timeline-body { + background: #ffb848; +} + +.timeline li.timeline-yellow .timeline-time span.time { + color: #ffb848; +} + +/* Green */ +.timeline li.timeline-green .timeline-body:after { + border-right-color: #35aa47; +} + +.timeline li.timeline-green .timeline-body { + background: #35aa47; +} + +.timeline li.timeline-green .timeline-time span.time { + color: #35aa47; +} + +/* Blue */ +.timeline li.timeline-blue .timeline-body:after { + border-right-color: #4b8df8; +} + +.timeline li.timeline-blue .timeline-body { + background: #4b8df8; +} + +.timeline li.timeline-blue .timeline-time span.time { + color: #4b8df8; +} + +/* Purple */ +.timeline li.timeline-purple .timeline-body:after { + border-right-color: #852b99; +} + +.timeline li.timeline-purple .timeline-body { + background: #852b99; +} + +.timeline li.timeline-purple .timeline-time span.time { + color: #852b99; +} + +/* Grey */ +.timeline li.timeline-grey .timeline-body:after { + border-right-color: #555555; +} + +.timeline li.timeline-grey .timeline-body { + background: #555555; +} + +.timeline li.timeline-grey .timeline-time span.time { + color: #555555; +} + +@media (max-width: 767px) { + timeline > li .timeline-time span.time { + font-size: 18px; + } + + .timeline:before { + display: none; + } + + .timeline > li .timeline-time { + width: 100%; + position: relative; + padding: 0 0 20px 0; + } + + .timeline > li .timeline-time span { + text-align: left; + } + + .timeline > li .timeline-body { + margin: 0 0 30px 0; + padding: 1em; + } + + .timeline > li .timeline-body:after { + right: auto; + left: 20px; + top: -20px; + } + + .timeline > li .timeline-icon { + position: relative; + float: right; + left: auto; + margin: -55px 5px 0 0px; + } + + /*colors*/ + + + .timeline li.timeline-red .timeline-body:after { + border-right-color: transparent; + border-bottom-color: #e02222; + } + + .timeline li.timeline-blue .timeline-body:after { + border-right-color: transparent; + border-bottom-color: #4b8df8; + } + + .timeline li.timeline-green .timeline-body:after { + border-right-color: transparent; + border-bottom-color: #35aa47; + } + + .timeline li.timeline-yellow .timeline-body:after { + border-right-color: transparent; + border-bottom-color: #ffb848; + } + + .timeline li.timeline-purple .timeline-body:after { + border-right-color: transparent; + border-bottom-color: #852b99; + } + + .timeline li.timeline-grey .timeline-body:after { + border-right-color: transparent; + border-bottom-color: #555555; + } +} + diff --git a/assets/metronic/css/plugins.css b/assets/metronic/css/plugins.css new file mode 100644 index 00000000000..560e0ce42a1 --- /dev/null +++ b/assets/metronic/css/plugins.css @@ -0,0 +1,1534 @@ +/************************** + PLUGIN CSS CUSTOMIZATIONS +**************************/ + +/*** +Calendar with full calendar +***/ +.external-event { + display: inline-block ; + cursor:move; + margin-bottom: 5px ; + margin-left: 5px ; +} + +.portlet .event-form-title { + font-size: 14px; + margin-top: 4px; + font-weight: 400; + margin-bottom: 10px; +} + +.portlet.calendar .fc-button { + -webkit-box-shadow: none ; + -moz-box-shadow: none ; + box-shadow: none ; + text-shadow: none; + border: 0 ; + padding: 6px 8px 30px 8px ; + margin-left:2px; + border-top-style: none; + border-bottom-style: none; + border-right-style: solid; + border-left-style: solid; + border-color: #ddd; + background: transparent; + color: #fff; + top: -46px; +} + +.portlet.calendar .fc-header { + margin-bottom:-21px; +} + +.portlet.calendar .fc-button-prev { + padding-right: 10px; + padding-left: 8px; +} + +.portlet.calendar .fc-button-next { + padding-right: 8px; + padding-left: 10px; +} + +.portlet.calendar .fc-button.fc-state-active, +.portlet.calendar .fc-button.fc-state-hover { + color: #666 ; + background-color: #F9F9F9 ; +} + +.portlet.calendar .fc-button.fc-state-disabled { + color: #ddd ; +} + +.portlet.calendar .fc-text-arrow { + font-size: 22px; + font-family: "Courier New", Courier, monospace; + vertical-align: baseline; +} + +/* begin: event element */ +.portlet.calendar .fc-event { + border: 0px; + background-color: #69a4e0; + color: #fff; +} + +.portlet.calendar .fc-event-inner { + border: 0px; +} + +.portlet.calendar .fc-event-time { + float: left; + text-align: left; + color: #fff; + font-size: 13px; + font-weight: 300; +} + +.portlet.calendar .fc-event-title { + text-align: left; + float: left; + color: #fff; + font-size: 13px; + font-weight: 300; +} +/* end: event element */ + +.portlet.calendar .fc-header-title h2 { + font-size: 14px ; + line-height: 20px; + font-weight: 400; + color: #111; +} + +.portlet.calendar .fc-widget-header { + background-image: none ; + filter:none; + background-color: #eee ; + text-transform: uppercase; + font-weight: 300; +} + +.portlet.calendar .mobile .fc-button { + margin-left: 2px ; +} + +.portlet.calendar .mobile .fc-button { + padding: 0px 6px 20px 6px ; + margin-left:2px ; + border: 0; + background-color: #ddd ; + background-image: none; + -webkit-box-shadow: none ; + -moz-box-shadow: none ; + box-shadow: none ; + -webkit-border-radius: 0 ; + -moz-border-radius: 0 ; + border-radius: 0 ; + color: #000; + text-shadow: none ; + text-align: center; +} + +.portlet.calendar .mobile .fc-state-hover, +.portlet.calendar .mobile .fc-state-active { + background-color: #eee ; +} + +.portlet.calendar .mobile .fc-button-prev { + margin-right: 5px; + margin-top: -2px; +} + +.portlet.calendar .mobile .fc-button-next { + margin-right: -0px; + margin-top: -2px; +} + +.portlet.calendar .mobile .fc-header-space { + margin: 0px ; + padding: 0px ; + width: 0px ; +} + + .portlet.calendar .mobile .fc-state-disabled { + color: #bbb ; + } + + .portlet.calendar .mobile .fc-header-left { + position: absolute; + z-index: 10; + } + + .portlet.calendar .mobile .fc-header-right { + position: absolute; + z-index: 9; + } + + .portlet.calendar .mobile .fc-header-left .fc-button { + top: -2px ; + } + + .portlet.calendar .mobile .fc-header-right { + position: relative; + right:0; + } + + .portlet.calendar .mobile .fc-header-right .fc-button { + top: 35px ; + } + + .portlet.calendar .mobile .fc-content { + margin-top: 53px; + } + + +/*** +Form wizard +***/ + +.form-wizard .progress { + margin-bottom: 30px; +} + +.form-wizard .steps { + padding: 10px 0; + margin-bottom: 15px; +} + +.form-wizard .steps { + background-color: #fff ; + background-image: none ; + filter:none ; + border: 0px; + box-shadow: none ; +} + +.form-wizard .steps li a { + background-color: #fff ; + background-image: none ; + filter:none; + border: 0px; + box-shadow: none ; +} + +.form-wizard .steps li a:hover { + background: none; +} + +.form-wizard .step:hover { + text-decoration: none; +} + +.form-wizard .step .number { + background-color: #eee; + display: inline-block; + text-align: center !important; + font-size: 16px; + font-weight: 300; + padding: 11px 15px 13px 15px; + margin-right: 10px; + height: 45px; + width: 45px; + -webkit-border-radius: 50% !important; + -moz-border-radius: 50% !important; + border-radius: 50% !important; +} + +.form-wizard .step .desc { + display: inline-block; + font-size: 16px; + font-weight: 300; +} + +.form-wizard .active .step .number { + background-color: #35aa47; + color: #fff; +} + +.form-wizard .active .step .desc { + color: #333; + font-weight: 400; +} + +.form-wizard .step i { + display: none; +} + +.form-wizard .done .step .number { + background-color: #f2ae43; + color: #fff; +} + +.form-wizard .done .step .desc { + font-weight: 400; +} + +.form-wizard .done .step i { + font-size: 12px; + font-weight: normal; + color: #999; + display: inline-block; +} + + +@media (min-width: 768px) and (max-width: 1280px) { + .form-wizard .step .desc { + margin-top: 10px; + display: block; + } +} + +@media (max-width: 768px) { + .form-wizard .steps > li > a { + text-align: left; + } +} + +/*** +Google Maps +***/ +.gmaps { + height: 300px; + width: 100%; +} + +/* important! bootstrap sets max-width on img to 100% which conflicts with google map canvas*/ +.gmaps img { + max-width: none; +} + +#gmap_static div{ + background-repeat: no-repeat ; + background-position: 50% 50% ; + height:100%; + display:block; + height: 300px; +} + +#gmap_routes_instructions { + margin-top: 10px; + margin-bottom: 0px; +} + +/*** +SlimScrollBar plugins css changes +***/ +.scroller { + padding: 0px ; + margin: 0px ; + padding-right: 12px ; + overflow: hidden; +} + +.scroller-footer { + margin-top: 10px; +} + +.scroller-footer:after, +.scroller-footer:before { + content: ""; + display: table; + line-height: 0; +} + +.scroller-footer:after { + clear: both; +} + +.portlet-body .slimScrollBar { + margin-right: 0px ; +} + +/*** +jqvmap changes +***/ +.jqvmap-zoomin { + height: 16px; + width: 16px; + background-color: #666 ; +} + +.jqvmap-zoomout { + height: 16px; + width: 16px; + background-color: #666 ; +} + +.vmaps { + position: relative; + overflow: hidden; + height: 300px; +} + + +/*** +Error state for WYSIWYG Editors +***/ +.has-error .md-editor, +.has-error .wysihtml5-sandbox, +.has-error .cke { + border: 1px solid #B94A48 !important; +} + +.has-success .md-editor, +.has-success .wysihtml5-sandbox, +.has-success .cke { + border: 1px solid #468847 !important; +} + +/*** +Select2 plugin css changes +***/ + +/* enable form validation classes for select2 dropdowns */ +.has-error .select2-container .select2-choice { + border-color: #B94A48; +} + +.has-error .select2-container.select2-dropdown-open .select2-choice { + border-color: #e5e5e5; +} + +.has-error .select2-container.select2-dropdown-open .select2-choice > span { + color: #999999; +} + +.has-success .select2-container .select2-choice { + border-color: #468847; +} + +.has-success .select2-container.select2-dropdown-open .select2-choice { + border-color: #e5e5e5; +} + +.has-success .select2-container.select2-dropdown-open .select2-choice > span { + color: #999999; +} + + +/*** +Jansy File Input plugin css changes +***/ +.fileinput { + margin-bottom: 0; +} + + +/*** +WYSIWYG +***/ +.wysihtml5-toolbar li { + margin: 0px; + height: 29px; +} + +.wysihtml5-toolbar li .dropdown-menu { + margin-top: 5px; +} + +/*** +CKEditor css changes +***/ +.cke_bottom, +.cke_inner, +.cke_top, +.cke_reset, +.cke_dialog_title, +.cke_dialog_footer, +.cke_dialog { + background-image: none !important; + filter:none ; + border-top: 0 ; + border-bottom: 0 ; + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; + text-shadow:none ; +} + +.cke_dialog_ui_button, +.cke_dialog_tab { + background-image: none !important; + filter:none ; + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; + text-shadow:none !important; +} + +.cke_dialog_ui_button:hover, +.cke_dialog_tab:hover { + text-decoration: none; + text-shadow:none ; +} + +.cke_dialog_ui_input_text { + background-image: none !important; + filter:none ; + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; +} + +.cke_combo_button, +.cke_button, +.cke_toolbar, +.cke_toolgroup { + background-image: none !important; + filter:none !important; + border: 0 ; + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; +} + +.cke_button, +.cke_combo_button, +.cke_panel_grouptitle, +.cke_hc.cke_panel_listItem a { + background-image: none !important; + filter:none ; + text-shadow:none ; + -webkit-border-radius: 0px !important; + -moz-border-radius: 0px !important; + -ms-border-radius: 0px !important; + -o-border-radius: 0px !important; +} + +.cke_button:hover, +.cke_combo_button:hover { + background-color: #ddd; +} + +.cke_toolbar_break { + background-image: none !important; + filter:none !important; + border: 0 ; + box-shadow: none !important; + -webkit-box-shadow : none !important; + -moz-box-shadow: none !important; + -ms-box-shadow: none !important; + -o-box-shadow: none !important; +} + +/*** +Modify tags input plugin css +***/ +div.tagsinput { + min-height: 35px; + height: auto !important; + margin: 0; + padding: 5px 5px 0px 5px; + overflow: auto; +} + +div.tagsinput span.tag { + background: #aaa ; + color: #fff ; + border: 0 ; + padding: 3px 6px; + margin-top: 0; + margin-bottom: 5px; +} + +div.tagsinput input { + padding: 3px 6px ; + width: 75px !important; +} + +div.tagsinput span.tag a { + color: #fff ; +} + +div.tagsinput .not_valid { + color: #fff ; + padding: 3px 6px ; + background-color: #e02222 ; +} + +/*** +Gritter notification modify +***/ + +#gritter-notice-wrapper { + right:1px !important; +} + +.gritter-close { + left:auto !important; + right: 3px !important; +} + +.gritter-title { + font-family: 'Open Sans' ; + font-size: 18px ; + font-weight: 300 ; +} + +/*** +jQuery UI Sliders(new in v1.1.1) +***/ +.slider { + border: 0; + padding: 0; + display: block; + margin: 12px 5px; + min-height: 11px; +} + +.ui-slider-vertical { + width: 11px; +} + +.ui-slider-horizontal .ui-slider-handle { + top: -3px; +} + +.ui-slider-vertical .ui-slider-handle { + left: -3px; +} + +.ui-slider-vertical, +.ui-slider-handle { + filter: none !important; + background-image: none !important; +} + +/*** +Dropzone css changes(new in v1.1.1) +***/ +.dropzone { + -webkit-border-radius: 0px ; + -moz-border-radius: 0px ; + border-radius: 0px ; +} + + +/*** +Dashboard Charts(new in v1.2.1) +***/ +.easy-pie-chart, +.sparkline-chart { + text-align: center; +} + +.sparkline-chart { + margin-top: 15px; + position:relative ; +} + +.easy-pie-chart .number { + font-size: 16px; + font-weight: 300; + width: 85px; + margin: 0 auto; +} + +.sparkline-chart .number { + width: 100px; + margin: 0 auto; + margin-bottom: 10px; +} + +.sparkline-chart .title, +.easy-pie-chart .title { + display: block; + text-align: center; + color: #333; + font-weight: 300; + font-size: 16px; + margin-top: 5px; + margin-bottom: 10px; +} + +.sparkline-chart .title:hover, +.easy-pie-chart .title:hover { + color: #666; + text-decoration: none; +} + +.sparkline-chart .title > i, +.easy-pie-chart .title > i { + margin-top: 5px; +} + +/*** +Fancy box fix overlay fix(in v1.2.4) +***/ +.fancybox-overlay { + z-index: 10000 ; +} + +/*** +Datatables Plugin(in v1.3) +***/ +.dataTable { + width: 100% !important; + clear: both; + margin-top: 5px; +} + +.dataTables_filter label { + line-height: 32px ; +} + +.dataTable .row-details { + margin-top: 3px; + display: inline-block; + cursor: pointer; + width: 14px; + height: 14px; +} + +.dataTable .row-details.row-details-close { + background: url("../img/datatable-row-openclose.png") no-repeat 0 0; +} + +.dataTable .row-details.row-details-open { + background: url("../img/datatable-row-openclose.png") no-repeat 0 -23px ; +} + +.dataTable .details { + background-color: #eee ; +} + +.dataTable .details td, +.dataTable .details th { + padding: 4px; + background: none ; + border: 0; +} + +.dataTable .details tr:hover td, +.dataTable .details tr:hover th { + background: none ; +} + +.dataTable .details tr:nth-child(odd) td, +.dataTable .details tr:nth-child(odd) th { + background-color: #eee ; +} + +.dataTable .details tr:nth-child(even) td, +.dataTable .details tr:nth-child(even) th { + background-color: #eee ; +} + +.dataTable > thead > tr > th.sorting, +.dataTable > thead > tr > th.sorting_asc, +.dataTable > thead > tr > th.sorting_desc { + padding-right: 18px; +} + +.dataTable .table-checkbox { + width: 8px !important; +} + +@media (max-width: 768px) { + .dataTables_wrapper .dataTables_length .form-control, + .dataTables_wrapper .dataTables_filter .form-control { + display: inline-block; + } + + .dataTables_wrapper .dataTables_info { + top: 17px; + } + + .dataTables_wrapper .dataTables_paginate { + margin-top: -15px; + } +} + +@media (max-width: 480px) { + .dataTables_wrapper .dataTables_filter .form-control { + width: 175px !important; + } + + .dataTables_wrapper .dataTables_paginate { + float: left; + margin-top: 20px; + } +} + +.dataTables_processing { + position: fixed; + top: 50%; + left: 50%; + min-width: 125px; + margin-left: 0; + padding: 7px; + text-align: center; + color: #333; + font-size: 13px; + border: 1px solid #ddd; + background-color: #eee; + vertical-align: middle; + -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); +} + +.dataTables_processing span { + line-height:15px; + vertical-align: middle; +} + +.dataTables_empty { + text-align: center; +} + +/*** +Extended Datatable +***/ + +.dataTables_extended_wrapper .seperator { + padding: 0 2px; +} + +.dataTables_extended_wrapper .dataTables_paginate, +.dataTables_extended_wrapper .dataTables_length, +.dataTables_extended_wrapper .dataTables_info { + display: inline-block; + float: none !important; + padding: 0 !important; + margin: 0 !important; + position: static !important; +} + +@media (max-width: 480px) { + + .dataTables_extended_wrapper .dataTables_paginate, + .dataTables_extended_wrapper .dataTables_length, + .dataTables_extended_wrapper .dataTables_info { + display: block; + margin-bottom: 10px !important; + } + + .dataTables_extended_wrapper .seperator { + display: none; + } +} + +.dataTables_extended_wrapper .dataTables_length label { + margin: 0 !important; + padding: 0 !important; + font-size: 13px; + float: none !important; + display: inline-block !important; +} + +.table-container .table-actions-wrapper { + display: none; +} + +/*** +Password Strength(in v1.4) +***/ +.password-strength .password-verdict { + display: inline-block; + margin-top: 6px; + margin-left: 5px; +} + +.password-strength .progress { + margin-top: 5px; + margin-bottom: 0; +} + +.password-strength .progress-bar { + padding: 2px; +} + +/*** +Uniform disabled checkbox, radio button fix(in v1.4) +***/ + +.table .uniform-inline { + padding: 0; + margin: 0; +} + +.checker { + margin-top: -2px !important; + margin-right: 2px !important; +} + +.checker input, +.radio input { + outline: none !important; +} + +div.checker.disabled span, +div.checker.disabled.active span{ + background-position: -152px -260px; +} + +div.checker.disabled:hover, +div.radio.disabled:hover { + cursor: not-allowed; +} + +div.radio, +div.checker { + margin-right: 0; + margin-left: 3px; +} + +/*** +jQuery Sparkline +***/ +.jqstooltip { + width: auto !important; + height: auto !important; +} + + +/*** +jQuery Multi Select +***/ + +.ms-container .ms-list { + border: 1px solid #e5e5e5; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + +} + +.ms-container .ms-optgroup-label{ + font-size: 14px; +} + +.ms-container .ms-selectable li.ms-elem-selectable, +.ms-container .ms-selection li.ms-elem-selection{ + font-size: 13px; +} + +.ms-container .ms-list.ms-focus { + border-color: #999999; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.ms-container .ms-selectable li.ms-hover, +.ms-container .ms-selection li.ms-hover{ + color: #333; + background-color: #eee; +} + +.ms-container .form-control { + margin-bottom: 5px; +} + +/*** +Bootstrap Colorpicker +***/ +.input-group.color .input-group-btn i { + position: absolute; + display: block; + cursor: pointer; + width: 20px; + height: 20px; + right: 6px; +} + +.colorpicker.dropdown-menu { + padding: 5px; +} + +/* change z-index when opened in modal */ +.modal-open .colorpicker { + z-index: 10055 !important; +} + +/*** +Bootstrap Datetimepicker +***/ + +.datetimepicker table td { + font-weight: 300 !important; + font-family: 'Open Sans' !important; +} + +.datetimepicker table th { + font-family: 'Open Sans' !important; + font-weight: 400 !important; +} + +.datetimepicker.dropdown-menu { + padding: 5px; +} + +.datetimepicker .active { + background-color:#4b8df8 !important; + background-image: none !important; + filter: none !important; +} + +.datetimepicker .active:hover { + background-color: #2678FC !important; + background-image: none !important; + filter: none !important; + +} + +/* change z-index when opened in modal */ +.modal-open .datetimepicker { + z-index: 10055 !important; +} + +/*** +Bootstrap Time Picker +***/ +.bootstrap-timepicker-widget table td a { + padding: 4px 0; +} + +.bootstrap-timepicker-widget input, +.bootstrap-timepicker-widget input:focus { + outline: none !important; + border: 0; +} + +.modal-open .bootstrap-timepicker-widget { + z-index: 10055 !important; +} + +.bootstrap-timepicker-widget.timepicker-orient-bottom:before, +.bootstrap-timepicker-widget.timepicker-orient-bottom:after { + top: auto; +} + +/*** +Bootstrap Datepicker +***/ + +.datepicker.dropdown-menu { + padding: 5px; +} + +.datepicker .selected { + background-color:#909090 !important; + background-image: none !important; + filter: none !important; +} + +.datepicker .active { + background-color:#4b8df8 !important; + background-image: none !important; + filter: none !important; +} + +.datepicker .active:hover { + background-color: #2678FC !important; + background-image: none !important; + filter: none !important; +} + +.datepicker .input-daterange input { + text-align: left; +} + +/* change z-index when opened in modal */ +.modal-open .datepicker { + z-index: 10055 !important; +} + +.datepicker table td { + font-weight: 300 !important; + font-family: 'Open Sans' !important; +} + +.datepicker table th { + font-family: 'Open Sans' !important; + font-weight: 400 !important; +} + + +/*** +Clockface +***/ + +.modal-open .clockface { + z-index: 10055 !important; +} + +.clockface .cell .inner.active, +.clockface .cell .outer.active { + background-color:#4b8df8 !important; + background-image: none ; + filter:none ; +} + + +/*** +Bootstrap Daterangepicker +***/ + +.modal-open .daterangepicker { + z-index: 10055 !important; +} + +.daterangepicker td { + text-shadow: none ; +} + +.daterangepicker td.active { + background-color: #4b8df8 ; + background-image: none ; + filter:none ; +} + +.daterangepicker th { + font-weight: 400; + font-size: 14px; +} + +.daterangepicker .ranges input[type="text"] { + width: 70px !important; + font-size: 11px; + vertical-align: middle; +} + +.daterangepicker .ranges label { + font-weight: 300; + display: block; +} + +.daterangepicker .ranges .btn { + margin-top: 10px; +} + +.daterangepicker.dropdown-menu { + padding: 5px; +} + +.daterangepicker .ranges li { + color: #333; +} + +.daterangepicker .ranges li.active, +.daterangepicker .ranges li:hover { + background: #4b8df8 !important; + border: 1px solid #4b8df8 !important; + color: #fff; +} + +.daterangepicker .range_inputs input { + margin-bottom: 0 !important; +} + +/*** +Bootstrap Editable +***/ + +.editable-input table, +.editable-input table th, +.editable-input table td, +.editable-input table tr { + border: 0 !important; +} + +.editable-input .combodate select { + margin-bottom: 5px; +} + +/*** +FuelUX Spinners +***/ + +.spinner-buttons.btn-group-vertical .btn { + text-align: center; + margin: 0; + height: 17px; + width: 22px; + padding-left: 6px; + padding-right: 6px; + padding-top: 0px; +} + + +/*** +NoUI Range Sliders +***/ +.noUi-handle { + height: 20px; + width: 20px; + margin: -3px 0 0 -20px; +} + +.noUi-base { + height: 16px; +} + +.noUi-connect { + background: #ffb848; +} + +/*** +Toastr Notifications +***/ +.toast { + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; +} + +.toast { + background-color: #030303; +} +.toast-success { + background-color: #51a351; +} +.toast-error { + background-color: #bd362f; +} +.toast-info { + background-color: #2f96b4; +} +.toast-warning { + background-color: #f89406; +} + +.toast .toast-close-button { + display: inline-block; + margin-top: 0px; + margin-right: 0px; + text-indent: -100000px; + width: 11px; + height: 16px; + background-repeat: no-repeat !important; + background-image: url("../img/portlet-remove-icon-white.png") !important; +} + +.toast-top-center { + top: 12px; + margin: 0 auto; + left: 50%; + margin-left: -150px; +} + +.toast-bottom-center { + bottom: 12px; + margin: 0 auto; + left: 50%; + margin-left: -150px; +} + +/*** +Google reCaptcha +***/ +.form-recaptcha-img { + margin-bottom: 10px; + clear: both; + border: 1px solid #e5e5e5; + padding: 5px; +} + +iframe[src="about:blank"] { + display:none; +} + +/*** +Bootstrap Markdown +***/ +.md-input { + padding: 5px !important; + border-bottom: 0 !important; +} + +.md-editor .btn-toolbar { + margin-left: 0px; +} + +.md-editor.active { + border: 1px solid #999999; + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; +} + +/*** +Bootstrap Datepaginator +***/ +.datepaginator a { + font-family: 'Open Sans'; + font-size: 13px; + font-weight: 300; +} + +.datepicker .today { + background-image: none !important; + filter: none !important; +} + +#dp-calendar { + right: 4px !important; +} + +/*** +Font Awesome 4.0 Demo +***/ +.fa-item { + font-size: 14px; + padding: 10px 10px 10px 20px; +} + +.fa-item i { + font-size: 16px; + display: inline-block; + width: 20px; +} + +.fa-item:hover { + cursor: pointer; + background: #eee; +} + +/*** +Bootstrap Modal +***/ +/* fix: content shifting to the right on modal open */ +.modal-open.page-overflow .page-container, +.modal-open.page-overflow .page-container .navbar-fixed-top, +.modal-open.page-overflow .page-container .navbar-fixed-bottom, +.modal-open.page-overflow .modal-scrollable { + overflow-y: auto !important; +} + +.modal-scrollable { + overflow: hidden !important; +} + + +/*** +jQuery Notific8 Plugin +***/ + +.jquery-notific8-message { + font-size: 13px; +} + +[class*="jquery-notific8"], +[class*="jquery-notific8"]:after, +[class*="jquery-notific8"]:before { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} + +.right .jquery-notific8-close-sticky span, +.left .jquery-notific8-close-sticky span { + font-size: 10px; +} + +.jquery-notific8-heading { + font-weight: 300; + font-size: 16px; +} + +/*** +jQuery File Upload +***/ + +.blueimp-gallery .close { + background-image: url("../img/portlet-remove-icon-white.png") !important; + margin-top: -2px; +} + +.blueimp-gallery .prev, +.blueimp-gallery .next { + border-radius: 23px !important; +} + +/*** +Bootstrap Switch +***/ + +.has-switch { + border-color: #e5e5e5; +} + +.has-switch:focus { + -webkit-box-shadow: none; + box-shadow: none; +} + +/*** +Jstree +***/ + +.jstree-default .jstree-clicked { + border: 0; + background-color: #e1e1e1; + box-shadow:none; +} + +.jstree-default .jstree-hovered { + border: 0; + background-color: #eee; + box-shadow:none; +} + +.jstree-default .jstree-wholerow-clicked, +.jstree-wholerow .jstree-wholerow-clicked { + background: none; + border: 0; + background-color: #e1e1e1; + box-shadow:none; +} + +.jstree-default .jstree-wholerow-hovered, +.jstree-wholerow .jstree-wholerow-hovered { + border: 0; + background-color: #eee; + box-shadow:none; +} + +.jstree-icon.icon-lg { + margin-top: 1px; +} + +.jstree-open > .jstree-anchor > .fa-folder:before { + margin-left: 2px; + content: "\f07c"; +} + +.jstree-default.jstree-rtl .jstree-last { + background: transparent; + background-repeat: no-repeat; +} + +.vakata-context, +.vakata-context ul { + padding: 0; + min-width: 125px; + background-color: #ffffff; + -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); + font-size: 14px; + font-family: "Segoe UI",Helvetica, Arial, sans-serif; + border: 1px solid #ddd; +} + +.vakata-context li a { + padding: 0 10px; +} + +.vakata-context .vakata-context-hover > a, +.vakata-context li a:hover { + background-color: #eee; + color: #333; + box-shadow: none; +} + +.vakata-context li a span, +.vakata-context li a ins { + display: none; +} + +.vakata-context .vakata-context-separator a, +.vakata-context-rtl .vakata-context-separator a { + margin: 0; +} + +.jstree-rename-input { + background-color: #ffffff !important; + border: 1px solid #e5e5e5 !important; + outline: none !important; + padding: 2px 6px !important; + margin-right: -4px !important; +} + +/*** +Bootstrap Select +***/ + +.bootstrap-select .btn { + border-color: #e5e5e5; +} + +.bootstrap-select.open .btn1 { + border-color: #999999; +} + +.bootstrap-select.open.dropup .btn1 { + border-color: #999999; +} + +.bootstrap-select .btn:focus { + outline: none !important; + outline-offset: 0; +} + +.bootstrap-select.btn-group .dropdown-menu { + margin-top: 1px; +} + +.bootstrap-select.btn-group .dropdown-menu > li > dt > .text { + font-weight: 600; + font-family: 'Open Sans'; + font-size: 14px; +} + +.bootstrap-select.btn-group .dropdown-menu .text-muted { + color: #999 !important; +} + +.bootstrap-select .caret { + border: 0; + width: auto; + height: auto; + margin-top: -10px !important; +} + +.bootstrap-select .caret:before { + content: "\f107"; + display: inline-block; + border: 0; + font-family: FontAwesome; + font-style: normal; + font-weight: normal; +} + +.bootstrap-select .selected i { + color: #aaa; +} + +/*** +Pace - Page Progress +***/ + +.pace .pace-progress { + z-index: 10000; + top: 40px; + height: 2px; +} + +.pace .pace-progress-inner { + box-shadow: none; +} + +.pace .pace-activity { + top: 44px; + right: 22px; + border-radius: 10px !important; +} + + +@media (max-width: 480px) { + + .page-header-fixed .pace .pace-progress { + top: 82px; + } + + .page-header-fixed .pace .pace-activity { + top: 88px; + right: 15px; + } + +} diff --git a/assets/metronic/css/print.css b/assets/metronic/css/print.css new file mode 100644 index 00000000000..38f2dcc41c5 --- /dev/null +++ b/assets/metronic/css/print.css @@ -0,0 +1,38 @@ +body { + background-color: #fff !important; +} + +.header { + display: none; +} + +.page-sidebar { + display: none; +} + +.theme-panel { + display: none; +} + +.hidden-print { + display: none; +} + +.footer { + display: none; +} + +.no-page-break { + page-break-after: avoid; +} + +.page-container { + margin: 0px !important; + padding: 0px !important; +} + +.page-content { + min-height: auto !important; + padding: 0px 20px 20px !important; + margin: 0 !important; +} \ No newline at end of file diff --git a/assets/metronic/css/style-metronic.css b/assets/metronic/css/style-metronic.css new file mode 100644 index 00000000000..80e6b29d44a --- /dev/null +++ b/assets/metronic/css/style-metronic.css @@ -0,0 +1,1510 @@ +/* remove rounds from all elements */ + +div, +input, +select, +textarea, +span, +img, +table, +td, +th, +p, +a, +button, +ul, +code, +pre, +li { + -webkit-border-radius: 0 !important; + -moz-border-radius: 0 !important; + border-radius: 0 !important; +} + +/*** +Buttons & Dropdown Buttons +***/ + +.btn { + border-width: 0; + padding: 7px 14px; + font-size: 14px; + outline: none !important; + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; + -webkit-border-radius: 0 !important; + -moz-border-radius: 0 !important; + border-radius: 0 !important; + text-shadow: none; +} + +/* fix jumping group buttons */ +.btn-group.btn-group-solid .btn + .btn, +.btn-group.btn-group-solid .btn + .btn-group.btn-group-solid, +.btn-group.btn-group-solid .btn-group.btn-group-solid + .btn, +.btn-group.btn-group-solid .btn-group.btn-group-solid + .btn-group.btn-group-solid { + margin-left: 0px; +} + +.btn-group-vertical.btn-group-solid > .btn + .btn, +.btn-group-vertical.btn-group-solid > .btn + .btn-group, +.btn-group-vertical.btn-group-solid > .btn-group + .btn, +.btn-group-vertical.btn-group-solid > .btn-group + .btn-group { + margin-top: 0px; + margin-left: 0; +} + +.btn-default { + border-width: 1px; + padding: 6px 13px; +} + +.btn.red-stripe { + border-left: 3px solid #d84a38; +} + +.btn.blue-stripe { + border-left: 3px solid #4d90fe; +} + +.btn.purple-stripe { + border-left: 3px solid #852b99; +} + +.btn.green-stripe { + border-left: 3px solid #35aa47; +} + +.btn.yellow-stripe { + border-left: 3px solid #ffb848; +} + +.btn.dark-stripe { + border-left: 3px solid #555555; +} + +.btn.default { + color: #333333; + text-shadow: none; + background-color: #e5e5e5; +} +.btn.default:hover, +.btn.default:focus, +.btn.default:active, +.btn.default.active, +.btn.default[disabled], +.btn.default.disabled { + color: #333333; + background-color: #d8d8d8 !important; + outline: none !important; +} + +/* Red */ +.btn.red { + color: white; + text-shadow: none; + background-color: #d84a38; +} +.btn.red:hover, +.btn.red:focus, +.btn.red:active, +.btn.red.active, +.btn.red[disabled], +.btn.red.disabled { + background-color: #bb2413 !important; + color: #fff !important; + outline: none !important; +} + +/* Blue */ + +.btn.blue { + color: white; + text-shadow: none; + background-color: #4d90fe; +} +.btn.blue:hover, +.btn.blue:focus, +.btn.blue:active, +.btn.blue.active, +.btn.blue[disabled], +.btn.blue.disabled { + background-color: #0362fd !important; + color: #fff !important; + outline: none !important; +} + +.btn-group .btn.blue.dropdown-toggle { + background-color: #4d90fe !important; +} +.btn-group .btn.blue:hover, +.btn-group .btn.blue:focus, +.btn-group .btn.blue:active, +.btn-group .btn.blue.active, +.btn-group .btn.blue.disabled, +.btn-group .btn.blue[disabled] { + background-color: #0362fd !important; + color: #fff !important; + outline: none !important; +} + +/* Green */ +.btn.green { + color: white; + text-shadow: none; + background-color: #35aa47; +} +.btn.green:hover, +.btn.green:focus, +.btn.green:active, +.btn.green.active, +.btn.green.disabled, +.btn.green[disabled]{ + background-color: #1d943b !important; + color: #fff !important; + outline: none !important; +} + +/* Purple */ +.btn.purple { + color: white; + text-shadow: none; + background-color: #852b99; +} +.btn.purple:hover, +.btn.purple:focus, +.btn.purple:active, +.btn.purple.active, +.btn.purple.disabled, +.btn.purple[disabled] { + background-color: #6d1b81 !important; + color: #fff !important; + outline: none !important; +} + +.btn-group .btn.purple.dropdown-toggle { + background-color: #852b99 !important; +} +.btn-group .btn.purple:hover, +.btn-group .btn.purple:focus, +.btn-group .btn.purple:active, +.btn-group .btn.purple.active, +.btn-group .btn.purple.disabled, +.btn-group .btn.purple[disabled] { + background-color: #6d1b81 !important; + color: #fff !important; + outline: none !important; +} + +/* Yellow */ +.btn.yellow { + color: white; + text-shadow: none; + background-color: #ffb848; +} +.btn.yellow:hover, +.btn.yellow:focus, +.btn.yellow:active, +.btn.yellow.active, +.btn.yellow.disabled, +.btn.yellow[disabled] { + background-color: #eca22e !important; + color: #fff !important; + outline: none !important; +} + +.btn-group .btn.yellow.dropdown-toggle { + background-color: #ffb848 !important; +} +.btn-group .btn.yellow:hover, +.btn-group .btn.yellow:focus, +.btn-group .btn.yellow:active, +.btn-group .btn.yellow.active, +.btn-group .btn.yellow.disabled, +.btn-group .btn.yellow[disabled] { + background-color: #eca22e !important; + color: #fff !important; + outline: none !important; +} + +/* Black */ +.btn.dark { + color: white; + text-shadow: none; + background-color: #555555; +} +.btn.dark:hover, +.btn.dark:focus, +.btn.dark:active, +.btn.dark.active, +.btn.dark.disabled, +.btn.dark[disabled] { + background-color: #222222 !important; + color: #fff !important; + outline: none !important; +} + +.btn-group .btn.dark.dropdown-toggle { + background-color: #555555 !important; +} +.btn-group .btn.dark:hover, +.btn-group .btn.dark:focus, +.btn-group .btn.dark:active, +.btn-group .btn.dark.active, +.btn-group .btn.dark.disabled, +.btn-group .btn.dark[disabled] { + background-color: #222222 !important; + color: #fff !important; + outline: none !important; +} + +.btn-lg { + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + vertical-align: middle; +} + +.btn-lg > i { + font-size: 18px; +} + +.btn > i { + font-size: 14px; +} + +.btn-sm, +.btn-xs { + padding: 4px 10px 5px 10px; + font-size: 13px; + line-height: 1.5; +} + +.btn-sm > i, +.btn-xs > i { + font-size: 13px; +} + +.btn-xs { + padding: 1px 5px; +} + +.btn-block { + display: block; + width: 100%; + padding-left: 0; + padding-right: 0; +} + +/*** +Metro icons +***/ + +[class^="m-icon-"] { + display: inline-block; + width: 14px; + height: 14px; + margin-top: 3px; + line-height: 14px; + vertical-align: top; + background-image: url(../img/syncfusion-icons.png); + background-position: 0 0; + background-repeat: no-repeat; +} + +[class^="m-icon-big-"] { + display: inline-block; + width: 30px; + height: 30px; + margin: 6px; + vertical-align: middle; + background-image: url(../img/syncfusion-icons.png); + background-position: 0 0px; + background-repeat: no-repeat; +} + +/* large icons */ +.btn.m-icon-big { + padding: 9px 16px 8px 16px; +} + +.btn.m-icon-big.m-icon-only{ + padding: 9px 8px 8px 0px; +} + +.btn.m-icon-big [class^="m-icon-big-"] { + margin: 0 0 0 10px; +} + +.btn.m-icon-ony > i { + margin-left: 0px; +} + +/* default icons */ +.btn.m-icon { + padding: 7px 14px 7px 14px; +} + +.btn.m-icon [class^="m-icon-"] { + margin: 4px 0 0 5px; +} + +.btn.m-icon.m-icon-only { + padding: 7px 10px 7px 6px; +} + +/* white icon */ +.m-icon-white { + background-image: url(../img/syncfusion-icons-white.png); +} + +/* Misc */ +.m-icon-swapright { + background-position: -27px -10px; +} +.m-icon-swapdown { + background-position: -68px -10px; +} +.m-icon-swapleft { + background-position: -8px -10px; +} +.m-icon-swapup { + background-position: -46px -10px; +} +.m-icon-big-swapright{ + background-position: -42px -28px; +} +.m-icon-big-swapdown{ + background-position: -115px -28px; +} +.m-icon-big-swapleft{ + background-position: -6px -28px; +} +.m-icon-big-swapup{ + background-position: -78px -28px; +} + + +/*** +Popover + ***/ +.popover { + -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2); + box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2); + padding: 0 !important; +} + +.popover .popover-title { + -webkit-border-radius: 0 !important; + -moz-border-radius: 0 !important; + border-radius: 0 !important; + margin: 0 !important; +} + +.info .popover .popover-title, +.popover.info .popover-title, +.info .popover .popover-content, +.popover.info .popover-content { + color:#27a9e3; +} + +.success .popover .popover-title, +.popover.success .popover-title, +.success .popover .popover-content, +.popover.success .popover-content { + color:#468847; +} + +.error .popover .popover-title, +.popover.error .popover-title, +.error .popover .popover-content, +.popover.error .popover-content { + color:#B94A48; +} + +.warning .popover .popover-title, +.popover.warning .popover-title, +.warning .popover .popover-content, +.popover.warning .popover-content { + color:#C09853; +} + +.popovers.yellow + .popover { + background: yellow; +} + +.popovers.yellow + .popover .popover-title { + background: yellow; +} + +.popovers.yellow + .popover .popover-content { + background: yellow; +} + +/*** +Dropdown +***/ + + /*Fixing dropdown issue on mobile devices in Bootstrap 3.2.2*/ +.dropdown-backdrop { + position: static; +} + +.dropdown:hover .caret, +.open.dropdown .caret { + opacity: 1; + filter: alpha(opacity=100); +} + + +.dropdown.open .dropdown-toggle { + color: #08c; + background: #ccc; + background: rgba(0, 0, 0, 0.3); +} + +/*** +Dropdown Menu +***/ + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + list-style: none; + text-shadow: none; + padding: 0px; + margin:0px; + background-color: #ffffff; + -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); + font-size: 14px; + font-family: "Segoe UI",Helvetica, Arial, sans-serif; + border: 1px solid #ddd; +} + +/* custom dropdown conetnt */ +.dropdown-content { + padding:5px; +} + +.dropdown-content form { + margin:0; +} + +.dropdown.inline .dropdown-menu { + display: inline-block; + position: relative; +} + +.dropdown-menu.bottom-up { + top: auto; + bottom: 100%; + margin-bottom: 2px; +} + +.dropdown-menu li > a { + padding: 6px 0 6px 13px; + color: #333; + text-decoration: none; + display: block; + clear: both; + font-weight: normal; + line-height: 18px; + white-space: nowrap; +} + +.dropdown-menu li > a:hover, +.dropdown-menu .active > a, +.dropdown-menu .active > a:hover { + text-decoration: none; + background-image: none; + background-color: #eee; + color: #333; + filter:none; +} + +/* dropdown sub menu support for Bootsrap 3 */ +.dropdown-submenu { + position: relative; +} + +.dropdown-submenu > .dropdown-menu { + top: 5px; + left: 100%; + margin-top: -6px; + margin-left: -1px; +} + +.dropdown-submenu:hover > .dropdown-menu { + display: block; +} + +.dropup .dropdown-submenu > .dropdown-menu { + top: auto; + bottom: 0; + margin-top: 0; + margin-bottom: -2px; +} + +.dropdown-submenu > a:after { + position: absolute; + display: inline-block; + font-size: 14px; + right: 7px; + top: 7px; + font-family: FontAwesome; + height: auto; + content: "\f105"; + font-weight: 300; +} + +.dropdown-submenu:hover > a:after { + border-left-color: #ffffff; +} + +.dropdown-submenu.pull-left { + float: none; +} + +.dropdown-submenu.pull-left > .dropdown-menu { + left: -100%; + margin-left: 10px; +} + +.nav.pull-right > li > .dropdown-menu, +.nav > li > .dropdown-menu.pull-right { + right: 0; + left: auto; +} + +.nav.pull-right > li > .dropdown-menu:before, +.nav > li > .dropdown-menu.pull-right:before { + right: 12px; + left: auto; +} + +.nav.pull-right > li > .dropdown-menu:after, +.nav > li > .dropdown-menu.pull-right:after { + right: 13px; + left: auto; +} + +.nav.pull-right > li > .dropdown-menu .dropdown-menu, +.nav > li > .dropdown-menu.pull-right .dropdown-menu { + right: 100%; + left: auto; + margin-right: -1px; + margin-left: 0; + -webkit-border-radius: 6px 0 6px 6px; + -moz-border-radius: 6px 0 6px 6px; + border-radius: 6px 0 6px 6px; +} + +@media (max-width: 767px) { + + .navbar-nav .open .dropdown-menu { + position: absolute; + float: left; + width: auto; + margin-top: 0; + background-color: #ffffff; + border: 1px solid #ddd; + -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); + } + + .navbar-nav .open .dropdown-menu > li > a { + padding: 6px 0 6px 13px; + color: #333 !important; + } + + .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-nav .open .dropdown-menu > li > a:focus { + background-color: #eee !important; + } + +} + +/*** +Dropdown Checkboxes (in v1.3) +***/ +.dropdown-checkboxes { + padding: 5px; +} + +.dropdown-checkboxes label { + display: block; + font-weight: 300; + color: #333; + margin-bottom: 4px; + margin-top: 4px; +} + + +/*** +Dropdown Menu Badges +***/ + +.dropdown-menu > li > a > .badge { + position: absolute; + margin-top: 1px; + right: 3px; + display: inline; + font-size: 11px; + font-weight: 300; + text-shadow:none; + height: 18px; + padding: 3px 6px 3px 6px; + text-align: center; + vertical-align: middle; + -webkit-border-radius: 12px !important; + -moz-border-radius: 12px !important; + border-radius: 12px !important; +} + +.dropdown-menu > li > a > .badge.badge-roundless { + -webkit-border-radius: 0 !important; + -moz-border-radius: 0 !important; + border-radius: 0 !important; +} + +/* end: sidebar menu badges */ + +/*** +Forms +***/ +code { + border: 1px solid #e1e1e1; + -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); +} +label { + font-weight: 400; + font-size: 14px; +} + +.form-control:-moz-placeholder { + color: #999999; +} +.form-control::-moz-placeholder { + color: #999999; +} +.form-control:-ms-input-placeholder { + color: #999999; +} +.form-control::-webkit-input-placeholder { + color: #999999; +} +.form-control { + font-size: 14px; + font-weight: normal; + color: #333333; + background-color: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 0; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; +} +.form-control:focus { + border-color: #999999; + outline: 0; + -webkit-box-shadow: none !important; + box-shadow: none !important; +} +.form-control[disabled], +.form-control[readonly], +fieldset[disabled] .form-control { + cursor: not-allowed; + background-color: #eeeeee; +} + +.form-control.height-auto { + height: auto; +} + +.uneditable-input { + padding: 6px 12px; + min-width: 206px; + font-size: 14px; + font-weight: normal; + height: 34px; + color: #333333; + background-color: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 0; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; +} + +label.form-control { + display: block; + margin-bottom: 5px; +} + +input[disabled], +select[disabled], +textarea[disabled] { + cursor: not-allowed; + background-color: #F4F4F4 !important; +} + +input[readonly], +select[readonly], +textarea[readonly] { + cursor: not-allowed; + background-color: #F9F9F9 !important; +} + +/* input groups */ +.input-group.input-group-fixed { + width: auto !important; +} + +.input-group-addon { + border-color: #e5e5e5; + background: #e5e5e5; + min-width: 39px; +} + +.input-group-addon > i { + color: #999; +} + +/* form control sizing */ +.form-control-inline { + display: inline-block !important; +} + +.input-mini { + width: 45px !important; +} + +.input-xsmall { + width: 80px !important; +} + +.input-small { + width: 120px !important; +} + +.input-medium { + width: 240px !important; +} + +.input-large { + width: 320px !important; +} + +.input-xlarge { + width: 480px !important; +} + +.input-inline { + display: inline-block; + width: auto; + vertical-align: middle; +} + +.form-group .input-inline { + margin-right: 5px; +} + +.input-sm { + height: 28px; + padding: 5px 10px; + font-size: 13px; +} + +select.input-sm { + height: 28px; + line-height: 28px; + padding: 2px 10px; +} + +/*** +Input spinner(in v1.4) +***/ + +input[type="text"].spinner, +input[type="password"].spinner, +input[type="datetime"].spinner, +input[type="datetime-local"].spinner, +input[type="date"].spinner, +input[type="month"].spinner, +input[type="time"].spinner, +input[type="week"].spinner, +input[type="number"].spinner, +input[type="email"].spinner, +input[type="url"].spinner, +input[type="search"].spinner, +input[type="tel"].spinner, +input[type="color"].spinner { + background-image: url("../img/input-spinner.gif") !important; + background-repeat: no-repeat; + background-position: right 8px; +} + +@media (max-width: 768px) { + + .input-large { + width: 250px !important; + } + + .input-xlarge { + width: 300px !important; + } + +} + +/*** +Error States +***/ + +.has-warning .help-inline, +.has-warning .help-block, +.has-warning .control-label { + color: #c09853; +} + +.has-warning .form-control { + border-color: #c09853; + -webkit-box-shadow: none; + box-shadow: none; +} + +.has-warning .form-control:focus { + border-color: #a47e3c; + -webkit-box-shadow: none; + box-shadow: none; +} + +.has-warning .input-group-addon { + color: #c09853; + background-color: #fcf8e3; + border-color: #c09853; +} + +.has-error .help-inline, +.has-error .help-block, +.has-error .control-label { + color: #b94a48; +} + +.has-error .form-control { + border-color: #b94a48; + -webkit-box-shadow: none; + box-shadow: none; +} + +.has-error .form-control:focus { + border-color: #953b39; + -webkit-box-shadow: none; + box-shadow: none; +} + +.has-error .input-group-addon { + color: #b94a48; + background-color: #f2dede; + border-color: #b94a48; +} + +.has-success .help-inline, +.has-success .help-block, +.has-success .control-label { + color: #468847; +} + +.has-success .form-control { + border-color: #468847; + -webkit-box-shadow: none; + box-shadow: none; +} + +.has-success .form-control:focus { + border-color: #356635; + -webkit-box-shadow: none; + box-shadow: none; +} + +.has-success .input-group-addon { + color: #468847; + background-color: #dff0d8; + border-color: #468847; +} + +/*** +Custom label and badges +***/ + +.label, +.badge { + font-weight: 300; + text-shadow: none !important; +} + +.label { + font-size: 12px; + padding: 3px 6px 3px 6px; +} + +.label.label-sm { + font-size: 12px; + padding: 1px 4px 1px 4px; +} + +h1 .label, +h2 .label, +h3 .label, +h4 .label, +h5 .label, +h6 .label, +h7 .label { + font-size: 75%; +} + +.badge { + font-size: 11px !important; + font-weight: 300; + text-align: center; + background-color: #e02222; + height: 18px; + padding: 3px 6px 3px 6px; + -webkit-border-radius: 12px !important; + -moz-border-radius: 12px !important; + border-radius: 12px !important; + text-shadow:none !important; + text-align: center; + vertical-align: middle; +} + +.badge.badge-roundless { + -webkit-border-radius: 0 !important; + -moz-border-radius: 0 !important; + border-radius: 0 !important; +} + +.badge-default, +.label-default { + background-color: #999 !important; +} + +.badge-primary, +.label-primary { + background-color: #428bca !important; +} + +.label-success, +.badge-success { + background-color: #3cc051; + background-image: none !important; +} + +.label-warning, +.badge-warning { + background-color: #fcb322; + background-image: none !important; +} + +.label-danger, +.badge-danger { + background-color: #ed4e2a; + background-image: none !important; +} + +.label-info, +.badge-info { + background-color: #57b5e3; + background-image: none !important; +} + +/* fix badge position for navs */ +.nav.nav-pills > li > a > .badge { + margin-top: -2px; +} + +.nav.nav-stacked > li > a > .badge { + margin-top: 1px; + margin-bottom: 0px; +} + +/*** +Iconic Labels +***/ + +.label.label-icon { + padding: 4px 1px 4px 5px; + margin-right: 2px; + text-align: center !important; +} + +.ie9 .label.label-icon, +.ie10 .label.label-icon { + padding: 3px 0px 3px 3px; +} + +.label.label-icon > i { + font-size: 12px; + text-align: center !important; +} + + +/*** +Progress Bars +***/ + +.progress { + border: 0; + background-image: none !important; + filter: none !important; + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; + +} + +.progress > .progress-bar-success { + background-color: #3cc051; +} + +.progress > .progress-bar-danger { + background-color: #ed4e2a; +} + +.progress > .progress-bar-info { + background-color: #57b5e3; +} + +.progress > .progress-bar-warning { + background-color: #fcb322; +} + + +/*** +Pagination +***/ +.pagination { + margin: 10px 0; +} + +.pagination .active > a, +.pagination .active > a:hover { + background: #eee; + border-color: #dddddd; + color: #333; +} + + + +/*** +wells +***/ +.well { + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; +} + +/* Bootstrap Tabs */ + +.dropup.open > .dropdown-toggle, +.dropdown.open > .dropdown-toggle { + border-color: #ddd !important; +} + +.nav-tabs > li > .dropdown-menu:after, +.nav-pills > li > .dropdown-menu:after, +.navbar-nav > li > .dropdown-menu:after, + +.nav-tabs > li > .dropdown-menu:before, +.nav-pills > li > .dropdown-menu:before, +.navbar-nav > li > .dropdown-menu:before { + display: none !important; +} + +.nav-tabs > .dropdown.open > .dropdown-toggle, +.nav-pills > .dropdown.open > .dropdown-toggle { + background: #eee !important; + color: #0d638f !important; +} + + +.nav-tabs, +.nav-pills { + margin-bottom: 10px; +} + +.tabs-right > .nav-tabs, +.tabs-left > .nav-tabs { + border-bottom: 0; +} + +.tabs-left > .nav-tabs > li, +.tabs-right > .nav-tabs > li { + float: none; +} + +.tabs-left > .nav-tabs > li > a, +.tabs-right > .nav-tabs > li > a { + min-width: 74px; + margin-right: 0; + margin-bottom: 3px; +} + +.tabs-left > .nav-tabs { + float: left; + margin-right: 19px; + border-right: 1px solid #ddd; +} + +.tabs-left > .nav-tabs > li > a { + margin-right: -1px; + -webkit-border-radius: 4px 0 0 4px; + -moz-border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; +} + +.tabs-left > .nav-tabs > li > a:hover, +.tabs-left > .nav-tabs > li > a:focus { + border-color: #eeeeee #dddddd #eeeeee #eeeeee; +} + +.tabs-left > .nav-tabs .active > a, +.tabs-left > .nav-tabs .active > a:hover, +.tabs-left > .nav-tabs .active > a:focus { + border-color: #ddd transparent #ddd #ddd; + *border-right-color: #ffffff; +} + +.tabs-right > .nav-tabs { + float: right; + margin-left: 19px; + border-left: 1px solid #ddd; +} + +.tabs-right > .nav-tabs > li > a { + margin-left: -1px; + -webkit-border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; +} + +.tabs-right > .nav-tabs > li > a:hover, +.tabs-right > .nav-tabs > li > a:focus { + border-color: #eeeeee #eeeeee #eeeeee #dddddd; +} + +.tabs-right > .nav-tabs .active > a, +.tabs-right > .nav-tabs .active > a:hover, +.tabs-right > .nav-tabs .active > a:focus { + border-color: #ddd #ddd #ddd transparent; + *border-left-color: #ffffff; +} + +.tabs-below > .nav-tabs, +.tabs-below > .nav-pills { + border-bottom: 0; + margin-bottom: 0px; + margin-top: 10px; +} + +.tabs-below > .nav-tabs { + border-top: 1px solid #ddd; + margin-bottom: 0; + margin-top: 10px; +} + +.tabs-below > .nav-tabs > li { + margin-top: -1px; + margin-bottom: 0; +} + +.tabs-below > .nav-tabs > li > a { + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; +} + +.tabs-below > .nav-tabs > li > a:hover, +.tabs-below > .nav-tabs > li > a:focus { + border-top-color: #ddd; + border-bottom-color: transparent; +} + +.tabs-below > .nav-tabs > .active > a, +.tabs-below > .nav-tabs > .active > a:hover, +.tabs-below > .nav-tabs > .active > a:focus { + border-color: transparent #ddd #ddd #ddd; +} + +/* BS3.0.3 removed tabbable class so its added back */ +.tabbable:before, +.tabbable:after { + display: table; + content: " "; +} + +.tabbable:after { + clear: both; +} + +.tabbable:before, +.tabbable:after { + display: table; + content: " "; +} + +.tabbable:after { + clear: both; +} + +/*** +Bootstrap modal +***/ + +.modal { + z-index: 10050 !important; + outline: none !important; +} + +.modal-header { + border-bottom: 1px solid #EFEFEF; +} + +.modal-header h3{ + font-weight: 300; +} + +.modal-small.modal-dialog { + width: 400px; +} + +.modal-wide.modal-dialog { + width: 60%; +} + +.modal-full.modal-dialog { + width: 100%; +} + +@media (max-width: 768px) { + + .modal-small.modal-dialog, + .modal-wide.modal-dialog, + .modal-full.modal-dialog { + width: auto; + } + +} + +/*** +Modal header close button fix +***/ +.modal-header .close { + margin-top: 0px !important; +} + +.modal > .loading { + position: absolute; + top: 50%; + left:50%; + margin-top: -22px; + margin-left: -22px; +} + +.modal-backdrop { + border: 0 !important; + outline: none !important; + z-index: 10049 !important; +} + +.modal-backdrop, +.modal-backdrop.fade.in { + background-color: #333 !important; +} + +/* fix: content shifting to the right on modal open due to scrollbar closed */ +.modal { + overflow-y: auto !important; +} + +.modal-open { + overflow-y: auto !important; +} + +.modal-open-noscroll { + overflow-y: hidden !important; +} + + +/*** +Image Carousel +***/ +.carousel.image-carousel .carousel-inner { + padding-top: 0; + padding-bottom: 0; +} + +.carousel.image-carousel .carousel-control i { + position: absolute; + top:40%; +} + +.carousel.image-carousel.image-carousel-hoverable .carousel-control i { + display: none; +} + +.carousel.image-carousel.image-carousel-hoverable:hover .carousel-control i { + display: inline-block; +} + +.carousel.image-carousel .carousel-control.left i { + left:10px; +} + +.carousel.image-carousel .carousel-control.right i { + right:10px; +} + +.carousel.image-carousel .carousel-indicators { + margin-top: 10px; + bottom: -7px; +} + +.carousel.image-carousel .carousel-indicators li { + background-color: #666; +} + +.carousel.image-carousel .carousel-indicators li.active { + background-color: #333; +} + +.carousel.image-carousel .carousel-caption { + position: absolute; + right: 0; + bottom: 0; + left: 0; + padding: 15px 15px 25px 15px; + background: #333333; + background: rgba(0, 0, 0, 0.75); +} + +.carousel.image-carousel .carousel-caption h4, +.carousel.image-carousel .carousel-caption h3, +.carousel.image-carousel .carousel-caption h2, +.carousel.image-carousel .carousel-caption p { + text-align: left; + line-height: 20px; + color: #ffffff; +} + +.carousel.image-carousel .carousel-caption h2, +.carousel.image-carousel .carousel-caption h3, +.carousel.image-carousel .carousel-caption h4 { + margin: 0 0 5px; +} + +.carousel.image-carousel .carousel-caption h2 a, +.carousel.image-carousel .carousel-caption h3 a, +.carousel.image-carousel .carousel-caption h4 a { + color: #aaa; +} + +.carousel.image-carousel .carousel-caption p { + margin-bottom: 0; +} + +.carousel.image-carousel .item { + margin: 0; +} + +/*** +Bootstrap Tables +***/ + +.table thead > tr > th { + border-bottom: 0; +} + +.table tbody tr.active td, +.table tbody tr.active th { + background-color: #e9e9e9 !important; +} + +.table tbody tr.active:hover td, +.table tbody tr.active:hover th { + background-color: #e1e1e1 !important; +} + +.table-striped tbody tr.active:nth-child(odd) td, +.table-striped tbody tr.active:nth-child(odd) th { + background-color: #017ebc; +} + +.table .heading > th { + background-color: #eee !important; +} + +/*** +Bootstrap Panel +***/ + +.panel { + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; +} + +.panel .panel-title > a:hover { + text-decoration: none; +} + +.accordion .panel-heading { + padding: 0; +} + +.accordion .panel-title { + padding: 0; +} + +.accordion .panel-title .accordion-toggle { + display: block; + padding: 10px 15px; +} + +.accordion .accordion-toggle.accordion-toggle-styled { + background: url("../img/accordion-plusminus.png") no-repeat; + background-position: right -19px; + margin-right: 15px; +} + +.accordion .accordion-toggle.accordion-toggle-styled.collapsed { + background-position: right 12px; +} + +/*** +Responsive Image +***/ +.table td .img-responsive{ + width:100%; +} + +/*** +Unstyled List +***/ + +.list-unstyled li > .list-unstyled { + margin-left: 25px; +} \ No newline at end of file diff --git a/assets/metronic/css/style-responsive.css b/assets/metronic/css/style-responsive.css new file mode 100644 index 00000000000..9ceed292f98 --- /dev/null +++ b/assets/metronic/css/style-responsive.css @@ -0,0 +1,974 @@ +/*** +Responsive Theme. +Based on http://getbootstrap.com/css/#responsive-utilities-classes +***/ + +/*** +Fixed Footer +***/ + +.page-footer-fixed.page-footer-fixed-mobile .footer { + position: fixed; + left: 0; + right: 0; + z-index: 10000; + bottom: 0; +} + +.page-footer-fixed.page-footer-fixed-mobile .page-container { + margin-bottom: 20px !important; +} + +.page-footer-fixed.page-footer-fixed-mobile.page-sidebar-fixed .footer { + margin-left: 0 !important; +} + +/*** +Form Medium Devices Up To Large Devices +***/ + +@media (min-width: 992px) and (max-width: 1200px) { + + .page-boxed .header.navbar .dropdown .username { + display: none; + } + +} + +@media (max-width: 1024px) { + .hidden-1024 { + display: none; + } +} + +/*** +From Medium Devices Up To Larger Devices +***/ + +@media (min-width: 992px) { + + /*** + Page sidebar + ***/ + .page-sidebar { + width: 225px; + float: left; + position: relative; + margin-right: -100%; + } + + .page-sidebar.navbar-collapse { + max-height: none !important; + } + + /*** + Page content + ***/ + .page-content-wrapper { + float: left; + width: 100%; + } + + .page-content { + margin-left: 225px; + margin-top: 0px; + min-height: 600px; + padding: 25px 20px 20px 20px; + } + + .page-content.no-min-height { + min-height: auto; + } + + /*** + Footer + ***/ + .footer { + clear: left; + } + + /*** + Fixed Sidebar + ***/ + .page-sidebar-fixed .page-content { + min-height: 600px; + } + + .page-sidebar-fixed .page-sidebar { + position: fixed !important; + margin-left: 0; + top: 41px; + } + + .page-sidebar-fixed ul.page-sidebar-menu > li.last { + margin-bottom: 15px !important; + } + + .page-sidebar-fixed.page-sidebar-hover-on .page-sidebar { + z-index: 10000; + width: 35px; + } + + .page-sidebar-fixed.page-sidebar-hover-on .page-sidebar .selected { + display: none; + } + + .page-sidebar-fixed.page-sidebar-hover-on .page-content { + margin-left: 35px; + } + + .page-sidebar-fixed.page-sidebar-hover-on .footer { + margin-left: 35px; + } + + .page-sidebar-fixed .page-sidebar-closed .page-sidebar .sidebar-search .submit, + .page-sidebar-fixed .page-sidebar .sidebar-toggler { + -webkit-transition: all 0.3s ease; + -moz-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + transition: all 0.3s ease; + } + + .page-sidebar-fixed.page-sidebar-reversed .page-sidebar-closed .page-sidebar .sidebar-search .submit, + .page-sidebar-fixed.page-sidebar-reversed .page-sidebar .sidebar-toggler { + -webkit-transition: none; + -moz-transition: none; + -o-transition: none; + transition: none; + } + + .page-sidebar-hovering { + overflow: hidden !important; + } + + .page-sidebar-hovering .sub-menu, + .page-sidebar-hovering span.title, + .page-sidebar-hovering span.arrow { + display: none !important; + } + + .page-sidebar-hovering .submit { + opacity: 0; + width: 0 !important; + height: 0 !important; + } + + /*** + Fixed Sidebar + ***/ + + .page-sidebar-fixed .footer { + margin-left: 225px; + background-color: #fff; + padding: 8px 20px 5px 20px; + } + + .page-sidebar-fixed .footer .footer-inner { + color: #333; + } + + .page-sidebar-fixed.page-sidebar-closed .footer { + margin-left: 35px; + } + + .page-sidebar-fixed .footer .footer-tools .go-top { + background-color: #666; + } + + .page-sidebar-fixed .footer .footer-tools .go-top i { + color: #ddd; + } + + /*** + Boxed Layout + ***/ + + .page-boxed .header.navbar .navbar-brand { + margin-left: 0px !important; + width: 226px; + } + + .page-boxed .header.navbar .navbar-brand img { + margin-left: 10px; + } + + .page-boxed .header.navbar .navbar-nav { + margin-right: 0px; + } + + .page-boxed .footer { + padding: 8px 0 5px 0; + } + + .page-boxed.page-sidebar-fixed .footer { + padding-right: 20px; + padding-left: 20px; + } + + /*** + Sidebar Reversed + ***/ + + .page-sidebar-reversed .page-sidebar { + float: right; + margin-right: 0; + margin-left: -100%; + } + + .page-sidebar-reversed.page-sidebar-fixed .page-sidebar { + margin-left: -225px; + } + + .page-sidebar-reversed .page-content { + margin-left: 0; + margin-right: 225px; + } + + .page-sidebar-reversed.page-sidebar-fixed .page-sidebar-wrapper { + position: relative; + float: right; + } + + .page-sidebar-reversed.page-sidebar-fixed .footer { + margin-left: 0; + margin-right: 225px; + padding: 8px 20px 5px 20px; + } + + .page-sidebar-reversed.page-sidebar-fixed.page-footer-fixed .footer { + margin-left: 0; + margin-right: 0; + } + + .page-sidebar-reversed.page-sidebar-fixed.page-sidebar-hover-on .page-content { + margin-left: 0; + margin-right: 35px; + } + + .page-sidebar-reversed.page-sidebar-fixed.page-sidebar-hover-on .footer { + margin-right: 35px; + } + + /*** + Sidebar Closed + ***/ + + .page-sidebar-closed .page-sidebar .sidebar-toggler { + margin-left: 3px; + } + + .page-sidebar-closed .page-sidebar .sidebar-search .form-container { + width: 29px; + margin-left: 3px; + } + + .page-sidebar-closed .page-sidebar .sidebar-search .form-container .input-box { + border-bottom: 0 !important; + } + + .page-sidebar-closed .page-sidebar .sidebar-search .form-container input[type="text"] { + display: none; + } + + .page-sidebar-closed .page-sidebar .sidebar-search .form-container .submit { + margin-top: 5px !important; + margin-left: 7px !important; + margin-right: 7px !important; + display: block !important; + } + + .page-sidebar-closed .page-sidebar .sidebar-search.open .form-container { + width: 255px; + position: relative; + z-index: 1; + padding-top: 0px; + } + + .page-sidebar-closed .page-sidebar .sidebar-search.open .form-container input[type="text"] { + margin-top: 7px; + margin-left: 8px; + padding-left: 10px; + padding-bottom: 2px; + width: 185px; + display: inline-block !important; + } + + .page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .submit { + display: inline-block; + width: 13px; + height: 13px; + margin: 11px 8px 9px 6px !important; + } + + .page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove { + background-repeat: no-repeat; + width: 11px; + height: 11px; + margin: 12px 8px 9px 8px !important; + display: inline-block !important; + float: left !important; + } + + .page-sidebar-closed .page-sidebar-menu > li > a .selected { + right: -3px !important; + } + + .page-sidebar-closed .page-sidebar-menu > li > a > .title, + .page-sidebar-closed .page-sidebar-menu > li > a > .arrow { + display: none !important; + } + + .page-sidebar-closed .page-sidebar .sidebar-toggler { + margin-right: 3px; + } + + .page-sidebar-closed .page-sidebar .sidebar-search { + margin-top: 6px; + margin-bottom: 6px; + } + + .page-sidebar-closed .page-sidebar-menu { + width: 35px !important; + } + + .page-sidebar-closed .page-sidebar-menu > li > a { + padding-left: 7px; + } + + .page-sidebar-fixed.page-sidebar-closed .page-sidebar-menu > li > a { + -webkit-transition: all 0.2s ease; + -moz-transition: all 0.2s ease; + -o-transition: all 0.2s ease; + transition: all 0.2s ease; + } + + .page-sidebar-reversed.page-sidebar-fixed.page-sidebar-closed .page-sidebar-menu > li > a { + -webkit-transition: none; + -moz-transition: none; + -o-transition: none; + transition: none; + } + + .page-sidebar-closed .page-sidebar-menu > li:hover { + width: 236px !important; + position: relative !important; + z-index: 2000; + display: block !important; + } + + .page-sidebar-closed .page-sidebar-menu > li.sidebar-toggler-wrapper:hover, + .page-sidebar-closed .page-sidebar-menu > li.sidebar-search-wrapper:hover { + width: 35px !important; + } + + .page-sidebar-closed .page-sidebar-menu > li:hover .selected { + display: none; + } + + .page-sidebar-closed .page-sidebar-menu > li:hover > a > i { + margin-right: 10px; + } + + .page-sidebar-closed .page-sidebar-menu > li:hover .title { + display: inline !important; + } + + .page-sidebar-closed .page-sidebar-menu > li > .sub-menu { + display: none !important; + } + + .page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu { + width: 200px; + position: absolute; + z-index: 2000; + left: 36px; + margin-top: 0; + top: 100%; + display: block !important; + } + + .page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu > li > .sub-menu, + .page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu > li > .sub-menu > li > .sub-menu { + width: 200px; + } + + /* 2rd level sub menu*/ + .page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu > li > a { + padding-left: 15px !important; + } + + /* 3rd level sub menu*/ + .page-sidebar-closed .page-sidebar-menu > li > ul.sub-menu > li > .sub-menu > li > a { + padding-left: 30px !important; + } + + /* 4rd level sub menu*/ + .page-sidebar-closed .page-sidebar-menu > li > ul.sub-menu > li > .sub-menu > li > .sub-menu > li > a { + padding-left: 45px !important; + } + + /* sidebar container */ + + .page-sidebar-closed .page-sidebar { + width: 35px; + } + + .page-sidebar-closed .page-content { + margin-left: 35px !important; + } + + /*** + Sidebar Reversed & Sidebar Closed + ***/ + + .page-sidebar-reversed.page-sidebar-closed .page-sidebar { + margin-left: -35px; + width: 35px; + } + + .page-sidebar-reversed.page-sidebar-closed .page-content { + margin-left: 0 !important; + margin-right: 35px !important; + } + + .page-sidebar-reversed.page-sidebar-closed .page-sidebar-menu > li:hover { + margin-left: -201px; + } + + .page-sidebar-reversed.page-sidebar-closed .page-sidebar-menu > li.sidebar-toggler-wrapper:hover, + .page-sidebar-reversed.page-sidebar-closed .page-sidebar-menu > li.sidebar-search-wrapper:hover { + margin-left: 0; + } + + .page-sidebar-reversed.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container { + margin-left: -225px; + } + + .page-sidebar-reversed.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .submit { + margin: 11px 8px 9px 12px !important; + float: left !important; + } + + .page-sidebar-reversed.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove { + margin: 12px 6px 9px 8px !important; + float: right !important; + } + + .page-sidebar-reversed.page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu { + left:auto; + right: 36px; + } + + .page-sidebar-reversed.page-sidebar-fixed.page-sidebar-closed .footer { + margin-right: 35px; + } + + /*** + Fixed Footer + ***/ + + .page-footer-fixed .footer { + position: fixed; + left: 0; + right: 0; + z-index: 10000; + bottom: 0; + } + + .page-footer-fixed .page-container { + margin-bottom: 20px !important; + } + + .page-footer-fixed.page-sidebar-fixed .footer { + margin-left: 0 !important; + } + +} + +/*** +Up To Medium Devices +***/ + +@media (max-width:991px) { + + /*** + Page header + ***/ + .header.navbar { + padding: 0 20px 0 20px; + position: relative; + clear: both; + } + + .page-header-fixed.page-header-fixed-mobile .navbar-fixed-top { + position: fixed; + } + + .header.navbar .navbar-toggle { + display: inline-block; + } + + .page-sidebar.navbar-collapse { + max-height: none; /* set some max height to have a scrollable menu on mobile devices */ + } + + .page-sidebar.navbar-collapse.collapse { + display: none !important; + } + + .page-sidebar.navbar-collapse.in { + overflow: hidden !important; + overflow-y: auto !important; + display: block !important; + } + + .page-full-width .page-sidebar-menu { + display: block; + } + + .page-sidebar.navbar-collapse.navbar-no-scroll { + max-height: none !important; + } + + .header.navbar .nav li.dropdown i { + display: inline-block; + position: relative; + top:1px; + right:0px; + } + + .header.navbar .navbar-nav { + display: block; + margin-bottom: 0px !important; + } + + .header.navbar .navbar-nav .open .dropdown-menu { + position: absolute; + } + + .header.navbar .navbar-nav { + display: inline-block; + margin: 0 10px 0 0; + } + + .header.navbar .navbar-nav > li { + float: left; + } + + .header.navbar .navbar-brand { + margin-left: 0px !important; + padding-left: 0px !important; + } + + .header.navbar .navbar-brand img { + margin-left: 4px !important; + } + + + /*** + Header Search Box + ***/ + + .header.navbar .search-form { + display: none; + } + + .page-sidebar .header.navbar-responsive-search { + display: block; + } + + /*** + Page container + ***/ + .page-container { + margin: 0 !important; + padding: 0 !important; + } + + .page-header-fixed.page-header-fixed-mobile .page-container { + margin-top: 42px !important; + } + + /*** + Page content + ***/ + .page-content { + margin: 0px !important; + padding: 20px 20px 20px 20px !important; + min-height: 280px; + } + + /*** + Page sidebar + ***/ + .page-sidebar { + border-top: 0 !important; + margin: 20px; + } + + .page-sidebar.in { + border-top: 0 !important; + margin: 20px; + position: relative; + z-index: 5; + } + + .header.navbar .sidebar-toggler, + .page-sidebar .sidebar-toggler { + display: none; + } + + .page-sidebar ul { + margin-top:0px; + width:100%; + } + + .page-sidebar .selected { + display: none !important; + } + + .page-sidebar .sidebar-search .input-box { + width: 220px; + } + + /*** + Styler panel + ***/ + .styler-panel { + top:55px; + right:20px; + } + + /*** + Boxed Layout + ***/ + .page-boxed .header.navbar > .container, + .page-boxed .footer > .container, + .page-boxed > .container { + max-width: none !important; + margin: 0 !important; + padding: 0 !important; + } + +} + +/*** +From Small Devices Up To Medium Devices +***/ + +@media (min-width: 768px) and (max-width: 991px) { + + /*** + Body + ***/ + body { + padding-top: 0px; + } + + /*** + Page sidebar + ***/ + .page-sidebar .btn-navbar.collapsed .arrow { + display: none; + } + + .page-sidebar .btn-navbar .arrow { + position: absolute; + right: 25px; + width: 0; + height: 0; + top:50px; + border-bottom: 15px solid #5f646b; + border-left: 15px solid transparent; + border-right: 15px solid transparent; + } + + /*** + Boxed Layout + ***/ + .page-boxed .header.navbar > .container, + .page-boxed > .container { + margin: auto !important; + } + + .page-boxed .header.navbar { + margin: auto !important; + padding: 0; + } + + .page-boxed .footer { + padding-left: 0; + padding-right: 0; + } + +} + +/*** +Extra Small Devices Only +***/ + +@media (max-width: 767px) { + + /*** + Page header + ***/ + + .header.navbar { + padding: 0 10px 0 10px; + } + + .header.navbar .top-nav .nav{ + margin-top: 0px; + margin-right: 5px; + } + + .header.navbar .nav > li > .dropdown-menu.notification:after, + .header.navbar .nav > li > .dropdown-menu.notification:before { + margin-right: 160px; + } + + .header.navbar .nav > li > .dropdown-menu.notification { + margin-right: -160px; + } + + .header.navbar .nav > li > .dropdown-menu.inbox:after, + .header.navbar .nav > li > .dropdown-menu.inbox:before { + margin-right: 110px; + } + + .header.navbar .nav > li > .dropdown-menu.inbox { + margin-right: -110px; + } + + .header.navbar .nav > li > .dropdown-menu.tasks:after, + .header.navbar .nav > li > .dropdown-menu.tasks:before { + margin-right: 60px; + } + + .header.navbar .nav > li > .dropdown-menu.tasks { + margin-right: -60px; + } + + /* Header logo */ + .header.navbar .navbar-brand { + margin-left: 0px !important; + width: 110px; + } + + /*** + Page content + ***/ + .page-content { + padding: 20px 10px 10px 10px !important; + overflow: hidden; + } + + /*** + Page title + ***/ + .page-title { + margin-bottom: 20px; + font-size: 18px; + } + + .page-title small { + font-size: 13px; + padding-top: 3px; + } + + /*** + Styler pagel + ***/ + .styler-panel { + top:58px; + right:12px; + } + + /*** + Page breadcrumb + ***/ + .breadcrumb { + padding-left: 10px; + padding-right: 10px; + } + + /*** + Portlet form action + ***/ + .portlet-body.form .form-actions{ + padding-left: 15px; + } + + + /*** + Form input validation states + ***/ + .input-icon .input-error, + .input-icon .input-warning, + .input-icon .input-success { + top:-27px; + float: right; + right:10px !important; + } + + /*** + Advance tables + ***/ + .table-advance tr td.highlight:first-child a { + margin-left: 8px; + } + + /*** + Footer + ***/ + .footer { + padding-left: 10px; + padding-right: 10px; + } + + .footer .go-top { + float: right; + display: block; + margin-right: 0px; + } + + /*** + Vertical inline menu + ***/ + .ver-inline-menu li.active:after { + display: none; + } + + /*** + Form controls + ***/ + .form-horizontal .form-actions { + padding-left: 180px; + } + + .portlet .form-horizontal .form-actions { + padding-left: 190px; + } +} + +/*** +The Most Extra Small Devices Landscape Mode Only +***/ + +@media (max-width: 580px) { + + .header.navbar .username { + display: none; + } + +} + +@media (max-width: 480px) { + + /*** + Header navbar + ***/ + .page-header-fixed.page-header-fixed-mobile .header.navbar { + height: 84px; + } + + .page-header-fixed.page-header-fixed-mobile .page-container { + margin-top: 84px !important; + } + + .header.navbar .navbar-nav { + display: block; + clear: both; + margin-top: 2px; + margin-right: 0; + } + + .header.navbar .navbar-nav > li.dropdown .dropdown-toggle { + margin-top:-1px; + padding-left: 9px; + padding-right: 9px; + } + + .header.navbar .navbar-nav > li.dropdown.language .dropdown-toggle, + .header.navbar .navbar-nav > li.dropdown.user .dropdown-toggle { + padding-left: 4px; + padding-right: 0px; + } + + .header.navbar .navbar-nav li.dropdown .dropdown-toggle .badge { + top: 8px; + } + + /*** + Page sidebar + ***/ + .page-sidebar, + .page-sidebar.in { + margin: 0 10px 10px 10px; + } + + .page-header-fixed.page-header-fixed-mobile .page-sidebar, + .page-header-fixed.page-header-fixed-mobile .page-sidebar.in { + margin-top: 10px; + } + + /*** + Page title + ***/ + .page-title small { + display: block; + clear: both; + } + + /*** + Forms + ***/ + .portlet .form-horizontal .form-actions { + padding-left: 10px; + } + + /*** + Dashboard date range panel + ***/ + .page-content .breadcrumb .dashboard-date-range { + padding-bottom: 8px; + } + + .page-content .breadcrumb .dashboard-date-range span { + display: none; + } + + .page-content .breadcrumb > .btn-group span { + display: none; + } + + .page-content .breadcrumb > .btn-group > .btn { + padding-left: 7px; + padding-right: 7px; + } + + /*** + Hidden phone + ***/ + .hidden-480 { + display: none !important; + } +} + +/*** +The Most Extra Small Devices Portrait Mode Only +***/ + +@media (max-width: 320px) { + + /*** + Hidden phone + ***/ + .hidden-320 { + display: none; + } + + .header.navbar .navbar-brand { + width: 100px; + } +} \ No newline at end of file diff --git a/assets/metronic/css/style.css b/assets/metronic/css/style.css new file mode 100644 index 00000000000..fdf8bb11d27 --- /dev/null +++ b/assets/metronic/css/style.css @@ -0,0 +1,4355 @@ +/* +Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.1.1 +Version: 2.0.2 +Author: KeenThemes +Website: http://www.keenthemes.com/ +Contact: support@keenthemes.com +Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes +License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project. +*/ + +/********************* + GENERAL UI COLORS +*********************/ + +/*** +Colors +blue: #4b8df8 +light blue: #bfd5fa +red: #e02222 +yellow: #ffb848 +green: #35aa47 +purple: #852b99 +dark: #555555; +light grey: #fafafa; +***/ + +/********************* + GENERAL RESET & SETUP +*********************/ + +/*** +Reset and overrides +***/ + +/* general body settings */ +body { + color: #000; + font-family: 'Open Sans', sans-serif; + padding: 0px !important; + margin: 0px !important; + font-size:13px; + direction: ltr; +} + +/* +Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't +properly apply the media queries in Bootstrap's CSS. To address this, +you can optionally include the following CSS and JavaScript to work around this problem until Microsoft issues a fix. +*/ +@-webkit-viewport { + width: device-width; +} + +@-moz-viewport { + width: device-width; +} + +@-ms-viewport { + width: device-width; +} + +@-o-viewport { + width: device-width; +} + +@viewport { + width: device-width; +} + +/* Internet Explorer 10 doesn't differentiate device width from viewport width, +and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, following CSS code applied */ +@-ms-viewport { + width: auto !important; +} + +/*** +Custom Scrollbars +***/ + +::-webkit-scrollbar { + width: 12px; +} + +::-webkit-scrollbar-track { + background-color: #eaeaea; + border-left: 1px solid #cecece; +} + +::-webkit-scrollbar-thumb { + background-color: #cecece; +} + +::-webkit-scrollbar-thumb:hover { + background-color: #aaa; +} + +::-webkit-scrollbar-track { + border-radius: 0; + box-shadow: none; + border: 0; +} + +::-webkit-scrollbar-thumb { + border-radius: 0; + box-shadow: none; + border: 0; +} + +/*** +General typography +***/ +h1 small, +h2 small, +h3 small, +h4 small, +h5 small, +h6 small { + color: #444; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: 'Open Sans', sans-serif; + font-weight: 300 !important; +} + +h1.block, +h2.block, +h3.block, +h4.block, +h5.block, +h6.block { + padding-top: 10px; + padding-bottom: 10px; +} + +a { + text-shadow: none !important; + color: #0d638f; +} + +/*** +Fix link outlines after click +***/ +a,a:focus, a:hover, a:active { + outline: 0; +} + +/*** +General backgrounds. Can be applied to any block or panel +***/ + +.bg-blue { + background-image: none !important; + background-color: #4b8df8 !important; + border-color:#4b8df8 !important; + color: #fff !important; +} + +.bg-red { + background-image: none !important; + background-color: #e02222 !important; + border-color: #e02222 !important; + color: #fff !important; +} + +.bg-yellow { + background-image: none !important; + background-color: #ffb848 !important; + border-color: #ffb848 !important; + color: #fff !important; +} + +.bg-green { + background-image: none !important; + background-color: #35aa47 !important; + border-color: #35aa47 !important; + color: #fff !important; +} + +.bg-purple { + background-image: none !important; + background-color: #852b99 !important; + border-color: #852b99 !important; + color: #fff !important; +} + +.bg-dark { + background-image: none !important; + background-color: #555555 !important; + border-color: #555555 !important; + color: #fff !important; +} + +.bg-grey { + background-image: none !important; + background-color: #fafafa !important; + border-color: #fafafa !important; +} + +/*** +Font Awesome Icons +***/ + +[class^="fa-"], +[class*=" fa-"] { + display: inline-block; + margin-top: 1px; + font-size: 14px; + *margin-right: .3em; + line-height: 14px; +} + +/*** +Make font awesome icons fixed width(latest version issue) +***/ + +li [class^="fa-"], +li [class*=" fa-"] { + display: inline-block; + width: 1.25em; + text-align: center; +} +li [class^="fa-"].icon-large, +li [class*=" fa-"].icon-large { + /* increased font size for icon-large */ + width: 1.5625em; +} + +.fa-lg, +.icon-lg { + font-size: 16px; +} + +.fa-2x { + font-size: 2em; +} +.fa-3x { + font-size: 3em; +} +.fa-4x { + font-size: 4em; +} +.fa-5x { + font-size: 5em; +} + +.icon-default { + color: #ccc; +} + +.icon-success { + color: #468847; +} + +.icon-info { + color: #27a9e3; +} + +.icon-warning { + color: #dbc056; +} + +.icon-danger { + color: #B94A48; +} + +/*** +Close icon used for modal dialog and other UI element close buttons +***/ +.close { + display: inline-block; + margin-top: 0px; + margin-right: 0px; + width: 9px; + height: 9px; + background-repeat: no-repeat !important; + text-indent: -10000px; + outline: none; + background-image: url("../img/remove-icon-small.png") !important; +} + +/*** +General HR +***/ + +hr { + margin: 20px 0; + border: 0; + border-top: 1px solid #E0DFDF; + border-bottom: 1px solid #FEFEFE; +} + +/*** +Tools +***/ + +.display-none, +.display-hide { + display: none; +} + +.no-space { + margin: 0px !important; + padding: 0px !important; +} + +.no-margin { + margin:0; +} + +.no-border { + border:0 !important; +} + +.margin-bottom-5 { + margin-bottom: 5px; +} + +.margin-bottom-10 { + margin-bottom: 10px !important; +} + +.margin-top-10 { + margin-top: 10px !important; +} + +.margin-bottom-15 { + margin-bottom: 15px !important; +} + +.margin-bottom-20 { + margin-bottom: 20px !important; +} + +.margin-top-20 { + margin-top: 20px !important; +} + +.margin-bottom-25 { + margin-bottom: 25px !important; +} + +.margin-right-10 { + margin-right: 10px !important; +} + +.bold { + font-weight:600 !important; +} + +.fix-margin { + margin-left: 0px !important +} + +.border { + border: 1px solid red; +} + +.inline { + display: inline; +} + +.text-align-reverse { + text-align: right; +} + +/*** +ie8 & ie9 modes +***/ + +.visible-ie8 { + display: none; +} + +.ie8 .visible-ie8 { + display: inherit !important; +} + +.visible-ie9 { + display: none; +} + +.ie9 .visible-ie9 { + display: inherit !important; +} + +.hidden-ie8 { + display: inherit; +} + +.ie8 .hidden-ie8 { + display: none !important; +} + +.hidden-ie9 { + display: inherit; +} + +.ie9 .hidden-ie9 { + display: none !important; +} + +/******************** + GENERAL LAYOUT +*********************/ + +/*** +Header and header elements. +***/ + +.header.navbar { + width: 100%; + padding: 0 20px 0 20px; + margin: 0; + border: 0px; + padding: 0px; + box-shadow: none; + height: 42px; + min-height: 42px; +} + +.header.navbar.navbar-fixed-top { + z-index: 9995 !important; +} + +.header.navbar .navbar-brand { + display: inline-block; + margin-top: -1px; + margin-right: 0; + padding-left: 0; + padding-right: 0; + width: 225px; + height: 42px; +} + +.header.navbar .navbar-brand img { + margin-left: 20px; +} + +.header.navbar .navbar-brand.text-logo { + padding-left: 20px; + padding-top: 12px; +} + +.header.navbar .navbar-toggle { + margin: 8px 6px 4px 6px; + padding: 0; + padding-top:2px; + padding-bottom: 6px; + background-image: none; + filter:none; + box-shadow: none; + color: #fff; + border: 0; +} + +.header.navbar .navbar-toggle:hover { + text-decoration: none; + background: none; +} + +.header.navbar .navbar-nav { + margin-right: 20px; + display: block; +} + +.header.navbar .navbar-nav > li { + margin: 0px; + padding: 0px; +} + +.header.navbar .navbar-nav > li.dropdown, +.header.navbar .navbar-nav > li.dropdown > a { + padding-left: 4px; + padding-right: 4px; +} + +.header.navbar .navbar-nav > li.dropdown > a:last-child { + padding-right: 0; +} + +.header.navbar .navbar-nav > li.dropdown:last-child { + padding-right: 2px; +} + +.header.navbar .navbar-nav > li.dropdown .dropdown-toggle { + margin: 0px; + padding: 15px 10px 7px 10px; +} + +.header.navbar .navbar-nav > li.dropdown .dropdown-toggle > i { + font-size: 18px; +} + +.header.navbar .navbar-nav > li.dropdown .dropdown-menu > li > a > i { + font-size: 14px; +} + +.header.navbar .navbar-nav > li.dropdown.user .dropdown-toggle { + padding: 7px 0px 6px 6px; +} + +.header.navbar .navbar-nav > li.dropdown.user .dropdown-toggle:hover { + text-decoration: none; +} + +.header.navbar .navbar-nav > li.dropdown.user .dropdown-toggle .username { + color: #ddd; +} + +.header.navbar .navbar-nav > li.dropdown.user .dropdown-toggle i { + display: inline-block; + margin-top: 5px; + margin: 0; + font-size: 16px; +} + +.header.navbar .navbar-nav > li.dropdown.user .dropdown-menu i { + width: 15px; + display: inline-block; +} + +.header.navbar .navbar-nav > li.dropdown .dropdown-toggle .badge { + position: absolute; + top: 8px; + right: 20px; +} + +/*** +Header Search +***/ +.header.navbar .search-form { + float: left; + display: inline-block; + padding: 0; + height: 41px; + margin:0; +} + +.header.navbar .search-form .form-control{ + margin-top: 8px; + border: 0; + padding-top: 1px; + padding-right: 27px; +} + +.header.navbar .search-form .submit { + position: relative; + display: block; + float: right; + margin-top: -21px; + margin-right: 8px; + width: 13px; + height: 15px; + box-shadow: none; + border: 0px; + padding: 0px; + background-color: none; + background-repeat: no-repeat !important; + outline: none !important; + opacity: 0.8; + filter: alpha(opacity=80); +} + +.header.navbar .search-form .submit:hover { + opacity: 1; + filter: alpha(opacity=100); +} + +/*** +Language Bar +***/ + +.header.navbar .navbar-nav > li.dropdown.language { + padding-left: 0; + padding-right: 0; + margin: 0; +} + +.header.navbar .navbar-nav > li.dropdown.language > a { + color: #ddd; + font-size: 13px; + padding: 11px 1px 11px 5px; +} + +.header.navbar .navbar-nav > li.dropdown.language > a > img { + margin-bottom: 2px; +} + +.header.navbar .navbar-nav > li.dropdown.language > a > i { + font-size: 16px; +} + +.header.navbar .navbar-nav > li.dropdown.language > .dropdown-menu > li > a > img { + margin-bottom: 2px; +} + +.header.navbar .navbar-nav .dropdown-menu { + margin-top: 3px; +} + +/*** +Page container +***/ + +.page-container { + margin: 0px; + padding: 0px; + position: relative; +} + +.page-container:before, +.page-container:after { + display: table; + content: " "; +} + +.page-container:after { + clear: both; +} + +.page-header-fixed .page-container { + margin-top: 42px; +} + +/*** IE 8 Fixes ***/ +/*** +Page sidebar +***/ + +.ie8 .page-sidebar { + width: 225px; + float: left; + position: relative; + margin-right: -100%; +} + +/*** +Page content +***/ + +.ie8 .page-content-wrapper { + float: left; + width: 100%; + } + +.ie8 .page-content { + margin-left: 225px; + margin-top: 0px; + min-height: 760px; + padding: 25px 20px 20px 20px; + } +/*** IE 8 Fixes ***/ + +/*** +Page sidebar +***/ + +.page-sidebar.navbar-collapse { + padding: 0; +} + +.page-sidebar-menu { + list-style: none; + margin: 0; + padding: 0; + margin: 0; + padding: 0; +} + +.page-sidebar-menu > li { + display: block; + margin: 0; + padding: 0; + border: 0px; +} + +.page-sidebar-menu > li.start > a { + border-top-color: transparent !important; +} + +.page-sidebar-menu > li:last-child > a, +.page-sidebar-menu > li.last > a { + border-bottom-color: transparent !important; +} + +.page-sidebar-menu > li > a { + display: block; + position: relative; + margin: 0; + border: 0px; + padding: 10px 15px; + text-decoration: none; + font-size: 14px; + font-weight: 300; +} + +.page-sidebar-fixed .page-sidebar-menu > li > a { + -webkit-transition: all 0.2s ease; + -moz-transition: all 0.2s ease; + -o-transition: all 0.2s ease; + transition: all 0.2s ease; +} + +.page-sidebar-reversed.page-sidebar-fixed .page-sidebar-menu > li > a{ + -webkit-transition: none; + -moz-transition: none; + -o-transition: none; + transition: none; +} + +.page-sidebar-menu > li > a i { + font-size: 16px; + margin-right: 5px; + text-shadow:none; +} + +.page-sidebar-menu > li.break { + margin-bottom: 20px; +} + +.page-sidebar-menu > li.open > a { + font-size: 14px; +} + +.page-sidebar-menu > li.active > a { + border: none; + text-shadow:none; + font-size: 14px; +} + +.page-sidebar-menu > li.active > a .selected { + display: block; + width: 8px; + height: 25px; + background-image: url("../img/sidebar-menu-arrow.png"); + float: right; + position: absolute; + right:0px; + top:8px; +} + +.page-sidebar-reversed .page-sidebar-menu > li.active > a .selected { + background-image: url("../img/sidebar-menu-arrow-reverse.png"); + right: auto; + left:0; +} + +.page-sidebar ul > li > a > .arrow:before { + float: right; + margin-top: 0px; + margin-right: 5px; + display: inline; + font-size: 16px; + font-family: FontAwesome; + height: auto; + content: "\f104"; + font-weight: 300; + text-shadow:none; +} + +.page-sidebar-menu > li > a > .arrow.open:before { + float: right; + margin-top: 0px; + margin-right: 3px; + display: inline; + font-family: FontAwesome; + height: auto; + font-size: 16px; + content: "\f107"; + font-weight: 300; + text-shadow:none; +} + +/* bagin: sidebar menu badges */ +.page-sidebar-menu li > a > .badge { + float: right; + margin-top: 1px; + margin-right: 13px; +} + +/* end: sidebar menu badges */ + +.page-sidebar-menu .sub-menu { + padding: 0; +} + +.page-sidebar-menu > li > ul.sub-menu { + display: none; + list-style: none; + clear: both; + margin: 8px 0px 8px 0px; +} + +.page-sidebar-menu > li.active > ul.sub-menu { + display: block; +} + +.page-sidebar-menu > li > ul.sub-menu > li { + background: none; + margin: 0px; + padding: 0px; + margin-top: 1px !important; +} + +.page-sidebar-menu > li > ul.sub-menu > li > a { + display: block; + margin: 0px 0px 0px 0px; + padding: 5px 0px; + padding-left: 44px !important; + text-decoration: none; + font-size: 14px; + font-weight: 300; + background: none; +} + +/* 3rd level sub menu */ +.page-sidebar-menu > li > ul.sub-menu > li ul.sub-menu { + display: none; + list-style: none; + clear: both; + margin: 0px 0px 0px 0px; +} + +.page-sidebar-menu > li > ul.sub-menu li > a > .arrow:before { + float: right; + margin-top: 1px; + margin-right: 20px; + display: inline; + font-size: 16px; + font-family: FontAwesome; + height: auto; + content: "\f104"; + font-weight: 300; + text-shadow:none; +} + +.page-sidebar-menu > li > ul.sub-menu li > a > .arrow.open:before { + float: right; + margin-top: 1px; + margin-right: 18px; + display: inline; + font-family: FontAwesome; + height: auto; + font-size: 16px; + content: "\f107"; + font-weight: 300; + text-shadow:none; +} + +.page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu { + display: block; +} + +.page-sidebar-menu > li > ul.sub-menu > li ul.sub-menu li { + background: none; + margin: 0px; + padding: 0px; + margin-top: 1px !important; +} + +.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a { + display: block; + margin: 0px 0px 0px 0px; + padding: 5px 0px; + text-decoration: none; + font-size: 14px; + font-weight: 300; + background: none; +} + +.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > a { + padding-left: 60px; +} + +.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a { + padding-left: 80px; +} + +.page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu > li.active ul.sub-menu { + display: block; +} + + +.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a > i { + font-size: 13px; +} + +/*** +Sidebar Search +***/ + +.page-sidebar .sidebar-search { + padding:0; + margin: 0; +} + +.page-sidebar .header.navbar-responsive-search { + display: none; +} + +.page-sidebar .sidebar-search .form-container { + margin: 15px 20px 15px 20px; + height: 35px; + padding-top: 7px; +} + +.page-sidebar .sidebar-search .form-container .submit { + display: block; + float: right; + margin-top: 3px; + width: 13px; + height: 15px; + background-repeat: no-repeat; + box-shadow: none; + border: 0px; + padding: 0px; + outline: none !important; +} + +.page-sidebar .sidebar-search .form-container input[type="text"] { + margin: 0px; + width: 165px; + border: 0px; + padding: 0 !important; + font-size: 14px !important; + box-shadow: none !important; + font-size: 14px; + font-weight: normal; +} + +.page-sidebar .sidebar-search .form-container input[type="text"]:focus { + outline: none !important; +} + +/*** +Sidebar toggler(show/hide) +***/ +.sidebar-toggler { + cursor: pointer; + opacity: 0.5; + filter: alpha(opacity=50); + width: 29px; + height: 29px; + background-repeat: no-repeat; +} + +.sidebar-toggler:hover { + filter: alpha(opacity=100); + opacity: 1; +} + +.page-sidebar .sidebar-toggler { + margin-top: 15px; + margin-left: 175px; +} + +.header.navbar .sidebar-toggler { + float: left; + display: inline-block; + margin-top: 6px; + margin-left: -42px; +} + +/*** +Page content +***/ +.page-content { + margin-top: 0px; + padding: 0px; + background-color: #fff; +} + +.ie8 .page-content { + padding: 20px; + margin-left: 225px; + margin-top: 0px; + min-height: 760px; +} + +.ie8 .page-sidebar-fixed .page-content { + min-height: 600px; +} + +.ie8 .page-content.no-min-height { + min-height: auto; +} + +.page-full-width .page-content { + margin-left: 0px !important; +} + +.page-full-width .page-sidebar-menu { + display: none; +} + +/*** +Page title +***/ +.page-title { + padding: 0px; + font-size: 30px; + letter-spacing: -1px; + display: block; + color: #666; + margin: 0px 0px 15px 0px; + font-weight: 300; + font-family: 'Open Sans', sans-serif; +} + +.page-title small { + font-size: 14px; + letter-spacing: 0px; + font-weight: 300; + color: #888; +} + +/*** +Page breadcrumb +***/ + +.ie8 .row .page-breadcrumb.breadcrumb > li { + margin-right: 1px; +} + +.page-content .page-breadcrumb.breadcrumb { + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + box-shadow: none; + padding-right: 30px; + padding-left: 8px; + margin-top: 15px; + margin-bottom: 25px; + border:0px !important; + background-color: #eee; +} + +.page-content .page-breadcrumb.breadcrumb > li > a, +.page-content .page-breadcrumb.breadcrumb > li > i, +.page-content .page-breadcrumb.breadcrumb > li > span { + color: #333; + font-size: 14px; + text-shadow:none; +} + +.page-content .page-breadcrumb.breadcrumb > li > i { + color: #666; +} + +.page-content .page-breadcrumb.breadcrumb > li+li:before { + display: none; +} + +/* Dashboard breadcrumb Dropdown */ +.page-content .page-breadcrumb.breadcrumb .btn-group { + right: 15px; + position: absolute; + margin-top: -8px; +} + +.page-content .page-breadcrumb.breadcrumb > .btn-group .btn { + padding-top: 8px; + padding-bottom: 8px; +} + +/* Dashboard date range panel */ +.page-content .page-breadcrumb.breadcrumb .dashboard-date-range { + position: relative; + top: -8px; + margin-right: -30px; + display: none; + padding: 9px 9px 8px 9px; + cursor: pointer; + color: #fff; + background-color: #e02222; +} + +/* hack for chrome and safari */ +@media all and (-webkit-min-device-pixel-ratio:0) { + .page-content .page-breadcrumb.breadcrumb .dashboard-date-range { + padding: 9px; + } +} + +.page-content .page-breadcrumb.breadcrumb .dashboard-date-range > span { + font-size: 12px; + font-weight: 300; + color: #fff; + text-transform: uppercase; +} + +.page-content .page-breadcrumb.breadcrumb .dashboard-date-range > .fa-calendar { + text-transform: none; + color: #fff; + margin-top: 0px; + font-size: 14px; +} + +.page-content .page-breadcrumb.breadcrumb .dashboard-date-range > .fa-angle-down { + color:#fff; + font-size: 16px; +} + +/*** +Footer +***/ + +.footer { + padding: 8px 20px 5px 20px; + font-size: 12px; +} + +.footer:after, +.footer:before { + content: ""; + display: table; + line-height: 0; +} + +.footer:after { + clear: both; +} + +.footer .footer-inner { + float: left; + display: inline-block; +} + +.footer .footer-tools { + float: right; + display: inline-block; +} + +.footer .footer-tools .go-top { + display: block; + text-decoration: none; + cursor: pointer; + margin-top: -2px; + margin-right: 0px; + margin-bottom: 0px; + font-size: 16px; + padding: 0px 6px 0px 6px; +} + +.footer .footer-tools .go-top i { + font-size: 22px; + margin-bottom: 5px; +} + + +/******************** + GENERAL UI ELEMENTS +*********************/ + +/*** +Icon stuff +***/ +i.icon, a.icon { + color: #999; + margin-right: 5px; + font-weight: normal; + font-size: 13px; +} + +i.icon-black { + color: #000 !important; +} + +a.icon:hover { + text-decoration: none; + -webkit-transition: all 0.1s ease-in-out; + -moz-transition: all 0.1s ease-in-out; + -o-transition: all 0.1s ease-in-out; + -ms-transition: all 0.1s ease-in-out; + transition: all 0.1s ease-in-out; + opacity: .4; + filter:alpha(opacity=40); +} + +a.icon.huge i{ + font-size: 16px !important; +} + +i.big { + font-size: 20px; +} + +i.warning { + color: #d12610; +} + +i.critical { + color: #37b7f3; +} + +i.normal { + color: #52e136; +} + +/*** +Custom wells +***/ +.well { + background-color: #fafafa; + border: 1px solid #eee; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; +} + +.well.mini { + padding: 7px !important; +} + +/*** +Form stuff +***/ + + +/*** +Bordered form layout +***/ + +/*** +Input icons +***/ + +/* input with right aligned and colored icons */ + +/* input with left aligned icons */ +.input-icon { + position: relative; +} + + +.input-icon input { + padding-left: 33px !important; +} + +.input-icon i { + color: #ccc; + display: block; + position: absolute; + margin: 11px 2px 4px 10px; + width: 16px; + height: 16px; + font-size: 16px; + text-align: center; +} + +.input-icon.right input { + padding-left: 12px !important; + padding-right: 33px !important; +} + +.input-icon.right i { + right: 8px; + float: right; +} + +.has-success .input-icon > i { + color: #468847; +} + +.has-warning .input-icon > i { + color: #c09853; +} + +.has-error .input-icon > i { + color: #b94a48; +} + +/*** +Portlets +***/ +.portlet { + clear: both; + margin-top: 0px; + margin-bottom: 25px; + padding: 0px; +} + +.portlet > .portlet-title { + margin-bottom: 15px; + border-bottom: 1px solid #eee; +} + +.portlet > .portlet-title:after, +.portlet > .portlet-title:before { + content: ""; + display: table; + line-height: 0; +} + +.portlet > .portlet-title:after { + clear: both; +} + +.portlet > .portlet-title > .caption { + float: left; + display: inline-block; + font-size: 18px; + line-height: 18px; + font-weight: 400; + margin: 0; + padding: 0; + margin-bottom: 8px; +} + +.portlet > .portlet-title > .caption > i { + float: left; + margin-top: 4px; + display: inline-block !important; + font-size: 13px; + margin-right: 5px; + color: #666; +} + +.portlet.blue > .portlet-title > .caption, +.portlet.green > .portlet-title > .caption, +.portlet.yellow > .portlet-title > .caption, +.portlet.red > .portlet-title > .caption, +.portlet.purple > .portlet-title > .caption, +.portlet.grey > .portlet-title > .caption { + color: #fff; +} + +.portlet.box.blue > .portlet-title > .caption > i, +.portlet.box.green > .portlet-title > .caption > i, +.portlet.box.grey > .portlet-title > .caption > i, +.portlet.box.yellow > .portlet-title > .caption > i, +.portlet.box.red > .portlet-title > .caption > i, +.portlet.box.purple > .portlet-title > .caption > i, +.portlet.box.light-grey > .portlet-title > .caption > i{ + color: #fff; +} + +.sortable .portlet > .portlet-title { + cursor: move; +} + +.portlet > .portlet-title > .tools, +.portlet > .portlet-title > .actions + { + display: inline-block; + padding: 0; + margin: 0; + margin-top: 6px; + float: right; +} + +.portlet > .portlet-title > .tools > a { + display: inline-block; + height: 16px; + margin-left:5px; +} + +.portlet > .portlet-title > .actions > .dropdown-menu i { + color: #000 !important; +} + +.portlet > .portlet-title > .tools > a.remove { + margin-bottom: 2px; + background-image:url(../img/portlet-remove-icon.png); + background-repeat: no-repeat; + width: 11px; +} + +.portlet > .portlet-title > .tools > a.config { + margin-bottom: 2px; + background-image:url(../img/portlet-config-icon.png); + background-repeat: no-repeat; + width: 12px; +} + +.portlet > .portlet-title > .tools > a.reload { + margin-bottom: 2px; + background-image:url(../img/portlet-reload-icon.png); + width: 13px; +} + +.portlet > .portlet-title > .tools > a.expand { + margin-bottom: 2px; + background-image:url(../img/portlet-expand-icon.png); + width: 14px; +} + +.portlet > .portlet-title > .tools > a.collapse { + margin-bottom: 2px; + background-image:url(../img/portlet-collapse-icon.png); + width: 14px; +} + +.portlet > .portlet-title > .tools > a:hover { + text-decoration: none; + -webkit-transition: all 0.1s ease-in-out; + -moz-transition: all 0.1s ease-in-out; + -o-transition: all 0.1s ease-in-out; + -ms-transition: all 0.1s ease-in-out; + transition: all 0.1s ease-in-out; + opacity:.6; + filter:'alpha(opacity=60)'; +} + +.portlet > .portlet-title > .actions > .btn-group { + margin-top: -13px; +} + +.portlet > .portlet-title > .actions > .btn { + padding: 4px 10px; + margin-top: -14px; +} + +.portlet > .portlet-title > .actions > .btn-group > .btn { + padding: 4px 10px; + margin-top: -1px; +} + +.portlet > .portlet-title > .actions > .btn.btn-sm { + padding: 3px 8px; + margin-top: -13px; +} + +.portlet > .portlet-title > .actions > .btn-group > .btn-sm { + padding: 3px 8px; + margin-top: -1px; +} + +.portlet > .portlet-title > .pagination.pagination-sm { + float: right !important; + display: inline-block !important; + margin: 0px; + margin-top: -4px; +} + +@media (max-width: 767px) { + .portlet > .portlet-title > .actions.btn-set > .btn-group, + .portlet > .portlet-title > .actions.btn-set > .btn { + margin-top: 0px; + margin-bottom: 5px; + } +} + +.portlet > .portlet-body { + clear: both; + padding: 0; +} + +.portlet > .portlet-empty { + min-height: 125px; +} + +.portlet > .portlet-body.light-blue, .portlet.light-blue { + background-color: #bfd5fa !important; +} + +.portlet > .portlet-body.blue, .portlet.blue { + background-color: #4b8df8 !important; +} + +.portlet > .portlet-body.red, .portlet.red { + background-color: #e02222 !important; +} + +.portlet > .portlet-body.yellow, .portlet.yellow { + background-color: #ffb848 !important; +} + +.portlet > .portlet-body.green, .portlet.green { + background-color: #35aa47 !important; +} + +.portlet > .portlet-body.purple, .portlet.purple { + background-color: #852b99 !important; +} + +.portlet > .portlet-body.light-grey, .portlet.light-grey { + background-color: #fafafa !important; +} + +.portlet > .portlet-body.grey, .portlet.grey { + background-color: #555555 !important; +} + +/* draggable girds */ + +.ui-sortable-placeholder { + border: 1px dotted black; + visibility: visible !important; + height: 100% !important; +} + +.ui-sortable-placeholder * { + visibility: hidden; +} + +.sortable-box-placeholder { + background-color: #f5f5f5; + border: 1px dashed #DDDDDD; + display: block; + /* float: left;*/ + margin-top: 0px !important; + margin-bottom: 24px !important; +} + +.sortable-box-placeholder * { + visibility:hidden; +} + +/*** +Solid colored portlet +***/ +.portlet.solid { + padding: 10px; +} + +.portlet.solid > .portlet-title > .tools { + margin-top: 2px; + border: 0px; +} + +.portlet.solid > .portlet-title { + margin-bottom: 5px; + border: 0px; +} + +.portlet.solid.bordered > .portlet-title { + margin-bottom: 15px; +} + +.portlet.solid.red > .portlet-title, +.portlet.solid.red > .portlet-title > .caption > i, +.portlet.solid.red > .portlet-body, + +.portlet.solid.green > .portlet-title, +.portlet.solid.green > .portlet-title > .caption > i, +.portlet.solid.green > .portlet-body, + +.portlet.solid.yellow > .portlet-title, +.portlet.solid.yellow > .portlet-title > .caption > i, +.portlet.solid.yellow > .portlet-body, + +.portlet.solid.grey > .portlet-title, +.portlet.solid.grey > .portlet-title > .caption > i, +.portlet.solid.grey > .portlet-body, + +.portlet.solid.purple > .portlet-title, +.portlet.solid.purple > .portlet-title > .caption > i, +.portlet.solid.purple > .portlet-body, + +.portlet.solid.blue > .portlet-title, +.portlet.solid.blue > .portlet-title > .caption > i, +.portlet.solid.blue > .portlet-body { + border: 0; + color: #fff; +} + +.portlet.bordered { + border-left: 2px solid #ddd; +} + +/*** +Box portlet +***/ + +.portlet.box { + padding:0px !important +} + +.portlet.box > .portlet-title { + padding:8px 10px 2px 10px; + border-bottom: 1px solid #eee; + color: #fff !important; +} + +.portlet.box > .portlet-title > .tools { + margin-top: 3px; +} + +.portlet.box > .portlet-title > .tools > a.remove, +.portlet.solid > .portlet-title > .tools > a.remove { + background-image:url(../img/portlet-remove-icon-white.png); +} + +.portlet.box > .portlet-title > .tools > a.config, +.portlet.solid > .portlet-title > .tools > a.config { + background-image:url(../img/portlet-config-icon-white.png); +} + +.portlet.box > .portlet-title > .tools > a.reload, +.portlet.solid > .portlet-title > .tools > a.reload { + background-image:url(../img/portlet-reload-icon-white.png); +} + +.portlet.box > .portlet-title > .tools > a.expand, +.portlet.solid > .portlet-title > .tools > a.expand { + background-image:url(../img/portlet-expand-icon-white.png); +} + +.portlet.box > .portlet-title > .tools > a.collapse, +.portlet.solid > .portlet-title > .tools > a.collapse { + background-image:url(../img/portlet-collapse-icon-white.png); +} + +/* portlet buttons */ +.portlet.box > .portlet-body { + background-color: #fff; + padding: 10px; +} + +.portlet.box > .portlet-title { + margin-bottom: 0px; +} + +.portlet.box.blue > .portlet-title { + background-color: #4b8df8; +} + +.portlet.box.blue { + border: 1px solid #b4cef8; + border-top: 0; +} + +.portlet.box.red > .portlet-title { + background-color: #e02222; +} + +.portlet.box.red { + border: 1px solid #ef8476; + border-top: 0; +} + +.portlet.box.yellow > .portlet-title { + background-color: #ffb848; +} + +.portlet.box.yellow { + border: 1px solid #fccb7e; + border-top: 0; +} + +.portlet.box.green > .portlet-title { + background-color: #35aa47; +} + +.portlet.box.green { + border: 1px solid #77e588; + border-top: 0; +} + +.portlet.box.purple > .portlet-title { + background-color: #852b99; +} + +.portlet.box.purple { + border: 1px solid #af5cc1; + border-top: 0; +} + +.portlet.box.grey > .portlet-title { + background-color: #555555; +} + +.portlet.box.grey { + border: 1px solid #9d9c9c; + border-top: 0; +} + +.portlet.box.light-grey > .portlet-title { + background-color: #aaa; +} + +.portlet.box.light-grey { + border: 1px solid #bbb; + border-top: 0; +} + +/*** +Charts and statistics +***/ +.chart, .pie, .bars { + overflow: hidden; + height: 300px; +} + +/*** +Statistic lists +***/ +.item-list.table .percent { + width: 30px; + float: right; + margin-right: 10px; + margin-top: 3px; +} + +/*** +Chart tooltips +***/ +.chart-tooltip { + clear: both; + z-index: 100; + background-color: #736e6e !important; + padding: 5px !important; + color: #fff; +} + +.chart-tooltip .label { + clear: both; + display: block; + margin-bottom: 2px; +} + +/*** +Mini chart containers +***/ +.bar-chart { + display: none +} + +.line-chart { + display: none +} + +/*** +Custom icon buttons +***/ +.icon-btn { + height: 60px; + min-width: 80px; + margin: 5px 5px 0 0; + border: 1px solid #ddd; + padding: 12px 0px 0px 0px; + background-color: #fafafa !important; + background-image: none !important; + filter:none !important; + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; + display:inline-block !important; + color: #646464 !important; + text-shadow: none !important; + text-align: center; + cursor: pointer; + position: relative; + -webkit-transition: all 0.3s ease !important; + -moz-transition: all 0.3s ease !important; + -ms-transition: all 0.3s ease !important; + -o-transition: all 0.3s ease !important; + transition: all 0.3s ease !important; +} + +.icon-btn i { + font-size: 18px; +} + +.ie8 .icon-btn:hover { + filter: none !important; +} + +.icon-btn:hover { + text-decoration: none !important; + border-color: #999 !important; + color: #444 !important; + text-shadow: 0 1px 0px rgba(255, 255, 255, 1) !important; + -webkit-transition: all 0.3s ease !important; + -moz-transition: all 0.3s ease !important; + -ms-transition: all 0.3s ease !important; + -o-transition: all 0.3s ease !important; + transition: all 0.3s ease !important; + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; +} + +.icon-btn:hover .badge { + -webkit-transition: all 0.3s ease !important; + -moz-transition: all 0.3s ease !important; + -ms-transition: all 0.3s ease !important; + -o-transition: all 0.3s ease !important; + transition: all 0.3s ease !important; + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; +} + +.icon-btn div { + font-family: 'Open Sans', sans-serif; + margin-top: 5px; + margin-bottom: 20px; + color: #000; + font-size: 12px; + font-weight: 300; +} + +.icon-btn .badge { + position: absolute; + font-family: 'Open Sans', sans-serif; + font-size: 11px !important; + font-weight: 300; + top: -5px; + right: -5px; + padding: 3px 6px 3px 6px; + color: white !important; + text-shadow: none; + border-width: 0; + border-style: solid; + -webkit-border-radius: 12px !important; + -moz-border-radius: 12px !important; + border-radius: 12px !important; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +/* extended dropdowns */ +.dropdown-menu.extended { + min-width: 160px !important; + max-width: 300px !important; + width: 233px !important; + background-color: #ffffff !important; +} + +.dropdown-menu.extended:before, +.dropdown-menu.extended:after { + border-bottom-color: #ddd !important; +} + +.dropdown-menu.extended li a{ + display: block; + padding: 5px 10px !important; + clear: both; + font-weight: normal; + line-height: 20px; + white-space: normal !important; +} + +.dropdown-menu.extended li i{ + margin-right: 3px; +} + +.dropdown-menu.extended li a{ + font-size: 13px; + padding: 10px !important; + background-color: #ffffff; +} + +.dropdown-menu.extended li a:hover { + background-image: none; + background-color: #f5f5f5; + color: #000; + filter:none; +} + +.dropdown-menu.extended li p{ + padding: 10px; + background-color: #eee; + margin: 0px; + font-size: 14px; + font-weight: 300; + color: #000; +} + +.dropdown-menu.extended li a{ + padding: 7px 0 5px 0px; + list-style: none; + border-bottom: 1px solid #f4f4f4 !important; + font-size: 12px; + text-shadow: none; +} + +.dropdown-menu.extended li:first-child a { + border-top: none; + border-bottom: 1px solid #f4f4f4 !important; +} + +.dropdown-menu.extended li:last-child a { + border-top: 1px solid white !important; + border-bottom: 1px solid #f4f4f4 !important; +} + +.dropdown-menu.extended li.external > a { + font-size: 13px; + font-weight: 400; +} + +.dropdown-menu.extended li.external > a > i{ + margin-top: 3px; + float: right; +} + +/* header notifications dropdowns */ +.dropdown-menu .dropdown-menu-list.scroller { + padding-right: 0 !important; + padding-left: 0; + list-style: none; +} + +.dropdown-menu.notification li > a .time { + font-size: 12px; + font-weight: 600; + text-align: right; + font-style: italic; +} + +/* header inbox dropdowns */ +.dropdown-menu.inbox li > a .photo { + float: left; + padding-right: 6px; +} + +.dropdown-menu.inbox li > a .photo > img { + height: 40px; + width: 40px; +} + +.dropdown-menu.inbox li > a .subject { + display: block; +} + +.dropdown-menu.inbox li > a .subject .from { + font-size: 14px; + font-weight: 400; + color: #02689b; +} + +.dropdown-menu.inbox li > a .subject .time { + font-size: 12px; + font-weight: 600; + font-style: italic; + position: relative; + float: right; +} + +.dropdown-menu.inbox li > a .message { + display: block !important; + font-size: 12px; +} + +/* header tasks */ +.dropdown-menu.tasks .task { + margin-bottom: 5px; +} + +.dropdown-menu.tasks .task .desc { + font-size: 13px; + font-weight: 300; +} + +.dropdown-menu.tasks .task .percent { + font-size: 14px; + font-weight: 600; + font-family: 'Open Sans', sans-serif; + float: right; + display: inline-block; +} + +.dropdown-menu.tasks .progress { + display: block; + height: 11px; + margin: 0px; +} + +/*** +General list for item with image +***/ +.item-list li .img { + height: 50px; + width: 50px; + float: left; + margin-top: 3px; + margin-right: 5px; +} + +.item-list { + margin: 0px; + list-style: none; +} + +.item-list li { + padding: 7px 0 5px 0px; + list-style: none; + border-top: 1px solid white; + border-bottom: 1px solid #EBEBEB; + font-size: 12px; +} + +.item-list li:first-child { + border-top: none; + border-bottom: 1px solid #EBEBEB; +} + +.item-list li:last-child { + border-top: none; + border-bottom: none; +} + +.item-list li .label { + margin-right: 5px; +} + +.item-list.todo li .label { + position: absolute; + right: 80px; +} + +.item-list.todo li .actions { + position: absolute; + right: 45px; +} + +/*** +Custom tables +***/ +.table-toolbar { + margin-bottom: 15px; +} + +.table.table-full-width { + width: 100% !important; +} + +.table .m-btn { + margin-top: 0px; + margin-left: 0px; + margin-right: 5px; +} + +.table thead tr th { + font-size: 14px; + font-weight: 600; +} + +.table-advance { + margin-bottom: 10px !important; +} + +.table-advance thead { + color: #999; +} + +.table-advance thead tr th{ + background-color: #DDD; + font-size: 14px; + font-weight: 400; + color: #666; +} + +.table-advance div.success, +.table-advance div.info, +.table-advance div.important, +.table-advance div.warning, +.table-advance div.danger { + position: absolute; + margin-top:-5px; + float: left; + width: 2px; + height: 30px; + margin-right: 20px !important; +} + +.table-advance tr td { + border-left-width: 0px; +} +.table-advance tr td:first-child { + border-left-width: 1px !important; +} + +.table-advance tr td.highlight:first-child a { + margin-left: 15px; +} + +.table-advance td.highlight div.success { + border-left: 2px solid #66ee66; +} + +.table-advance td.highlight div.info { + border-left: 2px solid #87ceeb; +} + +.table-advance td.highlight div.important { + border-left: 2px solid #f02c71; +} + +.table-advance td.highlight div.warning { + border-left: 2px solid #fdbb39; +} + +.table-advance td.highlight div.danger { + border-left: 2px solid #e23e29; +} + +/*** +Star rating +***/ +.rating { + unicode-bidi: bidi-override; + direction: rtl; + font-size: 30px; +} + +.rating span.star { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + display: inline-block; +} + +.rating span.star:hover { + cursor: pointer; +} + +.rating span.star:before { + content: "\f006"; + padding-right: 5px; + color: #999999; +} + +.rating span.star:hover:before, +.rating span.star:hover ~ span.star:before { + content: "\f005"; + color: #e3cf7a; +} + + +/*** +Item block with details shown on hover +***/ +.item { + overflow: hidden; + display: block; + margin-bottom: 20px; +} + +.item .details { + width: 100%; + display: none; + background-color: #000; + color: #fff !important; + padding: 5px; + text-align: center; + position: relative; + bottom:30px; + margin-bottom:-30px; + overflow: hidden; + z-index: 6; +} + +.item:hover .details { + display: block; + opacity: 0.7; + filter: alpha(opacity = 70); +} + +.item:hover .zoom-icon{ + opacity:0.5; + filter: alpha(opacity = 50); +} + +/*** +Zoom icon overlay on images +***/ +.zoom { + cursor: pointer; + width: 100%; + height: 100%; + position: relative; + z-index: 5; +} + +.zoom .zoom-icon { + background-image:url("../img/overlay-icon.png"); + background-color: #222; + background-repeat: no-repeat; + background-position: 50%; + position: absolute; + width: inherit; + height: inherit; + opacity: 0; + filter: alpha(opacity = 0); + z-index: 6; + top:0; +} + +/*** +Chats +***/ +.chats { + margin:0; + padding: 0; + margin-top: -15px; +} + +.chats li { + list-style: none; + padding: 5px 0; + margin: 10px auto; + font-size: 12px; +} + +.chats li img.avatar { + height: 45px; + width: 45px; + -webkit-border-radius: 50% !important; + -moz-border-radius: 50% !important; + border-radius: 50% !important; +} + +.chats li.in img.avatar { + float: left; + margin-right: 10px; +} + +.chats li .name { + color:#3590c1; + font-size: 13px; + font-weight: 400; +} + +.chats li .datetime { + color:#333; + font-size: 13px; + font-weight: 400; +} + +.chats li.out img.avatar { + float: right; + margin-left: 10px; +} + +.chats li .message { + display: block; + padding: 5px; + position: relative; +} + +.chats li.in .message { + text-align: left; + border-left: 2px solid #35aa47; + margin-left: 65px; + background: #fafafa +} + +.chats li.in .message .arrow { + display: block; + position: absolute; + top: 5px; + left: -8px; + width: 0; + height: 0; + + border-top: 8px solid transparent; + border-bottom: 8px solid transparent; + border-right: 8px solid #35aa47; +} + +.chats li.out .message .arrow { + display: block; + position: absolute; + top: 5px; + right: -8px; + border-top: 8px solid transparent; + border-bottom: 8px solid transparent; + border-left: 8px solid #da4a38; +} + +.chats li.out .message { + border-right: 2px solid #da4a38; + margin-right: 65px; + background: #fafafa; + text-align: right; +} + +.chats li.out .name, +.chats li.out .datetime { + text-align: right; +} + +.chats li .message .body { + display: block; +} + +.chat-form { + margin-top: 15px; + padding: 10px; + background-color: #e9eff3; + overflow: hidden; + clear: both; +} + +.chat-form .input-cont { + margin-right: 40px; +} + +.chat-form .input-cont .form-control { + width: 100% !important; + margin-bottom: 0px; +} + +.chat-form .input-cont input{ + border: 1px solid #ddd; + width: 100% !important; + margin-top: 0; +} + +.chat-form .input-cont input { + background-color: #fff !important; +} + +.chat-form .input-cont input:focus{ + border: 1px solid #4b8df9 !important; +} + +.chat-form .btn-cont { + margin-top: -42px; + position: relative; + float: right; + width:44px; +} + +.chat-form .btn-cont .arrow { + position: absolute; + top: 17px; + right: 43px; + border-top: 8px solid transparent; + border-bottom: 8px solid transparent; + border-right: 8px solid #4d90fe; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.chat-form .btn-cont:hover .arrow { + border-right-color: #0362fd; +} + +.chat-form .btn-cont:hover .btn { + background-color: #0362fd; +} + +.chat-form .btn-cont .btn { + margin-top: 8px; +} + +/*** +System feeds +***/ +.feeds { + margin: 0px; + padding: 0px; + list-style: none; +} + +.feeds li { + background-color: #fafafa; + margin-bottom: 7px; +} + +.feeds li:before, +.feeds li:after { + display: table; + line-height: 0; + content: ""; +} + +.feeds li:after { + clear: both; +} + +.feeds li:last-child { + margin-bottom: 0px; +} + +.feeds .col1 { + float:left; + width:100%; + clear: both; +} + +.feeds .col2 { + float:left; + width:75px; + margin-left:-75px; +} + +.feeds .col1 .cont { + float:left; + margin-right:75px; + overflow:hidden; +} + +.feeds .col1 .cont .cont-col1 { + float:left; + margin-right:-100%; +} + +.feeds .col1 .cont .cont-col1 .label { + display: inline-block; + padding: 5px 4px 6px 5px; + vertical-align: middle; + text-align: center; +} +.feeds .col1 .cont .cont-col1 .label > i { + text-align: center; + font-size: 14px; +} + +.feeds .col1 .cont .cont-col2 { + float:left; + width:100%; +} + +.feeds .col1 .cont .cont-col2 .desc { + margin-left:35px; + padding-top: 4px; + padding-bottom: 5px; + overflow:hidden; +} + +.feeds .col2 .date { + padding: 4px 9px 5px 4px; + text-align: right; + font-style: italic; + color:#c1cbd0; +} + +/*** +Users +***/ +.user-info { + margin-bottom: 10px !important; +} + +.user-info img { + float: left; + margin-right: 5px; +} + +.user-info .details { + display: inline-block; +} + +.user-info .label { + font-weight: 300; + font-size: 11px; +} + +/*** +Accordions +***/ +.accordion-heading { + background:#eee; +} + +.accordion-heading a { + text-decoration:none; +} + +.accordion-heading a:hover { + text-decoration:none; +} + +/*** +Vertical inline menu +***/ +.ver-inline-menu { + padding: 0; + margin: 0; + list-style: none; +} + +.ver-inline-menu li { + position:relative; + margin-bottom:1px; +} + +.ver-inline-menu li i { + width: 37px; + height: 37px; + display: inline-block; + color:#b9cbd5; + font-size:15px; + padding:12px 10px 10px 8px; + margin:0 8px 0 0; + text-align: center; + background:#e0eaf0 !important; +} + +.ver-inline-menu li a { + font-size: 13px; + color:#557386; + display:block; + background:#f0f6fa; + border-left:solid 2px #c4d5df; +} + +.ver-inline-menu li:hover a, +.ver-inline-menu li:hover i { + background:#e0eaf0; + text-decoration:none; +} + +.ver-inline-menu li:hover i { + color:#fff; + background:#c4d5df !important; +} + +.ver-inline-menu li.active a, +.ver-inline-menu li:hover a { + font-size: 13px; +} + +.ver-inline-menu li.active a { + border-left:solid 2px #0c91e5; +} + +.ver-inline-menu li.active a, +.ver-inline-menu li.active i { + color:#fff; + background:#169ef4; + text-decoration:none; +} + +.ver-inline-menu li.active i { + background:#0c91e5 !important; +} + +.ver-inline-menu li.active:after { + content: ''; + display: inline-block; + border-bottom: 6px solid transparent; + border-top: 6px solid transparent; + border-left: 6px solid #169ef4; + position: absolute; + top: 12px; + right: -5px; +} + +/*** +Custom tabs +***/ +.nav-tabs > li > a > .badge, +.nav-pills > li > a > .badge { + margin-top: -3px; +} + +.nav-tabs > li > a, +.nav-pills > li > a { + font-size: 14px; +} + +.nav-tabs-sm > li > a, +.nav-pills-sm > li > a { + font-size: 13px; +} + +.tabbable-custom { + margin-bottom: 15px; + padding: 0px; + overflow: hidden; +} + +.tabbable-custom > .nav-tabs { + border: none; + margin: 0px; +} + +.tabbable-custom > .tab-content { + background-color: #fff; + border: 1px solid #ddd; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + padding: 10px; +} + +.tabbable-custom.nav-justified .tab-content { + margin-top: -1px; +} + +.tabs-below.tabbable-custom.nav-justified .tab-content { + margin-top: 0px; + margin-bottom: -2px; +} + +.tabbable-custom.boxless > .tab-content { + padding:15px 0; + border-left:none; + border-right:none; + border-bottom:none; +} + +.tabbable-custom .nav-tabs > li { + margin-right: 2px; + border-top: 2px solid transparent; +} + +.tabbable-custom .nav-tabs > li > a { + margin-right: 0; + } + +.tabbable-custom .nav-tabs > li > a:hover { + background: none; + border-color:transparent; +} + +.tabbable-custom .nav-tabs > li.active { + border-top: 3px solid #d12610; + margin-top: 0; + position: relative; +} + +.tabbable-custom .nav-tabs > li.active > a { + border-top: none; + font-weight: 400; +} + +.tabbable-custom .nav-tabs > li.active > a:hover { + border-top: none; + background: #fff; + border-color: #d4d4d4 #d4d4d4 transparent; +} + +.tabbable-custom .nav-tabs > li { + margin-right: 2px; + border-top: 2px solid transparent; +} + +/* below tabs */ + +.tabs-below.tabbable-custom .nav-tabs > li > a { + border-top: none; + border-bottom: 2px solid transparent; + margin-top: -1px; +} + +.tabs-below.tabbable-custom .nav-tabs > li.active { + border-top: none; + border-bottom: 3px solid #d12610; + margin-bottom: 0; + position: relative; +} + +.tabs-below.tabbable-custom .nav-tabs > li.active > a { + border-bottom: none +} + +.tabs-below.tabbable-custom .nav-tabs > li.active > a:hover { + background: #fff; + border-color: #d4d4d4 #d4d4d4 transparent; +} + +/*full width tabs with bigger titles */ +.tabbable-custom.tabbable-full-width > .tab-content { + padding:15px 0; + border-left:none; + border-right:none; + border-bottom:none; +} + +.tabbable-custom.tabbable-full-width .nav-tabs > li > a { + color:#424242; + font-size:15px; + padding:9px 15px; +} + +/*** +Custom portlet tabs +***/ + +.portlet-tabs > .nav-tabs { + position: relative; + top: -41px; + margin-right: 10px; + overflow: hidden; +} + +.portlet-tabs > .nav-tabs > li { + float: right; +} + +.portlet-tabs > .nav-tabs { + border-bottom: none; +} + +.portlet-tabs > .nav-tabs > li > a { + color: #fff; + padding-top: 8px; + padding-bottom: 10px; + line-height: 16px; + margin-top: 6px; + margin-left: 0px; + margin-right: 0px; + border-left: 0; + border-right: 0; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; +} + +.portlet-tabs > .nav-tabs > li:last-child > a { + border-right:0; +} + +.portlet-tabs > .nav-tabs > li { + margin-left: 1px; +} + +.portlet-tabs > .nav-tabs > li.active { + color: #333; + border-top-color: transparent; +} + +.portlet-tabs > .nav-tabs > li.active > a { + margin-bottom: 0px; + border-bottom: 0; + margin-left: 0px; + margin-right: 0px; + border-left: 0; + border-right: 0; + border-top-color:transparent !important; +} + +.portlet-tabs > .nav-tabs > li > a:hover { + color: #333; + margin-bottom: 0; + border-bottom-color: transparent; + margin-left: 0; + margin-right: 0; + border-left: 0; + border-right: 0; + border-top-color:transparent; + background-color: #fff; +} + +.portlet-tabs > .nav-tabs > .active > a { + color: #555555; + cursor: default; + background-color: #fff; +} + +.portlet-tabs > .nav-tabs > .active > a:hover { + background-color: #fff !important; +} + +.portlet-tabs > .tab-content { + padding: 10px !important; + margin: 0px; + margin-top: -50px !important; +} + +.portlet.tabbable .portlet-body { + padding: 0px; +} + +.tab-pane > p:last-child { + margin-bottom: 0px; +} + +/* reverse aligned tabs */ + +.tabs-reversed > li { + float: right; +} + +.tabs-reversed > li, +.tabs-reversed > li > a { + margin-right: 0; +} + +/*** +Dashboard container +***/ + +#dashboard { + overflow: hidden; +} + +/*** +Dashboard stats +***/ +.dashboard-stat { + margin-bottom: 25px; +} + +.portlet .dashboard-stat:last-child { + margin-bottom: 0; +} + +.dashboard-stat:before, +.dashboard-stat:after { + display: table; + line-height: 0; + content: ""; +} +.dashboard-stat:after { + clear: both; +} + +.dashboard-stat .visual { + width: 80px; + height:80px; + display: block; + float: left; + padding-top: 10px; + padding-left: 15px; + margin-bottom: 10px; +} + +.dashboard-stat .visual i { + font-size: 65px; + line-height: 65px; + color: #fff; +} + +.dashboard-stat .visual { + font-size: 35px; + line-height: 35px; +} + +@media (min-width: 992px) and (max-width: 1024px) { + + .dashboard-stat .visual i { + font-size: 28px; + line-height: 28px; + } + +} + +.dashboard-stat .details { + position: absolute; + right: 15px; + padding-right: 10px; +} + +.dashboard-stat .details .number { + padding-top: 15px; + text-align: right; + font-size: 34px; + line-height: 34px; + letter-spacing: -1px; + margin-bottom: 5px; + font-weight: 300; + color: #fff; +} + +.dashboard-stat .details .desc { + text-align: right; + font-size: 16px; + letter-spacing: 0px; + font-weight: 300; + color: #fff; +} + +.dashboard-stat .more { + clear: both; + display: block; + padding: 5px 10px 5px 10px; + text-transform: uppercase; + font-weight: 300; + font-size: 11px; + color: #fff; + opacity: 0.7; + filter: alpha(opacity=70); +} + +.dashboard-stat .more:hover { + text-decoration: none; + opacity: 1; + filter: alpha(opacity=100); +} + +.dashboard-stat .more > i { + display: inline-block; + margin-top: 1px; + float: right; +} + +.dashboard-stat.blue { + background-color: #27a9e3; +} + +.dashboard-stat.blue .more { + background-color: #208dbe; +} + +.dashboard-stat.green { + background-color: #28b779; +} + +.dashboard-stat.green .more { + background-color: #10a062; +} + +.dashboard-stat.red { + background-color: #e7191b; +} + +.dashboard-stat.red .more { + background-color:#bc0d0e; +} + +.dashboard-stat.yellow { + background-color: #ffb848; +} + +.dashboard-stat.yellow .more { + background-color: #cb871b; +} + +.dashboard-stat.purple { + background-color: #852b99; +} + +.dashboard-stat.purple .more { + background-color: #6e1881; +} + +/*** +Text Stats +***/ + +.text-stat h3 { + margin-top: 5px; + margin-bottom: 0px; + font-size: 18px; +} + +.text-stat span { + font-size: 12px; + text-transform: uppercase; +} + +@media (max-width: 767px) { + + .text-stat { + margin-top: 20px; + } + +} + +/*** +Tiles(new in v1.1.1) +***/ + +.tiles { + margin-right: -10px; +} + +.tiles:before, +.tiles:after { + display: table; + content: " "; +} + +.tiles:after { + clear: both; +} + +.tile { + display: block; + letter-spacing: 0.02em; + float: left; + height: 135px; + width: 135px !important; + cursor: pointer; + text-decoration: none; + color: #ffffff; + position: relative; + font-weight: 300; + font-size: 12px; + letter-spacing: 0.02em; + line-height: 20px; + overflow: hidden; + border: 4px solid transparent; + margin: 0 10px 10px 0; +} + +.tile:after, +.tile:before { + content: ""; + float: left; +} + +.tile.double { + width: 280px !important; +} + +.tile.double-down { + height: 280px !important; +} + +.tile:active, .tile.selected { + border-color: #ccc !important; +} + +.tile:hover { + border-color: #aaa !important; +} + +.tile.selected .corner:after { + content: ""; + display: inline-block; + border-left: 40px solid transparent; + border-bottom: 40px solid transparent; + border-right: 40px solid #ccc; + position: absolute; + top: -3px; + right: -3px; +} + +.tile.selected .check:after { + content: ""; + font-family: FontAwesome; + font-size: 13px; + content: "\f00c"; + display: inline-block; + position: absolute; + top: 2px; + right: 2px; +} + +.tile * { + color: #ffffff; +} + +.tile .tile-body { + height: 100%; + vertical-align: top; + padding: 10px 10px; + overflow: hidden; + position: relative; + font-weight: 400; + font-size: 12px; + color: #000000; + color: #ffffff; + margin-bottom: 10px; +} + +.tile .tile-body img { + float: left; + margin-right: 10px; +} + +.tile .tile-body img.pull-right { + float: right !important; + margin-left: 10px; + margin-right: 0px; +} + +.tile .tile-body .content { + display: inline-block; +} + +.tile .tile-body > i { + margin-top: 17px; + display: block; + font-size: 56px; + line-height: 56px; + text-align: center; +} + + +.tile.double-down i { + margin-top: 95px; +} + +.tile .tile-body h1, +.tile .tile-body h2, +.tile .tile-body h3, +.tile .tile-body h4, +.tile .tile-body h5, +.tile .tile-body h6, +.tile .tile-body p { + padding: 0; + margin: 0; + line-height: 14px; +} + +.tile .tile-body h3, +.tile .tile-body h4 { + margin-bottom: 5px; +} + +.tile .tile-body h1:hover, +.tile .tile-body h2:hover, +.tile .tile-body h3:hover, +.tile .tile-body h4:hover, +.tile .tile-body h5:hover, +.tile .tile-body h6:hover, +.tile .tile-body p:hover { + color: #ffffff; +} + +.tile .tile-body p { + font-weight: 400; + font-size: 13px; + color: #000000; + color: #ffffff; + line-height: 20px; + overflow: hidden; +} + +.tile .tile-body p:hover { + color: rgba(0, 0, 0, 0.8); +} + +.tile .tile-body p:active { + color: rgba(0, 0, 0, 0.4); +} + +.tile .tile-body p:hover { + color: #ffffff; +} + +.tile.icon > .tile-body { + padding: 0; +} + +.tile .tile-object { + position: absolute; + bottom: 0; + left: 0; + right: 0; + min-height: 30px; + background-color: transparent; + *zoom: 1; +} + +.tile .tile-object:before, +.tile .tile-object:after { + display: table; + content: ""; +} + +.tile .tile-object:after { + clear: both; +} + +.tile .tile-object > .name { + position: absolute; + bottom: 0; + left: 0; + margin-bottom: 5px; + margin-left: 10px; + margin-right: 15px; + font-weight: 400; + font-size: 13px; + color: #ffffff; +} + +.tile .tile-object > .name > i { + vertical-align: middle; + display: block; + font-size: 24px; + height: 18px; + width: 24px; +} + +.tile .tile-object > .number { + position: absolute; + bottom: 0; + right: 0; + margin-bottom: 0; + color: #ffffff; + text-align: center; + font-weight: 600; + font-size: 14px; + letter-spacing: 0.01em; + line-height: 14px; + margin-bottom: 8px; + margin-right: 10px; +} + +.tile.image > .tile-body { + padding: 0 !important; +} + +.tile.image > .tile-body > img{ + width: 100%; + height: auto; + min-height: 100%; + max-width: 100%; +} + +.tile.image .tile-body h3 { + display: inline-block; +} + +/*** +Theme Panel +***/ + +.theme-panel { + width: 400px; + margin-top: -20px; + margin-right: 1px; + z-index: 999; + float: right; + position:relative; +} + +.theme-panel > .toggler { + top:4px; + right:0; + padding:20px; + cursor:pointer; + position:absolute; + background:#c9c9c9 url(../img/icon-color.png) center no-repeat; +} + +.theme-panel > .toggler:hover { + background-color: #3d3d3d !important; +} + +.theme-panel > .toggler-close { + display: none; + top:4px; + right:0; + padding:20px; + cursor:pointer; + position:absolute; + background: #3d3d3d url(../img/icon-color-close.png) center no-repeat !important; +} + +.theme-panel > .toggler-close:hover { + background-color:#222 !important; +} + +.theme-panel > .theme-options { + top:4px; + right:40px; + display:none; + position:absolute; + background:#3d3d3d; +} + +.theme-panel > .theme-options > .theme-option { + color:#cfcfcf; + padding: 15px; + border-top:1px solid #585858; + margin-top: 0px; + margin-bottom: 0px; +} + +.theme-panel > .theme-options > .theme-option.theme-colors { + border-top: 0; +} + +.theme-panel > .theme-options > .theme-option > span { + text-transform:uppercase; + display: inline-block; + width: 138px; + font-size: 14px; +} + +.theme-panel > .theme-options > .theme-option.theme-colors > span { + display: block; + width: auto; +} + +.theme-panel > .theme-options > .theme-option > select.form-control { + display: inline; + width: 100px; + text-transform: lowercase; +} + +.theme-panel > .theme-options > .theme-option.theme-colors > ul { + list-style:none; + padding: 0; + display: block; + margin-bottom: 1px !important; + margin-top: 10px; +} + +.theme-panel > .theme-options > .theme-option.theme-colors > ul > li { + width:37px; + height:37px; + margin:0 4px; + cursor:pointer; + list-style:none; + float: left; + border:solid 1px #707070; +} + +.theme-panel > .theme-options > .theme-option.theme-colors > ul > li:first-child { + margin-left: 0; +} + +.theme-panel > .theme-options > .theme-option.theme-colors > ul > li:hover, +.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.current { + border:solid 2px #ebebeb; +} + +.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-black { + background:#333438; +} + +.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-grey { + background:#6d6d6d; +} + +.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-blue { + background:#124f94; +} + +.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-brown { + background:#623f18; +} + +.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-purple { + background:#701584; +} + +.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-white { + background:#fff; +} + +/*** +Top bar menu +***/ + +/* enable arrow for dropdown menu */ +.header.navbar .nav > li > .dropdown-menu:before { + position: absolute; + top: -7px; + right: 9px; + display: inline-block !important; + border-right: 7px solid transparent; + border-bottom: 7px solid #ccc; + border-left: 7px solid transparent; + border-bottom-color: rgba(0, 0, 0, 0.2); + content: ''; +} + +.header.navbar .nav > li > .dropdown-menu:after { + position: absolute; + top: -6px; + right: 10px; + display: inline-block !important; + border-right: 6px solid transparent; + border-bottom: 6px solid #fff; + border-left: 6px solid transparent; + content: ''; +} + +/*** +Mega Menu(new in v1.6) +***/ + +.mega-menu .nav, +.mega-menu .collapse, +.mega-menu .mega-menu-dropup, +.mega-menu .mega-menu-dropdown { + position: static; +} +.mega-menu .container { + position: relative; +} +.mega-menu .mega-menu-dropdown .dropdown-menu { + left: auto; + width: auto; +} +.mega-menu .nav.navbar-right .dropdown-menu { + left: auto; + right: 0; +} +.mega-menu .mega-menu-content { + padding: 10px; + margin: 0; +} +.mega-menu .mega-menu-full .dropdown-menu { + left: 20px; + right: 20px; +} + +.mega-menu-responsive-content { + padding: 10px 15px 10px 60px; +} + +.page-boxed .mega-menu .mega-menu-dropdown .dropdown-menu { + top: 42px; +} + +.page-boxed .mega-menu .mega-menu-dropdown.mega-menu-full .dropdown-menu { + margin: 0; + padding: 0; + left: 18px; + right: 18px; +} + +.mega-menu .mega-menu-submenu { + width: auto !important; + padding: 0px 15px !important; + margin: 0 !important; +} + +.mega-menu .mega-menu-submenu:last-child { + border-right: 0; +} + +.mega-menu .mega-menu-submenu li > h3 { + font-size: 14px; + margin-top: 10px; + padding-left: 5px; +} + +.mega-menu .mega-menu-submenu li { + padding: 2px !important; + margin: 0 !important; + list-style: none; +} + +.mega-menu .mega-menu-submenu li > a { + padding: 5px !important; + margin: 0 !important; +} + +/*** +Horezantal Menu(new in v1.2) +***/ + +.header.navbar .hor-menu { + margin: 0; + float: left; +} + +.header.navbar .hor-menu ul.nav li > a { + font-size: 14px; + padding: 11px 10px; +} + +.header.navbar .hor-menu ul.nav li.current .selected, +.header.navbar .hor-menu ul.nav li.active .selected { + left: 50%; + bottom:0; + position: absolute; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-top: 6px solid #e02222; + display: inline-block; + margin: 0; + width: 0px; + height:0px; + margin-left: -7px; + margin-bottom:-6px; +} + +/*drop-down*/ +.header.navbar .hor-menu .dropdown-menu { + margin-top: 0; + border: none; + box-shadow: none; +} + +.header.navbar .hor-menu .classic-menu-dropdown .dropdown-submenu > .dropdown-menu { + top: 0; +} + +.header.navbar .hor-menu .classic-menu-dropdown .dropdown-submenu > a:after { + top: 8px; + margin-right: 0px; +} + +.header.navbar .hor-menu .classic-menu-dropdown .dropdown-menu li > a { + padding: 7px 18px !important; + margin-bottom:1px; +} + +.header.navbar .hor-menu .classic-menu-dropdown .dropdown-menu .arrow { + display: none; +} + +.header.navbar .hor-menu .classic-menu-dropdown .dropdown-menu li > a:hover, +.header.navbar .hor-menu .classic-menu-dropdown .dropdown-menu li:hover > a, +.header.navbar .hor-menu .classic-menu-dropdown .dropdown-menu li.active > a { + filter:none !important; +} + +.header.navbar .hor-menu .nav > li > .dropdown-menu:after, +.header.navbar .hor-menu .nav > li > .dropdown-menu:before { + border-bottom: none !important; +} + +/*search*/ +.header.navbar .hor-menu .hor-menu-search-form-toggler { + display: inline-block; + padding: 12px 22px 12px 22px !important; + cursor: pointer; + background: url(../img/hor-menu-search.png) no-repeat center; +} + +.header.navbar .hor-menu .hor-menu-search-form-toggler:hover { + opacity: 0.8; + filter: alpha(opacity=80); +} + +.header.navbar .hor-menu a.hor-menu-search-form-toggler-close { + display: none; +} + +.header.navbar .hor-menu .search-form { + margin: 0; + top:42px; + right:0px; + padding:0 4px; + display:none; + z-index:999; + position:absolute; +} + +.header.navbar .hor-menu .search-form .btn { + padding: 7px 20px; + height: 32px; + width: 10px; + display: inline-block; +} + +.header.navbar .hor-menu .search-form .btn:hover { + opacity: 0.8; + filter: alpha(opacity=80); +} + +.header.navbar .hor-menu .search-form form { + margin-bottom: 0; +} + +.header.navbar .hor-menu .search-form form input { + background: none; + width: 200px; + border: none; + margin-top: 6px; +} + +/*** +Top News Blocks(new in v1.2.2) +***/ +.top-news { + color: #fff; + margin: 8px 0; +} + +.top-news a, +.top-news em, +.top-news span { + display: block; + text-align: left; +} + +.top-news a { + padding: 10px; + position: relative; + margin-bottom: 10px; +} + +.top-news a .top-news-icon { + right: 8px; + bottom: 15px; + opacity:0.3; + font-size: 35px; + position: absolute; + filter: alpha(opacity=30); /*For IE8*/ +} + +.top-news em { + margin-bottom: 0; + font-style: normal; +} + +.top-news span { + font-size: 18px; + margin-bottom: 5px; +} + +/*** +Block Images(new in v1.2.2) +***/ +.blog-images { + margin-bottom: 0; +} + +.blog-images li { + padding: 0; + margin: 0; + display: inline; +} + +.blog-images li a:hover { + text-decoration: none; +} + +.blog-images li img { + width: 50px; + height: 50px; + opacity: 0.6; + margin: 0 2px 8px; +} + +.blog-images li img:hover { + opacity: 1; + box-shadow: 0 0 0 4px #72c02c; + transition: all 0.4s ease-in-out 0s; + -moz-transition: all 0.4s ease-in-out 0s; + -webkit-transition: all 0.4s ease-in-out 0s; +} + +/*Sidebar Tags*/ +ul.sidebar-tags a { + color: #555; + font-size:12px; + padding:3px 5px; + background:#f7f7f7; + margin:0 2px 5px 0; + display:inline-block; +} + +ul.sidebar-tags a:hover, +ul.sidebar-tags a:hover i { + background: #EEE; + text-decoration:none; + -webkit-transition:all 0.3s ease-in-out; + -moz-transition:all 0.3s ease-in-out; + -o-transition:all 0.3s ease-in-out; + transition:all 0.3s ease-in-out; +} + +ul.sidebar-tags a i { + color:#777; +} + +ul.sidebar-tags li { + padding: 0; +} + +/*** +Social Icons(new in v1.2.2) +***/ +.social-icons { + padding: 0; + margin:0; +} + +.social-icons:after, +.social-icons:before { + content: ""; + display: table; +} + +.social-icons:after { + clear: both; +} + +.social-icons li { + float:left; + display:inline; + list-style:none; + margin-right:5px; + margin-bottom:5px; + text-indent:-9999px; +} +.social-icons li a, a.social-icon { + width:28px; + height:28px; + display:block; + background-position:0 0; + background-repeat:no-repeat; + transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -webkit-transition: all 0.3s ease-in-out; +} +.social-icons li:hover a { + background-position:0 -38px; +} + +.social-icons-color li a { + opacity: 0.7; + background-position:0 -38px !important; +} + +.social-icons-color li a:hover { + opacity: 1; +} + +.social-icons .amazon {background: url(../img/social/amazon.png) no-repeat;} +.social-icons .behance {background: url(../img/social/behance.png) no-repeat;} +.social-icons .blogger {background: url(../img/social/blogger.png) no-repeat;} +.social-icons .deviantart {background: url(../img/social/deviantart.png) no-repeat;} +.social-icons .dribbble {background: url(../img/social/dribbble.png) no-repeat;} +.social-icons .dropbox {background: url(../img/social/dropbox.png) no-repeat;} +.social-icons .evernote {background: url(../img/social/evernote.png) no-repeat;} +.social-icons .facebook {background: url(../img/social/facebook.png) no-repeat;} +.social-icons .forrst {background: url(../img/social/forrst.png) no-repeat;} +.social-icons .github {background: url(../img/social/github.png) no-repeat;} +.social-icons .googleplus {background: url(../img/social/googleplus.png) no-repeat;} +.social-icons .jolicloud {background: url(../img/social/jolicloud.png) no-repeat;} +.social-icons .last-fm {background: url(../img/social/last-fm.png) no-repeat;} +.social-icons .linkedin {background: url(../img/social/linkedin.png) no-repeat;} +.social-icons .picasa {background: url(../img/social/picasa.png) no-repeat;} +.social-icons .pintrest {background: url(../img/social/pintrest.png) no-repeat;} +.social-icons .rss {background: url(../img/social/rss.png) no-repeat;} +.social-icons .skype {background: url(../img/social/skype.png) no-repeat;} +.social-icons .spotify {background: url(../img/social/spotify.png) no-repeat;} +.social-icons .stumbleupon {background: url(../img/social/stumbleupon.png) no-repeat;} +.social-icons .tumblr {background: url(../img/social/tumblr.png) no-repeat;} +.social-icons .twitter {background: url(../img/social/twitter.png) no-repeat;} +.social-icons .vimeo {background: url(../img/social/vimeo.png) no-repeat;} +.social-icons .wordpress {background: url(../img/social/wordpress.png) no-repeat;} +.social-icons .xing {background: url(../img/social/xing.png) no-repeat;} +.social-icons .yahoo {background: url(../img/social/yahoo.png) no-repeat;} +.social-icons .youtube {background: url(../img/social/youtube.png) no-repeat;} +.social-icons .vk {background: url(../img/social/vk.png) no-repeat;} +.social-icons .instagram {background: url(../img/social/instagram.png) no-repeat;} +.social-icons .reddit {background: url(../img/social/reddit.png) no-repeat;} +.social-icons .aboutme {background: url(../img/social/aboutme.png) no-repeat;} +.social-icons .flickr {background: url(../img/social/flickr.png) no-repeat;} +.social-icons .foursquare {background: url(../img/social/foursquare.png) no-repeat;} +.social-icons .gravatar {background: url(../img/social/gravatar.png) no-repeat;} +.social-icons .klout {background: url(../img/social/klout.png) no-repeat;} +.social-icons .myspace {background: url(../img/social/myspace.png) no-repeat;} +.social-icons .quora {background: url(../img/social/quora.png) no-repeat;} + +/*** +Inline Social Icons +***/ + +.social-icon { + display:inline-block !important; + width:28px; + height:28px; + background-position:0 0; + background-repeat:no-repeat; + transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -webkit-transition: all 0.3s ease-in-out; +} + +.social-icon.amazon {background: url(../img/social/amazon.png) no-repeat;} +.social-icon.behance {background: url(../img/social/behance.png) no-repeat;} +.social-icon.blogger {background: url(../img/social/blogger.png) no-repeat;} +.social-icon.deviantart {background: url(../img/social/deviantart.png) no-repeat;} +.social-icon.dribbble {background: url(../img/social/dribbble.png) no-repeat;} +.social-icon.dropbox {background: url(../img/social/dropbox.png) no-repeat;} +.social-icon.evernote {background: url(../img/social/evernote.png) no-repeat;} +.social-icon.facebook {background: url(../img/social/facebook.png) no-repeat;} +.social-icon.forrst {background: url(../img/social/forrst.png) no-repeat;} +.social-icon.github {background: url(../img/social/github.png) no-repeat;} +.social-icon.googleplus {background: url(../img/social/googleplus.png) no-repeat;} +.social-icon.jolicloud {background: url(../img/social/jolicloud.png) no-repeat;} +.social-icon.last-fm {background: url(../img/social/last-fm.png) no-repeat;} +.social-icon.linkedin {background: url(../img/social/linkedin.png) no-repeat;} +.social-icon.picasa {background: url(../img/social/picasa.png) no-repeat;} +.social-icon.pintrest {background: url(../img/social/pintrest.png) no-repeat;} +.social-icon.rss {background: url(../img/social/rss.png) no-repeat;} +.social-icon.skype {background: url(../img/social/skype.png) no-repeat;} +.social-icon.spotify {background: url(../img/social/spotify.png) no-repeat;} +.social-icon.stumbleupon {background: url(../img/social/stumbleupon.png) no-repeat;} +.social-icon.tumblr {background: url(../img/social/tumblr.png) no-repeat;} +.social-icon.twitter {background: url(../img/social/twitter.png) no-repeat;} +.social-icon.vimeo {background: url(../img/social/vimeo.png) no-repeat;} +.social-icon.wordpress {background: url(../img/social/wordpress.png) no-repeat;} +.social-icon.xing {background: url(../img/social/xing.png) no-repeat;} +.social-icon.yahoo {background: url(../img/social/yahoo.png) no-repeat;} +.social-icon.youtube {background: url(../img/social/youtube.png) no-repeat;} +.social-icon.vk {background: url(../img/social/vk.png) no-repeat;} +.social-icon.instagram {background: url(../img/social/instagram.png) no-repeat;} +.social-icon.reddit {background: url(../img/social/reddit.png) no-repeat;} +.social-icon.aboutme {background: url(../img/social/aboutme.png) no-repeat;} +.social-icon.flickr {background: url(../img/social/flickr.png) no-repeat;} +.social-icon.foursquare {background: url(../img/social/foursquare.png) no-repeat;} +.social-icon.gravatar {background: url(../img/social/gravatar.png) no-repeat;} +.social-icon.klout {background: url(../img/social/klout.png) no-repeat;} +.social-icon.myspace {background: url(../img/social/myspace.png) no-repeat;} +.social-icon.quora {background: url(../img/social/quora.png) no-repeat;} + +.social-icon:hover { + background-position:0 -38px; +} + +.social-icon-color { + opacity: 0.7; + background-position:0 -38px !important; +} + +.social-icon-color:hover { + opacity: 1; +} + +/*** +Notes +***/ + +/* Common styles for all types */ +.note { + margin: 0 0 20px 0; + padding: 15px 30px 15px 15px; + border-left: 5px solid #eee; +} + +.note h1, +.note h2, +.note h3, +.note h4 { + margin-top: 0; +} + +.note p:last-child { + margin-bottom: 0; +} +.note code, +.note .highlight { + background-color: #fff; +} + +/* Variations */ +.note-danger { + background-color: #FAEAE6; + border-color: #ed4e2a; +} + +.note-warning { + background-color: #FCF3E1; + border-color: #fcb322; +} + +.note-info { + background-color: #E8F6FC; + border-color: #57b5e3; +} + +.note-success { + background-color: #EBFCEE; + border-color: #3cc051; +} + +/*** +Demo Utils +***/ +.scrollspy-example { + position: relative; + height: 200px; + margin-top: 10px; + overflow: auto; +} + +.util-btn-margin-bottom-5 .btn { + margin-bottom: 5px !important; +} + +.util-btn-group-margin-bottom-5 .btn-group { + margin-bottom: 5px !important; +} + +.fontawesome-demo i { + font-size: 18px; +} + +.fontawesome-demo li { + padding-top: 5px; + padding-bottom: 5px; +} + +.glyphicons-demo ul { + padding-left: 0; + padding-bottom: 1px; + margin-bottom: 20px; + list-style: none; + overflow: hidden; +} + +.bs-glyphicons { + padding-left: 0; + padding-bottom: 1px; + margin-bottom: 20px; + list-style: none; + overflow: hidden; +} +.glyphicons-demo ul li { + float: left; + width: 25%; + height: 115px; + padding: 10px; + margin: 0 -1px -1px 0; + font-size: 12px; + line-height: 1.4; + text-align: center; + border: 1px solid #ddd; +} + +.glyphicons-demo .glyphicon { + display: block; + margin: 5px auto 10px; + font-size: 24px; +} +.glyphicons-demo ul li:hover { + background-color: rgba(86,61,124,.1); +} + +@media (min-width: 768px) { + .glyphicons-demo ul li { + width: 12.5%; + } +} + +/*** +Forms +****/ + +.static-info { + margin-bottom: 10px; +} + +.static-info .name { + font-size: 14px; +} + +.static-info .value { + font-size: 14px; + font-weight: 600; +} + +.static-info.align-reverse .name, +.static-info.align-reverse .value { + text-align: right; +} + +input.placeholder, +textarea.placeholder { + color: #aaa !important; +} + +.help-block { + margin-top: 5px; + margin-bottom: 5px; +} + +.form-inline input { + margin-bottom: 0px !important; +} + +.control-label { + margin-top: 2px; +} + +.form-control-static { + font-size: 14px; + padding-top: 7px; +} + +.control-label .required { + color: #e02222; + font-size: 12px; + padding-left: 2px; +} + +.switch-wrapper { + display: inline-block; +} + +.form { + padding: 0 !important; +} + +.form-body { + padding: 10px; +} + +.form-actions { + padding: 20px 10px; + margin-top: 20px; + background-color: #f5f5f5; + border-top: 1px solid #e5e5e5; + *zoom: 1; +} + +.form-actions.nobg { + background-color: transparent; +} + +.form-actions.top { + margin-top: 0; + margin-bottom: 20px; + border-top: 0; + border-bottom: 1px solid #e5e5e5; +} + +.form-actions.fluid { + padding: 20px 0; +} + +.form-actions.fluid > [class^="col-"] { + padding-left: 13px; +} + +.form-actions:before, +.form-actions:after { + display: table; + line-height: 0; + content: ""; +} + +.form-actions:after { + clear: both; +} + +.form-section { + margin: 30px 0px 25px 0px; + padding-bottom: 5px; + border-bottom: 1px solid #eee; +} + +.form .form-section:first-child { + margin-top: 5px; +} + +.help-inline { + font-size: 13px; + color: #737373; + display: inline-block; + padding: 5px; +} + +/* left, right aligned form actions */ +.form-actions.right { + padding-left: 0; + padding-right: 10px; + text-align: right; +} + +.form-actions.left { + padding-left: 10px; + padding-right: 0; + text-align: left; +} + +/* Checkboxes */ +.form-group .checkbox { + padding-left: 0; +} + +.checkbox-list > label { + display: block; +} + +.checkbox-list > label.checkbox-inline { + display: inline-block; +} + +.checkbox-list > label.checkbox-inline:first-child { + padding-left: 0; +} + +/* Radios */ + +.radio-list > label { + display: block; +} + +.radio-list > label.radio-inline { + display: inline-block; +} + +.radio-list > label.radio-inline:first-child { + padding-left: 0; +} + +.form-horizontal .radio-list .radio { + padding-top: 1px; +} + +.form-horizontal .radio-list > label { + margin-bottom: 0; +} + +.form-horizontal .radio > span { + margin-top: 2px; +} + +/* Rows seperated form layout */ +.form-row-seperated .form-group { + margin: 0; + border-bottom: 1px solid #efefef; + padding: 10px 0px 10px 0px; +} + +.form-row-seperated .form-group.last { + border-bottom: 0; + margin-bottom: 0; + padding-bottom: 10px; +} + +.form-row-seperated .form-actions { + margin-top: 0; +} + +.form-row-seperated .form-body { + padding: 0; + margin-top: 0; +} + +.form-row-seperated .help-block { + margin-bottom: 0; +} + +/* form bordered */ +.form-bordered .form-body { + margin: 0; + padding: 0; +} + +.form-bordered .form-actions { + margin-top: 0; +} + +.form-bordered .form-group { + margin: 0; + border-bottom: 1px solid #efefef; +} + +.form-bordered .form-group.last { + border-bottom: 0; +} + +.form-bordered .help-block { + margin-bottom: 0; +} + +.form-bordered .control-label { + padding-top: 16px; +} + +.form-bordered .form-group > div { + padding: 10px; + border-left: 1px solid #efefef; +} + +.form-bordered .form-actions.fluid > .row > div { + padding-left: 10px; +} + +.form-horizontal.form-bordered.form-row-stripped .form-group:nth-child(even) { + background-color: #fcfcfc; +} + +.form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) { + background-color: #fcfcfc; +} + +.form-horizontal.form-bordered.form-row-stripped .form-control { + background: #fff !important; +} + +.form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) > div { + background-color: #ffffff; +} + +/*** +Bordered form layout +***/ + +.form-bordered .form-control { + margin: 0; +} + + +/*** +Disabled Menu Link +***/ + +.disabled-link > a > span.text, +.disabled-link > a > span.title { + font-style: italic !important; + color: #888 !important; +} + +.disabled-link > a:hover { + cursor: not-allowed !important; +} + + +/*** +Responsive & Scrollable Tables +***/ + +.table-scrollable { + width: 100%; + overflow-x: auto; + overflow-y: hidden; + border: 1px solid #dddddd; + margin: 10px 0 !important; +} + +.table-scrollable > .table { + width: 100% !important; + margin: 0 !important; + margin-bottom: 0; + background-color: #fff; +} + +.table-scrollable > .table > thead > tr > th, +.table-scrollable > .table > tbody > tr > th, +.table-scrollable > .table > tfoot > tr > th, +.table-scrollable > .table > thead > tr > td, +.table-scrollable > .table > tbody > tr > td, +.table-scrollable > .table > tfoot > tr > td { + white-space: nowrap; +} + +.table-scrollable > .table-bordered { + border: 0; +} + +.table-scrollable > .table-bordered > thead > tr > th:first-child, +.table-scrollable > .table-bordered > tbody > tr > th:first-child, +.table-scrollable > .table-bordered > tfoot > tr > th:first-child, +.table-scrollable > .table-bordered > thead > tr > td:first-child, +.table-scrollable > .table-bordered > tbody > tr > td:first-child, +.table-scrollable > .table-bordered > tfoot > tr > td:first-child { + border-left: 0; +} + +.table-scrollable > .table-bordered > thead > tr > th:last-child, +.table-scrollable > .table-bordered > tbody > tr > th:last-child, +.table-scrollable > .table-bordered > tfoot > tr > th:last-child, +.table-scrollable > .table-bordered > thead > tr > td:last-child, +.table-scrollable > .table-bordered > tbody > tr > td:last-child, +.table-scrollable > .table-bordered > tfoot > tr > td:last-child { + border-right: 0; +} + +.table-scrollable > .table-bordered > thead > tr:last-child > th, +.table-scrollable > .table-bordered > tbody > tr:last-child > th, +.table-scrollable > .table-bordered > tfoot > tr:last-child > th, +.table-scrollable > .table-bordered > thead > tr:last-child > td, +.table-scrollable > .table-bordered > tbody > tr:last-child > td, +.table-scrollable > .table-bordered > tfoot > tr:last-child > td { + border-bottom: 0; +} + +/*** +Responsive Flip Scroll Tables +***/ + +.flip-scroll table { width: 100%; } + +@media only screen and (max-width: 768px) { + + .flip-scroll .flip-content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } + .flip-scroll * html .flip-content { zoom: 1; } + .flip-scroll *:first-child+html .flip-content { zoom: 1; } + + .flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; } + + .flip-scroll th, + .flip-scroll td { margin: 0; vertical-align: top; } + .flip-scroll th { + text-align: left; + border: 0 !important; + border-bottom: 1px solid #ddd !important; + border-right: 1px solid #ddd !important; + font-size: 13px !important; + padding: 5px; + width: auto !important; + } + + .flip-scroll table { display: block; position: relative; width: 100%; } + .flip-scroll thead { + display: block; + float: left; + } + .flip-scroll tbody { + display: block; + width: auto; + position: relative; + overflow-x: auto; + white-space: nowrap; + } + .flip-scroll thead tr { display: block; } + .flip-scroll th { display: block; text-align: right; } + .flip-scroll tbody tr { display: inline-block; vertical-align: top; margin-left: -5px; } + .flip-scroll td { display: block; min-height: 1.25em; text-align: left; border-top: 0 !important; border-left: 0 !important; border-right: 0 !important} + + /* sort out borders */ + + .flip-scroll th { border-bottom: 0; border-left: 0; } + .flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; } + .flip-scroll tbody tr { border-left: 1px solid #ddd; } + .flip-scroll th:last-child, + .flip-scroll td:last-child { border-bottom: 1px solid #ddd; } + +} + +/*** +UI Loading +***/ + +.loading-message { + display: inline-block; + min-width: 125px; + padding: 10px; + margin: 0 auto; + color: #000 !important; + font-size: 13px; + font-weight: 400; + text-align: center; + vertical-align: middle; +} + +.loading-message span { + line-height:20px; + vertical-align: middle; +} + +.loading-message.loading-message-boxed { + border: 1px solid #ddd; + background-color: #eee; + -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); +} + +.page-loading { + position: fixed; + top: 50%; + left: 50%; + min-width: 125px; + margin-left: -50px; + margin-top: -30px; + padding: 7px; + text-align: center; + color: #333; + font-size: 13px; + border: 1px solid #ddd; + background-color: #eee; + vertical-align: middle; + -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); +} + +.page-loading span { + line-height:20px; + vertical-align: middle; +} \ No newline at end of file diff --git a/assets/metronic/css/themes/blue.css b/assets/metronic/css/themes/blue.css new file mode 100644 index 00000000000..0895a2060b4 --- /dev/null +++ b/assets/metronic/css/themes/blue.css @@ -0,0 +1,356 @@ +/*** +Blue theme +***/ +/*** +Reset and overrides +***/ +body { + background-color: #1570a6 !important; +} +/*** +Page header +***/ +.header { + filter: none !important; + background-image: none !important; + background-color: #0f4e74 !important; +} +.header .btn-navbar { + background-color: #0f4e74 !important; +} +.header .navbar-nav .dropdown-toggle:hover, +.header .navbar-nav .dropdown.open .dropdown-toggle { + color: #fff; + background-color: #146a9d !important; +} +.header .navbar-nav li.dropdown .dropdown-toggle i { + color: #68bbec !important; +} +/*** +Header Search +***/ +.header .search-form { + background-color: #0B4263; +} + +.header .search-form .form-control{ + color: #68bbec; + border: 0; + background-color: #0B4263; +} + +.header .search-form .submit { + background: url(../../img/search-icon-blue.png); +} + +/*** +Hor menu +***/ +.header .hor-menu ul.nav li a { + color: #ccc; +} + +.header .hor-menu ul.nav li.open > a, +.header .hor-menu ul.nav li > a:hover, +.header .hor-menu ul.nav li > a:focus { + color: #fff; + background: #146a9d; +} + +.header .hor-menu .dropdown-menu li:hover > a, +.header .hor-menu ul.nav li.active > a, +.header .hor-menu ul.nav li.active > a:hover { + color: #fff; + background: #e02222 !important; +} + +.header .hor-menu ul.nav li.current > a, +.header .hor-menu ul.nav li.current > a:hover { + color: #fff; + background: #e02222 !important; +} + +.header .hor-menu .dropdown-menu { + background: #146a9d; +} +.header .hor-menu .dropdown-menu li > a { + color: #ccc; +} + +.header .hor-menu .hor-menu-search-form-toggler.off { + background: #146a9d url(../../img/hor-menu-search-close-white.png) no-repeat center; +} + +.header .hor-menu .search-form { + background:#146a9d; +} + +.header .hor-menu .search-form form input { + color: #ccc; +} + +.header .hor-menu .search-form .btn { + color: #ccc; + background: url(../../img/search-icon-white.png) no-repeat center; +} + +.header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */ + color: #ccc; +} +.header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ + color: #ccc; +} +.header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */ + color: #ccc; +} +.header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */ + color: #ccc; +} + +/*** +Mega Menu +***/ +.mega-menu .mega-menu-submenu { + border-right: 1px solid #1876AD; +} + +.mega-menu .mega-menu-submenu li h3 { + color: #fff; +} + +/*** +Page sidebar +***/ +.page-sidebar { + background-color: #1570a6; +} +ul.page-sidebar-menu > li > a { + border-top: 1px solid #1c95dc !important; + color: #ffffff !important; +} +ul.page-sidebar-menu > li:last-child > a { + border-bottom: 1px solid transparent !important; +} +ul.page-sidebar-menu > li a i { + color: #7fc5ef; +} +ul.page-sidebar-menu > li.open > a, +ul.page-sidebar-menu > li > a:hover, +ul.page-sidebar-menu > li:hover > a { + background: #12618f; +} +ul.page-sidebar-menu > li.active > a { + background: #cc1d1d !important; + border-top-color: transparent !important; + color: #ffffff; +} +ul.page-sidebar-menu > li.active > a i { + color: #ffffff; +} +ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a { + border-top: 0px !important; +} +ul.page-sidebar-menu > li > ul.sub-menu > li.active > a, +ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover { + color: #ffffff !important; + background: #1b8fd3 !important; +} +ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover { + background: #1b8fd3 !important; +} +/* 3rd level sub menu */ +ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a, +ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover, +ul.page-sidebar-menu > li > ul.sub-menu li.open > a { + color: #ffffff !important; + background: #1b8fd3 !important; +} +/* font color for all sub menu links*/ +ul.page-sidebar-menu li > ul.sub-menu > li > a { + color: #c3e4f7; +} +/* menu arrows */ +ul.page-sidebar-menu > li > a .arrow:before, +ul.page-sidebar-menu > li > a .arrow.open:before { + color: #51b1e9 !important; +} +ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before, +ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before { + color: #3ba6e6 !important; +} +ul.page-sidebar-menu > li > a > .arrow.open:before { + color: #68bbec !important; +} +ul.page-sidebar-menu > li.active > a .arrow:before, +ul.page-sidebar-menu > li.active > a .arrow.open:before { + color: #ffffff !important; +} +/* sidebar search */ +.page-sidebar .sidebar-search input { + background-color: #0f5179 !important; + color: #51b1e9; +} +.page-sidebar .sidebar-search input::-webkit-input-placeholder { + color: #51b1e9 !important; +} +.page-sidebar .sidebar-search input:-moz-placeholder { + color: #51b1e9 !important; +} +.page-sidebar .sidebar-search input:-ms-input-placeholder { + color: #51b1e9 !important; +} +.page-sidebar .sidebar-search input { + background-color: #1570a6 !important; + color: #bfbfbf !important; +} +.page-sidebar .sidebar-search .input-box { + border-bottom: 1px solid #51b1e9 !important; +} +.page-sidebar .sidebar-search .submit { + background-image: url(../../img/search-icon-blue.png); +} +/*** +Sidebar toggler +***/ +.sidebar-toggler { + background-image: url(../../img/sidebar-toggler-blue.jpg); + background-color: #0f5179; +} +/* search box bg color on expanded */ +.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container { + background-color: #1570a6 !important; +} +.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove { + background-image: url("../../img/sidebar-search-close-blue.png"); +} +/* sub menu bg color on hover menu item */ +.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu { + background-color: #1570a6; +} +/*** +Footer +***/ +.footer .footer-inner { + color: #68bbec; +} +.footer .footer-tools .go-top { + background-color: #1985c6; +} +.footer .footer-tools .go-top:hover { + opacity: 0.7; + filter: alpha(opacity=70); +} +.footer .footer-tools .go-top i { + color: #68bbec; +} +/*** +Footer Layouts (new in v1.3) +***/ +/* begin:fixed footer */ +.page-footer-fixed .footer { + background-color: #0f5179; +} +.page-footer-fixed .footer .footer-inner { + color: #68bbec; +} +.page-footer-fixed .footer .footer-tools .go-top { + background-color: #1985c6; +} +.page-footer-fixed .footer .footer-tools .go-top i { + color: #68bbec; +} +/* end:fixed footer */ +/*** +Gritter Notifications +***/ +.gritter-top { + background: url(../../plugins/gritter/images/gritter-blue.png) no-repeat left -30px !important; +} +.gritter-bottom { + background: url(../../plugins/gritter/images/gritter-blue.png) no-repeat left bottom !important; +} +.gritter-item { + display: block; + background: url(../../plugins/gritter/images/gritter-blue.png) no-repeat left -40px !important; +} +.gritter-close { + background: url(../../plugins/gritter/images/gritter-blue.png) no-repeat left top !important; +} +.gritter-title { + text-shadow: none !important; + /* Not supported by IE :( */ + +} +/* for the light (white) version of the gritter notice */ +.gritter-light .gritter-item, +.gritter-light .gritter-bottom, +.gritter-light .gritter-top, +.gritter-light .gritter-close { + background-image: url(../../plugins/gritter/images/gritter-light.png) !important; +} +.gritter-item-wrapper a { + color: #18a5ed; +} +.gritter-item-wrapper a:hover { + color: #0b6694; +} +/* begin: boxed page */ +@media (min-width: 992px) { + .page-boxed { + background-color: #125e8b !important; + } + .page-boxed .page-container { + background-color: #1570a6; + border-left: 1px solid #1c98e1; + border-bottom: 1px solid #1c98e1; + } + .page-boxed.page-sidebar-reversed .page-container { + border-left: 0; + border-right: 1px solid #1c98e1; + } + .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 #1c98e1; + } + .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar { + border-right: 1px solid #1c98e1; + border-left: 0; + } + .page-boxed.page-sidebar-fixed.page-footer-fixed .footer { + background-color: #125e8b !important; + } +} +/* end: boxed page */ +/*** +Landscape phone to portrait tablet +***/ +@media (max-width: 991px) { + /*** + page sidebar + ***/ + .page-sidebar { + background-color: #105882 !important; + } + ul.page-sidebar-menu > li > a { + border-top: 1px solid #187fbd !important; + } + ul.page-sidebar-menu > li:last-child > a { + border-bottom: 0 !important; + } + .page-sidebar .sidebar-search input { + background-color: #105882 !important; + } + ul.page-sidebar-menu > li.open > a, + ul.page-sidebar-menu > li > a:hover, + ul.page-sidebar-menu > li:hover > a { + background: #0e4b70; + } +} diff --git a/assets/metronic/css/themes/brown.css b/assets/metronic/css/themes/brown.css new file mode 100644 index 00000000000..ddb76c8aa56 --- /dev/null +++ b/assets/metronic/css/themes/brown.css @@ -0,0 +1,355 @@ +/*** +Brown theme +***/ +/*** +Reset and overrides +***/ +body { + background-color: #623f18 !important; +} +/*** +Page header +***/ +.header { + filter: none !important; + background-image: none !important; + background-color: #35220d !important; +} +.header .btn-navbar { + background-color: #35220d !important; +} +.header .navbar-nav .dropdown-toggle:hover, +.header .navbar-nav .dropdown.open .dropdown-toggle { + background-color: #5a3a16 !important; +} +.header .navbar-nav li.dropdown .dropdown-toggle i { + color: #d18d42 !important; +} +/*** +Header Search +***/ +.header .search-form { + background-color: #241709; +} + +.header .search-form .form-control{ + color: #ccc; + border: 0; + background-color: #241709; +} + +.header .search-form .submit { + background: url(../../img/search-icon-brown.png); +} +/*** +Hor menu +***/ +.header .hor-menu ul.nav li a { + color: #ccc; +} + +.header .hor-menu ul.nav li.open > a, +.header .hor-menu ul.nav li > a:hover, +.header .hor-menu ul.nav li > a:focus { + color: #fff; + background: #5a3a16; +} + +.header .hor-menu .dropdown-menu li:hover > a, +.header .hor-menu ul.nav li.active > a, +.header .hor-menu ul.nav li.active > a:hover { + color: #fff; + background: #e02222 !important; +} + +.header .hor-menu ul.nav li.current > a, +.header .hor-menu ul.nav li.current > a:hover { + color: #fff; + background: #e02222 !important; +} + + +.header .hor-menu .dropdown-menu { + background: #5a3a16; +} +.header .hor-menu .dropdown-menu li > a { + color: #ccc; +} + +.header .hor-menu .hor-menu-search-form-toggler.off { + background: #5a3a16 url(../../img/hor-menu-search-close-white.png) no-repeat center; +} + +.header .hor-menu .search-form { + background:#5a3a16; +} + +.header .hor-menu .search-form form input { + color: #ccc; +} + +.header .hor-menu .search-form .btn { + color: #ccc; + background: url(../../img/search-icon-white.png) no-repeat center; +} + +.header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */ + color: #ccc; +} +.header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ + color: #ccc; +} +.header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */ + color: #ccc; +} +.header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */ + color: #ccc; +} + +/*** +Mega Menu +***/ +.mega-menu .mega-menu-submenu { + border-right: 1px solid #6B451B; +} + +.mega-menu .mega-menu-submenu li h3 { + color: #fff; +} + +/*** +Page sidebar +***/ +.page-sidebar { + background-color: #623f18; +} +ul.page-sidebar-menu > li > a { + border-top: 1px solid #935f24 !important; + color: #ffffff !important; +} +ul.page-sidebar-menu > li:last-child > a { + border-bottom: 1px solid transparent !important; +} +ul.page-sidebar-menu > li a i { + color: #9a6d3a; +} +ul.page-sidebar-menu > li.open > a, +ul.page-sidebar-menu > li > a:hover, +ul.page-sidebar-menu > li:hover > a { + background: #4e3112; +} +ul.page-sidebar-menu > li.active > a { + background: #4e3112 !important; + border-top-color: transparent !important; + color: #ffffff; +} +ul.page-sidebar-menu > li.active > a i { + color: #ffffff; +} +ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a { + border-top: 0px !important; +} +ul.page-sidebar-menu > li > ul.sub-menu > li.active > a, +ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover { + color: #ffffff !important; + background: #8b5922 !important; +} +ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover { + background: #8b5922 !important; +} +/* 3rd level sub menu */ +ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a, +ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover, +ul.page-sidebar-menu > li > ul.sub-menu li.open > a { + color: #ffffff !important; + background: #8b5922 !important; +} +/* font color for all sub menu links*/ +ul.page-sidebar-menu li > ul.sub-menu > li > a { + color: #e5bf94; +} +/* menu arrows */ +ul.page-sidebar-menu > li > a .arrow:before, +ul.page-sidebar-menu > li > a .arrow.open:before { + color: #c88131 !important; +} +ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before, +ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before { + color: #b4742c !important; +} +ul.page-sidebar-menu > li > a > .arrow.open:before { + color: #d18d42 !important; +} +ul.page-sidebar-menu > li.active > a .arrow:before, +ul.page-sidebar-menu > li.active > a .arrow.open:before { + color: #ffffff !important; +} +/* sidebar search */ +.page-sidebar .sidebar-search input { + background-color: #39250e !important; + color: #b18d65; +} +.page-sidebar .sidebar-search input::-webkit-input-placeholder { + color: #b18d65 !important; +} +.page-sidebar .sidebar-search input:-moz-placeholder { + color: #b18d65 !important; +} +.page-sidebar .sidebar-search input:-ms-input-placeholder { + color: #b18d65 !important; +} +.page-sidebar .sidebar-search input { + background-color: #623f18 !important; + color: #b18d65 !important; +} +.page-sidebar .sidebar-search .input-box { + border-bottom: 1px solid #845f36 !important; +} +.page-sidebar .sidebar-search .submit { + background-image: url(../../img/search-icon-brown.png); +} +/*** +Sidebar toggler +***/ +.sidebar-toggler { + background-image: url(../../img/sidebar-toggler-brown.jpg); + background-color: #39250e; +} +/* search box bg color on expanded */ +.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container { + background-color: #623f18 !important; +} +.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove { + background-image: url("../../img/sidebar-search-close-brown.png"); +} +/* sub menu bg color on hover menu item */ +.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu { + background-color: #623f18; +} +/*** +Footer +***/ +.footer .footer-inner { + color: #999999; +} +.footer .footer-tools .go-top { + background-color: #7f511f; +} +.footer .footer-tools .go-top:hover { + opacity: 0.7; + filter: alpha(opacity=70); +} +.footer .footer-tools .go-top i { + color: #d18d42; +} +/*** +Footer Layouts (new in v1.3) +***/ +/* begin:fixed footer */ +.page-footer-fixed .footer { + background-color: #39250e; +} +.page-footer-fixed .footer .footer-inner { + color: #999999; +} +.page-footer-fixed .footer .footer-tools .go-top { + background-color: #7f511f; +} +.page-footer-fixed .footer .footer-tools .go-top i { + color: #d18d42; +} +/* end:fixed footer */ +/*** +Gritter Notifications +***/ +.gritter-top { + background: url(../../plugins/gritter/images/gritter-brown.png) no-repeat left -30px !important; +} +.gritter-bottom { + background: url(../../plugins/gritter/images/gritter-brown.png) no-repeat left bottom !important; +} +.gritter-item { + display: block; + background: url(../../plugins/gritter/images/gritter-brown.png) no-repeat left -40px !important; +} +.gritter-close { + background: url(../../plugins/gritter/images/gritter-brown.png) no-repeat left top !important; +} +.gritter-title { + text-shadow: none !important; + /* Not supported by IE :( */ + +} +/* for the light (white) version of the gritter notice */ +.gritter-light .gritter-item, +.gritter-light .gritter-bottom, +.gritter-light .gritter-top, +.gritter-light .gritter-close { + background-image: url(../../plugins/gritter/images/gritter-light.png) !important; +} +.gritter-item-wrapper a { + color: #b18d65; +} +.gritter-item-wrapper a:hover { + color: #755a3b; +} +/* begin: boxed page */ +@media (min-width: 992px) { + .page-boxed { + background-color: #492f12 !important; + } + .page-boxed .page-container { + background-color: #623f18; + border-left: 1px solid #976125; + border-bottom: 1px solid #976125; + } + .page-boxed.page-sidebar-reversed .page-container { + border-left: 0; + border-right: 1px solid #976125; + } + .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 #976125; + } + .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar { + border-right: 1px solid #976125; + border-left: 0; + } + .page-boxed.page-sidebar-fixed.page-footer-fixed .footer { + background-color: #492f12 !important; + } +} +/* end: boxed page */ +/*** +Landscape phone to portrait tablet +***/ +@media (max-width: 991px) { + /*** + page sidebar + ***/ + .page-sidebar { + background-color: #412a10 !important; + } + ul.page-sidebar-menu > li > a { + border-top: 1px solid #764c1d !important; + } + ul.page-sidebar-menu > li:last-child > a { + border-bottom: 0 !important; + } + .page-sidebar .sidebar-search input { + background-color: #412a10 !important; + } + ul.page-sidebar-menu > li.open > a, + ul.page-sidebar-menu > li > a:hover, + ul.page-sidebar-menu > li:hover > a { + background: #311f0c; + } +} diff --git a/assets/metronic/css/themes/default.css b/assets/metronic/css/themes/default.css new file mode 100644 index 00000000000..8c68bc0d9d6 --- /dev/null +++ b/assets/metronic/css/themes/default.css @@ -0,0 +1,370 @@ +/*** +Default theme +***/ + +/*** +Reset and overrides +***/ +body { + background-color: #3d3d3d !important; +} +/*** +Page header +***/ +.header { + filter: none !important; + background-image: none !important; + background-color: #212121 !important; +} +.header .btn-navbar { + background-color: #212121 !important; +} +.header .navbar-nav .dropdown-toggle:hover, +.header .navbar-nav .dropdown.open .dropdown-toggle { + background-color: #383838 !important; +} +.header .navbar-nav li.dropdown .dropdown-toggle i { + color: #8a8a8a !important; +} + +/*** +Header Search +***/ +.header .search-form { + background-color: #000; +} + +.header .search-form .form-control { + color: #999; + border: 0; + background-color: #000; +} + +.header .search-form .form-control::-webkit-input-placeholder { /* WebKit browsers */ + color: #777; +} +.header .search-form .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ + color: #777; +} +.header .search-form .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */ + color: #777; +} +.header .search-form .form-control:-ms-input-placeholder { /* Internet Explorer 10+ */ + color: #777; +} + +.header .search-form .submit { + background: url(../../img/search-icon-light.png); +} + +/*** +Hor menu +***/ +.header .hor-menu ul.nav li a { + color: #999; +} + +.header .hor-menu ul.nav li.open > a, +.header .hor-menu ul.nav li > a:hover, +.header .hor-menu ul.nav li > a:focus { + color: #fff; + background: #383838; +} + +.header .hor-menu .dropdown-menu li:hover > a, +.header .hor-menu ul.nav li.active > a, +.header .hor-menu ul.nav li.active > a:hover { + color: #fff; + background: #e02222 !important; +} + +.header .hor-menu ul.nav li.current > a, +.header .hor-menu ul.nav li.current > a:hover { + color: #fff; + background: #e02222 !important; +} + +.header .hor-menu .dropdown-menu { + background: #383838; +} +.header .hor-menu .dropdown-menu li > a { + color: #999; +} + +.header .hor-menu .hor-menu-search-form-toggler.off { + background: #383838 url(../../img/hor-menu-search-close.png) no-repeat center; +} + +.header .hor-menu .search-form { + background:#383838; +} + +.header .hor-menu .search-form form input { + color: #999; +} + +.header .hor-menu .search-form .btn { + color: #999; + background: url(../../img/search-icon.png) no-repeat center; +} + +.header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */ + color: #999; +} +.header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ + color: #999; +} +.header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */ + color: #999; +} +.header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */ + color: #999; +} + +/*** +Mega Menu +***/ +.mega-menu .mega-menu-submenu { + border-right: 1px solid #444; +} + +.mega-menu .mega-menu-submenu li h3 { + color: #fff; +} + +/*** +Page sidebar +***/ +.page-sidebar { + background-color: #3d3d3d; +} +ul.page-sidebar-menu > li > a { + border-top: 1px solid #5c5c5c !important; + color: #ffffff !important; +} +ul.page-sidebar-menu > li:last-child > a { + border-bottom: 1px solid transparent !important; +} +ul.page-sidebar-menu > li a i { + color: #969696; +} +ul.page-sidebar-menu > li.open > a, +ul.page-sidebar-menu > li > a:hover, +ul.page-sidebar-menu > li:hover > a { + background: #303030; +} +ul.page-sidebar-menu > li.active > a { + background: #e02222 !important; + border-top-color: transparent !important; + color: #ffffff; +} +ul.page-sidebar-menu > li.active > a i { + color: #ffffff; +} +ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a { + border-top: 0px !important; +} +ul.page-sidebar-menu > li > ul.sub-menu > li.active > a, +ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover { + color: #ffffff !important; + background: #575757 !important; +} +ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover { + background: #575757 !important; +} +/* 3rd level sub menu */ +ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a, +ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover, +ul.page-sidebar-menu > li > ul.sub-menu li.open > a { + color: #ffffff !important; + background: #575757 !important; +} +/* font color for all sub menu links*/ +ul.page-sidebar-menu li > ul.sub-menu > li > a { + color: #bdbdbd; +} +/* menu arrows */ +ul.page-sidebar-menu > li > a .arrow:before, +ul.page-sidebar-menu > li > a .arrow.open:before { + color: #7d7d7d !important; +} +ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before, +ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before { + color: #707070 !important; +} +ul.page-sidebar-menu > li > a > .arrow.open:before { + color: #8a8a8a !important; +} +ul.page-sidebar-menu > li.active > a .arrow:before, +ul.page-sidebar-menu > li.active > a .arrow.open:before { + color: #ffffff !important; +} +/* sidebar search */ +.page-sidebar .sidebar-search input { + background-color: #242424 !important; + color: #7d7d7d; +} +.page-sidebar .sidebar-search input::-webkit-input-placeholder { + color: #7d7d7d !important; +} +.page-sidebar .sidebar-search input:-moz-placeholder { + color: #7d7d7d !important; +} +.page-sidebar .sidebar-search input:-ms-input-placeholder { + color: #7d7d7d !important; +} +.page-sidebar .sidebar-search input { + background-color: #3d3d3d !important; + color: #bfbfbf !important; +} +.page-sidebar .sidebar-search .input-box { + border-bottom: 1px solid #7d7d7d !important; +} +.page-sidebar .sidebar-search .submit { + background-image: url(../../img/search-icon.png); +} +/*** +Sidebar toggler +***/ +.sidebar-toggler { + background-image: url(../../img/sidebar-toggler.jpg); + background-color: #242424; +} +/* search box bg color on expanded */ +.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container { + background-color: #3d3d3d !important; +} +.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove { + background-image: url("../../img/sidebar-search-close.png"); +} +/* sub menu bg color on hover menu item */ +.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu { + background-color: #3d3d3d; +} +/*** +Footer +***/ +.footer .footer-inner { + color: #999999; +} +.footer .footer-tools .go-top { + background-color: #4f4f4f; +} +.footer .footer-tools .go-top:hover { + opacity: 0.7; + filter: alpha(opacity=70); +} +.footer .footer-tools .go-top i { + color: #8a8a8a; +} +/*** +Footer Layouts (new in v1.3) +***/ +/* begin:fixed footer */ +.page-footer-fixed .footer { + background-color: #242424; +} +.page-footer-fixed .footer .footer-inner { + color: #999999; +} +.page-footer-fixed .footer .footer-tools .go-top { + background-color: #4f4f4f; +} +.page-footer-fixed .footer .footer-tools .go-top i { + color: #8a8a8a; +} +/* end:fixed footer */ +/*** +Gritter Notifications +***/ +.gritter-top { + background: url(../../plugins/gritter/images/gritter.png) no-repeat left -30px !important; +} +.gritter-bottom { + background: url(../../plugins/gritter/images/gritter.png) no-repeat left bottom !important; +} +.gritter-item { + display: block; + background: url(../../plugins/gritter/images/gritter.png) no-repeat left -40px !important; +} +.gritter-close { + background: url(../../plugins/gritter/images/gritter.png) no-repeat left top !important; +} +.gritter-title { + text-shadow: none !important; + /* Not supported by IE :( */ + +} +/* for the light (white) version of the gritter notice */ +.gritter-light .gritter-item, +.gritter-light .gritter-bottom, +.gritter-light .gritter-top, +.gritter-light .gritter-close { + background-image: url(../../plugins/gritter/images/gritter-light.png) !important; +} +.gritter-item-wrapper a { + color: #18a5ed; +} +.gritter-item-wrapper a:hover { + color: #0b6694; +} +/* begin: boxed page */ +@media (min-width: 992px) { + .page-boxed { + background-color: #2e2e2e !important; + } + .page-boxed .page-container { + background-color: #3d3d3d; + border-left: 1px solid #5e5e5e; + border-bottom: 1px solid #5e5e5e; + } + .page-boxed.page-sidebar-reversed .page-container { + border-left: 0; + border-right: 1px solid #5e5e5e; + } + .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 #5e5e5e; + } + .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar { + border-right: 1px solid #5e5e5e; + border-left: 0; + } + .page-boxed.page-sidebar-fixed.page-footer-fixed .footer { + background-color: #2e2e2e !important; + } +} +/* end: boxed page */ +/*** +Landscape phone to portrait tablet +***/ +@media (max-width: 991px) { + /*** + page sidebar + ***/ + .page-sidebar { + background-color: #292929 !important; + } + ul.page-sidebar-menu > li > a { + border-top: 1px solid #4a4a4a !important; + } + ul.page-sidebar-menu > li:last-child > a { + border-bottom: 0 !important; + } + .page-sidebar .sidebar-search input { + background-color: #292929 !important; + } + ul.page-sidebar-menu > li.open > a, + ul.page-sidebar-menu > li > a:hover, + ul.page-sidebar-menu > li:hover > a { + background: #1e1e1e; + } +} diff --git a/assets/metronic/css/themes/grey.css b/assets/metronic/css/themes/grey.css new file mode 100644 index 00000000000..b8929f9257c --- /dev/null +++ b/assets/metronic/css/themes/grey.css @@ -0,0 +1,354 @@ +/*** +Grey theme +***/ +/*** +Reset and overrides +***/ +body { + background-color: #666666 !important; +} +/*** +Page header +***/ +.header { + filter: none !important; + background-image: none !important; + background-color: #4a4a4a !important; +} +.header .btn-navbar { + background-color: #4a4a4a !important; +} +.header .navbar-nav .dropdown-toggle:hover, +.header .navbar-nav .dropdown.open .dropdown-toggle { + background-color: #616161 !important; +} +.header .navbar-nav li.dropdown .dropdown-toggle i { + color: #b3b3b3 !important; +} +/*** +Header Search +***/ +.header .search-form { + background-color: #3a3a3a; +} + +.header .search-form .form-control{ + color: #ccc; + border: 0; + background-color: #3a3a3a; +} + +.header .search-form .submit { + background: url(../../img/search-icon-light.png); +} +/*** +Hor menu +***/ +.header .hor-menu ul.nav li a { + color: #ccc; +} + +.header .hor-menu ul.nav li.open > a, +.header .hor-menu ul.nav li > a:hover, +.header .hor-menu ul.nav li > a:focus { + color: #fff; + background: #616161; +} + +.header .hor-menu .dropdown-menu li:hover > a, +.header .hor-menu ul.nav li.active > a, +.header .hor-menu ul.nav li.active > a:hover { + color: #fff; + background: #e02222 !important; +} + +.header .hor-menu ul.nav li.current > a, +.header .hor-menu ul.nav li.current > a:hover { + color: #fff; + background: #e02222 !important; +} + +.header .hor-menu .dropdown-menu { + background: #616161; +} +.header .hor-menu .dropdown-menu li > a { + color: #ccc; +} + +.header .hor-menu .hor-menu-search-form-toggler.off { + background: #616161 url(../../img/hor-menu-search-close-white.png) no-repeat center; +} + +.header .hor-menu .search-form { + background:#616161; +} + +.header .hor-menu .search-form form input { + color: #ccc; +} + +.header .hor-menu .search-form .btn { + color: #ccc; + background: url(../../img/search-icon-white.png) no-repeat center; +} + +.header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */ + color: #ccc; +} +.header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ + color: #ccc; +} +.header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */ + color: #ccc; +} +.header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */ + color: #ccc; +} + +/*** +Mega Menu +***/ +.mega-menu .mega-menu-submenu { + border-right: 1px solid #757575; +} + +.mega-menu .mega-menu-submenu li h3 { + color: #fff; +} + +/*** +Page sidebar +***/ +.page-sidebar { + background-color: #666666; +} +ul.page-sidebar-menu > li > a { + border-top: 1px solid #858585 !important; + color: #ffffff !important; +} +ul.page-sidebar-menu > li:last-child > a { + border-bottom: 1px solid transparent !important; +} +ul.page-sidebar-menu > li a i { + color: #bfbfbf; +} +ul.page-sidebar-menu > li.open > a, +ul.page-sidebar-menu > li > a:hover, +ul.page-sidebar-menu > li:hover > a { + background: #595959; +} +ul.page-sidebar-menu > li.active > a { + background: #e02222 !important; + border-top-color: transparent !important; + color: #ffffff; +} +ul.page-sidebar-menu > li.active > a i { + color: #ffffff; +} +ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a { + border-top: 0px !important; +} +ul.page-sidebar-menu > li > ul.sub-menu > li.active > a, +ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover { + color: #ffffff !important; + background: #808080 !important; +} +ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover { + background: #808080 !important; +} +/* 3rd level sub menu */ +ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a, +ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover, +ul.page-sidebar-menu > li > ul.sub-menu li.open > a { + color: #ffffff !important; + background: #808080 !important; +} +/* font color for all sub menu links*/ +ul.page-sidebar-menu li > ul.sub-menu > li > a { + color: #e6e6e6; +} +/* menu arrows */ +ul.page-sidebar-menu > li > a .arrow:before, +ul.page-sidebar-menu > li > a .arrow.open:before { + color: #a6a6a6 !important; +} +ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before, +ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before { + color: #999999 !important; +} +ul.page-sidebar-menu > li > a > .arrow.open:before { + color: #b3b3b3 !important; +} +ul.page-sidebar-menu > li.active > a .arrow:before, +ul.page-sidebar-menu > li.active > a .arrow.open:before { + color: #ffffff !important; +} +/* sidebar search */ +.page-sidebar .sidebar-search input { + background-color: #4d4d4d !important; + color: #a6a6a6; +} +.page-sidebar .sidebar-search input::-webkit-input-placeholder { + color: #a6a6a6 !important; +} +.page-sidebar .sidebar-search input:-moz-placeholder { + color: #a6a6a6 !important; +} +.page-sidebar .sidebar-search input:-ms-input-placeholder { + color: #a6a6a6 !important; +} +.page-sidebar .sidebar-search input { + background-color: #666666 !important; + color: #bfbfbf !important; +} +.page-sidebar .sidebar-search .input-box { + border-bottom: 1px solid #a6a6a6 !important; +} +.page-sidebar .sidebar-search .submit { + background-image: url(../../img/search-icon.png); +} +/*** +Sidebar toggler +***/ +.sidebar-toggler { + background-image: url(../../img/sidebar-toggler.jpg); + background-color: #4d4d4d; +} +/* search box bg color on expanded */ +.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container { + background-color: #666666 !important; +} +.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove { + background-image: url("../../img/sidebar-search-close.png"); +} +/* sub menu bg color on hover menu item */ +.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu { + background-color: #666666; +} +/*** +Footer +***/ +.footer .footer-inner { + color: #b3b3b3; +} +.footer .footer-tools .go-top { + background-color: #787878; +} +.footer .footer-tools .go-top:hover { + opacity: 0.7; + filter: alpha(opacity=70); +} +.footer .footer-tools .go-top i { + color: #b3b3b3; +} +/*** +Footer Layouts (new in v1.3) +***/ +/* begin:fixed footer */ +.page-footer-fixed .footer { + background-color: #4d4d4d; +} +.page-footer-fixed .footer .footer-inner { + color: #b3b3b3; +} +.page-footer-fixed .footer .footer-tools .go-top { + background-color: #787878; +} +.page-footer-fixed .footer .footer-tools .go-top i { + color: #b3b3b3; +} +/* end:fixed footer */ +/*** +Gritter Notifications +***/ +.gritter-top { + background: url(../../plugins/gritter/images/gritter.png) no-repeat left -30px !important; +} +.gritter-bottom { + background: url(../../plugins/gritter/images/gritter.png) no-repeat left bottom !important; +} +.gritter-item { + display: block; + background: url(../../plugins/gritter/images/gritter.png) no-repeat left -40px !important; +} +.gritter-close { + background: url(../../plugins/gritter/images/gritter.png) no-repeat left top !important; +} +.gritter-title { + text-shadow: none !important; + /* Not supported by IE :( */ + +} +/* for the light (white) version of the gritter notice */ +.gritter-light .gritter-item, +.gritter-light .gritter-bottom, +.gritter-light .gritter-top, +.gritter-light .gritter-close { + background-image: url(../../plugins/gritter/images/gritter-light.png) !important; +} +.gritter-item-wrapper a { + color: #18a5ed; +} +.gritter-item-wrapper a:hover { + color: #0b6694; +} +/* begin: boxed page */ +@media (min-width: 992px) { + .page-boxed { + background-color: #575757 !important; + } + .page-boxed .page-container { + background-color: #666666; + border-left: 1px solid #878787; + border-bottom: 1px solid #878787; + } + .page-boxed.page-sidebar-reversed .page-container { + border-left: 0; + border-right: 1px solid #878787; + } + .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 #878787; + } + .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar { + border-right: 1px solid #878787; + border-left: 0; + } + .page-boxed.page-sidebar-fixed.page-footer-fixed .footer { + background-color: #575757 !important; + } +} +/* end: boxed page */ +/*** +Landscape phone to portrait tablet +***/ +@media (max-width: 991px) { + /*** + page sidebar + ***/ + .page-sidebar { + background-color: #525252 !important; + } + ul.page-sidebar-menu > li > a { + border-top: 1px solid #737373 !important; + } + ul.page-sidebar-menu > li:last-child > a { + border-bottom: 0 !important; + } + .page-sidebar .sidebar-search input { + background-color: #525252 !important; + } + ul.page-sidebar-menu > li.open > a, + ul.page-sidebar-menu > li > a:hover, + ul.page-sidebar-menu > li:hover > a { + background: #474747; + } +} diff --git a/assets/metronic/css/themes/light.css b/assets/metronic/css/themes/light.css new file mode 100644 index 00000000000..11c371e1851 --- /dev/null +++ b/assets/metronic/css/themes/light.css @@ -0,0 +1,454 @@ +/*** +light theme +***/ + +/*** +Reset and overrides +***/ +body { + background-color: #fafafa !important; +} +/*** +Page header +***/ +.header { + filter: none !important; + background-image: none !important; + background-color: #434343 !important; +} +.header .btn-navbar { + background-color: #434343 !important; +} +.header .navbar-nav .dropdown-toggle:hover, +.header .navbar-nav .dropdown.open .dropdown-toggle { + background-color: #4f4f4f !important; +} +.header .navbar-nav li.dropdown .dropdown-toggle i { + color: #808080 !important; +} +/*** +Header Search +***/ +.header .search-form { + background-color: #3a3a3a; +} + +.header .search-form .form-control{ + color: #ccc; + border: 0; + background-color: #3a3a3a; +} + +.header .search-form .submit { + background: url(../../img/search-icon.png); +} +/*** +Hor menu +***/ +.header .hor-menu ul.nav li a { + color: #ccc; +} + +.header .hor-menu ul.nav li.open > a, +.header .hor-menu ul.nav li > a:hover, +.header .hor-menu ul.nav li > a:focus { + color: #fff; + background: #4f4f4f; +} + +.header .hor-menu .dropdown-menu li:hover > a, +.header .hor-menu ul.nav li.active > a, +.header .hor-menu ul.nav li.active > a:hover { + color: #fff; + background: #e02222 !important; +} + +.header .hor-menu ul.nav li.current > a, +.header .hor-menu ul.nav li.current > a:hover { + color: #fff; + background: #e02222 !important; +} + +.header .hor-menu .dropdown-menu { + background: #4f4f4f; +} +.header .hor-menu .dropdown-menu li > a { + color: #ccc; +} + +.header .hor-menu .hor-menu-search-form-toggler.off { + background: #4f4f4f url(../../img/hor-menu-search-close-white.png) no-repeat center; +} + +.header .hor-menu .search-form { + background:#4f4f4f; +} + +.header .hor-menu .search-form form input { + color: #ccc; +} + +.header .hor-menu .search-form .btn { + color: #ccc; + background: url(../../img/search-icon-white.png) no-repeat center; +} + +.header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */ + color: #ccc; +} +.header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ + color: #ccc; +} +.header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */ + color: #ccc; +} +.header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */ + color: #ccc; +} + +/*** +Mega Menu +***/ +.mega-menu .mega-menu-submenu { + border-right: 1px solid #656565; +} + +.mega-menu .mega-menu-submenu li h3 { + color: #fff; +} + +/*** +Page sidebar +***/ +.page-content { + border-left: 1px solid #e2e2e2 !important; + border-bottom: 1px solid #e2e2e2 !important; +} +.page-sidebar-reversed .page-content { + border-left: 0; + border-right: 1px solid #e2e2e2 !important; +} +.page-sidebar { + background-color: #fafafa; +} +.page-sidebar-fixed .page-content { + border: 0 !important; +} +.page-sidebar-fixed .page-sidebar { + border-right: 1px solid #e2e2e2 !important; +} + + +ul.page-sidebar-menu > li > a { + border-top: 1px solid #e2e2e2 !important; + color: #000 !important; + font-weight: 400; +} + +ul.page-sidebar-menu > li:first-child > a { + border-top: 1px solid transparent !important; +} + +ul.page-sidebar-menu > li:last-child > a { + border-bottom: 1px solid transparent !important; +} + +ul.page-sidebar-menu > li a i { + color: #bbb !important; +} +ul.page-sidebar-menu > li.open > a, +ul.page-sidebar-menu > li > a:hover, +ul.page-sidebar-menu > li:hover > a { + background: #eee; + border-top: 1px solid #e8e8e8; +} +ul.page-sidebar-menu > li.active > a .selected { + right:-7px; + top:0px; + width: 7px; + height: 39px; + background-image: url("../../img/sidebar-menu-arrow-green.png"); +} +.page-sidebar-reversed ul.page-sidebar-menu > li.active > a .selected { + right: auto; + left:-7px; + background-image: url("../../img/sidebar-menu-arrow-green-reverse.png"); +} +ul.page-sidebar-menu > li.active i { + color: #fff !important; +} +.page-sidebar-fixed ul.page-sidebar-menu > li.active > a .selected { + display: none; +} +ul.page-sidebar-menu > li.active > a{ + background: #28b779 !important; + border-top-color: transparent !important; + color:#fff !important; +} +ul.page-sidebar-menu > li.active > a i { + color: #fff; +} +ul.page-sidebar-menu > li > a > .arrow:before, +ul.page-sidebar-menu > li > a > .arrow.open:before { + color: #ccc !important; +} +ul.page-sidebar-menu > li.active > a .arrow:before, +ul.page-sidebar-menu > li.active > a .arrow.open:before { + color: #fff !important; +} +ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a { + border-top: 0px !important; +} + +ul.page-sidebar-menu ul.sub-menu > li > a { + font-weight: 400 !important; + color: #333 !important; +} +ul.page-sidebar-menu ul.sub-menu > li.active > a, +ul.page-sidebar-menu ul.sub-menu > li > a:hover { + color: #818181 !important; + background: #efefef !important; +} + +ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before, +ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before { + color: #ccc !important; +} + +/* sub menu links effects */ +ul.page-sidebar-menu ul.sub-menu > li.active > a, +ul.page-sidebar-menu ul.sub-menu > li > a:hover, +ul.page-sidebar-menu ul.sub-menu > li.open > a { + color: #818181 !important; + background: #efefef !important; +} +ul.page-sidebar-menu ul.sub-menu > li > a i { + color: #bbb !important; +} + +/* sidebar search */ +.page-sidebar .sidebar-search input { + background-color: #fbfbfb !important; + color: #727272 !important; +} +.page-sidebar .sidebar-search input::-webkit-input-placeholder { + color: #aaa !important; +} +.page-sidebar .sidebar-search input:-moz-placeholder { + color: #aaa !important; +} +.page-sidebar .sidebar-search input:-ms-input-placeholder { + color: #aaa !important; +} +.page-sidebar .sidebar-search .input-box { + border-bottom: 1px solid #e2e2e2 !important; +} +.page-sidebar .sidebar-search .submit { + background-image: url(../../img/search-icon-white.png); +} + +/*** +Sidebar toggler +***/ +.sidebar-toggler { + background-image: url(../../img/sidebar-toggler-light.jpg); + background-color: #333; +} +/* search box bg color on expanded */ +.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container { + background-color: #fbfbfb !important; +} +.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove { + background-image: url("../../img/sidebar-search-close-light.png"); +} +/* sub menu bg color on hover menu item */ +.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu { + background-color: #fbfbfb; +} +/*** +Footer +***/ +.footer .footer-inner { + color: #333333; +} +.footer .footer-tools .go-top { + background-color: #666666; +} +.footer .footer-tools .go-top:hover { + opacity: 0.7; + filter: alpha(opacity=70); +} +.footer .footer-tools .go-top i { + color: #999999; +} +/*** +Footer Layouts (new in v1.3) +***/ +/* begin:fixed footer */ +.page-footer-fixed .footer { + background-color: #434343; +} +.page-footer-fixed .footer .footer-inner { + color: #aaaaaa; +} +.page-footer-fixed .footer .footer-tools .go-top { + background-color: #666666; +} +.page-footer-fixed .footer .footer-tools .go-top i { + color: #aaaaaa; +} +/* end:fixed footer */ +/*** +Gritter Notifications +***/ +.gritter-top { + background: url(../../plugins/gritter/images/gritter.png) no-repeat left -30px !important; +} +.gritter-bottom { + background: url(../../plugins/gritter/images/gritter.png) no-repeat left bottom !important; +} +.gritter-item { + display: block; + background: url(../../plugins/gritter/images/gritter.png) no-repeat left -40px !important; +} +.gritter-close { + background: url(../../plugins/gritter/images/gritter.png) no-repeat left top !important; +} +.gritter-title { + text-shadow: none !important; + /* Not supported by IE :( */ + +} +/* for the light (white) version of the gritter notice */ +.gritter-light .gritter-item, +.gritter-light .gritter-bottom, +.gritter-light .gritter-top, +.gritter-light .gritter-close { + background-image: url(../../plugins/gritter/images/gritter-light.png) !important; +} +.gritter-item-wrapper a { + color: #18a5ed; +} +.gritter-item-wrapper a:hover { + color: #0b6694; +} +/* begin: boxed page */ +@media (min-width: 992px) { + .page-boxed { + background-color: #E8E8E8 !important; + } + .page-boxed .page-container { + background-color: #fafafa; + border-left: 1px solid #e2e2e2; + border-bottom: 1px solid #e2e2e2; + } + .page-sidebar-reversed.page-boxed .page-container { + border-left: 0; + border-right: 1px solid #e2e2e2; + } + .page-boxed.page-sidebar-fixed .page-container { + border-left: 0; + border-bottom: 0; + } + .page-boxed.page-sidebar-fixed .page-sidebar { + border-left: 1px solid #e2e2e2; + } + .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar { + border-right: 1px solid #e2e2e2; + border-left: 0; + } + .page-boxed.page-sidebar-fixed.page-footer-fixed .footer { + background-color: #E8E8E8 !important; + } +} +/* end: boxed page */ +/*** +Landscape phone to portrait tablet +***/ +@media (max-width: 991px) { + /*** + page sidebar + ***/ + .page-sidebar { + background-color: #f1f1f1 !important; + border-right: none !important; + } + .page-sidebar-fixed .page-sidebar { + border-right: none !important; + } + .page-content { + border-left: none !important; + } + ul.page-sidebar-menu > li > a { + border-top: 1px solid #ccc !important; + } + ul.page-sidebar-menu > li:last-child > a { + border-bottom: 0 !important; + } + + ul.page-sidebar-menu > li.open > a, + ul.page-sidebar-menu > li > a:hover { + color: #666666 !important; + background-color: #dddddd !important; + } + ul.page-sidebar-menu > li.open > a { + border-bottom-color: transparent !important; + } + ul.page-sidebar-menu > li.active > a { + color: #ffffff !important; + background-color: #28b779 !important; + } + + ul.page-sidebar-menu ul.sub-menu > li > a { + color: #111 !important; + } + + ul.page-sidebar-menu ul.sub-menu > li.open > a, + ul.page-sidebar-menu ul.sub-menu > li.active > a, + ul.page-sidebar-menu ul.sub-menu > li > a:hover { + color: #666666 !important; + background: #dddddd !important; + } + + .page-sidebar .sidebar-search input { + background-color: #f1f1f1 !important; + color: #ccc !important; + } + + .page-sidebar .sidebar-search .input-box { + border-bottom-color: #ccc !important; + } + .page-sidebar .sidebar-search input::-webkit-input-placeholder { + color: #ccc !important; + } + .page-sidebar .sidebar-search input:-moz-placeholder { + color: #ccc !important; + } + .page-sidebar .sidebar-search input:-ms-input-placeholder { + color: #ccc !important; + } + + /*** + page footer + ***/ + + .footer { + background-color: #434343; + } + + .footer .footer-inner { + color: #cccccc; + } + .footer .footer-tools .go-top { + background-color: #666666; + } + .footer .footer-tools .go-top i { + color: #999999; + } +} + +@media (max-width: 767px) { + body { + background-color: #333 !important; + } +} \ No newline at end of file diff --git a/assets/metronic/css/themes/purple.css b/assets/metronic/css/themes/purple.css new file mode 100644 index 00000000000..4ba9a083924 --- /dev/null +++ b/assets/metronic/css/themes/purple.css @@ -0,0 +1,354 @@ +/*** +Purple theme +***/ +/*** +Reset and overrides +***/ +body { + background-color: #701584 !important; +} +/*** +Page header +***/ +.header { + filter: none !important; + background-image: none !important; + background-color: #470d54 !important; +} +.header .btn-navbar { + background-color: #470d54 !important; +} +.header .navbar-nav .dropdown-toggle:hover, +.header .navbar-nav .dropdown.open .dropdown-toggle { + background-color: #69147b !important; +} +.header .navbar-nav li.dropdown .dropdown-toggle i { + color: #c84fe3 !important; +} +/*** +Header Search +***/ +.header .search-form { + background-color: #360A40; +} + +.header .search-form .form-control{ + color: #ccc; + border: 0; + background-color: #360A40; +} + +.header .search-form .submit { + background: url(../../img/search-icon-purple.png); +} +/*** +Hor menu +***/ +.header .hor-menu ul.nav li a { + color: #ccc; +} + +.header .hor-menu ul.nav li.open > a, +.header .hor-menu ul.nav li > a:hover, +.header .hor-menu ul.nav li > a:focus { + color: #fff; + background: #69147b; +} + +.header .hor-menu .dropdown-menu li:hover > a, +.header .hor-menu ul.nav li.active > a, +.header .hor-menu ul.nav li.active > a:hover { + color: #fff; + background: #e02222 !important; +} + +.header .hor-menu ul.nav li.current > a, +.header .hor-menu ul.nav li.current > a:hover { + color: #fff; + background: #e02222 !important; +} + +.header .hor-menu .dropdown-menu { + background: #69147b; +} +.header .hor-menu .dropdown-menu li > a { + color: #ccc; +} + +.header .hor-menu .hor-menu-search-form-toggler.off { + background: #69147b url(../../img/hor-menu-search-close-white.png) no-repeat center; +} + +.header .hor-menu .search-form { + background:#69147b; +} + +.header .hor-menu .search-form form input { + color: #ccc; +} + +.header .hor-menu .search-form .btn { + color: #ccc; + background: url(../../img/search-icon-white.png) no-repeat center; +} + +.header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */ + color: #ccc; +} +.header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ + color: #ccc; +} +.header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */ + color: #ccc; +} +.header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */ + color: #ccc; +} + +/*** +Mega Menu +***/ +.mega-menu .mega-menu-submenu { + border-right: 1px solid #78188C; +} + +.mega-menu .mega-menu-submenu li h3 { + color: #fff; +} + +/*** +Page sidebar +***/ +.page-sidebar { + background-color: #701584; +} +ul.page-sidebar-menu > li > a { + border-top: 1px solid #9d1db9 !important; + color: #ffffff !important; +} +ul.page-sidebar-menu > li:last-child > a { + border-bottom: 1px solid transparent !important; +} +ul.page-sidebar-menu > li a i { + color: #cf65e7; +} +ul.page-sidebar-menu > li.open > a, +ul.page-sidebar-menu > li > a:hover, +ul.page-sidebar-menu > li:hover > a { + background: #5d116e; +} +ul.page-sidebar-menu > li.active > a { + background: #571067 !important; + border-top-color: transparent !important; + color: #ffffff; +} +ul.page-sidebar-menu > li.active > a i { + color: #ffffff; +} +ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a { + border-top: 0px !important; +} +ul.page-sidebar-menu > li > ul.sub-menu > li.active > a, +ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover { + color: #ffffff !important; + background: #951cb0 !important; +} +ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover { + background: #951cb0 !important; +} +/* 3rd level sub menu */ +ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a, +ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover, +ul.page-sidebar-menu > li > ul.sub-menu li.open > a { + color: #ffffff !important; + background: #951cb0 !important; +} +/* font color for all sub menu links*/ +ul.page-sidebar-menu li > ul.sub-menu > li > a { + color: #e4a7f1; +} +/* menu arrows */ +ul.page-sidebar-menu > li > a .arrow:before, +ul.page-sidebar-menu > li > a .arrow.open:before { + color: #c239df !important; +} +ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before, +ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before { + color: #bb23dc !important; +} +ul.page-sidebar-menu > li > a > .arrow.open:before { + color: #c84fe3 !important; +} +ul.page-sidebar-menu > li.active > a .arrow:before, +ul.page-sidebar-menu > li.active > a .arrow.open:before { + color: #ffffff !important; +} +/* sidebar search */ +.page-sidebar .sidebar-search input { + background-color: #4b0e58 !important; + color: #bf55d7; +} +.page-sidebar .sidebar-search input::-webkit-input-placeholder { + color: #b84dd0 !important; +} +.page-sidebar .sidebar-search input:-moz-placeholder { + color: #b84dd0 !important; +} +.page-sidebar .sidebar-search input:-ms-input-placeholder { + color: #b84dd0 !important; +} +.page-sidebar .sidebar-search input { + background-color: #701584 !important; + color: #bfbfbf !important; +} +.page-sidebar .sidebar-search .input-box { + border-bottom: 1px solid #a93bc1 !important; +} +.page-sidebar .sidebar-search .submit { + background-image: url(../../img/search-icon-purple.png); +} +/*** +Sidebar toggler +***/ +.sidebar-toggler { + background-image: url(../../img/sidebar-toggler-purple.jpg); + background-color: #4b0e58; +} +/* search box bg color on expanded */ +.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container { + background-color: #701584 !important; +} +.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove { + background-image: url("../../img/sidebar-search-close-purple.png"); +} +/* sub menu bg color on hover menu item */ +.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu { + background-color: #701584; +} +/*** +Footer +***/ +.footer .footer-inner { + color: #c84fe3; +} +.footer .footer-tools .go-top { + background-color: #8a1aa3; +} +.footer .footer-tools .go-top:hover { + opacity: 0.7; + filter: alpha(opacity=70); +} +.footer .footer-tools .go-top i { + color: #c84fe3; +} +/*** +Footer Layouts (new in v1.3) +***/ +/* begin:fixed footer */ +.page-footer-fixed .footer { + background-color: #4b0e58; +} +.page-footer-fixed .footer .footer-inner { + color: #c84fe3; +} +.page-footer-fixed .footer .footer-tools .go-top { + background-color: #8a1aa3; +} +.page-footer-fixed .footer .footer-tools .go-top i { + color: #c84fe3; +} +/* end:fixed footer */ +/*** +Gritter Notifications +***/ +.gritter-top { + background: url(../../plugins/gritter/images/gritter-purple.png) no-repeat left -30px !important; +} +.gritter-bottom { + background: url(../../plugins/gritter/images/gritter-purple.png) no-repeat left bottom !important; +} +.gritter-item { + display: block; + background: url(../../plugins/gritter/images/gritter-purple.png) no-repeat left -40px !important; +} +.gritter-close { + background: url(../../plugins/gritter/images/gritter-purple.png) no-repeat left top !important; +} +.gritter-title { + text-shadow: none !important; + /* Not supported by IE :( */ + +} +/* for the light (white) version of the gritter notice */ +.gritter-light .gritter-item, +.gritter-light .gritter-bottom, +.gritter-light .gritter-top, +.gritter-light .gritter-close { + background-image: url(../../plugins/gritter/images/gritter-light.png) !important; +} +.gritter-item-wrapper a { + color: #18a5ed; +} +.gritter-item-wrapper a:hover { + color: #0b6694; +} +/* begin: boxed page */ +@media (min-width: 992px) { + .page-boxed { + background-color: #5a116a !important; + } + .page-boxed .page-container { + background-color: #701584; + border-left: 1px solid #a11ebd; + border-bottom: 1px solid #a11ebd; + } + .page-boxed.page-sidebar-reversed .page-container { + border-left: 0; + border-right: 1px solid #a11ebd; + } + .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 #a11ebd; + } + .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar { + border-right: 1px solid #a11ebd; + border-left: 0; + } + .page-boxed.page-sidebar-fixed.page-footer-fixed .footer { + background-color: #5a116a !important; + } +} +/* end: boxed page */ +/*** +Landscape phone to portrait tablet +***/ +@media (max-width: 991px) { + /*** + page sidebar + ***/ + .page-sidebar { + background-color: #520f61 !important; + } + ul.page-sidebar-menu > li > a { + border-top: 1px solid #83189a !important; + } + ul.page-sidebar-menu > li:last-child > a { + border-bottom: 0 !important; + } + .page-sidebar .sidebar-search input { + background-color: #520f61 !important; + } + ul.page-sidebar-menu > li.open > a, + ul.page-sidebar-menu > li > a:hover, + ul.page-sidebar-menu > li:hover > a { + background: #430d4f; + } +} diff --git a/assets/metronic/fonts/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff b/assets/metronic/fonts/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff new file mode 100644 index 00000000000..99f335326a5 Binary files /dev/null and b/assets/metronic/fonts/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff differ diff --git a/assets/metronic/fonts/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff b/assets/metronic/fonts/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff new file mode 100644 index 00000000000..e83bb333d2e Binary files /dev/null and b/assets/metronic/fonts/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff differ diff --git a/assets/metronic/fonts/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff b/assets/metronic/fonts/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff new file mode 100644 index 00000000000..55b25f86709 Binary files /dev/null and b/assets/metronic/fonts/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff differ diff --git a/assets/metronic/fonts/font.css b/assets/metronic/fonts/font.css new file mode 100644 index 00000000000..32e648d2f98 --- /dev/null +++ b/assets/metronic/fonts/font.css @@ -0,0 +1,24 @@ +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 300; + src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + src: local('Open Sans'), local('OpenSans'), url(../fonts/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 600; + src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../fonts/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 700; + src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fonts/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff'); +} \ No newline at end of file diff --git a/assets/metronic/fonts/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff b/assets/metronic/fonts/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff new file mode 100644 index 00000000000..27619e7cea1 Binary files /dev/null and b/assets/metronic/fonts/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff differ diff --git a/assets/metronic/img/accordion-plusminus.png b/assets/metronic/img/accordion-plusminus.png new file mode 100644 index 00000000000..1fef17828a0 Binary files /dev/null and b/assets/metronic/img/accordion-plusminus.png differ diff --git a/assets/metronic/img/ajax-loading.gif b/assets/metronic/img/ajax-loading.gif new file mode 100644 index 00000000000..115f89846f6 Binary files /dev/null and b/assets/metronic/img/ajax-loading.gif differ diff --git a/assets/metronic/img/ajax-modal-loading.gif b/assets/metronic/img/ajax-modal-loading.gif new file mode 100644 index 00000000000..696ea341f7d Binary files /dev/null and b/assets/metronic/img/ajax-modal-loading.gif differ diff --git a/assets/metronic/img/arrow-down.png b/assets/metronic/img/arrow-down.png new file mode 100644 index 00000000000..c503da9b0ed Binary files /dev/null and b/assets/metronic/img/arrow-down.png differ diff --git a/assets/metronic/img/avatar.png b/assets/metronic/img/avatar.png new file mode 100644 index 00000000000..2a14b35d609 Binary files /dev/null and b/assets/metronic/img/avatar.png differ diff --git a/assets/metronic/img/avatar1.jpg b/assets/metronic/img/avatar1.jpg new file mode 100644 index 00000000000..d5fa7b69e1a Binary files /dev/null and b/assets/metronic/img/avatar1.jpg differ diff --git a/assets/metronic/img/avatar1_small.jpg b/assets/metronic/img/avatar1_small.jpg new file mode 100644 index 00000000000..7c91e851a66 Binary files /dev/null and b/assets/metronic/img/avatar1_small.jpg differ diff --git a/assets/metronic/img/avatar2.jpg b/assets/metronic/img/avatar2.jpg new file mode 100644 index 00000000000..dc65a935f61 Binary files /dev/null and b/assets/metronic/img/avatar2.jpg differ diff --git a/assets/metronic/img/avatar3.jpg b/assets/metronic/img/avatar3.jpg new file mode 100644 index 00000000000..9955595ab9c Binary files /dev/null and b/assets/metronic/img/avatar3.jpg differ diff --git a/assets/metronic/img/avatar3_small.jpg b/assets/metronic/img/avatar3_small.jpg new file mode 100644 index 00000000000..d7d481b3158 Binary files /dev/null and b/assets/metronic/img/avatar3_small.jpg differ diff --git a/assets/metronic/img/bg-opacity.png b/assets/metronic/img/bg-opacity.png new file mode 100644 index 00000000000..1be54cb0280 Binary files /dev/null and b/assets/metronic/img/bg-opacity.png differ diff --git a/assets/metronic/img/bg-white-lock.png b/assets/metronic/img/bg-white-lock.png new file mode 100644 index 00000000000..1b8a1f7bc0d Binary files /dev/null and b/assets/metronic/img/bg-white-lock.png differ diff --git a/assets/metronic/img/bg-white.png b/assets/metronic/img/bg-white.png new file mode 100644 index 00000000000..0d8738053e7 Binary files /dev/null and b/assets/metronic/img/bg-white.png differ diff --git a/assets/metronic/img/bg/1.jpg b/assets/metronic/img/bg/1.jpg new file mode 100644 index 00000000000..7ee66941b74 Binary files /dev/null and b/assets/metronic/img/bg/1.jpg differ diff --git a/assets/metronic/img/bg/2.jpg b/assets/metronic/img/bg/2.jpg new file mode 100644 index 00000000000..094e2f2fb5f Binary files /dev/null and b/assets/metronic/img/bg/2.jpg differ diff --git a/assets/metronic/img/bg/3.jpg b/assets/metronic/img/bg/3.jpg new file mode 100644 index 00000000000..6abb77ab785 Binary files /dev/null and b/assets/metronic/img/bg/3.jpg differ diff --git a/assets/metronic/img/bg/4.jpg b/assets/metronic/img/bg/4.jpg new file mode 100644 index 00000000000..8bbfad74a4f Binary files /dev/null and b/assets/metronic/img/bg/4.jpg differ diff --git a/assets/metronic/img/blog/1.jpg b/assets/metronic/img/blog/1.jpg new file mode 100644 index 00000000000..e980118e5ca Binary files /dev/null and b/assets/metronic/img/blog/1.jpg differ diff --git a/assets/metronic/img/blog/10.jpg b/assets/metronic/img/blog/10.jpg new file mode 100644 index 00000000000..9d695401883 Binary files /dev/null and b/assets/metronic/img/blog/10.jpg differ diff --git a/assets/metronic/img/blog/11.jpg b/assets/metronic/img/blog/11.jpg new file mode 100644 index 00000000000..cc475424d2c Binary files /dev/null and b/assets/metronic/img/blog/11.jpg differ diff --git a/assets/metronic/img/blog/2.jpg b/assets/metronic/img/blog/2.jpg new file mode 100644 index 00000000000..00708d9f69a Binary files /dev/null and b/assets/metronic/img/blog/2.jpg differ diff --git a/assets/metronic/img/blog/3.jpg b/assets/metronic/img/blog/3.jpg new file mode 100644 index 00000000000..4846ac2f340 Binary files /dev/null and b/assets/metronic/img/blog/3.jpg differ diff --git a/assets/metronic/img/blog/4.jpg b/assets/metronic/img/blog/4.jpg new file mode 100644 index 00000000000..17c4b9d5520 Binary files /dev/null and b/assets/metronic/img/blog/4.jpg differ diff --git a/assets/metronic/img/blog/5.jpg b/assets/metronic/img/blog/5.jpg new file mode 100644 index 00000000000..f5929f5660e Binary files /dev/null and b/assets/metronic/img/blog/5.jpg differ diff --git a/assets/metronic/img/blog/6.jpg b/assets/metronic/img/blog/6.jpg new file mode 100644 index 00000000000..2a70e410c63 Binary files /dev/null and b/assets/metronic/img/blog/6.jpg differ diff --git a/assets/metronic/img/blog/7.jpg b/assets/metronic/img/blog/7.jpg new file mode 100644 index 00000000000..203b99e38cc Binary files /dev/null and b/assets/metronic/img/blog/7.jpg differ diff --git a/assets/metronic/img/blog/8.jpg b/assets/metronic/img/blog/8.jpg new file mode 100644 index 00000000000..e75469762e0 Binary files /dev/null and b/assets/metronic/img/blog/8.jpg differ diff --git a/assets/metronic/img/blog/9.jpg b/assets/metronic/img/blog/9.jpg new file mode 100644 index 00000000000..22ec1155e81 Binary files /dev/null and b/assets/metronic/img/blog/9.jpg differ diff --git a/assets/metronic/img/datatable-row-openclose.png b/assets/metronic/img/datatable-row-openclose.png new file mode 100644 index 00000000000..8ec9e976826 Binary files /dev/null and b/assets/metronic/img/datatable-row-openclose.png differ diff --git a/assets/metronic/img/email/article.png b/assets/metronic/img/email/article.png new file mode 100644 index 00000000000..36154533f34 Binary files /dev/null and b/assets/metronic/img/email/article.png differ diff --git a/assets/metronic/img/email/iphone.png b/assets/metronic/img/email/iphone.png new file mode 100644 index 00000000000..41fb1479212 Binary files /dev/null and b/assets/metronic/img/email/iphone.png differ diff --git a/assets/metronic/img/email/photo1.jpg b/assets/metronic/img/email/photo1.jpg new file mode 100644 index 00000000000..2a59271fa26 Binary files /dev/null and b/assets/metronic/img/email/photo1.jpg differ diff --git a/assets/metronic/img/email/photo2.jpg b/assets/metronic/img/email/photo2.jpg new file mode 100644 index 00000000000..e0d245bc43b Binary files /dev/null and b/assets/metronic/img/email/photo2.jpg differ diff --git a/assets/metronic/img/email/social_facebook.png b/assets/metronic/img/email/social_facebook.png new file mode 100644 index 00000000000..59eff64afb4 Binary files /dev/null and b/assets/metronic/img/email/social_facebook.png differ diff --git a/assets/metronic/img/email/social_googleplus.png b/assets/metronic/img/email/social_googleplus.png new file mode 100644 index 00000000000..0364cb0b9bb Binary files /dev/null and b/assets/metronic/img/email/social_googleplus.png differ diff --git a/assets/metronic/img/email/social_linkedin.png b/assets/metronic/img/email/social_linkedin.png new file mode 100644 index 00000000000..ff7309e3cf4 Binary files /dev/null and b/assets/metronic/img/email/social_linkedin.png differ diff --git a/assets/metronic/img/email/social_rss.png b/assets/metronic/img/email/social_rss.png new file mode 100644 index 00000000000..da352edcfb8 Binary files /dev/null and b/assets/metronic/img/email/social_rss.png differ diff --git a/assets/metronic/img/email/social_twitter.png b/assets/metronic/img/email/social_twitter.png new file mode 100644 index 00000000000..827c85801e6 Binary files /dev/null and b/assets/metronic/img/email/social_twitter.png differ diff --git a/assets/metronic/img/flags/de.png b/assets/metronic/img/flags/de.png new file mode 100644 index 00000000000..ac4a9773627 Binary files /dev/null and b/assets/metronic/img/flags/de.png differ diff --git a/assets/metronic/img/flags/es.png b/assets/metronic/img/flags/es.png new file mode 100644 index 00000000000..c2de2d7111e Binary files /dev/null and b/assets/metronic/img/flags/es.png differ diff --git a/assets/metronic/img/flags/fr.png b/assets/metronic/img/flags/fr.png new file mode 100644 index 00000000000..8332c4ec23c Binary files /dev/null and b/assets/metronic/img/flags/fr.png differ diff --git a/assets/metronic/img/flags/ru.png b/assets/metronic/img/flags/ru.png new file mode 100644 index 00000000000..47da4214fd9 Binary files /dev/null and b/assets/metronic/img/flags/ru.png differ diff --git a/assets/metronic/img/flags/us.png b/assets/metronic/img/flags/us.png new file mode 100644 index 00000000000..10f451fe85c Binary files /dev/null and b/assets/metronic/img/flags/us.png differ diff --git a/assets/metronic/img/gallery/image1.jpg b/assets/metronic/img/gallery/image1.jpg new file mode 100644 index 00000000000..bd3a2a90909 Binary files /dev/null and b/assets/metronic/img/gallery/image1.jpg differ diff --git a/assets/metronic/img/gallery/image2.jpg b/assets/metronic/img/gallery/image2.jpg new file mode 100644 index 00000000000..761acba5923 Binary files /dev/null and b/assets/metronic/img/gallery/image2.jpg differ diff --git a/assets/metronic/img/gallery/image3.jpg b/assets/metronic/img/gallery/image3.jpg new file mode 100644 index 00000000000..5f28bbfd505 Binary files /dev/null and b/assets/metronic/img/gallery/image3.jpg differ diff --git a/assets/metronic/img/gallery/image4.jpg b/assets/metronic/img/gallery/image4.jpg new file mode 100644 index 00000000000..190fe28184d Binary files /dev/null and b/assets/metronic/img/gallery/image4.jpg differ diff --git a/assets/metronic/img/gallery/image5.jpg b/assets/metronic/img/gallery/image5.jpg new file mode 100644 index 00000000000..90512217081 Binary files /dev/null and b/assets/metronic/img/gallery/image5.jpg differ diff --git a/assets/metronic/img/gallery/item_img.jpg b/assets/metronic/img/gallery/item_img.jpg new file mode 100644 index 00000000000..f1a4a3868fa Binary files /dev/null and b/assets/metronic/img/gallery/item_img.jpg differ diff --git a/assets/metronic/img/gallery/item_img1.jpg b/assets/metronic/img/gallery/item_img1.jpg new file mode 100644 index 00000000000..26736fc9294 Binary files /dev/null and b/assets/metronic/img/gallery/item_img1.jpg differ diff --git a/assets/metronic/img/hor-menu-red-arrow.png b/assets/metronic/img/hor-menu-red-arrow.png new file mode 100644 index 00000000000..84a8b063e47 Binary files /dev/null and b/assets/metronic/img/hor-menu-red-arrow.png differ diff --git a/assets/metronic/img/hor-menu-search-close-white.png b/assets/metronic/img/hor-menu-search-close-white.png new file mode 100644 index 00000000000..d5bebfc9fa9 Binary files /dev/null and b/assets/metronic/img/hor-menu-search-close-white.png differ diff --git a/assets/metronic/img/hor-menu-search-close.png b/assets/metronic/img/hor-menu-search-close.png new file mode 100644 index 00000000000..6dae950c606 Binary files /dev/null and b/assets/metronic/img/hor-menu-search-close.png differ diff --git a/assets/metronic/img/hor-menu-search.jpg b/assets/metronic/img/hor-menu-search.jpg new file mode 100644 index 00000000000..63b3180206a Binary files /dev/null and b/assets/metronic/img/hor-menu-search.jpg differ diff --git a/assets/metronic/img/hor-menu-search.png b/assets/metronic/img/hor-menu-search.png new file mode 100644 index 00000000000..2a72156c823 Binary files /dev/null and b/assets/metronic/img/hor-menu-search.png differ diff --git a/assets/metronic/img/icon-color-close.png b/assets/metronic/img/icon-color-close.png new file mode 100644 index 00000000000..9b7dfacce6f Binary files /dev/null and b/assets/metronic/img/icon-color-close.png differ diff --git a/assets/metronic/img/icon-color.png b/assets/metronic/img/icon-color.png new file mode 100644 index 00000000000..b9666ee98e5 Binary files /dev/null and b/assets/metronic/img/icon-color.png differ diff --git a/assets/metronic/img/icon-img-down.png b/assets/metronic/img/icon-img-down.png new file mode 100644 index 00000000000..1b85914d6c8 Binary files /dev/null and b/assets/metronic/img/icon-img-down.png differ diff --git a/assets/metronic/img/icon-img-up.png b/assets/metronic/img/icon-img-up.png new file mode 100644 index 00000000000..d90af40050f Binary files /dev/null and b/assets/metronic/img/icon-img-up.png differ diff --git a/assets/metronic/img/inbox-nav-arrow-blue.png b/assets/metronic/img/inbox-nav-arrow-blue.png new file mode 100644 index 00000000000..cefd8e31102 Binary files /dev/null and b/assets/metronic/img/inbox-nav-arrow-blue.png differ diff --git a/assets/metronic/img/input-spinner.gif b/assets/metronic/img/input-spinner.gif new file mode 100644 index 00000000000..5b33f7e54f4 Binary files /dev/null and b/assets/metronic/img/input-spinner.gif differ diff --git a/assets/metronic/img/invoice/walmart.png b/assets/metronic/img/invoice/walmart.png new file mode 100644 index 00000000000..163baa4d437 Binary files /dev/null and b/assets/metronic/img/invoice/walmart.png differ diff --git a/assets/metronic/img/loading-spinner-grey.gif b/assets/metronic/img/loading-spinner-grey.gif new file mode 100644 index 00000000000..6d614d3da4c Binary files /dev/null and b/assets/metronic/img/loading-spinner-grey.gif differ diff --git a/assets/metronic/img/loading.gif b/assets/metronic/img/loading.gif new file mode 100644 index 00000000000..29bbff008e5 Binary files /dev/null and b/assets/metronic/img/loading.gif differ diff --git a/assets/metronic/img/logo-big.png b/assets/metronic/img/logo-big.png new file mode 100644 index 00000000000..c8f832d3c0b Binary files /dev/null and b/assets/metronic/img/logo-big.png differ diff --git a/assets/metronic/img/logo.png b/assets/metronic/img/logo.png new file mode 100644 index 00000000000..cf748c8f99a Binary files /dev/null and b/assets/metronic/img/logo.png differ diff --git a/assets/metronic/img/menu-toggler.png b/assets/metronic/img/menu-toggler.png new file mode 100644 index 00000000000..3d5c2d41b86 Binary files /dev/null and b/assets/metronic/img/menu-toggler.png differ diff --git a/assets/metronic/img/overlay-icon.png b/assets/metronic/img/overlay-icon.png new file mode 100644 index 00000000000..ecdb629a7a3 Binary files /dev/null and b/assets/metronic/img/overlay-icon.png differ diff --git a/assets/metronic/img/pages/2.jpg b/assets/metronic/img/pages/2.jpg new file mode 100644 index 00000000000..05e4077b309 Binary files /dev/null and b/assets/metronic/img/pages/2.jpg differ diff --git a/assets/metronic/img/pages/3.jpg b/assets/metronic/img/pages/3.jpg new file mode 100644 index 00000000000..61ed284c92e Binary files /dev/null and b/assets/metronic/img/pages/3.jpg differ diff --git a/assets/metronic/img/pages/earth.jpg b/assets/metronic/img/pages/earth.jpg new file mode 100644 index 00000000000..3b3a6605121 Binary files /dev/null and b/assets/metronic/img/pages/earth.jpg differ diff --git a/assets/metronic/img/pages/img1.png b/assets/metronic/img/pages/img1.png new file mode 100644 index 00000000000..0dab436ebb9 Binary files /dev/null and b/assets/metronic/img/pages/img1.png differ diff --git a/assets/metronic/img/pages/img1_2.png b/assets/metronic/img/pages/img1_2.png new file mode 100644 index 00000000000..666280ea088 Binary files /dev/null and b/assets/metronic/img/pages/img1_2.png differ diff --git a/assets/metronic/img/pages/img2.png b/assets/metronic/img/pages/img2.png new file mode 100644 index 00000000000..43c900abdf4 Binary files /dev/null and b/assets/metronic/img/pages/img2.png differ diff --git a/assets/metronic/img/pages/img3.png b/assets/metronic/img/pages/img3.png new file mode 100644 index 00000000000..045dba81e8a Binary files /dev/null and b/assets/metronic/img/pages/img3.png differ diff --git a/assets/metronic/img/pages/img4.png b/assets/metronic/img/pages/img4.png new file mode 100644 index 00000000000..132dbcf1a34 Binary files /dev/null and b/assets/metronic/img/pages/img4.png differ diff --git a/assets/metronic/img/photo1.jpg b/assets/metronic/img/photo1.jpg new file mode 100644 index 00000000000..e3d570d0dd5 Binary files /dev/null and b/assets/metronic/img/photo1.jpg differ diff --git a/assets/metronic/img/photo2.jpg b/assets/metronic/img/photo2.jpg new file mode 100644 index 00000000000..2e6c4f180cb Binary files /dev/null and b/assets/metronic/img/photo2.jpg differ diff --git a/assets/metronic/img/portlet-collapse-icon-white.png b/assets/metronic/img/portlet-collapse-icon-white.png new file mode 100644 index 00000000000..a415159f186 Binary files /dev/null and b/assets/metronic/img/portlet-collapse-icon-white.png differ diff --git a/assets/metronic/img/portlet-collapse-icon.png b/assets/metronic/img/portlet-collapse-icon.png new file mode 100644 index 00000000000..5f4901f1c38 Binary files /dev/null and b/assets/metronic/img/portlet-collapse-icon.png differ diff --git a/assets/metronic/img/portlet-config-icon-white.png b/assets/metronic/img/portlet-config-icon-white.png new file mode 100644 index 00000000000..2f3a2721130 Binary files /dev/null and b/assets/metronic/img/portlet-config-icon-white.png differ diff --git a/assets/metronic/img/portlet-config-icon.png b/assets/metronic/img/portlet-config-icon.png new file mode 100644 index 00000000000..f0451215541 Binary files /dev/null and b/assets/metronic/img/portlet-config-icon.png differ diff --git a/assets/metronic/img/portlet-expand-icon-white.png b/assets/metronic/img/portlet-expand-icon-white.png new file mode 100644 index 00000000000..f2ecf78ab74 Binary files /dev/null and b/assets/metronic/img/portlet-expand-icon-white.png differ diff --git a/assets/metronic/img/portlet-expand-icon.png b/assets/metronic/img/portlet-expand-icon.png new file mode 100644 index 00000000000..54b891b5a94 Binary files /dev/null and b/assets/metronic/img/portlet-expand-icon.png differ diff --git a/assets/metronic/img/portlet-reload-icon-white.png b/assets/metronic/img/portlet-reload-icon-white.png new file mode 100644 index 00000000000..a14730b8b13 Binary files /dev/null and b/assets/metronic/img/portlet-reload-icon-white.png differ diff --git a/assets/metronic/img/portlet-reload-icon.png b/assets/metronic/img/portlet-reload-icon.png new file mode 100644 index 00000000000..bdb0f08e28e Binary files /dev/null and b/assets/metronic/img/portlet-reload-icon.png differ diff --git a/assets/metronic/img/portlet-remove-icon-white.png b/assets/metronic/img/portlet-remove-icon-white.png new file mode 100644 index 00000000000..ddc6d2c17d9 Binary files /dev/null and b/assets/metronic/img/portlet-remove-icon-white.png differ diff --git a/assets/metronic/img/portlet-remove-icon.png b/assets/metronic/img/portlet-remove-icon.png new file mode 100644 index 00000000000..e2a02c6290d Binary files /dev/null and b/assets/metronic/img/portlet-remove-icon.png differ diff --git a/assets/metronic/img/profile/portfolio/logo_azteca.jpg b/assets/metronic/img/profile/portfolio/logo_azteca.jpg new file mode 100644 index 00000000000..d32262ab7fb Binary files /dev/null and b/assets/metronic/img/profile/portfolio/logo_azteca.jpg differ diff --git a/assets/metronic/img/profile/portfolio/logo_conquer.jpg b/assets/metronic/img/profile/portfolio/logo_conquer.jpg new file mode 100644 index 00000000000..c2f6c484475 Binary files /dev/null and b/assets/metronic/img/profile/portfolio/logo_conquer.jpg differ diff --git a/assets/metronic/img/profile/portfolio/logo_metronic.jpg b/assets/metronic/img/profile/portfolio/logo_metronic.jpg new file mode 100644 index 00000000000..02400c0ffc4 Binary files /dev/null and b/assets/metronic/img/profile/portfolio/logo_metronic.jpg differ diff --git a/assets/metronic/img/profile/profile-img.png b/assets/metronic/img/profile/profile-img.png new file mode 100644 index 00000000000..b44eb632b0b Binary files /dev/null and b/assets/metronic/img/profile/profile-img.png differ diff --git a/assets/metronic/img/profile/profile.jpg b/assets/metronic/img/profile/profile.jpg new file mode 100644 index 00000000000..e9f3f7602da Binary files /dev/null and b/assets/metronic/img/profile/profile.jpg differ diff --git a/assets/metronic/img/remove-icon-small.png b/assets/metronic/img/remove-icon-small.png new file mode 100644 index 00000000000..382bb24182e Binary files /dev/null and b/assets/metronic/img/remove-icon-small.png differ diff --git a/assets/metronic/img/search-icon-blue.png b/assets/metronic/img/search-icon-blue.png new file mode 100644 index 00000000000..345c3db083d Binary files /dev/null and b/assets/metronic/img/search-icon-blue.png differ diff --git a/assets/metronic/img/search-icon-brown.png b/assets/metronic/img/search-icon-brown.png new file mode 100644 index 00000000000..2038c6a5aba Binary files /dev/null and b/assets/metronic/img/search-icon-brown.png differ diff --git a/assets/metronic/img/search-icon-purple.png b/assets/metronic/img/search-icon-purple.png new file mode 100644 index 00000000000..af6a91cf20a Binary files /dev/null and b/assets/metronic/img/search-icon-purple.png differ diff --git a/assets/metronic/img/search-icon-red.png b/assets/metronic/img/search-icon-red.png new file mode 100644 index 00000000000..84aefe3fab0 Binary files /dev/null and b/assets/metronic/img/search-icon-red.png differ diff --git a/assets/metronic/img/search-icon-white.png b/assets/metronic/img/search-icon-white.png new file mode 100644 index 00000000000..c7532f45295 Binary files /dev/null and b/assets/metronic/img/search-icon-white.png differ diff --git a/assets/metronic/img/search-icon.png b/assets/metronic/img/search-icon.png new file mode 100644 index 00000000000..bae1d730346 Binary files /dev/null and b/assets/metronic/img/search-icon.png differ diff --git a/assets/metronic/img/search/1.jpg b/assets/metronic/img/search/1.jpg new file mode 100644 index 00000000000..a84af15765e Binary files /dev/null and b/assets/metronic/img/search/1.jpg differ diff --git a/assets/metronic/img/select-caret.png b/assets/metronic/img/select-caret.png new file mode 100644 index 00000000000..c24827e3258 Binary files /dev/null and b/assets/metronic/img/select-caret.png differ diff --git a/assets/metronic/img/sidebar-menu-arrow-green-right.png b/assets/metronic/img/sidebar-menu-arrow-green-right.png new file mode 100644 index 00000000000..3862a2cbcf8 Binary files /dev/null and b/assets/metronic/img/sidebar-menu-arrow-green-right.png differ diff --git a/assets/metronic/img/sidebar-menu-arrow-green.png b/assets/metronic/img/sidebar-menu-arrow-green.png new file mode 100644 index 00000000000..8ff76e9d26c Binary files /dev/null and b/assets/metronic/img/sidebar-menu-arrow-green.png differ diff --git a/assets/metronic/img/sidebar-menu-arrow-right.png b/assets/metronic/img/sidebar-menu-arrow-right.png new file mode 100644 index 00000000000..c5a8914cf67 Binary files /dev/null and b/assets/metronic/img/sidebar-menu-arrow-right.png differ diff --git a/assets/metronic/img/sidebar-menu-arrow-rtl.png b/assets/metronic/img/sidebar-menu-arrow-rtl.png new file mode 100644 index 00000000000..c5a8914cf67 Binary files /dev/null and b/assets/metronic/img/sidebar-menu-arrow-rtl.png differ diff --git a/assets/metronic/img/sidebar-menu-arrow.png b/assets/metronic/img/sidebar-menu-arrow.png new file mode 100644 index 00000000000..e00acb1ed87 Binary files /dev/null and b/assets/metronic/img/sidebar-menu-arrow.png differ diff --git a/assets/metronic/img/sidebar-search-close-blue.png b/assets/metronic/img/sidebar-search-close-blue.png new file mode 100644 index 00000000000..ef92187e44a Binary files /dev/null and b/assets/metronic/img/sidebar-search-close-blue.png differ diff --git a/assets/metronic/img/sidebar-search-close-brown.png b/assets/metronic/img/sidebar-search-close-brown.png new file mode 100644 index 00000000000..9a020b35209 Binary files /dev/null and b/assets/metronic/img/sidebar-search-close-brown.png differ diff --git a/assets/metronic/img/sidebar-search-close-light.png b/assets/metronic/img/sidebar-search-close-light.png new file mode 100644 index 00000000000..25ce84aa4fd Binary files /dev/null and b/assets/metronic/img/sidebar-search-close-light.png differ diff --git a/assets/metronic/img/sidebar-search-close-purple.png b/assets/metronic/img/sidebar-search-close-purple.png new file mode 100644 index 00000000000..72d593bf931 Binary files /dev/null and b/assets/metronic/img/sidebar-search-close-purple.png differ diff --git a/assets/metronic/img/sidebar-search-close.png b/assets/metronic/img/sidebar-search-close.png new file mode 100644 index 00000000000..0a520a4ecc0 Binary files /dev/null and b/assets/metronic/img/sidebar-search-close.png differ diff --git a/assets/metronic/img/sidebar-toggler-blue.jpg b/assets/metronic/img/sidebar-toggler-blue.jpg new file mode 100644 index 00000000000..ef148ad61fd Binary files /dev/null and b/assets/metronic/img/sidebar-toggler-blue.jpg differ diff --git a/assets/metronic/img/sidebar-toggler-brown.jpg b/assets/metronic/img/sidebar-toggler-brown.jpg new file mode 100644 index 00000000000..a042cb9971e Binary files /dev/null and b/assets/metronic/img/sidebar-toggler-brown.jpg differ diff --git a/assets/metronic/img/sidebar-toggler-light.jpg b/assets/metronic/img/sidebar-toggler-light.jpg new file mode 100644 index 00000000000..d2c3d97e3ad Binary files /dev/null and b/assets/metronic/img/sidebar-toggler-light.jpg differ diff --git a/assets/metronic/img/sidebar-toggler-purple.jpg b/assets/metronic/img/sidebar-toggler-purple.jpg new file mode 100644 index 00000000000..abda5a3345a Binary files /dev/null and b/assets/metronic/img/sidebar-toggler-purple.jpg differ diff --git a/assets/metronic/img/sidebar-toggler.jpg b/assets/metronic/img/sidebar-toggler.jpg new file mode 100644 index 00000000000..2d87fc03c63 Binary files /dev/null and b/assets/metronic/img/sidebar-toggler.jpg differ diff --git a/assets/metronic/img/sidebar-toggler.png b/assets/metronic/img/sidebar-toggler.png new file mode 100644 index 00000000000..7960e16a936 Binary files /dev/null and b/assets/metronic/img/sidebar-toggler.png differ diff --git a/assets/metronic/img/syncfusion-icons-white.png b/assets/metronic/img/syncfusion-icons-white.png new file mode 100644 index 00000000000..625dcc098c4 Binary files /dev/null and b/assets/metronic/img/syncfusion-icons-white.png differ diff --git a/assets/metronic/img/syncfusion-icons.png b/assets/metronic/img/syncfusion-icons.png new file mode 100644 index 00000000000..7ee68737669 Binary files /dev/null and b/assets/metronic/img/syncfusion-icons.png differ diff --git a/assets/metronic/img/works/img1.jpg b/assets/metronic/img/works/img1.jpg new file mode 100644 index 00000000000..0c2405ff701 Binary files /dev/null and b/assets/metronic/img/works/img1.jpg differ diff --git a/assets/metronic/img/works/img2.jpg b/assets/metronic/img/works/img2.jpg new file mode 100644 index 00000000000..236f5da89f6 Binary files /dev/null and b/assets/metronic/img/works/img2.jpg differ diff --git a/assets/metronic/img/works/img3.jpg b/assets/metronic/img/works/img3.jpg new file mode 100644 index 00000000000..3c09b602da9 Binary files /dev/null and b/assets/metronic/img/works/img3.jpg differ diff --git a/assets/metronic/img/works/img4.jpg b/assets/metronic/img/works/img4.jpg new file mode 100644 index 00000000000..6eed159ecc8 Binary files /dev/null and b/assets/metronic/img/works/img4.jpg differ diff --git a/assets/metronic/img/works/img5.jpg b/assets/metronic/img/works/img5.jpg new file mode 100644 index 00000000000..4b38c0279d3 Binary files /dev/null and b/assets/metronic/img/works/img5.jpg differ diff --git a/assets/metronic/img/works/img6.jpg b/assets/metronic/img/works/img6.jpg new file mode 100644 index 00000000000..b3c6505b353 Binary files /dev/null and b/assets/metronic/img/works/img6.jpg differ diff --git a/assets/metronic/plugins/backstretch/jquery.backstretch.min.js b/assets/metronic/plugins/backstretch/jquery.backstretch.min.js new file mode 100644 index 00000000000..874c1a6c240 --- /dev/null +++ b/assets/metronic/plugins/backstretch/jquery.backstretch.min.js @@ -0,0 +1,4 @@ +/*! Backstretch - v2.0.3 - 2012-11-30 +* http://srobbin.com/jquery-plugins/backstretch/ +* Copyright (c) 2012 Scott Robbin; Licensed MIT */ +(function(e,t,n){"use strict";e.fn.backstretch=function(r,s){return(r===n||r.length===0)&&e.error("No images were supplied for Backstretch"),e(t).scrollTop()===0&&t.scrollTo(0,0),this.each(function(){var t=e(this),n=t.data("backstretch");n&&(s=e.extend(n.options,s),n.destroy(!0)),n=new i(this,r,s),t.data("backstretch",n)})},e.backstretch=function(t,n){return e("body").backstretch(t,n).data("backstretch")},e.expr[":"].backstretch=function(t){return e(t).data("backstretch")!==n},e.fn.backstretch.defaults={centeredX:!0,centeredY:!0,duration:5e3,fade:0};var r={wrap:{left:0,top:0,overflow:"hidden",margin:0,padding:0,height:"100%",width:"100%",zIndex:-999999},img:{position:"absolute",display:"none",margin:0,padding:0,border:"none",width:"auto",height:"auto",maxWidth:"none",zIndex:-999999}},i=function(n,i,o){this.options=e.extend({},e.fn.backstretch.defaults,o||{}),this.images=e.isArray(i)?i:[i],e.each(this.images,function(){e("")[0].src=this}),this.isBody=n===document.body,this.$container=e(n),this.$wrap=e('
').css(r.wrap).appendTo(this.$container),this.$root=this.isBody?s?e(t):e(document):this.$container;if(!this.isBody){var u=this.$container.css("position"),a=this.$container.css("zIndex");this.$container.css({position:u==="static"?"relative":u,zIndex:a==="auto"?0:a,background:"none"}),this.$wrap.css({zIndex:-999998})}this.$wrap.css({position:this.isBody&&s?"fixed":"absolute"}),this.index=0,this.show(this.index),e(t).on("resize.backstretch",e.proxy(this.resize,this)).on("orientationchange.backstretch",e.proxy(function(){this.isBody&&t.pageYOffset===0&&(t.scrollTo(0,1),this.resize())},this))};i.prototype={resize:function(){try{var e={left:0,top:0},n=this.isBody?this.$root.width():this.$root.innerWidth(),r=n,i=this.isBody?t.innerHeight?t.innerHeight:this.$root.height():this.$root.innerHeight(),s=r/this.$img.data("ratio"),o;s>=i?(o=(s-i)/2,this.options.centeredY&&(e.top="-"+o+"px")):(s=i,r=s*this.$img.data("ratio"),o=(r-n)/2,this.options.centeredX&&(e.left="-"+o+"px")),this.$wrap.css({width:n,height:i}).find("img:not(.deleteable)").css({width:r,height:s}).css(e)}catch(u){}return this},show:function(t){if(Math.abs(t)>this.images.length-1)return;this.index=t;var n=this,i=n.$wrap.find("img").addClass("deleteable"),s=e.Event("backstretch.show",{relatedTarget:n.$container[0]});return clearInterval(n.interval),n.$img=e("").css(r.img).bind("load",function(t){var r=this.width||e(t.target).width(),o=this.height||e(t.target).height();e(this).data("ratio",r/o),e(this).fadeIn(n.options.speed||n.options.fade,function(){i.remove(),n.paused||n.cycle(),n.$container.trigger(s,n)}),n.resize()}).appendTo(n.$wrap),n.$img.attr("src",n.images[t]),n},next:function(){return this.show(this.index1&&(clearInterval(this.interval),this.interval=setInterval(e.proxy(function(){this.paused||this.next()},this),this.options.duration)),this},destroy:function(n){e(t).off("resize.backstretch orientationchange.backstretch"),clearInterval(this.interval),n||this.$wrap.remove(),this.$container.removeData("backstretch")}};var s=function(){var e=navigator.userAgent,n=navigator.platform,r=e.match(/AppleWebKit\/([0-9]+)/),i=!!r&&r[1],s=e.match(/Fennec\/([0-9]+)/),o=!!s&&s[1],u=e.match(/Opera Mobi\/([0-9]+)/),a=!!u&&u[1],f=e.match(/MSIE ([0-9]+)/),l=!!f&&f[1];return!((n.indexOf("iPhone")>-1||n.indexOf("iPad")>-1||n.indexOf("iPod")>-1)&&i&&i<534||t.operamini&&{}.toString.call(t.operamini)==="[object OperaMini]"||u&&a<7458||e.indexOf("Android")>-1&&i&&i<533||o&&o<6||"palmGetResource"in t&&i&&i<534||e.indexOf("MeeGo")>-1&&e.indexOf("NokiaBrowser/8.5.0")>-1||l&&l<=6)}()})(jQuery,window); \ No newline at end of file diff --git a/assets/metronic/plugins/bootbox/bootbox.min.js b/assets/metronic/plugins/bootbox/bootbox.min.js new file mode 100644 index 00000000000..4ea792f3a8b --- /dev/null +++ b/assets/metronic/plugins/bootbox/bootbox.min.js @@ -0,0 +1,6 @@ +/** + * bootbox.js v4.1.0 + * + * http://bootboxjs.com/license.txt + */ +window.bootbox=window.bootbox||function a(b,c){"use strict";function d(a){var b=r[p.locale];return b?b[a]:r.en[a]}function e(a,c,d){a.preventDefault();var e=b.isFunction(d)&&d(a)===!1;e||c.modal("hide")}function f(a){var b,c=0;for(b in a)c++;return c}function g(a,c){var d=0;b.each(a,function(a,b){c(a,b,d++)})}function h(a){var c,d;if("object"!=typeof a)throw new Error("Please supply an object of options");if(!a.message)throw new Error("Please specify a message");return a=b.extend({},p,a),a.buttons||(a.buttons={}),a.backdrop=a.backdrop?"static":!1,c=a.buttons,d=f(c),g(c,function(a,e,f){if(b.isFunction(e)&&(e=c[a]={callback:e}),"object"!==b.type(e))throw new Error("button with key "+a+" must be an object");e.label||(e.label=a),e.className||(e.className=2>=d&&f===d-1?"btn-primary":"btn-default")}),a}function i(a,b){var c=a.length,d={};if(1>c||c>2)throw new Error("Invalid argument length");return 2===c||"string"==typeof a[0]?(d[b[0]]=a[0],d[b[1]]=a[1]):d=a[0],d}function j(a,c,d){return b.extend(!0,{},a,i(c,d))}function k(a,b,c,d){var e={className:"bootbox-"+a,buttons:l.apply(null,b)};return m(j(e,d,c),b)}function l(){for(var a={},b=0,c=arguments.length;c>b;b++){var e=arguments[b],f=e.toLowerCase(),g=e.toUpperCase();a[f]={label:d(g)}}return a}function m(a,b){var d={};return g(b,function(a,b){d[b]=!0}),g(a.buttons,function(a){if(d[a]===c)throw new Error("button key "+a+" is not allowed (options are "+b.join("\n")+")")}),a}var n={dialog:"",header:"

",footer:"
",closeButton:"",form:"
",inputs:{text:"",email:"",select:"",checkbox:"
"}},o=b("body"),p={locale:"en",backdrop:!0,animate:!0,className:null,closeButton:!0,show:!0},q={};q.alert=function(){var a;if(a=k("alert",["ok"],["message","callback"],arguments),a.callback&&!b.isFunction(a.callback))throw new Error("alert requires callback property to be a function when provided");return a.buttons.ok.callback=a.onEscape=function(){return b.isFunction(a.callback)?a.callback():!0},q.dialog(a)},q.confirm=function(){var a;if(a=k("confirm",["cancel","confirm"],["message","callback"],arguments),a.buttons.cancel.callback=a.onEscape=function(){return a.callback(!1)},a.buttons.confirm.callback=function(){return a.callback(!0)},!b.isFunction(a.callback))throw new Error("confirm requires a callback");return q.dialog(a)},q.prompt=function(){var a,d,e,f,h,i,k;if(f=b(n.form),d={className:"bootbox-prompt",buttons:l("cancel","confirm"),value:"",inputType:"text"},a=m(j(d,arguments,["title","callback"]),["cancel","confirm"]),i=a.show===c?!0:a.show,a.message=f,a.buttons.cancel.callback=a.onEscape=function(){return a.callback(null)},a.buttons.confirm.callback=function(){var c;switch(a.inputType){case"text":case"email":case"select":c=h.val();break;case"checkbox":var d=h.find("input:checked");c=[],g(d,function(a,d){c.push(b(d).val())})}return a.callback(c)},a.show=!1,!a.title)throw new Error("prompt requires a title");if(!b.isFunction(a.callback))throw new Error("prompt requires a callback");if(!n.inputs[a.inputType])throw new Error("invalid prompt type");switch(h=b(n.inputs[a.inputType]),a.inputType){case"text":case"email":h.val(a.value);break;case"select":var o={};if(k=a.inputOptions||[],!k.length)throw new Error("prompt with select requires options");g(k,function(a,d){var e=h;if(d.value===c||d.text===c)throw new Error("given options in wrong format");d.group&&(o[d.group]||(o[d.group]=b("").attr("label",d.group)),e=o[d.group]),e.append("")}),g(o,function(a,b){h.append(b)}),h.val(a.value);break;case"checkbox":var p=b.isArray(a.value)?a.value:[a.value];if(k=a.inputOptions||[],!k.length)throw new Error("prompt with checkbox requires options");if(!k[0].value||!k[0].text)throw new Error("given options in wrong format");h=b("
"),g(k,function(c,d){var e=b(n.inputs[a.inputType]);e.find("input").attr("value",d.value),e.find("label").append(d.text),g(p,function(a,b){b===d.value&&e.find("input").prop("checked",!0)}),h.append(e)})}return a.placeholder&&h.attr("placeholder",a.placeholder),f.append(h),f.on("submit",function(a){a.preventDefault(),e.find(".btn-primary").click()}),e=q.dialog(a),e.off("shown.bs.modal"),e.on("shown.bs.modal",function(){h.focus()}),i===!0&&e.modal("show"),e},q.dialog=function(a){a=h(a);var c=b(n.dialog),d=c.find(".modal-body"),f=a.buttons,i="",j={onEscape:a.onEscape};if(g(f,function(a,b){i+="",j[a]=b.callback}),d.find(".bootbox-body").html(a.message),a.animate===!0&&c.addClass("fade"),a.className&&c.addClass(a.className),a.title&&d.before(n.header),a.closeButton){var k=b(n.closeButton);a.title?c.find(".modal-header").prepend(k):k.css("margin-top","-10px").prependTo(d)}return a.title&&c.find(".modal-title").html(a.title),i.length&&(d.after(n.footer),c.find(".modal-footer").html(i)),c.on("hidden.bs.modal",function(a){a.target===this&&c.remove()}),c.on("shown.bs.modal",function(){c.find(".btn-primary:first").focus()}),c.on("escape.close.bb",function(a){j.onEscape&&e(a,c,j.onEscape)}),c.on("click",".modal-footer button",function(a){var d=b(this).data("bb-handler");e(a,c,j[d])}),c.on("click",".bootbox-close-button",function(a){e(a,c,j.onEscape)}),c.on("keyup",function(a){27===a.which&&c.trigger("escape.close.bb")}),o.append(c),c.modal({backdrop:a.backdrop,keyboard:!1,show:!1}),a.show&&c.modal("show"),c},q.setDefaults=function(){var a={};2===arguments.length?a[arguments[0]]=arguments[1]:a=arguments[0],b.extend(p,a)},q.hideAll=function(){b(".bootbox").modal("hide")};var r={br:{OK:"OK",CANCEL:"Cancelar",CONFIRM:"Sim"},da:{OK:"OK",CANCEL:"Annuller",CONFIRM:"Accepter"},de:{OK:"OK",CANCEL:"Abbrechen",CONFIRM:"Akzeptieren"},en:{OK:"OK",CANCEL:"Cancel",CONFIRM:"OK"},es:{OK:"OK",CANCEL:"Cancelar",CONFIRM:"Aceptar"},fi:{OK:"OK",CANCEL:"Peruuta",CONFIRM:"OK"},fr:{OK:"OK",CANCEL:"Annuler",CONFIRM:"D'accord"},it:{OK:"OK",CANCEL:"Annulla",CONFIRM:"Conferma"},nl:{OK:"OK",CANCEL:"Annuleren",CONFIRM:"Accepteren"},no:{OK:"OK",CANCEL:"Avbryt",CONFIRM:"OK"},pl:{OK:"OK",CANCEL:"Anuluj",CONFIRM:"Potwierdź"},ru:{OK:"OK",CANCEL:"Отмена",CONFIRM:"Применить"},zh_CN:{OK:"OK",CANCEL:"取消",CONFIRM:"确认"},zh_TW:{OK:"OK",CANCEL:"取消",CONFIRM:"確認"}};return q.init=function(c){window.bootbox=a(c||b)},q}(window.jQuery); \ No newline at end of file diff --git a/assets/metronic/plugins/bootstrap-colorpicker/css/colorpicker.css b/assets/metronic/plugins/bootstrap-colorpicker/css/colorpicker.css new file mode 100644 index 00000000000..25c32a15b41 --- /dev/null +++ b/assets/metronic/plugins/bootstrap-colorpicker/css/colorpicker.css @@ -0,0 +1,127 @@ +/*! +* Colorpicker for Bootstrap +* +* Copyright 2012 Stefan Petre +* Licensed under the Apache License v2.0 +* http://www.apache.org/licenses/LICENSE-2.0 +* +*/ +.colorpicker-saturation { + width: 100px; + height: 100px; + background-image: url(../img/saturation.png); + cursor: crosshair; + float: left; +} +.colorpicker-saturation i { + display: block; + height: 5px; + width: 5px; + border: 1px solid #000; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + position: absolute; + top: 0; + left: 0; + margin: -4px 0 0 -4px; +} +.colorpicker-saturation i b { + display: block; + height: 5px; + width: 5px; + border: 1px solid #fff; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} +.colorpicker-hue, .colorpicker-alpha { + width: 15px; + height: 100px; + float: left; + cursor: row-resize; + margin-left: 4px; + margin-bottom: 4px; +} +.colorpicker-hue i, .colorpicker-alpha i { + display: block; + height: 1px; + background: #000; + border-top: 1px solid #fff; + position: absolute; + top: 0; + left: 0; + width: 100%; + margin-top: -1px; +} +.colorpicker-hue { + background-image: url(../img/hue.png); +} +.colorpicker-alpha { + background-image: url(../img/alpha.png); + display: none; +} +.colorpicker { + *zoom: 1; + top: 0; + left: 0; + padding: 4px; + min-width: 120px; + margin-top: 1px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.colorpicker:before, .colorpicker:after { + display: table; + content: ""; +} +.colorpicker:after { + clear: both; +} +.colorpicker:before { + content: ''; + display: inline-block; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + border-bottom: 7px solid #ccc; + border-bottom-color: rgba(0, 0, 0, 0.2); + position: absolute; + top: -7px; + left: 6px; +} +.colorpicker:after { + content: ''; + display: inline-block; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-bottom: 6px solid #ffffff; + position: absolute; + top: -6px; + left: 7px; +} +.colorpicker div { + position: relative; +} +.colorpicker.alpha { + min-width: 140px; +} +.colorpicker.alpha .colorpicker-alpha { + display: block; +} +.colorpicker-color { + height: 10px; + margin-top: 5px; + clear: both; + background-image: url(../img/alpha.png); + background-position: 0 100%; +} +.colorpicker-color div { + height: 10px; +} +.input-append.color .add-on i, .input-prepend.color .add-on i { + display: block; + cursor: pointer; + width: 16px; + height: 16px; +} \ No newline at end of file diff --git a/assets/metronic/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.js b/assets/metronic/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.js new file mode 100644 index 00000000000..40a7744e86d --- /dev/null +++ b/assets/metronic/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.js @@ -0,0 +1,540 @@ +/* ========================================================= + * bootstrap-colorpicker.js + * http://www.eyecon.ro/bootstrap-colorpicker + * ========================================================= + * Copyright 2012 Stefan Petre + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * ========================================================= */ + +!function( $ ) { + + // Color object + + var Color = function(val) { + this.value = { + h: 1, + s: 1, + b: 1, + a: 1 + }; + this.setColor(val); + }; + + Color.prototype = { + constructor: Color, + + //parse a string to HSB + setColor: function(val){ + val = val.toLowerCase(); + var that = this; + $.each( CPGlobal.stringParsers, function( i, parser ) { + var match = parser.re.exec( val ), + values = match && parser.parse( match ), + space = parser.space||'rgba'; + if ( values ) { + if (space === 'hsla') { + that.value = CPGlobal.RGBtoHSB.apply(null, CPGlobal.HSLtoRGB.apply(null, values)); + } else { + that.value = CPGlobal.RGBtoHSB.apply(null, values); + } + return false; + } + }); + }, + + setHue: function(h) { + this.value.h = 1- h; + }, + + setSaturation: function(s) { + this.value.s = s; + }, + + setLightness: function(b) { + this.value.b = 1- b; + }, + + setAlpha: function(a) { + this.value.a = parseInt((1 - a)*100, 10)/100; + }, + + // HSBtoRGB from RaphaelJS + // https://github.com/DmitryBaranovskiy/raphael/ + toRGB: function(h, s, b, a) { + if (!h) { + h = this.value.h; + s = this.value.s; + b = this.value.b; + } + h *= 360; + var R, G, B, X, C; + h = (h % 360) / 60; + C = b * s; + X = C * (1 - Math.abs(h % 2 - 1)); + R = G = B = b - C; + + h = ~~h; + R += [C, X, 0, 0, X, C][h]; + G += [X, C, C, X, 0, 0][h]; + B += [0, 0, X, C, C, X][h]; + return { + r: Math.round(R*255), + g: Math.round(G*255), + b: Math.round(B*255), + a: a||this.value.a + }; + }, + + toHex: function(h, s, b, a){ + var rgb = this.toRGB(h, s, b, a); + return '#'+((1 << 24) | (parseInt(rgb.r) << 16) | (parseInt(rgb.g) << 8) | parseInt(rgb.b)).toString(16).substr(1); + }, + + toHSL: function(h, s, b, a){ + if (!h) { + h = this.value.h; + s = this.value.s; + b = this.value.b; + } + var H = h, + L = (2 - s) * b, + S = s * b; + if (L > 0 && L <= 1) { + S /= L; + } else { + S /= 2 - L; + } + L /= 2; + if (S > 1) { + S = 1; + } + return { + h: H, + s: S, + l: L, + a: a||this.value.a + }; + } + }; + + // Picker object + + var Colorpicker = function(element, options){ + this.element = $(element); + var format = options.format||this.element.data('color-format')||'hex'; + this.format = CPGlobal.translateFormats[format]; + this.isInput = this.element.is('input'); + this.component = this.element.is('.color') ? this.element.find('.input-group-btn') : false; // modified by keenthemes for Bootstrap 3.0 support + + this.picker = $(CPGlobal.template) + .appendTo('body') + .on('mousedown', $.proxy(this.mousedown, this)); + + if (this.isInput) { + this.element.on({ + 'focus': $.proxy(this.show, this), + 'keyup': $.proxy(this.update, this) + }); + } else if (this.component){ + this.component.on({ + 'click': $.proxy(this.show, this) + }); + } else { + this.element.on({ + 'click': $.proxy(this.show, this) + }); + } + if (format === 'rgba' || format === 'hsla') { + this.picker.addClass('alpha'); + this.alpha = this.picker.find('.colorpicker-alpha')[0].style; + } + + if (this.component){ + this.picker.find('.colorpicker-color').hide(); + this.preview = this.element.find('i')[0].style; + } else { + this.preview = this.picker.find('div:last')[0].style; + } + + this.base = this.picker.find('div:first')[0].style; + this.update(); + }; + + Colorpicker.prototype = { + constructor: Colorpicker, + + show: function(e) { + this.picker.show(); + this.height = this.component ? this.component.outerHeight() : this.element.outerHeight(); + this.place(); + $(window).on('resize', $.proxy(this.place, this)); + if (!this.isInput) { + if (e) { + e.stopPropagation(); + e.preventDefault(); + } + } + $(document).on({ + 'mousedown': $.proxy(this.hide, this) + }); + this.element.trigger({ + type: 'show', + color: this.color + }); + }, + + update: function(){ + this.color = new Color(this.isInput ? this.element.prop('value') : this.element.data('color')); + this.picker.find('i') + .eq(0).css({left: this.color.value.s*100, top: 100 - this.color.value.b*100}).end() + .eq(1).css('top', 100 * (1 - this.color.value.h)).end() + .eq(2).css('top', 100 * (1 - this.color.value.a)); + this.previewColor(); + }, + + setValue: function(newColor) { + this.color = new Color(newColor); + this.picker.find('i') + .eq(0).css({left: this.color.value.s*100, top: 100 - this.color.value.b*100}).end() + .eq(1).css('top', 100 * (1 - this.color.value.h)).end() + .eq(2).css('top', 100 * (1 - this.color.value.a)); + this.previewColor(); + this.element.trigger({ + type: 'changeColor', + color: this.color + }); + }, + + hide: function(){ + this.picker.hide(); + $(window).off('resize', this.place); + if (!this.isInput) { + $(document).off({ + 'mousedown': this.hide + }); + if (this.component){ + this.element.find('input').prop('value', this.format.call(this)); + } + this.element.data('color', this.format.call(this)); + } else { + this.element.prop('value', this.format.call(this)); + } + this.element.trigger({ + type: 'hide', + color: this.color + }); + }, + + place: function(){ + var offset = this.component ? this.component.offset() : this.element.offset(); + this.picker.css({ + top: offset.top + this.height, + left: offset.left + }); + }, + + //preview color change + previewColor: function(){ + try { + this.preview.backgroundColor = this.format.call(this); + } catch(e) { + this.preview.backgroundColor = this.color.toHex(); + } + //set the color for brightness/saturation slider + this.base.backgroundColor = this.color.toHex(this.color.value.h, 1, 1, 1); + //set te color for alpha slider + if (this.alpha) { + this.alpha.backgroundColor = this.color.toHex(); + } + }, + + pointer: null, + + slider: null, + + mousedown: function(e){ + e.stopPropagation(); + e.preventDefault(); + + var target = $(e.target); + + //detect the slider and set the limits and callbacks + var zone = target.closest('div'); + if (!zone.is('.colorpicker')) { + if (zone.is('.colorpicker-saturation')) { + this.slider = $.extend({}, CPGlobal.sliders.saturation); + } + else if (zone.is('.colorpicker-hue')) { + this.slider = $.extend({}, CPGlobal.sliders.hue); + } + else if (zone.is('.colorpicker-alpha')) { + this.slider = $.extend({}, CPGlobal.sliders.alpha); + } else { + return false; + } + var offset = zone.offset(); + //reference to knob's style + this.slider.knob = zone.find('i')[0].style; + this.slider.left = e.pageX - offset.left; + this.slider.top = e.pageY - offset.top; + this.pointer = { + left: e.pageX, + top: e.pageY + }; + //trigger mousemove to move the knob to the current position + $(document).on({ + mousemove: $.proxy(this.mousemove, this), + mouseup: $.proxy(this.mouseup, this) + }).trigger('mousemove'); + } + return false; + }, + + mousemove: function(e){ + e.stopPropagation(); + e.preventDefault(); + var left = Math.max( + 0, + Math.min( + this.slider.maxLeft, + this.slider.left + ((e.pageX||this.pointer.left) - this.pointer.left) + ) + ); + var top = Math.max( + 0, + Math.min( + this.slider.maxTop, + this.slider.top + ((e.pageY||this.pointer.top) - this.pointer.top) + ) + ); + this.slider.knob.left = left + 'px'; + this.slider.knob.top = top + 'px'; + if (this.slider.callLeft) { + this.color[this.slider.callLeft].call(this.color, left/100); + } + if (this.slider.callTop) { + this.color[this.slider.callTop].call(this.color, top/100); + } + this.previewColor(); + this.element.trigger({ + type: 'changeColor', + color: this.color + }); + return false; + }, + + mouseup: function(e){ + e.stopPropagation(); + e.preventDefault(); + $(document).off({ + mousemove: this.mousemove, + mouseup: this.mouseup + }); + return false; + } + } + + $.fn.colorpicker = function ( option, val ) { + return this.each(function () { + var $this = $(this), + data = $this.data('colorpicker'), + options = typeof option === 'object' && option; + if (!data) { + $this.data('colorpicker', (data = new Colorpicker(this, $.extend({}, $.fn.colorpicker.defaults,options)))); + } + if (typeof option === 'string') data[option](val); + }); + }; + + $.fn.colorpicker.defaults = { + }; + + $.fn.colorpicker.Constructor = Colorpicker; + + var CPGlobal = { + + // translate a format from Color object to a string + translateFormats: { + 'rgb': function(){ + var rgb = this.color.toRGB(); + return 'rgb('+rgb.r+','+rgb.g+','+rgb.b+')'; + }, + + 'rgba': function(){ + var rgb = this.color.toRGB(); + return 'rgba('+rgb.r+','+rgb.g+','+rgb.b+','+rgb.a+')'; + }, + + 'hsl': function(){ + var hsl = this.color.toHSL(); + return 'hsl('+Math.round(hsl.h*360)+','+Math.round(hsl.s*100)+'%,'+Math.round(hsl.l*100)+'%)'; + }, + + 'hsla': function(){ + var hsl = this.color.toHSL(); + return 'hsla('+Math.round(hsl.h*360)+','+Math.round(hsl.s*100)+'%,'+Math.round(hsl.l*100)+'%,'+hsl.a+')'; + }, + + 'hex': function(){ + return this.color.toHex(); + } + }, + + sliders: { + saturation: { + maxLeft: 100, + maxTop: 100, + callLeft: 'setSaturation', + callTop: 'setLightness' + }, + + hue: { + maxLeft: 0, + maxTop: 100, + callLeft: false, + callTop: 'setHue' + }, + + alpha: { + maxLeft: 0, + maxTop: 100, + callLeft: false, + callTop: 'setAlpha' + } + }, + + // HSBtoRGB from RaphaelJS + // https://github.com/DmitryBaranovskiy/raphael/ + RGBtoHSB: function (r, g, b, a){ + r /= 255; + g /= 255; + b /= 255; + + var H, S, V, C; + V = Math.max(r, g, b); + C = V - Math.min(r, g, b); + H = (C === 0 ? null : + V == r ? (g - b) / C : + V == g ? (b - r) / C + 2 : + (r - g) / C + 4 + ); + H = ((H + 360) % 6) * 60 / 360; + S = C === 0 ? 0 : C / V; + return {h: H||1, s: S, b: V, a: a||1}; + }, + + HueToRGB: function (p, q, h) { + if (h < 0) + h += 1; + else if (h > 1) + h -= 1; + + if ((h * 6) < 1) + return p + (q - p) * h * 6; + else if ((h * 2) < 1) + return q; + else if ((h * 3) < 2) + return p + (q - p) * ((2 / 3) - h) * 6; + else + return p; + }, + + HSLtoRGB: function (h, s, l, a) + { + if (s < 0) { + s = 0; + } + var q; + if (l <= 0.5) { + q = l * (1 + s); + } else { + q = l + s - (l * s); + } + + var p = 2 * l - q; + + var tr = h + (1 / 3); + var tg = h; + var tb = h - (1 / 3); + + var r = Math.round(CPGlobal.HueToRGB(p, q, tr) * 255); + var g = Math.round(CPGlobal.HueToRGB(p, q, tg) * 255); + var b = Math.round(CPGlobal.HueToRGB(p, q, tb) * 255); + return [r, g, b, a||1]; + }, + + // a set of RE's that can match strings and generate color tuples. + // from John Resig color plugin + // https://github.com/jquery/jquery-color/ + stringParsers: [ + { + re: /rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/, + parse: function( execResult ) { + return [ + execResult[ 1 ], + execResult[ 2 ], + execResult[ 3 ], + execResult[ 4 ] + ]; + } + }, { + re: /rgba?\(\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/, + parse: function( execResult ) { + return [ + 2.55 * execResult[1], + 2.55 * execResult[2], + 2.55 * execResult[3], + execResult[ 4 ] + ]; + } + }, { + re: /#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/, + parse: function( execResult ) { + return [ + parseInt( execResult[ 1 ], 16 ), + parseInt( execResult[ 2 ], 16 ), + parseInt( execResult[ 3 ], 16 ) + ]; + } + }, { + re: /#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/, + parse: function( execResult ) { + return [ + parseInt( execResult[ 1 ] + execResult[ 1 ], 16 ), + parseInt( execResult[ 2 ] + execResult[ 2 ], 16 ), + parseInt( execResult[ 3 ] + execResult[ 3 ], 16 ) + ]; + } + }, { + re: /hsla?\(\s*(\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/, + space: 'hsla', + parse: function( execResult ) { + return [ + execResult[1]/360, + execResult[2] / 100, + execResult[3] / 100, + execResult[4] + ]; + } + } + ], + template: '
'+ + '
'+ + '
'+ + '
'+ + '
'+ + '
' + }; + +}( window.jQuery ) \ No newline at end of file diff --git a/assets/metronic/plugins/bootstrap-datepaginator/bootstrap-datepaginator.min.js b/assets/metronic/plugins/bootstrap-datepaginator/bootstrap-datepaginator.min.js new file mode 100644 index 00000000000..db734b876b3 --- /dev/null +++ b/assets/metronic/plugins/bootstrap-datepaginator/bootstrap-datepaginator.min.js @@ -0,0 +1 @@ +!function(a,b,c,d){"use strict";var e="datepaginator",f=function(b,c){this._element=b,this.$element=a(b),this._init(c)};f.defaults={fillWidth:!0,highlightSelectedDate:!0,highlightToday:!0,hint:"dddd, Do MMMM YYYY",injectStyle:!0,itemWidth:35,navItemWidth:20,offDays:"Sat,Sun",offDaysFormat:"ddd",onSelectedDateChanged:null,selectedDate:moment().clone().startOf("day"),selectedDateFormat:"YYYY-MM-DD",selectedItemWidth:140,showCalendar:!0,showOffDays:!0,showStartOfWeek:!0,size:d,startOfWeek:"Mon",startOfWeekFormat:"ddd",squareEdges:!1,text:"ddd
Do",textSelected:"dddd
Do, MMMM YYYY",useBootstrap2:!1,width:0},f.prototype={setSelectedDate:function(a,b){this._setSelectedDate(moment(a,b?b:this.options.selectedDateFormat)),this._render()},remove:function(){this._destroy(),a.removeData(this,"plugin_"+e)},_init:function(b){this.options=a.extend({},f.defaults,b),this.options.width?this.options.fillWidth=!1:(this.options.width=this.$element.width(),this.options.fillWidth=!0),"string"==typeof this.options.selectedDate&&(this.options.selectedDate=moment(this.options.selectedDate,this.options.selectedDateFormat).clone().startOf("day")),"small"===this.options.size?this.options.size="sm":"large"===this.options.size&&(this.options.size="lg"),this._destroy(),this._subscribeEvents(),this._render()},_unsubscribeEvents:function(){this.$element.off("click"),this.$element.off("selectedDateChanged")},_subscribeEvents:function(){this._unsubscribeEvents(),this.$element.on("click",a.proxy(this._clickedHandler,this)),"function"==typeof this.options.onSelectedDateChanged&&this.$element.on("selectedDateChanged",this.options.onSelectedDateChanged),this.options.fillWidth&&a(b).on("resize",a.proxy(this._resize,this))},_destroy:function(){this.initialized&&(this.$calendar&&this.$calendar.datepicker("remove"),this.$wrapper.remove(),this.$wrapper=null,this._unsubscribeEvents()),this.initialized=!1},_clickedHandler:function(b){b.preventDefault();var c=a(b.target),d=c.attr("class");-1!=d.indexOf("dp-nav-left")?this._back():-1!=d.indexOf("dp-nav-right")?this._forward():-1!=d.indexOf("dp-item")&&this._select(c.attr("data-moment"))},_setSelectedDate:function(a){!1===a.isSame(this.options.selectedDate)&&(this.options.selectedDate=a.startOf("day"),this.$element.trigger("selectedDateChanged",[a.clone()]))},_back:function(){this._setSelectedDate(this.options.selectedDate.clone().subtract("day",1)),this._render()},_forward:function(){this._setSelectedDate(this.options.selectedDate.clone().add("day",1)),this._render()},_select:function(a){this._setSelectedDate(moment(a,this.options.selectedDateFormat)),this._render()},_calendarSelect:function(a){this._setSelectedDate(moment(a.date)),this._render()},_resize:function(){this.options.width=this.$element.width(),this._render()},_render:function(){var b=this;this.initialized?this.$calendar&&this.$calendar.datepicker("remove"):(this.$element.addClass(this.options.useBootstrap2?"pagination":"").removeClass("datepaginator datepaginator-sm datepaginator-lg").addClass("sm"===this.options.size?"datepaginator-sm":"lg"===this.options.size?"datepaginator-lg":"datepaginator"),this.$wrapper=a(this._template.list),this.$leftNav=a(this._template.listItem).append(a(this._template.navItem).addClass("dp-nav-left").addClass("sm"===this.options.size?"dp-nav-sm":"lg"===this.options.size?"dp-nav-lg":"").addClass(this.options.squareEdges?"dp-nav-square-edges":"").append(a(this._template.icon).addClass("fa-angle-left").addClass("dp-nav-left")).width(this.options.navItemWidth)),this.$rightNav=a(this._template.listItem).append(a(this._template.navItem).addClass("dp-nav-right").addClass("sm"===this.options.size?"dp-nav-sm":"lg"===this.options.size?"dp-nav-lg":"").addClass(this.options.squareEdges?"dp-nav-square-edges":"").append(a(this._template.icon).addClass("fa-angle-right").addClass("dp-nav-right")).width(this.options.navItemWidth)),this.$calendar=this.options.showCalendar?a(this._template.calendar):d,this._injectStyle(),this.initialized=!0),this.$element.empty().append(this.$wrapper.empty()),this.$wrapper.append(this.$leftNav),a.each(this._buildData(),function(c,d){var e=a(b._template.dateItem).attr("data-moment",d.m).attr("title",d.hint).width(d.itemWidth);d.isSelected&&b.options.highlightSelectedDate&&e.addClass("dp-selected"),d.isToday&&b.options.highlightToday&&e.addClass("dp-today"),d.isStartOfWeek&&b.options.showStartOfWeek&&e.addClass("dp-divider"),d.isOffDay&&b.options.showOffDays&&e.addClass("dp-off"),d.isSelected&&b.options.showCalendar&&e.append(b.$calendar),"sm"===b.options.size?e.addClass("dp-item-sm"):"lg"===b.options.size&&e.addClass("dp-item-lg"),e.append(d.text),b.$wrapper.append(a(b._template.listItem).append(e))}),this.$wrapper.append(this.$rightNav),this.$calendar&&this.$calendar.datepicker({autoclose:!0,forceParse:!0,startView:0,minView:0,todayHighlight:!0}).datepicker("update",this.options.selectedDate.toDate()).on("changeDate",a.proxy(this._calendarSelect,this))},_injectStyle:function(){this.options.injectStyle&&!c.getElementById("bootstrap-datepaginator-style")&&a("").appendTo("head")},_buildData:function(){for(var a=this.options.width-(this.options.selectedItemWidth-this.options.itemWidth+2*this.options.navItemWidth),b=Math.floor(a/this.options.itemWidth),c=parseInt(b/2),d=Math.floor(a/b),e=Math.floor(this.options.selectedItemWidth+(a-b*d)),f=moment().startOf("day"),g=this.options.selectedDate.clone().subtract("days",c),h=this.options.selectedDate.clone().add("days",b-c),i=new Array,j=g;j.isBefore(h);j.add("days",1))i[i.length]={m:j.clone().format(this.options.selectedDateFormat),isSelected:j.isSame(this.options.selectedDate)?!0:!1,isToday:j.isSame(f)?!0:!1,isOffDay:-1!==this.options.offDays.split(",").indexOf(j.format(this.options.offDaysFormat))?!0:!1,isStartOfWeek:-1!==this.options.startOfWeek.split(",").indexOf(j.format(this.options.startOfWeekFormat))?!0:!1,text:j.isSame(this.options.selectedDate)?j.format(this.options.textSelected):j.format(this.options.text),hint:j.format(this.options.hint),itemWidth:j.isSame(this.options.selectedDate)?e:d};return i},_template:{list:'
    ',listItem:"
  • ",navItem:'',dateItem:'',icon:'',calendar:''},_css:".datepaginator{font-size:12px;height:60px}.datepaginator-sm{font-size:10px;height:40px}.datepaginator-lg{font-size:14px;height:80px}.pagination{margin:0;padding:0;white-space:nowrap}.dp-nav{height:60px;padding:22px 0!important;width:20px;margin:0!important;text-align:center}.dp-nav-square-edges{border-radius:0!important}.dp-item{height:60px;padding:13px 0!important;width:35px;margin:0!important;border-left-style:hidden!important;text-align:center}.dp-item-sm{height:40px!important;padding:5px!important}.dp-item-lg{height:80px!important;padding:22px 0!important}.dp-nav-sm{height:40px!important;padding:11px 0!important}.dp-nav-lg{height:80px!important;padding:33px 0!important}a.dp-nav-right{border-left-style:hidden!important}.dp-divider{border-left:2px solid #ddd!important}.dp-off{background-color:#F0F0F0!important}.dp-today{background-color:#88B5DB!important;color:#fff!important}.dp-selected{background-color:#428bca!important;color:#fff!important;width:140px}#dp-calendar{padding:3px 5px 0 0!important;position:absolute;right:0;top:10}"};var g=function(a){b.console&&b.console.error(a)};a.fn[e]=function(b,c){return this.each(function(){var d=a.data(this,"plugin_"+e);"string"==typeof b?d?a.isFunction(d[b])&&"_"!==b.charAt(0)?("string"==typeof c&&(c=[c]),d[b].apply(d,c)):g("No such method : "+b):g("Not initialized, can not call method : "+b):d?d._init(b):a.data(this,"plugin_"+e,new f(this,b))})}}(jQuery,window,document); \ No newline at end of file diff --git a/assets/metronic/plugins/bootstrap-datepicker/css/datepicker.css b/assets/metronic/plugins/bootstrap-datepicker/css/datepicker.css new file mode 100644 index 00000000000..03bd90d4ddf --- /dev/null +++ b/assets/metronic/plugins/bootstrap-datepicker/css/datepicker.css @@ -0,0 +1,481 @@ +/*! + * Datepicker for Bootstrap + * + * Copyright 2012 Stefan Petre + * Improvements by Andrew Rowls + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0 + * + */ +.datepicker { + padding: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + direction: ltr; + /*.dow { + border-top: 1px solid #ddd !important; + }*/ + +} +.datepicker-inline { + width: 220px; +} +.datepicker.datepicker-rtl { + direction: rtl; +} +.datepicker.datepicker-rtl table tr td span { + float: right; +} +.datepicker-dropdown { + top: 0; + left: 0; +} +.datepicker-dropdown:before { + content: ''; + display: inline-block; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + border-bottom: 7px solid #ccc; + border-top: 0; + border-bottom-color: rgba(0, 0, 0, 0.2); + position: absolute; +} +.datepicker-dropdown:after { + content: ''; + display: inline-block; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-bottom: 6px solid #ffffff; + border-top: 0; + position: absolute; +} +.datepicker-dropdown.datepicker-orient-left:before { + left: 6px; +} +.datepicker-dropdown.datepicker-orient-left:after { + left: 7px; +} +.datepicker-dropdown.datepicker-orient-right:before { + right: 6px; +} +.datepicker-dropdown.datepicker-orient-right:after { + right: 7px; +} +.datepicker-dropdown.datepicker-orient-top:before { + top: -7px; +} +.datepicker-dropdown.datepicker-orient-top:after { + top: -6px; +} +.datepicker-dropdown.datepicker-orient-bottom:before { + bottom: -7px; + border-bottom: 0; + border-top: 7px solid #999; +} +.datepicker-dropdown.datepicker-orient-bottom:after { + bottom: -6px; + border-bottom: 0; + border-top: 6px solid #ffffff; +} +.datepicker > div { + display: none; +} +.datepicker.days div.datepicker-days { + display: block; +} +.datepicker.months div.datepicker-months { + display: block; +} +.datepicker.years div.datepicker-years { + display: block; +} +.datepicker table { + margin: 0; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.datepicker td, +.datepicker th { + text-align: center; + width: 20px; + height: 20px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + border: none; +} +.table-striped .datepicker table tr td, +.table-striped .datepicker table tr th { + background-color: transparent; +} +.datepicker table tr td.day:hover { + background: #eeeeee; + cursor: pointer; +} +.datepicker table tr td.old, +.datepicker table tr td.new { + color: #999999; +} +.datepicker table tr td.disabled, +.datepicker table tr td.disabled:hover { + background: none; + color: #999999; + cursor: default; +} +.datepicker table tr td.today, +.datepicker table tr td.today:hover, +.datepicker table tr td.today.disabled, +.datepicker table tr td.today.disabled:hover { + background-color: #fde19a; + background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a); + background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a)); + background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a); + background-image: -o-linear-gradient(top, #fdd49a, #fdf59a); + background-image: linear-gradient(top, #fdd49a, #fdf59a); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0); + border-color: #fdf59a #fdf59a #fbed50; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + color: #000; +} +.datepicker table tr td.today:hover, +.datepicker table tr td.today:hover:hover, +.datepicker table tr td.today.disabled:hover, +.datepicker table tr td.today.disabled:hover:hover, +.datepicker table tr td.today:active, +.datepicker table tr td.today:hover:active, +.datepicker table tr td.today.disabled:active, +.datepicker table tr td.today.disabled:hover:active, +.datepicker table tr td.today.active, +.datepicker table tr td.today:hover.active, +.datepicker table tr td.today.disabled.active, +.datepicker table tr td.today.disabled:hover.active, +.datepicker table tr td.today.disabled, +.datepicker table tr td.today:hover.disabled, +.datepicker table tr td.today.disabled.disabled, +.datepicker table tr td.today.disabled:hover.disabled, +.datepicker table tr td.today[disabled], +.datepicker table tr td.today:hover[disabled], +.datepicker table tr td.today.disabled[disabled], +.datepicker table tr td.today.disabled:hover[disabled] { + background-color: #fdf59a; +} +.datepicker table tr td.today:active, +.datepicker table tr td.today:hover:active, +.datepicker table tr td.today.disabled:active, +.datepicker table tr td.today.disabled:hover:active, +.datepicker table tr td.today.active, +.datepicker table tr td.today:hover.active, +.datepicker table tr td.today.disabled.active, +.datepicker table tr td.today.disabled:hover.active { + background-color: #fbf069 \9; +} +.datepicker table tr td.today:hover:hover { + color: #000; +} +.datepicker table tr td.today.active:hover { + color: #fff; +} +.datepicker table tr td.range, +.datepicker table tr td.range:hover, +.datepicker table tr td.range.disabled, +.datepicker table tr td.range.disabled:hover { + background: #eeeeee; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.datepicker table tr td.range.today, +.datepicker table tr td.range.today:hover, +.datepicker table tr td.range.today.disabled, +.datepicker table tr td.range.today.disabled:hover { + background-color: #f3d17a; + background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a); + background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a)); + background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a); + background-image: -o-linear-gradient(top, #f3c17a, #f3e97a); + background-image: linear-gradient(top, #f3c17a, #f3e97a); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0); + border-color: #f3e97a #f3e97a #edde34; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.datepicker table tr td.range.today:hover, +.datepicker table tr td.range.today:hover:hover, +.datepicker table tr td.range.today.disabled:hover, +.datepicker table tr td.range.today.disabled:hover:hover, +.datepicker table tr td.range.today:active, +.datepicker table tr td.range.today:hover:active, +.datepicker table tr td.range.today.disabled:active, +.datepicker table tr td.range.today.disabled:hover:active, +.datepicker table tr td.range.today.active, +.datepicker table tr td.range.today:hover.active, +.datepicker table tr td.range.today.disabled.active, +.datepicker table tr td.range.today.disabled:hover.active, +.datepicker table tr td.range.today.disabled, +.datepicker table tr td.range.today:hover.disabled, +.datepicker table tr td.range.today.disabled.disabled, +.datepicker table tr td.range.today.disabled:hover.disabled, +.datepicker table tr td.range.today[disabled], +.datepicker table tr td.range.today:hover[disabled], +.datepicker table tr td.range.today.disabled[disabled], +.datepicker table tr td.range.today.disabled:hover[disabled] { + background-color: #f3e97a; +} +.datepicker table tr td.range.today:active, +.datepicker table tr td.range.today:hover:active, +.datepicker table tr td.range.today.disabled:active, +.datepicker table tr td.range.today.disabled:hover:active, +.datepicker table tr td.range.today.active, +.datepicker table tr td.range.today:hover.active, +.datepicker table tr td.range.today.disabled.active, +.datepicker table tr td.range.today.disabled:hover.active { + background-color: #efe24b \9; +} +.datepicker table tr td.selected, +.datepicker table tr td.selected:hover, +.datepicker table tr td.selected.disabled, +.datepicker table tr td.selected.disabled:hover { + background-color: #9e9e9e; + background-image: -moz-linear-gradient(top, #b3b3b3, #808080); + background-image: -ms-linear-gradient(top, #b3b3b3, #808080); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080)); + background-image: -webkit-linear-gradient(top, #b3b3b3, #808080); + background-image: -o-linear-gradient(top, #b3b3b3, #808080); + background-image: linear-gradient(top, #b3b3b3, #808080); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0); + border-color: #808080 #808080 #595959; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + color: #fff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} +.datepicker table tr td.selected:hover, +.datepicker table tr td.selected:hover:hover, +.datepicker table tr td.selected.disabled:hover, +.datepicker table tr td.selected.disabled:hover:hover, +.datepicker table tr td.selected:active, +.datepicker table tr td.selected:hover:active, +.datepicker table tr td.selected.disabled:active, +.datepicker table tr td.selected.disabled:hover:active, +.datepicker table tr td.selected.active, +.datepicker table tr td.selected:hover.active, +.datepicker table tr td.selected.disabled.active, +.datepicker table tr td.selected.disabled:hover.active, +.datepicker table tr td.selected.disabled, +.datepicker table tr td.selected:hover.disabled, +.datepicker table tr td.selected.disabled.disabled, +.datepicker table tr td.selected.disabled:hover.disabled, +.datepicker table tr td.selected[disabled], +.datepicker table tr td.selected:hover[disabled], +.datepicker table tr td.selected.disabled[disabled], +.datepicker table tr td.selected.disabled:hover[disabled] { + background-color: #808080; +} +.datepicker table tr td.selected:active, +.datepicker table tr td.selected:hover:active, +.datepicker table tr td.selected.disabled:active, +.datepicker table tr td.selected.disabled:hover:active, +.datepicker table tr td.selected.active, +.datepicker table tr td.selected:hover.active, +.datepicker table tr td.selected.disabled.active, +.datepicker table tr td.selected.disabled:hover.active { + background-color: #666666 \9; +} +.datepicker table tr td.active, +.datepicker table tr td.active:hover, +.datepicker table tr td.active.disabled, +.datepicker table tr td.active.disabled:hover { + background-color: #006dcc; + background-image: -moz-linear-gradient(top, #0088cc, #0044cc); + background-image: -ms-linear-gradient(top, #0088cc, #0044cc); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); + background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); + background-image: -o-linear-gradient(top, #0088cc, #0044cc); + background-image: linear-gradient(top, #0088cc, #0044cc); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); + border-color: #0044cc #0044cc #002a80; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + color: #fff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} +.datepicker table tr td.active:hover, +.datepicker table tr td.active:hover:hover, +.datepicker table tr td.active.disabled:hover, +.datepicker table tr td.active.disabled:hover:hover, +.datepicker table tr td.active:active, +.datepicker table tr td.active:hover:active, +.datepicker table tr td.active.disabled:active, +.datepicker table tr td.active.disabled:hover:active, +.datepicker table tr td.active.active, +.datepicker table tr td.active:hover.active, +.datepicker table tr td.active.disabled.active, +.datepicker table tr td.active.disabled:hover.active, +.datepicker table tr td.active.disabled, +.datepicker table tr td.active:hover.disabled, +.datepicker table tr td.active.disabled.disabled, +.datepicker table tr td.active.disabled:hover.disabled, +.datepicker table tr td.active[disabled], +.datepicker table tr td.active:hover[disabled], +.datepicker table tr td.active.disabled[disabled], +.datepicker table tr td.active.disabled:hover[disabled] { + background-color: #0044cc; +} +.datepicker table tr td.active:active, +.datepicker table tr td.active:hover:active, +.datepicker table tr td.active.disabled:active, +.datepicker table tr td.active.disabled:hover:active, +.datepicker table tr td.active.active, +.datepicker table tr td.active:hover.active, +.datepicker table tr td.active.disabled.active, +.datepicker table tr td.active.disabled:hover.active { + background-color: #003399 \9; +} +.datepicker table tr td span { + display: block; + width: 23%; + height: 54px; + line-height: 54px; + float: left; + margin: 1%; + cursor: pointer; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.datepicker table tr td span:hover { + background: #eeeeee; +} +.datepicker table tr td span.disabled, +.datepicker table tr td span.disabled:hover { + background: none; + color: #999999; + cursor: default; +} +.datepicker table tr td span.active, +.datepicker table tr td span.active:hover, +.datepicker table tr td span.active.disabled, +.datepicker table tr td span.active.disabled:hover { + background-color: #006dcc; + background-image: -moz-linear-gradient(top, #0088cc, #0044cc); + background-image: -ms-linear-gradient(top, #0088cc, #0044cc); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); + background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); + background-image: -o-linear-gradient(top, #0088cc, #0044cc); + background-image: linear-gradient(top, #0088cc, #0044cc); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); + border-color: #0044cc #0044cc #002a80; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + color: #fff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} +.datepicker table tr td span.active:hover, +.datepicker table tr td span.active:hover:hover, +.datepicker table tr td span.active.disabled:hover, +.datepicker table tr td span.active.disabled:hover:hover, +.datepicker table tr td span.active:active, +.datepicker table tr td span.active:hover:active, +.datepicker table tr td span.active.disabled:active, +.datepicker table tr td span.active.disabled:hover:active, +.datepicker table tr td span.active.active, +.datepicker table tr td span.active:hover.active, +.datepicker table tr td span.active.disabled.active, +.datepicker table tr td span.active.disabled:hover.active, +.datepicker table tr td span.active.disabled, +.datepicker table tr td span.active:hover.disabled, +.datepicker table tr td span.active.disabled.disabled, +.datepicker table tr td span.active.disabled:hover.disabled, +.datepicker table tr td span.active[disabled], +.datepicker table tr td span.active:hover[disabled], +.datepicker table tr td span.active.disabled[disabled], +.datepicker table tr td span.active.disabled:hover[disabled] { + background-color: #0044cc; +} +.datepicker table tr td span.active:active, +.datepicker table tr td span.active:hover:active, +.datepicker table tr td span.active.disabled:active, +.datepicker table tr td span.active.disabled:hover:active, +.datepicker table tr td span.active.active, +.datepicker table tr td span.active:hover.active, +.datepicker table tr td span.active.disabled.active, +.datepicker table tr td span.active.disabled:hover.active { + background-color: #003399 \9; +} +.datepicker table tr td span.old, +.datepicker table tr td span.new { + color: #999999; +} +.datepicker th.datepicker-switch { + width: 145px; +} +.datepicker thead tr:first-child th, +.datepicker tfoot tr th { + cursor: pointer; +} +.datepicker thead tr:first-child th:hover, +.datepicker tfoot tr th:hover { + background: #eeeeee; +} +.datepicker .cw { + font-size: 10px; + width: 12px; + padding: 0 2px 0 5px; + vertical-align: middle; +} +.datepicker thead tr:first-child th.cw { + cursor: default; + background-color: transparent; +} +.input-append.date .add-on i, +.input-prepend.date .add-on i { + display: block; + cursor: pointer; + width: 16px; + height: 16px; +} +.input-daterange input { + text-align: center; +} +.input-daterange input:first-child { + -webkit-border-radius: 3px 0 0 3px; + -moz-border-radius: 3px 0 0 3px; + border-radius: 3px 0 0 3px; +} +.input-daterange input:last-child { + -webkit-border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; +} +.input-daterange .add-on { + display: inline-block; + width: auto; + min-width: 16px; + height: 18px; + padding: 4px 5px; + font-weight: normal; + line-height: 18px; + text-align: center; + text-shadow: 0 1px 0 #ffffff; + vertical-align: middle; + background-color: #eeeeee; + border: 1px solid #ccc; + margin-left: -5px; + margin-right: -5px; +} diff --git a/assets/metronic/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js b/assets/metronic/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js new file mode 100644 index 00000000000..fa3192f5618 --- /dev/null +++ b/assets/metronic/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js @@ -0,0 +1,1396 @@ +/* ========================================================= + * bootstrap-datepicker.js + * http://www.eyecon.ro/bootstrap-datepicker + * ========================================================= + * Copyright 2012 Stefan Petre + * Improvements by Andrew Rowls + * Improvements By Keenthemes for Boostrap 3.0 support + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * ========================================================= */ + +(function( $ ) { + + var $window = $(window); + + function UTCDate(){ + return new Date(Date.UTC.apply(Date, arguments)); + } + function UTCToday(){ + var today = new Date(); + return UTCDate(today.getUTCFullYear(), today.getUTCMonth(), today.getUTCDate()); + } + + + // Picker object + + var Datepicker = function(element, options) { + var that = this; + + this._process_options(options); + + this.element = $(element); + this.isInline = false; + this.isInput = this.element.is('input'); + this.component = this.element.is('.date') ? this.element.find('.input-group-btn, .btn') : false; + this.hasInput = this.component && this.element.find('input').length; + if(this.component && this.component.length === 0) + this.component = false; + + this.picker = $(DPGlobal.template); + this._buildEvents(); + this._attachEvents(); + + if(this.isInline) { + this.picker.addClass('datepicker-inline').appendTo(this.element); + } else { + this.picker.addClass('datepicker-dropdown dropdown-menu'); + } + + if (this.o.rtl){ + this.picker.addClass('datepicker-rtl'); + this.picker.find('.prev i, .next i') + .toggleClass('fa-angle-left fa-angle-right'); + } + + + this.viewMode = this.o.startView; + + if (this.o.calendarWeeks) + this.picker.find('tfoot th.today') + .attr('colspan', function(i, val){ + return parseInt(val) + 1; + }); + + this._allow_update = false; + + this.setStartDate(this._o.startDate); + this.setEndDate(this._o.endDate); + this.setDaysOfWeekDisabled(this.o.daysOfWeekDisabled); + + this.fillDow(); + this.fillMonths(); + + this._allow_update = true; + + this.update(); + this.showMode(); + + if(this.isInline) { + this.show(); + } + }; + + Datepicker.prototype = { + constructor: Datepicker, + + _process_options: function(opts){ + // Store raw options for reference + this._o = $.extend({}, this._o, opts); + // Processed options + var o = this.o = $.extend({}, this._o); + + // Check if "de-DE" style date is available, if not language should + // fallback to 2 letter code eg "de" + var lang = o.language; + if (!dates[lang]) { + lang = lang.split('-')[0]; + if (!dates[lang]) + lang = defaults.language; + } + o.language = lang; + + switch(o.startView){ + case 2: + case 'decade': + o.startView = 2; + break; + case 1: + case 'year': + o.startView = 1; + break; + default: + o.startView = 0; + } + + switch (o.minViewMode) { + case 1: + case 'months': + o.minViewMode = 1; + break; + case 2: + case 'years': + o.minViewMode = 2; + break; + default: + o.minViewMode = 0; + } + + o.startView = Math.max(o.startView, o.minViewMode); + + o.weekStart %= 7; + o.weekEnd = ((o.weekStart + 6) % 7); + + var format = DPGlobal.parseFormat(o.format); + if (o.startDate !== -Infinity) { + if (!!o.startDate) { + if (o.startDate instanceof Date) + o.startDate = this._local_to_utc(this._zero_time(o.startDate)); + else + o.startDate = DPGlobal.parseDate(o.startDate, format, o.language); + } else { + o.startDate = -Infinity; + } + } + if (o.endDate !== Infinity) { + if (!!o.endDate) { + if (o.endDate instanceof Date) + o.endDate = this._local_to_utc(this._zero_time(o.endDate)); + else + o.endDate = DPGlobal.parseDate(o.endDate, format, o.language); + } else { + o.endDate = Infinity; + } + } + + o.daysOfWeekDisabled = o.daysOfWeekDisabled||[]; + if (!$.isArray(o.daysOfWeekDisabled)) + o.daysOfWeekDisabled = o.daysOfWeekDisabled.split(/[,\s]*/); + o.daysOfWeekDisabled = $.map(o.daysOfWeekDisabled, function (d) { + return parseInt(d, 10); + }); + + var plc = String(o.orientation).toLowerCase().split(/\s+/g), + _plc = o.orientation.toLowerCase(); + plc = $.grep(plc, function(word){ + return (/^auto|left|right|top|bottom$/).test(word); + }); + o.orientation = {x: 'auto', y: 'auto'}; + if (!_plc || _plc === 'auto') + ; // no action + else if (plc.length === 1){ + switch(plc[0]){ + case 'top': + case 'bottom': + o.orientation.y = plc[0]; + break; + case 'left': + case 'right': + o.orientation.x = plc[0]; + break; + } + } + else { + _plc = $.grep(plc, function(word){ + return (/^left|right$/).test(word); + }); + o.orientation.x = _plc[0] || 'auto'; + + _plc = $.grep(plc, function(word){ + return (/^top|bottom$/).test(word); + }); + o.orientation.y = _plc[0] || 'auto'; + } + }, + _events: [], + _secondaryEvents: [], + _applyEvents: function(evs){ + for (var i=0, el, ev; i windowWidth) + left = windowWidth - calendarWidth - visualPadding; + } + + // auto y orientation is best-situation: top or bottom, no fudging, + // decision based on which shows more of the calendar + var yorient = this.o.orientation.y, + top_overflow, bottom_overflow; + if (yorient === 'auto') { + top_overflow = -scrollTop + offset.top - calendarHeight; + bottom_overflow = scrollTop + windowHeight - (offset.top + height + calendarHeight); + if (Math.max(top_overflow, bottom_overflow) === bottom_overflow) + yorient = 'top'; + else + yorient = 'bottom'; + } + this.picker.addClass('datepicker-orient-' + yorient); + if (yorient === 'top') + top += height; + else + top -= calendarHeight + parseInt(this.picker.css('padding-top')); + + this.picker.css({ + top: top, + left: left, + zIndex: zIndex + }); + }, + + _allow_update: true, + update: function(){ + if (!this._allow_update) return; + + var oldDate = new Date(this.date), + date, fromArgs = false; + if(arguments && arguments.length && (typeof arguments[0] === 'string' || arguments[0] instanceof Date)) { + date = arguments[0]; + if (date instanceof Date) + date = this._local_to_utc(date); + fromArgs = true; + } else { + date = this.isInput ? this.element.val() : this.element.data('date') || this.element.find('input').val(); + delete this.element.data().date; + } + + this.date = DPGlobal.parseDate(date, this.o.format, this.o.language); + + if (fromArgs) { + // setting date by clicking + this.setValue(); + } else if (date) { + // setting date by typing + if (oldDate.getTime() !== this.date.getTime()) + this._trigger('changeDate'); + } else { + // clearing date + this._trigger('clearDate'); + } + + if (this.date < this.o.startDate) { + this.viewDate = new Date(this.o.startDate); + this.date = new Date(this.o.startDate); + } else if (this.date > this.o.endDate) { + this.viewDate = new Date(this.o.endDate); + this.date = new Date(this.o.endDate); + } else { + this.viewDate = new Date(this.date); + this.date = new Date(this.date); + } + this.fill(); + }, + + fillDow: function(){ + var dowCnt = this.o.weekStart, + html = ''; + if(this.o.calendarWeeks){ + var cell = ' '; + html += cell; + this.picker.find('.datepicker-days thead tr:first-child').prepend(cell); + } + while (dowCnt < this.o.weekStart + 7) { + html += ''+dates[this.o.language].daysMin[(dowCnt++)%7]+''; + } + html += ''; + this.picker.find('.datepicker-days thead').append(html); + }, + + fillMonths: function(){ + var html = '', + i = 0; + while (i < 12) { + html += ''+dates[this.o.language].monthsShort[i++]+''; + } + this.picker.find('.datepicker-months td').html(html); + }, + + setRange: function(range){ + if (!range || !range.length) + delete this.range; + else + this.range = $.map(range, function(d){ return d.valueOf(); }); + this.fill(); + }, + + getClassNames: function(date){ + var cls = [], + year = this.viewDate.getUTCFullYear(), + month = this.viewDate.getUTCMonth(), + currentDate = this.date.valueOf(), + today = new Date(); + if (date.getUTCFullYear() < year || (date.getUTCFullYear() == year && date.getUTCMonth() < month)) { + cls.push('old'); + } else if (date.getUTCFullYear() > year || (date.getUTCFullYear() == year && date.getUTCMonth() > month)) { + cls.push('new'); + } + // Compare internal UTC date with local today, not UTC today + if (this.o.todayHighlight && + date.getUTCFullYear() == today.getFullYear() && + date.getUTCMonth() == today.getMonth() && + date.getUTCDate() == today.getDate()) { + cls.push('today'); + } + if (currentDate && date.valueOf() == currentDate) { + cls.push('active'); + } + if (date.valueOf() < this.o.startDate || date.valueOf() > this.o.endDate || + $.inArray(date.getUTCDay(), this.o.daysOfWeekDisabled) !== -1) { + cls.push('disabled'); + } + if (this.range){ + if (date > this.range[0] && date < this.range[this.range.length-1]){ + cls.push('range'); + } + if ($.inArray(date.valueOf(), this.range) != -1){ + cls.push('selected'); + } + } + return cls; + }, + + fill: function() { + var d = new Date(this.viewDate), + year = d.getUTCFullYear(), + month = d.getUTCMonth(), + startYear = this.o.startDate !== -Infinity ? this.o.startDate.getUTCFullYear() : -Infinity, + startMonth = this.o.startDate !== -Infinity ? this.o.startDate.getUTCMonth() : -Infinity, + endYear = this.o.endDate !== Infinity ? this.o.endDate.getUTCFullYear() : Infinity, + endMonth = this.o.endDate !== Infinity ? this.o.endDate.getUTCMonth() : Infinity, + currentDate = this.date && this.date.valueOf(), + tooltip; + this.picker.find('.datepicker-days thead th.datepicker-switch') + .text(dates[this.o.language].months[month]+' '+year); + this.picker.find('tfoot th.today') + .text(dates[this.o.language].today) + .toggle(this.o.todayBtn !== false); + this.picker.find('tfoot th.clear') + .text(dates[this.o.language].clear) + .toggle(this.o.clearBtn !== false); + this.updateNavArrows(); + this.fillMonths(); + var prevMonth = UTCDate(year, month-1, 28,0,0,0,0), + day = DPGlobal.getDaysInMonth(prevMonth.getUTCFullYear(), prevMonth.getUTCMonth()); + prevMonth.setUTCDate(day); + prevMonth.setUTCDate(day - (prevMonth.getUTCDay() - this.o.weekStart + 7)%7); + var nextMonth = new Date(prevMonth); + nextMonth.setUTCDate(nextMonth.getUTCDate() + 42); + nextMonth = nextMonth.valueOf(); + var html = []; + var clsName; + while(prevMonth.valueOf() < nextMonth) { + if (prevMonth.getUTCDay() == this.o.weekStart) { + html.push(''); + if(this.o.calendarWeeks){ + // ISO 8601: First week contains first thursday. + // ISO also states week starts on Monday, but we can be more abstract here. + var + // Start of current week: based on weekstart/current date + ws = new Date(+prevMonth + (this.o.weekStart - prevMonth.getUTCDay() - 7) % 7 * 864e5), + // Thursday of this week + th = new Date(+ws + (7 + 4 - ws.getUTCDay()) % 7 * 864e5), + // First Thursday of year, year from thursday + yth = new Date(+(yth = UTCDate(th.getUTCFullYear(), 0, 1)) + (7 + 4 - yth.getUTCDay())%7*864e5), + // Calendar week: ms between thursdays, div ms per day, div 7 days + calWeek = (th - yth) / 864e5 / 7 + 1; + html.push(''+ calWeek +''); + + } + } + clsName = this.getClassNames(prevMonth); + clsName.push('day'); + + if (this.o.beforeShowDay !== $.noop){ + var before = this.o.beforeShowDay(this._utc_to_local(prevMonth)); + if (before === undefined) + before = {}; + else if (typeof(before) === 'boolean') + before = {enabled: before}; + else if (typeof(before) === 'string') + before = {classes: before}; + if (before.enabled === false) + clsName.push('disabled'); + if (before.classes) + clsName = clsName.concat(before.classes.split(/\s+/)); + if (before.tooltip) + tooltip = before.tooltip; + } + + clsName = $.unique(clsName); + html.push(''+prevMonth.getUTCDate() + ''); + if (prevMonth.getUTCDay() == this.o.weekEnd) { + html.push(''); + } + prevMonth.setUTCDate(prevMonth.getUTCDate()+1); + } + this.picker.find('.datepicker-days tbody').empty().append(html.join('')); + var currentYear = this.date && this.date.getUTCFullYear(); + + var months = this.picker.find('.datepicker-months') + .find('th:eq(1)') + .text(year) + .end() + .find('span').removeClass('active'); + if (currentYear && currentYear == year) { + months.eq(this.date.getUTCMonth()).addClass('active'); + } + if (year < startYear || year > endYear) { + months.addClass('disabled'); + } + if (year == startYear) { + months.slice(0, startMonth).addClass('disabled'); + } + if (year == endYear) { + months.slice(endMonth+1).addClass('disabled'); + } + + html = ''; + year = parseInt(year/10, 10) * 10; + var yearCont = this.picker.find('.datepicker-years') + .find('th:eq(1)') + .text(year + '-' + (year + 9)) + .end() + .find('td'); + year -= 1; + for (var i = -1; i < 11; i++) { + html += ''+year+''; + year += 1; + } + yearCont.html(html); + }, + + updateNavArrows: function() { + if (!this._allow_update) return; + + var d = new Date(this.viewDate), + year = d.getUTCFullYear(), + month = d.getUTCMonth(); + switch (this.viewMode) { + case 0: + if (this.o.startDate !== -Infinity && year <= this.o.startDate.getUTCFullYear() && month <= this.o.startDate.getUTCMonth()) { + this.picker.find('.prev').css({visibility: 'hidden'}); + } else { + this.picker.find('.prev').css({visibility: 'visible'}); + } + if (this.o.endDate !== Infinity && year >= this.o.endDate.getUTCFullYear() && month >= this.o.endDate.getUTCMonth()) { + this.picker.find('.next').css({visibility: 'hidden'}); + } else { + this.picker.find('.next').css({visibility: 'visible'}); + } + break; + case 1: + case 2: + if (this.o.startDate !== -Infinity && year <= this.o.startDate.getUTCFullYear()) { + this.picker.find('.prev').css({visibility: 'hidden'}); + } else { + this.picker.find('.prev').css({visibility: 'visible'}); + } + if (this.o.endDate !== Infinity && year >= this.o.endDate.getUTCFullYear()) { + this.picker.find('.next').css({visibility: 'hidden'}); + } else { + this.picker.find('.next').css({visibility: 'visible'}); + } + break; + } + }, + + click: function(e) { + e.preventDefault(); + var target = $(e.target).closest('span, td, th'); + if (target.length == 1) { + switch(target[0].nodeName.toLowerCase()) { + case 'th': + switch(target[0].className) { + case 'datepicker-switch': + this.showMode(1); + break; + case 'prev': + case 'next': + var dir = DPGlobal.modes[this.viewMode].navStep * (target[0].className == 'prev' ? -1 : 1); + switch(this.viewMode){ + case 0: + this.viewDate = this.moveMonth(this.viewDate, dir); + this._trigger('changeMonth', this.viewDate); + break; + case 1: + case 2: + this.viewDate = this.moveYear(this.viewDate, dir); + if (this.viewMode === 1) + this._trigger('changeYear', this.viewDate); + break; + } + this.fill(); + break; + case 'today': + var date = new Date(); + date = UTCDate(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0); + + this.showMode(-2); + var which = this.o.todayBtn == 'linked' ? null : 'view'; + this._setDate(date, which); + break; + case 'clear': + var element; + if (this.isInput) + element = this.element; + else if (this.component) + element = this.element.find('input'); + if (element) + element.val("").change(); + this._trigger('changeDate'); + this.update(); + if (this.o.autoclose) + this.hide(); + break; + } + break; + case 'span': + if (!target.is('.disabled')) { + this.viewDate.setUTCDate(1); + if (target.is('.month')) { + var day = 1; + var month = target.parent().find('span').index(target); + var year = this.viewDate.getUTCFullYear(); + this.viewDate.setUTCMonth(month); + this._trigger('changeMonth', this.viewDate); + if (this.o.minViewMode === 1) { + this._setDate(UTCDate(year, month, day,0,0,0,0)); + } + } else { + var year = parseInt(target.text(), 10)||0; + var day = 1; + var month = 0; + this.viewDate.setUTCFullYear(year); + this._trigger('changeYear', this.viewDate); + if (this.o.minViewMode === 2) { + this._setDate(UTCDate(year, month, day,0,0,0,0)); + } + } + this.showMode(-1); + this.fill(); + } + break; + case 'td': + if (target.is('.day') && !target.is('.disabled')){ + var day = parseInt(target.text(), 10)||1; + var year = this.viewDate.getUTCFullYear(), + month = this.viewDate.getUTCMonth(); + if (target.is('.old')) { + if (month === 0) { + month = 11; + year -= 1; + } else { + month -= 1; + } + } else if (target.is('.new')) { + if (month == 11) { + month = 0; + year += 1; + } else { + month += 1; + } + } + this._setDate(UTCDate(year, month, day,0,0,0,0)); + } + break; + } + } + }, + + _setDate: function(date, which){ + if (!which || which == 'date') + this.date = new Date(date); + if (!which || which == 'view') + this.viewDate = new Date(date); + this.fill(); + this.setValue(); + this._trigger('changeDate'); + var element; + if (this.isInput) { + element = this.element; + } else if (this.component){ + element = this.element.find('input'); + } + if (element) { + element.change(); + } + if (this.o.autoclose && (!which || which == 'date')) { + this.hide(); + } + }, + + moveMonth: function(date, dir){ + if (!dir) return date; + var new_date = new Date(date.valueOf()), + day = new_date.getUTCDate(), + month = new_date.getUTCMonth(), + mag = Math.abs(dir), + new_month, test; + dir = dir > 0 ? 1 : -1; + if (mag == 1){ + test = dir == -1 + // If going back one month, make sure month is not current month + // (eg, Mar 31 -> Feb 31 == Feb 28, not Mar 02) + ? function(){ return new_date.getUTCMonth() == month; } + // If going forward one month, make sure month is as expected + // (eg, Jan 31 -> Feb 31 == Feb 28, not Mar 02) + : function(){ return new_date.getUTCMonth() != new_month; }; + new_month = month + dir; + new_date.setUTCMonth(new_month); + // Dec -> Jan (12) or Jan -> Dec (-1) -- limit expected date to 0-11 + if (new_month < 0 || new_month > 11) + new_month = (new_month + 12) % 12; + } else { + // For magnitudes >1, move one month at a time... + for (var i=0; i= this.o.startDate && date <= this.o.endDate; + }, + + keydown: function(e){ + if (this.picker.is(':not(:visible)')){ + if (e.keyCode == 27) // allow escape to hide and re-show picker + this.show(); + return; + } + var dateChanged = false, + dir, day, month, + newDate, newViewDate; + switch(e.keyCode){ + case 27: // escape + this.hide(); + e.preventDefault(); + break; + case 37: // left + case 39: // right + if (!this.o.keyboardNavigation) break; + dir = e.keyCode == 37 ? -1 : 1; + if (e.ctrlKey){ + newDate = this.moveYear(this.date, dir); + newViewDate = this.moveYear(this.viewDate, dir); + this._trigger('changeYear', this.viewDate); + } else if (e.shiftKey){ + newDate = this.moveMonth(this.date, dir); + newViewDate = this.moveMonth(this.viewDate, dir); + this._trigger('changeMonth', this.viewDate); + } else { + newDate = new Date(this.date); + newDate.setUTCDate(this.date.getUTCDate() + dir); + newViewDate = new Date(this.viewDate); + newViewDate.setUTCDate(this.viewDate.getUTCDate() + dir); + } + if (this.dateWithinRange(newDate)){ + this.date = newDate; + this.viewDate = newViewDate; + this.setValue(); + this.update(); + e.preventDefault(); + dateChanged = true; + } + break; + case 38: // up + case 40: // down + if (!this.o.keyboardNavigation) break; + dir = e.keyCode == 38 ? -1 : 1; + if (e.ctrlKey){ + newDate = this.moveYear(this.date, dir); + newViewDate = this.moveYear(this.viewDate, dir); + this._trigger('changeYear', this.viewDate); + } else if (e.shiftKey){ + newDate = this.moveMonth(this.date, dir); + newViewDate = this.moveMonth(this.viewDate, dir); + this._trigger('changeMonth', this.viewDate); + } else { + newDate = new Date(this.date); + newDate.setUTCDate(this.date.getUTCDate() + dir * 7); + newViewDate = new Date(this.viewDate); + newViewDate.setUTCDate(this.viewDate.getUTCDate() + dir * 7); + } + if (this.dateWithinRange(newDate)){ + this.date = newDate; + this.viewDate = newViewDate; + this.setValue(); + this.update(); + e.preventDefault(); + dateChanged = true; + } + break; + case 13: // enter + this.hide(); + e.preventDefault(); + break; + case 9: // tab + this.hide(); + break; + } + if (dateChanged){ + this._trigger('changeDate'); + var element; + if (this.isInput) { + element = this.element; + } else if (this.component){ + element = this.element.find('input'); + } + if (element) { + element.change(); + } + } + }, + + showMode: function(dir) { + if (dir) { + this.viewMode = Math.max(this.o.minViewMode, Math.min(2, this.viewMode + dir)); + } + /* + vitalets: fixing bug of very special conditions: + jquery 1.7.1 + webkit + show inline datepicker in bootstrap popover. + Method show() does not set display css correctly and datepicker is not shown. + Changed to .css('display', 'block') solve the problem. + See https://github.com/vitalets/x-editable/issues/37 + + In jquery 1.7.2+ everything works fine. + */ + //this.picker.find('>div').hide().filter('.datepicker-'+DPGlobal.modes[this.viewMode].clsName).show(); + this.picker.find('>div').hide().filter('.datepicker-'+DPGlobal.modes[this.viewMode].clsName).css('display', 'block'); + this.updateNavArrows(); + } + }; + + var DateRangePicker = function(element, options){ + this.element = $(element); + this.inputs = $.map(options.inputs, function(i){ return i.jquery ? i[0] : i; }); + delete options.inputs; + + $(this.inputs) + .datepicker(options) + .bind('changeDate', $.proxy(this.dateUpdated, this)); + + this.pickers = $.map(this.inputs, function(i){ return $(i).data('datepicker'); }); + this.updateDates(); + }; + DateRangePicker.prototype = { + updateDates: function(){ + this.dates = $.map(this.pickers, function(i){ return i.date; }); + this.updateRanges(); + }, + updateRanges: function(){ + var range = $.map(this.dates, function(d){ return d.valueOf(); }); + $.each(this.pickers, function(i, p){ + p.setRange(range); + }); + }, + dateUpdated: function(e){ + var dp = $(e.target).data('datepicker'), + new_date = dp.getUTCDate(), + i = $.inArray(e.target, this.inputs), + l = this.inputs.length; + if (i == -1) return; + + if (new_date < this.dates[i]){ + // Date being moved earlier/left + while (i>=0 && new_date < this.dates[i]){ + this.pickers[i--].setUTCDate(new_date); + } + } + else if (new_date > this.dates[i]){ + // Date being moved later/right + while (i this.dates[i]){ + this.pickers[i++].setUTCDate(new_date); + } + } + this.updateDates(); + }, + remove: function(){ + $.map(this.pickers, function(p){ p.remove(); }); + delete this.element.data().datepicker; + } + }; + + function opts_from_el(el, prefix){ + // Derive options from element data-attrs + var data = $(el).data(), + out = {}, inkey, + replace = new RegExp('^' + prefix.toLowerCase() + '([A-Z])'), + prefix = new RegExp('^' + prefix.toLowerCase()); + for (var key in data) + if (prefix.test(key)){ + inkey = key.replace(replace, function(_,a){ return a.toLowerCase(); }); + out[inkey] = data[key]; + } + return out; + } + + function opts_from_locale(lang){ + // Derive options from locale plugins + var out = {}; + // Check if "de-DE" style date is available, if not language should + // fallback to 2 letter code eg "de" + if (!dates[lang]) { + lang = lang.split('-')[0] + if (!dates[lang]) + return; + } + var d = dates[lang]; + $.each(locale_opts, function(i,k){ + if (k in d) + out[k] = d[k]; + }); + return out; + } + + var old = $.fn.datepicker; + $.fn.datepicker = function ( option ) { + var args = Array.apply(null, arguments); + args.shift(); + var internal_return, + this_return; + this.each(function () { + var $this = $(this), + data = $this.data('datepicker'), + options = typeof option == 'object' && option; + if (!data) { + var elopts = opts_from_el(this, 'date'), + // Preliminary otions + xopts = $.extend({}, defaults, elopts, options), + locopts = opts_from_locale(xopts.language), + // Options priority: js args, data-attrs, locales, defaults + opts = $.extend({}, defaults, locopts, elopts, options); + if ($this.is('.input-daterange') || opts.inputs){ + var ropts = { + inputs: opts.inputs || $this.find('input').toArray() + }; + $this.data('datepicker', (data = new DateRangePicker(this, $.extend(opts, ropts)))); + } + else{ + $this.data('datepicker', (data = new Datepicker(this, opts))); + } + } + if (typeof option == 'string' && typeof data[option] == 'function') { + internal_return = data[option].apply(data, args); + if (internal_return !== undefined) + return false; + } + }); + if (internal_return !== undefined) + return internal_return; + else + return this; + }; + + var defaults = $.fn.datepicker.defaults = { + autoclose: false, + beforeShowDay: $.noop, + calendarWeeks: false, + clearBtn: false, + daysOfWeekDisabled: [], + endDate: Infinity, + forceParse: true, + format: 'mm/dd/yyyy', + keyboardNavigation: true, + language: 'en', + minViewMode: 0, + orientation: "auto", + rtl: false, + startDate: -Infinity, + startView: 0, + todayBtn: false, + todayHighlight: false, + weekStart: 0 + }; + var locale_opts = $.fn.datepicker.locale_opts = [ + 'format', + 'rtl', + 'weekStart' + ]; + $.fn.datepicker.Constructor = Datepicker; + var dates = $.fn.datepicker.dates = { + en: { + days: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"], + daysShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], + daysMin: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"], + months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], + monthsShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], + today: "Today", + clear: "Clear" + } + }; + + var DPGlobal = { + modes: [ + { + clsName: 'days', + navFnc: 'Month', + navStep: 1 + }, + { + clsName: 'months', + navFnc: 'FullYear', + navStep: 1 + }, + { + clsName: 'years', + navFnc: 'FullYear', + navStep: 10 + }], + isLeapYear: function (year) { + return (((year % 4 === 0) && (year % 100 !== 0)) || (year % 400 === 0)); + }, + getDaysInMonth: function (year, month) { + return [31, (DPGlobal.isLeapYear(year) ? 29 : 28), 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month]; + }, + validParts: /dd?|DD?|mm?|MM?|yy(?:yy)?/g, + nonpunctuation: /[^ -\/:-@\[\u3400-\u9fff-`{-~\t\n\r]+/g, + parseFormat: function(format){ + // IE treats \0 as a string end in inputs (truncating the value), + // so it's a bad format delimiter, anyway + var separators = format.replace(this.validParts, '\0').split('\0'), + parts = format.match(this.validParts); + if (!separators || !separators.length || !parts || parts.length === 0){ + throw new Error("Invalid date format."); + } + return {separators: separators, parts: parts}; + }, + parseDate: function(date, format, language) { + if (date instanceof Date) return date; + if (typeof format === 'string') + format = DPGlobal.parseFormat(format); + if (/^[\-+]\d+[dmwy]([\s,]+[\-+]\d+[dmwy])*$/.test(date)) { + var part_re = /([\-+]\d+)([dmwy])/, + parts = date.match(/([\-+]\d+)([dmwy])/g), + part, dir; + date = new Date(); + for (var i=0; i'+ + ''+ + ''+ + ''+ + ''+ + ''+ + '', + contTemplate: '', + footTemplate: '' + }; + DPGlobal.template = '
    '+ + '
    '+ + ''+ + DPGlobal.headTemplate+ + ''+ + DPGlobal.footTemplate+ + '
    '+ + '
    '+ + '
    '+ + ''+ + DPGlobal.headTemplate+ + DPGlobal.contTemplate+ + DPGlobal.footTemplate+ + '
    '+ + '
    '+ + '
    '+ + ''+ + DPGlobal.headTemplate+ + DPGlobal.contTemplate+ + DPGlobal.footTemplate+ + '
    '+ + '
    '+ + '
    '; + + $.fn.datepicker.DPGlobal = DPGlobal; + + + /* DATEPICKER NO CONFLICT + * =================== */ + + $.fn.datepicker.noConflict = function(){ + $.fn.datepicker = old; + return this; + }; + + + /* DATEPICKER DATA-API + * ================== */ + + $(document).on( + 'focus.datepicker.data-api click.datepicker.data-api', + '[data-provide="datepicker"]', + function(e){ + var $this = $(this); + if ($this.data('datepicker')) return; + e.preventDefault(); + // component click requires us to explicitly show it + $this.datepicker('show'); + } + ); + $(function(){ + $('[data-provide="datepicker-inline"]').datepicker(); + }); + +}( window.jQuery )); diff --git a/assets/metronic/plugins/bootstrap-daterangepicker/daterangepicker-bs3.css b/assets/metronic/plugins/bootstrap-daterangepicker/daterangepicker-bs3.css new file mode 100644 index 00000000000..28b905e7ad3 --- /dev/null +++ b/assets/metronic/plugins/bootstrap-daterangepicker/daterangepicker-bs3.css @@ -0,0 +1,249 @@ +/*! + * Stylesheet for the Date Range Picker, for use with Bootstrap 3.x + * + * Copyright 2013 Dan Grossman ( http://www.dangrossman.info ) + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Built for http://www.improvely.com + */ + + .daterangepicker.dropdown-menu { + max-width: none; + z-index: 3000; +} + +.daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar { + float: left; + margin: 4px; +} + +.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar { + float: right; + margin: 4px; +} + +.daterangepicker .ranges { + width: 160px; + text-align: left; +} + +.daterangepicker .ranges .range_inputs>div { + float: left; +} + +.daterangepicker .ranges .range_inputs>div:nth-child(2) { + padding-left: 11px; +} + +.daterangepicker .calendar { + display: none; + max-width: 270px; +} + +.daterangepicker .calendar.single .calendar-date { + border: none; +} + +.daterangepicker .calendar th, .daterangepicker .calendar td { + font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; + white-space: nowrap; + text-align: center; + min-width: 32px; +} + +.daterangepicker .ranges label { + color: #333; + display: block; + font-size: 11px; + font-weight: normal; + height: 20px; + line-height: 20px; + margin-bottom: 2px; + text-shadow: #fff 1px 1px 0px; + text-transform: uppercase; + width: 74px; +} + +.daterangepicker .ranges input { + font-size: 11px; +} + +.daterangepicker .ranges .input-mini { + background-color: #eee; + border: 1px solid #ccc; + border-radius: 4px; + color: #555; + display: block; + font-size: 11px; + height: 30px; + line-height: 30px; + vertical-align: middle; + margin: 0 0 10px 0; + padding: 0 6px; + width: 74px; +} + +.daterangepicker .ranges ul { + list-style: none; + margin: 0; + padding: 0; +} + +.daterangepicker .ranges li { + font-size: 13px; + background: #f5f5f5; + border: 1px solid #f5f5f5; + color: #08c; + padding: 3px 12px; + margin-bottom: 8px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + cursor: pointer; +} + +.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { + background: #08c; + border: 1px solid #08c; + color: #fff; +} + +.daterangepicker .calendar-date { + border: 1px solid #ddd; + padding: 4px; + border-radius: 4px; + background: #fff; +} + +.daterangepicker .calendar-time { + text-align: center; + margin: 8px auto 0 auto; + line-height: 30px; +} + +.daterangepicker { + position: absolute; + background: #fff; + top: 100px; + left: 20px; + padding: 4px; + margin-top: 1px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.daterangepicker.opensleft:before { + position: absolute; + top: -7px; + right: 9px; + display: inline-block; + border-right: 7px solid transparent; + border-bottom: 7px solid #ccc; + border-left: 7px solid transparent; + border-bottom-color: rgba(0, 0, 0, 0.2); + content: ''; +} + +.daterangepicker.opensleft:after { + position: absolute; + top: -6px; + right: 10px; + display: inline-block; + border-right: 6px solid transparent; + border-bottom: 6px solid #fff; + border-left: 6px solid transparent; + content: ''; +} + +.daterangepicker.opensright:before { + position: absolute; + top: -7px; + left: 9px; + display: inline-block; + border-right: 7px solid transparent; + border-bottom: 7px solid #ccc; + border-left: 7px solid transparent; + border-bottom-color: rgba(0, 0, 0, 0.2); + content: ''; +} + +.daterangepicker.opensright:after { + position: absolute; + top: -6px; + left: 10px; + display: inline-block; + border-right: 6px solid transparent; + border-bottom: 6px solid #fff; + border-left: 6px solid transparent; + content: ''; +} + +.daterangepicker table { + width: 100%; + margin: 0; +} + +.daterangepicker td, .daterangepicker th { + text-align: center; + width: 20px; + height: 20px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + cursor: pointer; + white-space: nowrap; +} + +.daterangepicker td.off { + color: #999; +} + +.daterangepicker td.disabled { + color: #999; +} + +.daterangepicker td.available:hover, .daterangepicker th.available:hover { + background: #eee; +} + +.daterangepicker td.in-range { + background: #ebf4f8; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} + +.daterangepicker td.active, .daterangepicker td.active:hover { + background-color: #357ebd; + border-color: #3071a9; + color: #fff; +} + +.daterangepicker td.week, .daterangepicker th.week { + font-size: 80%; + color: #ccc; +} + +.daterangepicker select.monthselect, .daterangepicker select.yearselect { + font-size: 12px; + padding: 1px; + height: auto; + margin: 0; + cursor: default; +} + +.daterangepicker select.monthselect { + margin-right: 2%; + width: 56%; +} + +.daterangepicker select.yearselect { + width: 40%; +} + +.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.ampmselect { + width: 50px; + margin-bottom: 0; +} diff --git a/assets/metronic/plugins/bootstrap-daterangepicker/daterangepicker.js b/assets/metronic/plugins/bootstrap-daterangepicker/daterangepicker.js new file mode 100644 index 00000000000..5bb929caf65 --- /dev/null +++ b/assets/metronic/plugins/bootstrap-daterangepicker/daterangepicker.js @@ -0,0 +1,948 @@ +/** +* @version: 1.3 +* @author: Dan Grossman http://www.dangrossman.info/ +* @date: 2014-01-14 +* @copyright: Copyright (c) 2012-2014 Dan Grossman. All rights reserved. +* @license: Licensed under Apache License v2.0. See http://www.apache.org/licenses/LICENSE-2.0 +* @website: http://www.improvely.com/ +*/ +!function ($) { + + var DateRangePicker = function (element, options, cb) { + + // by default, the daterangepicker element is placed at the bottom of HTML body + this.parentEl = 'body'; + + //element that triggered the date range picker + this.element = $(element); + + //create the picker HTML object + var DRPTemplate = '
    ' + + '
    ' + + '
    ' + + '
    ' + + '
    ' + + '
    ' + + '' + + '' + + '
    ' + + '
    ' + + '' + + '' + + '
    ' + + ' ' + + '' + + '
    ' + + '
    ' + + '
    '; + + this.parentEl = (typeof options == 'object' && options.parentEl && $(options.parentEl)) || $(this.parentEl); + this.container = $(DRPTemplate).appendTo(this.parentEl); + + //custom options + if (typeof options != 'object') + options = {}; + this.setOptions(options, cb); + + //apply CSS classes and labels to buttons + var c = this.container; + $.each(this.buttonClasses, function (idx, val) { + c.find('button').addClass(val); + }); + this.container.find('.daterangepicker_start_input label').html(this.locale.fromLabel); + this.container.find('.daterangepicker_end_input label').html(this.locale.toLabel); + if (this.applyClass.length) + this.container.find('.applyBtn').addClass(this.applyClass); + if (this.cancelClass.length) + this.container.find('.cancelBtn').addClass(this.cancelClass); + this.container.find('.applyBtn').html(this.locale.applyLabel); + this.container.find('.cancelBtn').html(this.locale.cancelLabel); + + //event listeners + this.container.on('mousedown', $.proxy(this.mousedown, this)); + + this.container.find('.calendar') + .on('click', '.prev', $.proxy(this.clickPrev, this)) + .on('click', '.next', $.proxy(this.clickNext, this)) + .on('click', 'td.available', $.proxy(this.clickDate, this)) + .on('mouseenter', 'td.available', $.proxy(this.enterDate, this)) + .on('mouseleave', 'td.available', $.proxy(this.updateFormInputs, this)) + .on('change', 'select.yearselect', $.proxy(this.updateMonthYear, this)) + .on('change', 'select.monthselect', $.proxy(this.updateMonthYear, this)) + .on('change', 'select.hourselect,select.minuteselect,select.ampmselect', $.proxy(this.updateTime, this)); + + this.container.find('.ranges') + .on('click', 'button.applyBtn', $.proxy(this.clickApply, this)) + .on('click', 'button.cancelBtn', $.proxy(this.clickCancel, this)) + .on('click', '.daterangepicker_start_input,.daterangepicker_end_input', $.proxy(this.showCalendars, this)) + .on('click', 'li', $.proxy(this.clickRange, this)) + .on('mouseenter', 'li', $.proxy(this.enterRange, this)) + .on('mouseleave', 'li', $.proxy(this.updateFormInputs, this)); + + if (this.element.is('input')) { + this.element.on({ + 'click.daterangepicker': $.proxy(this.show, this), + 'focus.daterangepicker': $.proxy(this.show, this), + 'keyup.daterangepicker': $.proxy(this.updateFromControl, this) + }); + } else { + this.element.on('click.daterangepicker', $.proxy(this.show, this)); + } + + }; + + DateRangePicker.prototype = { + + constructor: DateRangePicker, + + setOptions: function(options, callback) { + + this.startDate = moment().startOf('day'); + this.endDate = moment().startOf('day'); + this.minDate = false; + this.maxDate = false; + this.dateLimit = false; + + this.showDropdowns = false; + this.showWeekNumbers = false; + this.timePicker = false; + this.timePickerIncrement = 30; + this.timePicker12Hour = true; + this.singleDatePicker = false; + this.ranges = {}; + + this.opens = 'right'; + if (this.element.hasClass('pull-right')) + this.opens = 'left'; + + this.buttonClasses = ['btn', 'btn-small']; + this.applyClass = 'btn-success'; + this.cancelClass = 'btn-default'; + + this.format = 'MM/DD/YYYY'; + this.separator = ' - '; + + this.locale = { + applyLabel: 'Apply', + cancelLabel: 'Cancel', + fromLabel: 'From', + toLabel: 'To', + weekLabel: 'W', + customRangeLabel: 'Custom Range', + daysOfWeek: moment()._lang._weekdaysMin.slice(), + monthNames: moment()._lang._monthsShort.slice(), + firstDay: 0 + }; + + this.cb = function () { }; + + if (typeof options.format == 'string') + this.format = options.format; + + if (typeof options.separator == 'string') + this.separator = options.separator; + + if (typeof options.startDate == 'string') + this.startDate = moment(options.startDate, this.format); + + if (typeof options.endDate == 'string') + this.endDate = moment(options.endDate, this.format); + + if (typeof options.minDate == 'string') + this.minDate = moment(options.minDate, this.format); + + if (typeof options.maxDate == 'string') + this.maxDate = moment(options.maxDate, this.format); + + if (typeof options.startDate == 'object') + this.startDate = moment(options.startDate); + + if (typeof options.endDate == 'object') + this.endDate = moment(options.endDate); + + if (typeof options.minDate == 'object') + this.minDate = moment(options.minDate); + + if (typeof options.maxDate == 'object') + this.maxDate = moment(options.maxDate); + + if (typeof options.applyClass == 'string') + this.applyClass = options.applyClass; + + if (typeof options.cancelClass == 'string') + this.cancelClass = options.cancelClass; + + if (typeof options.ranges == 'object') { + for (var range in options.ranges) { + + var start = moment(options.ranges[range][0]); + var end = moment(options.ranges[range][1]); + + // If we have a min/max date set, bound this range + // to it, but only if it would otherwise fall + // outside of the min/max. + if (this.minDate && start.isBefore(this.minDate)) + start = moment(this.minDate); + + if (this.maxDate && end.isAfter(this.maxDate)) + end = moment(this.maxDate); + + // If the end of the range is before the minimum (if min is set) OR + // the start of the range is after the max (also if set) don't display this + // range option. + if ((this.minDate && end.isBefore(this.minDate)) || (this.maxDate && start.isAfter(this.maxDate))) { + continue; + } + + this.ranges[range] = [start, end]; + } + + var list = '
      '; + for (var range in this.ranges) { + list += '
    • ' + range + '
      • '; + } + list += '
    • ' + this.locale.customRangeLabel + '
      • '; + list += '
    '; + this.container.find('.ranges ul').remove(); + this.container.find('.ranges').prepend(list); + } + + if (typeof options.dateLimit == 'object') + this.dateLimit = options.dateLimit; + + // update day names order to firstDay + if (typeof options.locale == 'object') { + + if (typeof options.locale.daysOfWeek == 'object') { + // Create a copy of daysOfWeek to avoid modification of original + // options object for reusability in multiple daterangepicker instances + this.locale.daysOfWeek = options.locale.daysOfWeek.slice(); + } + + if (typeof options.locale.firstDay == 'number') { + this.locale.firstDay = options.locale.firstDay; + var iterator = options.locale.firstDay; + while (iterator > 0) { + this.locale.daysOfWeek.push(this.locale.daysOfWeek.shift()); + iterator--; + } + } + } + + if (typeof options.opens == 'string') + this.opens = options.opens; + + if (typeof options.showWeekNumbers == 'boolean') { + this.showWeekNumbers = options.showWeekNumbers; + } + + if (typeof options.buttonClasses == 'string') { + this.buttonClasses = [options.buttonClasses]; + } + + if (typeof options.buttonClasses == 'object') { + this.buttonClasses = options.buttonClasses; + } + + if (typeof options.showDropdowns == 'boolean') { + this.showDropdowns = options.showDropdowns; + } + + if (typeof options.singleDatePicker == 'boolean') { + this.singleDatePicker = options.singleDatePicker; + } + + if (typeof options.timePicker == 'boolean') { + this.timePicker = options.timePicker; + } + + if (typeof options.timePickerIncrement == 'number') { + this.timePickerIncrement = options.timePickerIncrement; + } + + if (typeof options.timePicker12Hour == 'boolean') { + this.timePicker12Hour = options.timePicker12Hour; + } + + //if no start/end dates set, check if an input element contains initial values + if (typeof options.startDate == 'undefined' && typeof options.endDate == 'undefined') { + if ($(this.element).is('input[type=text]')) { + var val = $(this.element).val(); + var split = val.split(this.separator); + var start, end; + if (split.length == 2) { + start = moment(split[0], this.format); + end = moment(split[1], this.format); + } else if (this.singleDatePicker) { + start = moment(val, this.format); + end = moment(val, this.format); + } + if (start != null && end != null) { + this.startDate = start; + this.endDate = end; + } + } + } + + if (typeof callback == 'function') { + this.cb = callback; + } + + if (!this.timePicker) { + this.startDate = this.startDate.startOf('day'); + this.endDate = this.endDate.startOf('day'); + } + + if (this.singleDatePicker) { + this.opens = 'right'; + this.container.find('.calendar.right').show(); + this.container.find('.calendar.left').hide(); + this.container.find('.ranges').hide(); + if (!this.container.find('.calendar.right').hasClass('single')) + this.container.find('.calendar.right').addClass('single'); + } else { + this.container.find('.calendar.right').removeClass('single'); + this.container.find('.ranges').show(); + } + + this.oldStartDate = this.startDate.clone(); + this.oldEndDate = this.endDate.clone(); + + this.leftCalendar = { + month: moment([this.startDate.year(), this.startDate.month(), 1, this.startDate.hour(), this.startDate.minute()]), + calendar: [] + }; + + this.rightCalendar = { + month: moment([this.endDate.year(), this.endDate.month(), 1, this.endDate.hour(), this.endDate.minute()]), + calendar: [] + }; + + if (this.opens == 'right') { + //swap calendar positions + var left = this.container.find('.calendar.left'); + var right = this.container.find('.calendar.right'); + left.removeClass('left').addClass('right'); + right.removeClass('right').addClass('left'); + } + + if (typeof options.ranges == 'undefined' && !this.singleDatePicker) { + this.container.find('.calendar').show(); + } + + this.container.addClass('opens' + this.opens); + + this.updateView(); + this.updateCalendars() + + }, + + setStartDate: function(startDate) { + if (typeof startDate == 'string') + this.startDate = moment(startDate, this.format); + + if (typeof startDate == 'object') + this.startDate = moment(startDate); + + if (!this.timePicker) + this.startDate = this.startDate.startOf('day'); + + this.oldStartDate = this.startDate.clone(); + + this.updateView(); + this.updateCalendars(); + }, + + setEndDate: function(endDate) { + if (typeof endDate == 'string') + this.endDate = moment(endDate, this.format); + + if (typeof endDate == 'object') + this.endDate = moment(endDate); + + if (!this.timePicker) + this.endDate = this.endDate.startOf('day'); + + this.endDate = this.endDate.clone(); + + this.updateView(); + this.updateCalendars(); + }, + + mousedown: function (e) { + e.stopPropagation(); + }, + + updateView: function () { + this.leftCalendar.month.month(this.startDate.month()).year(this.startDate.year()); + this.rightCalendar.month.month(this.endDate.month()).year(this.endDate.year()); + this.updateFormInputs(); + }, + + updateFormInputs: function () { + this.container.find('input[name=daterangepicker_start]').val(this.startDate.format(this.format)); + this.container.find('input[name=daterangepicker_end]').val(this.endDate.format(this.format)); + + if (this.startDate.isSame(this.endDate) || this.startDate.isBefore(this.endDate)) { + this.container.find('button.applyBtn').removeAttr('disabled'); + } else { + this.container.find('button.applyBtn').attr('disabled', 'disabled'); + } + }, + + updateFromControl: function () { + if (!this.element.is('input')) return; + if (!this.element.val().length) return; + + var dateString = this.element.val().split(this.separator); + var start = moment(dateString[0], this.format); + var end = moment(dateString[1], this.format); + + if (start == null || end == null) return; + if (end.isBefore(start)) return; + + this.oldStartDate = this.startDate.clone(); + this.oldEndDate = this.endDate.clone(); + + this.startDate = start; + this.endDate = end; + + if (!this.startDate.isSame(this.oldStartDate) || !this.endDate.isSame(this.oldEndDate)) + this.notify(); + + this.updateCalendars(); + }, + + notify: function () { + this.updateView(); + this.cb(this.startDate, this.endDate); + }, + + move: function () { + var parentOffset = { + top: this.parentEl.offset().top - (this.parentEl.is('body') ? 0 : this.parentEl.scrollTop()), + left: this.parentEl.offset().left - (this.parentEl.is('body') ? 0 : this.parentEl.scrollLeft()) + }; + if (this.opens == 'left') { + this.container.css({ + top: this.element.offset().top + this.element.outerHeight() - parentOffset.top, + right: $(window).width() - this.element.offset().left - this.element.outerWidth() - parentOffset.left, + left: 'auto' + }); + if (this.container.offset().left < 0) { + this.container.css({ + right: 'auto', + left: 9 + }); + } + } else { + this.container.css({ + top: this.element.offset().top + this.element.outerHeight() - parentOffset.top, + left: this.element.offset().left - parentOffset.left, + right: 'auto' + }); + if (this.container.offset().left + this.container.outerWidth() > $(window).width()) { + this.container.css({ + left: 'auto', + right: 0 + }); + } + } + }, + + show: function (e) { + this.container.show(); + this.move(); + + if (e) { + e.stopPropagation(); + e.preventDefault(); + } + + $(document).on('mousedown', $.proxy(this.hide, this)); + this.element.trigger('show', this); + }, + + hide: function (e) { + this.container.hide(); + + if (!this.startDate.isSame(this.oldStartDate) || !this.endDate.isSame(this.oldEndDate)) + this.notify(); + + this.oldStartDate = this.startDate.clone(); + this.oldEndDate = this.endDate.clone(); + + $(document).off('mousedown', this.hide); + this.element.trigger('hide', this); + }, + + enterRange: function (e) { + var label = e.target.innerHTML; + if (label == this.locale.customRangeLabel) { + this.updateView(); + } else { + var dates = this.ranges[label]; + this.container.find('input[name=daterangepicker_start]').val(dates[0].format(this.format)); + this.container.find('input[name=daterangepicker_end]').val(dates[1].format(this.format)); + } + }, + + showCalendars: function() { + this.container.find('.calendar').show(); + this.move(); + }, + + updateInputText: function() { + if (this.element.is('input') && !this.singleDatePicker) { + this.element.val(this.startDate.format(this.format) + this.separator + this.endDate.format(this.format)); + } else if (this.element.is('input')) { + this.element.val(this.startDate.format(this.format)); + } + + }, + + clickRange: function (e) { + var label = e.target.innerHTML; + if (label == this.locale.customRangeLabel) { + this.showCalendars(); + } else { + var dates = this.ranges[label]; + + this.startDate = dates[0]; + this.endDate = dates[1]; + + if (!this.timePicker) { + this.startDate.startOf('day'); + this.endDate.startOf('day'); + } + + this.leftCalendar.month.month(this.startDate.month()).year(this.startDate.year()).hour(this.startDate.hour()).minute(this.startDate.minute()); + this.rightCalendar.month.month(this.endDate.month()).year(this.endDate.year()).hour(this.endDate.hour()).minute(this.endDate.minute()); + this.updateCalendars(); + + this.updateInputText(); + + this.container.find('.calendar').hide(); + this.hide(); + this.element.trigger('apply', this); + } + }, + + clickPrev: function (e) { + var cal = $(e.target).parents('.calendar'); + if (cal.hasClass('left')) { + this.leftCalendar.month.subtract('month', 1); + } else { + this.rightCalendar.month.subtract('month', 1); + } + this.updateCalendars(); + }, + + clickNext: function (e) { + var cal = $(e.target).parents('.calendar'); + if (cal.hasClass('left')) { + this.leftCalendar.month.add('month', 1); + } else { + this.rightCalendar.month.add('month', 1); + } + this.updateCalendars(); + }, + + enterDate: function (e) { + + var title = $(e.target).attr('data-title'); + var row = title.substr(1, 1); + var col = title.substr(3, 1); + var cal = $(e.target).parents('.calendar'); + + if (cal.hasClass('left')) { + this.container.find('input[name=daterangepicker_start]').val(this.leftCalendar.calendar[row][col].format(this.format)); + } else { + this.container.find('input[name=daterangepicker_end]').val(this.rightCalendar.calendar[row][col].format(this.format)); + } + + }, + + clickDate: function (e) { + var title = $(e.target).attr('data-title'); + var row = title.substr(1, 1); + var col = title.substr(3, 1); + var cal = $(e.target).parents('.calendar'); + + if (cal.hasClass('left')) { + var startDate = this.leftCalendar.calendar[row][col]; + var endDate = this.endDate; + if (typeof this.dateLimit == 'object') { + var maxDate = moment(startDate).add(this.dateLimit).startOf('day'); + if (endDate.isAfter(maxDate)) { + endDate = maxDate; + } + } + } else { + var startDate = this.startDate; + var endDate = this.rightCalendar.calendar[row][col]; + if (typeof this.dateLimit == 'object') { + var minDate = moment(endDate).subtract(this.dateLimit).startOf('day'); + if (startDate.isBefore(minDate)) { + startDate = minDate; + } + } + } + + if (this.singleDatePicker && cal.hasClass('left')) { + endDate = startDate; + } else if (this.singleDatePicker && cal.hasClass('right')) { + startDate = endDate; + } + + cal.find('td').removeClass('active'); + + if (startDate.isSame(endDate) || startDate.isBefore(endDate)) { + $(e.target).addClass('active'); + this.startDate = startDate; + this.endDate = endDate; + } else if (startDate.isAfter(endDate)) { + $(e.target).addClass('active'); + this.startDate = startDate; + this.endDate = moment(startDate).add('day', 1).startOf('day'); + } + + this.leftCalendar.month.month(this.startDate.month()).year(this.startDate.year()); + this.rightCalendar.month.month(this.endDate.month()).year(this.endDate.year()); + this.updateCalendars(); + + if (this.singleDatePicker) + this.clickApply(); + }, + + clickApply: function (e) { + this.updateInputText(); + this.hide(); + this.element.trigger('apply', this); + }, + + clickCancel: function (e) { + this.startDate = this.oldStartDate; + this.endDate = this.oldEndDate; + this.updateView(); + this.updateCalendars(); + this.hide(); + this.element.trigger('cancel', this); + }, + + updateMonthYear: function (e) { + + var isLeft = $(e.target).closest('.calendar').hasClass('left'); + var cal = this.container.find('.calendar.left'); + if (!isLeft) + cal = this.container.find('.calendar.right'); + + // Month must be Number for new moment versions + var month = parseInt(cal.find('.monthselect').val(), 10); + var year = cal.find('.yearselect').val(); + + if (isLeft) { + this.leftCalendar.month.month(month).year(year); + } else { + this.rightCalendar.month.month(month).year(year); + } + + this.updateCalendars(); + + }, + + updateTime: function(e) { + + var isLeft = $(e.target).closest('.calendar').hasClass('left'); + var cal = this.container.find('.calendar.left'); + if (!isLeft) + cal = this.container.find('.calendar.right'); + + var hour = parseInt(cal.find('.hourselect').val()); + var minute = parseInt(cal.find('.minuteselect').val()); + + if (this.timePicker12Hour) { + var ampm = cal.find('.ampmselect').val(); + if (ampm == 'PM' && hour < 12) + hour += 12; + if (ampm == 'AM' && hour == 12) + hour = 0; + } + + if (isLeft) { + var start = this.startDate.clone(); + start.hour(hour); + start.minute(minute); + this.startDate = start; + this.leftCalendar.month.hour(hour).minute(minute); + } else { + var end = this.endDate.clone(); + end.hour(hour); + end.minute(minute); + this.endDate = end; + this.rightCalendar.month.hour(hour).minute(minute); + } + + this.updateCalendars(); + + }, + + updateCalendars: function () { + this.leftCalendar.calendar = this.buildCalendar(this.leftCalendar.month.month(), this.leftCalendar.month.year(), this.leftCalendar.month.hour(), this.leftCalendar.month.minute(), 'left'); + this.rightCalendar.calendar = this.buildCalendar(this.rightCalendar.month.month(), this.rightCalendar.month.year(), this.rightCalendar.month.hour(), this.rightCalendar.month.minute(), 'right'); + this.container.find('.calendar.left').html(this.renderCalendar(this.leftCalendar.calendar, this.startDate, this.minDate, this.maxDate)); + this.container.find('.calendar.right').html(this.renderCalendar(this.rightCalendar.calendar, this.endDate, this.startDate, this.maxDate)); + + this.container.find('.ranges li').removeClass('active'); + var customRange = true; + var i = 0; + for (var range in this.ranges) { + if (this.timePicker) { + if (this.startDate.isSame(this.ranges[range][0]) && this.endDate.isSame(this.ranges[range][1])) { + customRange = false; + this.container.find('.ranges li:eq(' + i + ')').addClass('active'); + } + } else { + //ignore times when comparing dates if time picker is not enabled + if (this.startDate.format('YYYY-MM-DD') == this.ranges[range][0].format('YYYY-MM-DD') && this.endDate.format('YYYY-MM-DD') == this.ranges[range][1].format('YYYY-MM-DD')) { + customRange = false; + this.container.find('.ranges li:eq(' + i + ')').addClass('active'); + } + } + i++; + } + if (customRange) + this.container.find('.ranges li:last').addClass('active'); + }, + + buildCalendar: function (month, year, hour, minute, side) { + + var firstDay = moment([year, month, 1]); + var lastMonth = moment(firstDay).subtract('month', 1).month(); + var lastYear = moment(firstDay).subtract('month', 1).year(); + + var daysInLastMonth = moment([lastYear, lastMonth]).daysInMonth(); + + var dayOfWeek = firstDay.day(); + + //initialize a 6 rows x 7 columns array for the calendar + var calendar = []; + for (var i = 0; i < 6; i++) { + calendar[i] = []; + } + + //populate the calendar with date objects + var startDay = daysInLastMonth - dayOfWeek + this.locale.firstDay + 1; + if (startDay > daysInLastMonth) + startDay -= 7; + + if (dayOfWeek == this.locale.firstDay) + startDay = daysInLastMonth - 6; + + var curDate = moment([lastYear, lastMonth, startDay, 12, minute]); + for (var i = 0, col = 0, row = 0; i < 42; i++, col++, curDate = moment(curDate).add('hour', 24)) { + if (i > 0 && col % 7 == 0) { + col = 0; + row++; + } + calendar[row][col] = curDate.clone().hour(hour); + curDate.hour(12); + } + + return calendar; + + }, + + renderDropdowns: function (selected, minDate, maxDate) { + var currentMonth = selected.month(); + var monthHtml = '"; + + var currentYear = selected.year(); + var maxYear = (maxDate && maxDate.year()) || (currentYear + 5); + var minYear = (minDate && minDate.year()) || (currentYear - 50); + var yearHtml = ''; + + return monthHtml + yearHtml; + }, + + renderCalendar: function (calendar, selected, minDate, maxDate) { + + var html = '
    '; + html += ''; + html += ''; + html += ''; + + // add empty cell for week number + if (this.showWeekNumbers) + html += ''; + + if (!minDate || minDate.isBefore(calendar[1][1])) { + html += ''; + } else { + html += ''; + } + + var dateHtml = this.locale.monthNames[calendar[1][1].month()] + calendar[1][1].format(" YYYY"); + + if (this.showDropdowns) { + dateHtml = this.renderDropdowns(calendar[1][1], minDate, maxDate); + } + + html += ''; + if (!maxDate || maxDate.isAfter(calendar[1][1])) { + html += ''; + } else { + html += ''; + } + + html += ''; + html += ''; + + // add week number label + if (this.showWeekNumbers) + html += ''; + + $.each(this.locale.daysOfWeek, function (index, dayOfWeek) { + html += ''; + }); + + html += ''; + html += ''; + html += ''; + + for (var row = 0; row < 6; row++) { + html += ''; + + // add week number + if (this.showWeekNumbers) + html += ''; + + for (var col = 0; col < 7; col++) { + var cname = 'available '; + cname += (calendar[row][col].month() == calendar[1][1].month()) ? '' : 'off'; + + if ((minDate && calendar[row][col].isBefore(minDate)) || (maxDate && calendar[row][col].isAfter(maxDate))) { + cname = ' off disabled '; + } else if (calendar[row][col].format('YYYY-MM-DD') == selected.format('YYYY-MM-DD')) { + cname += ' active '; + if (calendar[row][col].format('YYYY-MM-DD') == this.startDate.format('YYYY-MM-DD')) { + cname += ' start-date '; + } + if (calendar[row][col].format('YYYY-MM-DD') == this.endDate.format('YYYY-MM-DD')) { + cname += ' end-date '; + } + } else if (calendar[row][col] >= this.startDate && calendar[row][col] <= this.endDate) { + cname += ' in-range '; + if (calendar[row][col].isSame(this.startDate)) { cname += ' start-date '; } + if (calendar[row][col].isSame(this.endDate)) { cname += ' end-date '; } + } + + var title = 'r' + row + 'c' + col; + html += ''; + } + html += ''; + } + + html += ''; + html += '
    ' + dateHtml + '
    ' + this.locale.weekLabel + '' + dayOfWeek + '
    ' + calendar[row][0].week() + '' + calendar[row][col].date() + '
    '; + html += '
    '; + + if (this.timePicker) { + + html += '
    '; + html += ' : '; + + html += ' '; + + if (this.timePicker12Hour) { + html += ''; + } + + html += '
    '; + + } + + return html; + + }, + + remove: function() { + + this.container.remove(); + this.element.off('.daterangepicker'); + this.element.removeData('daterangepicker'); + + } + + }; + + $.fn.daterangepicker = function (options, cb) { + this.each(function () { + var el = $(this); + if (el.data('daterangepicker')) + el.data('daterangepicker').remove(); + el.data('daterangepicker', new DateRangePicker(el, options, cb)); + }); + return this; + }; + +}(window.jQuery); diff --git a/assets/metronic/plugins/bootstrap-daterangepicker/moment.min.js b/assets/metronic/plugins/bootstrap-daterangepicker/moment.min.js new file mode 100644 index 00000000000..45d9c14f5a9 --- /dev/null +++ b/assets/metronic/plugins/bootstrap-daterangepicker/moment.min.js @@ -0,0 +1,6 @@ +// moment.js +// version : 2.1.0 +// author : Tim Wood +// license : MIT +// momentjs.com +!function(t){function e(t,e){return function(n){return u(t.call(this,n),e)}}function n(t,e){return function(n){return this.lang().ordinal(t.call(this,n),e)}}function s(){}function i(t){a(this,t)}function r(t){var e=t.years||t.year||t.y||0,n=t.months||t.month||t.M||0,s=t.weeks||t.week||t.w||0,i=t.days||t.day||t.d||0,r=t.hours||t.hour||t.h||0,a=t.minutes||t.minute||t.m||0,o=t.seconds||t.second||t.s||0,u=t.milliseconds||t.millisecond||t.ms||0;this._input=t,this._milliseconds=u+1e3*o+6e4*a+36e5*r,this._days=i+7*s,this._months=n+12*e,this._data={},this._bubble()}function a(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n]);return t}function o(t){return 0>t?Math.ceil(t):Math.floor(t)}function u(t,e){for(var n=t+"";n.lengthn;n++)~~t[n]!==~~e[n]&&r++;return r+i}function f(t){return t?ie[t]||t.toLowerCase().replace(/(.)s$/,"$1"):t}function l(t,e){return e.abbr=t,x[t]||(x[t]=new s),x[t].set(e),x[t]}function _(t){if(!t)return H.fn._lang;if(!x[t]&&A)try{require("./lang/"+t)}catch(e){return H.fn._lang}return x[t]}function m(t){return t.match(/\[.*\]/)?t.replace(/^\[|\]$/g,""):t.replace(/\\/g,"")}function y(t){var e,n,s=t.match(E);for(e=0,n=s.length;n>e;e++)s[e]=ue[s[e]]?ue[s[e]]:m(s[e]);return function(i){var r="";for(e=0;n>e;e++)r+=s[e]instanceof Function?s[e].call(i,t):s[e];return r}}function M(t,e){function n(e){return t.lang().longDateFormat(e)||e}for(var s=5;s--&&N.test(e);)e=e.replace(N,n);return re[e]||(re[e]=y(e)),re[e](t)}function g(t,e){switch(t){case"DDDD":return V;case"YYYY":return X;case"YYYYY":return $;case"S":case"SS":case"SSS":case"DDD":return I;case"MMM":case"MMMM":case"dd":case"ddd":case"dddd":return R;case"a":case"A":return _(e._l)._meridiemParse;case"X":return B;case"Z":case"ZZ":return j;case"T":return q;case"MM":case"DD":case"YY":case"HH":case"hh":case"mm":case"ss":case"M":case"D":case"d":case"H":case"h":case"m":case"s":return J;default:return new RegExp(t.replace("\\",""))}}function p(t){var e=(j.exec(t)||[])[0],n=(e+"").match(ee)||["-",0,0],s=+(60*n[1])+~~n[2];return"+"===n[0]?-s:s}function D(t,e,n){var s,i=n._a;switch(t){case"M":case"MM":i[1]=null==e?0:~~e-1;break;case"MMM":case"MMMM":s=_(n._l).monthsParse(e),null!=s?i[1]=s:n._isValid=!1;break;case"D":case"DD":case"DDD":case"DDDD":null!=e&&(i[2]=~~e);break;case"YY":i[0]=~~e+(~~e>68?1900:2e3);break;case"YYYY":case"YYYYY":i[0]=~~e;break;case"a":case"A":n._isPm=_(n._l).isPM(e);break;case"H":case"HH":case"h":case"hh":i[3]=~~e;break;case"m":case"mm":i[4]=~~e;break;case"s":case"ss":i[5]=~~e;break;case"S":case"SS":case"SSS":i[6]=~~(1e3*("0."+e));break;case"X":n._d=new Date(1e3*parseFloat(e));break;case"Z":case"ZZ":n._useUTC=!0,n._tzm=p(e)}null==e&&(n._isValid=!1)}function Y(t){var e,n,s=[];if(!t._d){for(e=0;7>e;e++)t._a[e]=s[e]=null==t._a[e]?2===e?1:0:t._a[e];s[3]+=~~((t._tzm||0)/60),s[4]+=~~((t._tzm||0)%60),n=new Date(0),t._useUTC?(n.setUTCFullYear(s[0],s[1],s[2]),n.setUTCHours(s[3],s[4],s[5],s[6])):(n.setFullYear(s[0],s[1],s[2]),n.setHours(s[3],s[4],s[5],s[6])),t._d=n}}function w(t){var e,n,s=t._f.match(E),i=t._i;for(t._a=[],e=0;eo&&(u=o,s=n);a(t,s)}function v(t){var e,n=t._i,s=K.exec(n);if(s){for(t._f="YYYY-MM-DD"+(s[2]||" "),e=0;4>e;e++)if(te[e][1].exec(n)){t._f+=te[e][0];break}j.exec(n)&&(t._f+=" Z"),w(t)}else t._d=new Date(n)}function T(e){var n=e._i,s=G.exec(n);n===t?e._d=new Date:s?e._d=new Date(+s[1]):"string"==typeof n?v(e):d(n)?(e._a=n.slice(0),Y(e)):e._d=n instanceof Date?new Date(+n):new Date(n)}function b(t,e,n,s,i){return i.relativeTime(e||1,!!n,t,s)}function S(t,e,n){var s=W(Math.abs(t)/1e3),i=W(s/60),r=W(i/60),a=W(r/24),o=W(a/365),u=45>s&&["s",s]||1===i&&["m"]||45>i&&["mm",i]||1===r&&["h"]||22>r&&["hh",r]||1===a&&["d"]||25>=a&&["dd",a]||45>=a&&["M"]||345>a&&["MM",W(a/30)]||1===o&&["y"]||["yy",o];return u[2]=e,u[3]=t>0,u[4]=n,b.apply({},u)}function F(t,e,n){var s,i=n-e,r=n-t.day();return r>i&&(r-=7),i-7>r&&(r+=7),s=H(t).add("d",r),{week:Math.ceil(s.dayOfYear()/7),year:s.year()}}function O(t){var e=t._i,n=t._f;return null===e||""===e?null:("string"==typeof e&&(t._i=e=_().preparse(e)),H.isMoment(e)?(t=a({},e),t._d=new Date(+e._d)):n?d(n)?k(t):w(t):T(t),new i(t))}function z(t,e){H.fn[t]=H.fn[t+"s"]=function(t){var n=this._isUTC?"UTC":"";return null!=t?(this._d["set"+n+e](t),H.updateOffset(this),this):this._d["get"+n+e]()}}function C(t){H.duration.fn[t]=function(){return this._data[t]}}function L(t,e){H.duration.fn["as"+t]=function(){return+this/e}}for(var H,P,U="2.1.0",W=Math.round,x={},A="undefined"!=typeof module&&module.exports,G=/^\/?Date\((\-?\d+)/i,Z=/(\-)?(\d*)?\.?(\d+)\:(\d+)\:(\d+)\.?(\d{3})?/,E=/(\[[^\[]*\])|(\\)?(Mo|MM?M?M?|Do|DDDo|DD?D?D?|ddd?d?|do?|w[o|w]?|W[o|W]?|YYYYY|YYYY|YY|gg(ggg?)?|GG(GGG?)?|e|E|a|A|hh?|HH?|mm?|ss?|SS?S?|X|zz?|ZZ?|.)/g,N=/(\[[^\[]*\])|(\\)?(LT|LL?L?L?|l{1,4})/g,J=/\d\d?/,I=/\d{1,3}/,V=/\d{3}/,X=/\d{1,4}/,$=/[+\-]?\d{1,6}/,R=/[0-9]*['a-z\u00A0-\u05FF\u0700-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+|[\u0600-\u06FF\/]+(\s*?[\u0600-\u06FF]+){1,2}/i,j=/Z|[\+\-]\d\d:?\d\d/i,q=/T/i,B=/[\+\-]?\d+(\.\d{1,3})?/,K=/^\s*\d{4}-\d\d-\d\d((T| )(\d\d(:\d\d(:\d\d(\.\d\d?\d?)?)?)?)?([\+\-]\d\d:?\d\d)?)?/,Q="YYYY-MM-DDTHH:mm:ssZ",te=[["HH:mm:ss.S",/(T| )\d\d:\d\d:\d\d\.\d{1,3}/],["HH:mm:ss",/(T| )\d\d:\d\d:\d\d/],["HH:mm",/(T| )\d\d:\d\d/],["HH",/(T| )\d\d/]],ee=/([\+\-]|\d\d)/gi,ne="Date|Hours|Minutes|Seconds|Milliseconds".split("|"),se={Milliseconds:1,Seconds:1e3,Minutes:6e4,Hours:36e5,Days:864e5,Months:2592e6,Years:31536e6},ie={ms:"millisecond",s:"second",m:"minute",h:"hour",d:"day",w:"week",M:"month",y:"year"},re={},ae="DDD w W M D d".split(" "),oe="M D H h m s w W".split(" "),ue={M:function(){return this.month()+1},MMM:function(t){return this.lang().monthsShort(this,t)},MMMM:function(t){return this.lang().months(this,t)},D:function(){return this.date()},DDD:function(){return this.dayOfYear()},d:function(){return this.day()},dd:function(t){return this.lang().weekdaysMin(this,t)},ddd:function(t){return this.lang().weekdaysShort(this,t)},dddd:function(t){return this.lang().weekdays(this,t)},w:function(){return this.week()},W:function(){return this.isoWeek()},YY:function(){return u(this.year()%100,2)},YYYY:function(){return u(this.year(),4)},YYYYY:function(){return u(this.year(),5)},gg:function(){return u(this.weekYear()%100,2)},gggg:function(){return this.weekYear()},ggggg:function(){return u(this.weekYear(),5)},GG:function(){return u(this.isoWeekYear()%100,2)},GGGG:function(){return this.isoWeekYear()},GGGGG:function(){return u(this.isoWeekYear(),5)},e:function(){return this.weekday()},E:function(){return this.isoWeekday()},a:function(){return this.lang().meridiem(this.hours(),this.minutes(),!0)},A:function(){return this.lang().meridiem(this.hours(),this.minutes(),!1)},H:function(){return this.hours()},h:function(){return this.hours()%12||12},m:function(){return this.minutes()},s:function(){return this.seconds()},S:function(){return~~(this.milliseconds()/100)},SS:function(){return u(~~(this.milliseconds()/10),2)},SSS:function(){return u(this.milliseconds(),3)},Z:function(){var t=-this.zone(),e="+";return 0>t&&(t=-t,e="-"),e+u(~~(t/60),2)+":"+u(~~t%60,2)},ZZ:function(){var t=-this.zone(),e="+";return 0>t&&(t=-t,e="-"),e+u(~~(10*t/6),4)},z:function(){return this.zoneAbbr()},zz:function(){return this.zoneName()},X:function(){return this.unix()}};ae.length;)P=ae.pop(),ue[P+"o"]=n(ue[P],P);for(;oe.length;)P=oe.pop(),ue[P+P]=e(ue[P],2);for(ue.DDDD=e(ue.DDD,3),s.prototype={set:function(t){var e,n;for(n in t)e=t[n],"function"==typeof e?this[n]=e:this["_"+n]=e},_months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),months:function(t){return this._months[t.month()]},_monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),monthsShort:function(t){return this._monthsShort[t.month()]},monthsParse:function(t){var e,n,s;for(this._monthsParse||(this._monthsParse=[]),e=0;12>e;e++)if(this._monthsParse[e]||(n=H([2e3,e]),s="^"+this.months(n,"")+"|^"+this.monthsShort(n,""),this._monthsParse[e]=new RegExp(s.replace(".",""),"i")),this._monthsParse[e].test(t))return e},_weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),weekdays:function(t){return this._weekdays[t.day()]},_weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),weekdaysShort:function(t){return this._weekdaysShort[t.day()]},_weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),weekdaysMin:function(t){return this._weekdaysMin[t.day()]},weekdaysParse:function(t){var e,n,s;for(this._weekdaysParse||(this._weekdaysParse=[]),e=0;7>e;e++)if(this._weekdaysParse[e]||(n=H([2e3,1]).day(e),s="^"+this.weekdays(n,"")+"|^"+this.weekdaysShort(n,"")+"|^"+this.weekdaysMin(n,""),this._weekdaysParse[e]=new RegExp(s.replace(".",""),"i")),this._weekdaysParse[e].test(t))return e},_longDateFormat:{LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D YYYY",LLL:"MMMM D YYYY LT",LLLL:"dddd, MMMM D YYYY LT"},longDateFormat:function(t){var e=this._longDateFormat[t];return!e&&this._longDateFormat[t.toUpperCase()]&&(e=this._longDateFormat[t.toUpperCase()].replace(/MMMM|MM|DD|dddd/g,function(t){return t.slice(1)}),this._longDateFormat[t]=e),e},isPM:function(t){return"p"===(t+"").toLowerCase()[0]},_meridiemParse:/[ap]\.?m?\.?/i,meridiem:function(t,e,n){return t>11?n?"pm":"PM":n?"am":"AM"},_calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},calendar:function(t,e){var n=this._calendar[t];return"function"==typeof n?n.apply(e):n},_relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},relativeTime:function(t,e,n,s){var i=this._relativeTime[n];return"function"==typeof i?i(t,e,n,s):i.replace(/%d/i,t)},pastFuture:function(t,e){var n=this._relativeTime[t>0?"future":"past"];return"function"==typeof n?n(e):n.replace(/%s/i,e)},ordinal:function(t){return this._ordinal.replace("%d",t)},_ordinal:"%d",preparse:function(t){return t},postformat:function(t){return t},week:function(t){return F(t,this._week.dow,this._week.doy).week},_week:{dow:0,doy:6}},H=function(t,e,n){return O({_i:t,_f:e,_l:n,_isUTC:!1})},H.utc=function(t,e,n){return O({_useUTC:!0,_isUTC:!0,_l:n,_i:t,_f:e})},H.unix=function(t){return H(1e3*t)},H.duration=function(t,e){var n,s,i=H.isDuration(t),a="number"==typeof t,o=i?t._input:a?{}:t,u=Z.exec(t);return a?e?o[e]=t:o.milliseconds=t:u&&(n="-"===u[1]?-1:1,o={y:0,d:~~u[2]*n,h:~~u[3]*n,m:~~u[4]*n,s:~~u[5]*n,ms:~~u[6]*n}),s=new r(o),i&&t.hasOwnProperty("_lang")&&(s._lang=t._lang),s},H.version=U,H.defaultFormat=Q,H.updateOffset=function(){},H.lang=function(t,e){return t?(e?l(t,e):x[t]||_(t),H.duration.fn._lang=H.fn._lang=_(t),void 0):H.fn._lang._abbr},H.langData=function(t){return t&&t._lang&&t._lang._abbr&&(t=t._lang._abbr),_(t)},H.isMoment=function(t){return t instanceof i},H.isDuration=function(t){return t instanceof r},H.fn=i.prototype={clone:function(){return H(this)},valueOf:function(){return+this._d+6e4*(this._offset||0)},unix:function(){return Math.floor(+this/1e3)},toString:function(){return this.format("ddd MMM DD YYYY HH:mm:ss [GMT]ZZ")},toDate:function(){return this._offset?new Date(+this):this._d},toISOString:function(){return M(H(this).utc(),"YYYY-MM-DD[T]HH:mm:ss.SSS[Z]")},toArray:function(){var t=this;return[t.year(),t.month(),t.date(),t.hours(),t.minutes(),t.seconds(),t.milliseconds()]},isValid:function(){return null==this._isValid&&(this._isValid=this._a?!c(this._a,(this._isUTC?H.utc(this._a):H(this._a)).toArray()):!isNaN(this._d.getTime())),!!this._isValid},utc:function(){return this.zone(0)},local:function(){return this.zone(0),this._isUTC=!1,this},format:function(t){var e=M(this,t||H.defaultFormat);return this.lang().postformat(e)},add:function(t,e){var n;return n="string"==typeof t?H.duration(+e,t):H.duration(t,e),h(this,n,1),this},subtract:function(t,e){var n;return n="string"==typeof t?H.duration(+e,t):H.duration(t,e),h(this,n,-1),this},diff:function(t,e,n){var s,i,r=this._isUTC?H(t).zone(this._offset||0):H(t).local(),a=6e4*(this.zone()-r.zone());return e=f(e),"year"===e||"month"===e?(s=432e5*(this.daysInMonth()+r.daysInMonth()),i=12*(this.year()-r.year())+(this.month()-r.month()),i+=(this-H(this).startOf("month")-(r-H(r).startOf("month")))/s,i-=6e4*(this.zone()-H(this).startOf("month").zone()-(r.zone()-H(r).startOf("month").zone()))/s,"year"===e&&(i/=12)):(s=this-r,i="second"===e?s/1e3:"minute"===e?s/6e4:"hour"===e?s/36e5:"day"===e?(s-a)/864e5:"week"===e?(s-a)/6048e5:s),n?i:o(i)},from:function(t,e){return H.duration(this.diff(t)).lang(this.lang()._abbr).humanize(!e)},fromNow:function(t){return this.from(H(),t)},calendar:function(){var t=this.diff(H().startOf("day"),"days",!0),e=-6>t?"sameElse":-1>t?"lastWeek":0>t?"lastDay":1>t?"sameDay":2>t?"nextDay":7>t?"nextWeek":"sameElse";return this.format(this.lang().calendar(e,this))},isLeapYear:function(){var t=this.year();return 0===t%4&&0!==t%100||0===t%400},isDST:function(){return this.zone()+H(t).startOf(e)},isBefore:function(t,e){return e="undefined"!=typeof e?e:"millisecond",+this.clone().startOf(e)<+H(t).startOf(e)},isSame:function(t,e){return e="undefined"!=typeof e?e:"millisecond",+this.clone().startOf(e)===+H(t).startOf(e)},min:function(t){return t=H.apply(null,arguments),this>t?this:t},max:function(t){return t=H.apply(null,arguments),t>this?this:t},zone:function(t){var e=this._offset||0;return null==t?this._isUTC?e:this._d.getTimezoneOffset():("string"==typeof t&&(t=p(t)),Math.abs(t)<16&&(t=60*t),this._offset=t,this._isUTC=!0,e!==t&&h(this,H.duration(e-t,"m"),1,!0),this)},zoneAbbr:function(){return this._isUTC?"UTC":""},zoneName:function(){return this._isUTC?"Coordinated Universal Time":""},daysInMonth:function(){return H.utc([this.year(),this.month()+1,0]).date()},dayOfYear:function(t){var e=W((H(this).startOf("day")-H(this).startOf("year"))/864e5)+1;return null==t?e:this.add("d",t-e)},weekYear:function(t){var e=F(this,this.lang()._week.dow,this.lang()._week.doy).year;return null==t?e:this.add("y",t-e)},isoWeekYear:function(t){var e=F(this,1,4).year;return null==t?e:this.add("y",t-e)},week:function(t){var e=this.lang().week(this);return null==t?e:this.add("d",7*(t-e))},isoWeek:function(t){var e=F(this,1,4).week;return null==t?e:this.add("d",7*(t-e))},weekday:function(t){var e=(this._d.getDay()+7-this.lang()._week.dow)%7;return null==t?e:this.add("d",t-e)},isoWeekday:function(t){return null==t?this.day()||7:this.day(this.day()%7?t:t-7)},lang:function(e){return e===t?this._lang:(this._lang=_(e),this)}},P=0;P div { + display: none; +} +.datetimepicker.minutes div.datetimepicker-minutes { + display: block; +} +.datetimepicker.hours div.datetimepicker-hours { + display: block; +} +.datetimepicker.days div.datetimepicker-days { + display: block; +} +.datetimepicker.months div.datetimepicker-months { + display: block; +} +.datetimepicker.years div.datetimepicker-years { + display: block; +} +.datetimepicker table { + margin: 0; +} +.datetimepicker td, +.datetimepicker th { + text-align: center; + width: 20px; + height: 20px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + border: none; +} +.table-striped .datetimepicker table tr td, +.table-striped .datetimepicker table tr th { + background-color: transparent; +} +.datetimepicker table tr td.minute:hover { + background: #eeeeee; + cursor: pointer; +} +.datetimepicker table tr td.hour:hover { + background: #eeeeee; + cursor: pointer; +} +.datetimepicker table tr td.day:hover { + background: #eeeeee; + cursor: pointer; +} +.datetimepicker table tr td.old, +.datetimepicker table tr td.new { + color: #999999; +} +.datetimepicker table tr td.disabled, +.datetimepicker table tr td.disabled:hover { + background: none; + color: #999999; + cursor: default; +} +.datetimepicker table tr td.today, +.datetimepicker table tr td.today:hover, +.datetimepicker table tr td.today.disabled, +.datetimepicker table tr td.today.disabled:hover { + background-color: #fde19a; + background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a); + background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a)); + background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a); + background-image: -o-linear-gradient(top, #fdd49a, #fdf59a); + background-image: linear-gradient(top, #fdd49a, #fdf59a); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0); + border-color: #fdf59a #fdf59a #fbed50; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); +} +.datetimepicker table tr td.today:hover, +.datetimepicker table tr td.today:hover:hover, +.datetimepicker table tr td.today.disabled:hover, +.datetimepicker table tr td.today.disabled:hover:hover, +.datetimepicker table tr td.today:active, +.datetimepicker table tr td.today:hover:active, +.datetimepicker table tr td.today.disabled:active, +.datetimepicker table tr td.today.disabled:hover:active, +.datetimepicker table tr td.today.active, +.datetimepicker table tr td.today:hover.active, +.datetimepicker table tr td.today.disabled.active, +.datetimepicker table tr td.today.disabled:hover.active, +.datetimepicker table tr td.today.disabled, +.datetimepicker table tr td.today:hover.disabled, +.datetimepicker table tr td.today.disabled.disabled, +.datetimepicker table tr td.today.disabled:hover.disabled, +.datetimepicker table tr td.today[disabled], +.datetimepicker table tr td.today:hover[disabled], +.datetimepicker table tr td.today.disabled[disabled], +.datetimepicker table tr td.today.disabled:hover[disabled] { + background-color: #fdf59a; +} +.datetimepicker table tr td.today:active, +.datetimepicker table tr td.today:hover:active, +.datetimepicker table tr td.today.disabled:active, +.datetimepicker table tr td.today.disabled:hover:active, +.datetimepicker table tr td.today.active, +.datetimepicker table tr td.today:hover.active, +.datetimepicker table tr td.today.disabled.active, +.datetimepicker table tr td.today.disabled:hover.active { + background-color: #fbf069 \9; +} +.datetimepicker table tr td.active, +.datetimepicker table tr td.active:hover, +.datetimepicker table tr td.active.disabled, +.datetimepicker table tr td.active.disabled:hover { + background-color: #006dcc; + background-image: -moz-linear-gradient(top, #0088cc, #0044cc); + background-image: -ms-linear-gradient(top, #0088cc, #0044cc); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); + background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); + background-image: -o-linear-gradient(top, #0088cc, #0044cc); + background-image: linear-gradient(top, #0088cc, #0044cc); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); + border-color: #0044cc #0044cc #002a80; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + color: #fff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} +.datetimepicker table tr td.active:hover, +.datetimepicker table tr td.active:hover:hover, +.datetimepicker table tr td.active.disabled:hover, +.datetimepicker table tr td.active.disabled:hover:hover, +.datetimepicker table tr td.active:active, +.datetimepicker table tr td.active:hover:active, +.datetimepicker table tr td.active.disabled:active, +.datetimepicker table tr td.active.disabled:hover:active, +.datetimepicker table tr td.active.active, +.datetimepicker table tr td.active:hover.active, +.datetimepicker table tr td.active.disabled.active, +.datetimepicker table tr td.active.disabled:hover.active, +.datetimepicker table tr td.active.disabled, +.datetimepicker table tr td.active:hover.disabled, +.datetimepicker table tr td.active.disabled.disabled, +.datetimepicker table tr td.active.disabled:hover.disabled, +.datetimepicker table tr td.active[disabled], +.datetimepicker table tr td.active:hover[disabled], +.datetimepicker table tr td.active.disabled[disabled], +.datetimepicker table tr td.active.disabled:hover[disabled] { + background-color: #0044cc; +} +.datetimepicker table tr td.active:active, +.datetimepicker table tr td.active:hover:active, +.datetimepicker table tr td.active.disabled:active, +.datetimepicker table tr td.active.disabled:hover:active, +.datetimepicker table tr td.active.active, +.datetimepicker table tr td.active:hover.active, +.datetimepicker table tr td.active.disabled.active, +.datetimepicker table tr td.active.disabled:hover.active { + background-color: #003399 \9; +} +.datetimepicker table tr td span { + display: block; + width: 23%; + height: 54px; + line-height: 54px; + float: left; + margin: 1%; + cursor: pointer; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.datetimepicker .datetimepicker-hours span { + height: 26px; + line-height: 26px; +} +.datetimepicker .datetimepicker-hours table tr td span.hour_am, +.datetimepicker .datetimepicker-hours table tr td span.hour_pm { + width: 14.6%; +} +.datetimepicker .datetimepicker-hours fieldset legend, +.datetimepicker .datetimepicker-minutes fieldset legend { + margin-bottom: inherit; + line-height: 30px; +} +.datetimepicker .datetimepicker-minutes span { + height: 26px; + line-height: 26px; +} +.datetimepicker table tr td span:hover { + background: #eeeeee; +} +.datetimepicker table tr td span.disabled, +.datetimepicker table tr td span.disabled:hover { + background: none; + color: #999999; + cursor: default; +} +.datetimepicker table tr td span.active, +.datetimepicker table tr td span.active:hover, +.datetimepicker table tr td span.active.disabled, +.datetimepicker table tr td span.active.disabled:hover { + background-color: #006dcc; + background-image: -moz-linear-gradient(top, #0088cc, #0044cc); + background-image: -ms-linear-gradient(top, #0088cc, #0044cc); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); + background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); + background-image: -o-linear-gradient(top, #0088cc, #0044cc); + background-image: linear-gradient(top, #0088cc, #0044cc); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); + border-color: #0044cc #0044cc #002a80; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + color: #fff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} +.datetimepicker table tr td span.active:hover, +.datetimepicker table tr td span.active:hover:hover, +.datetimepicker table tr td span.active.disabled:hover, +.datetimepicker table tr td span.active.disabled:hover:hover, +.datetimepicker table tr td span.active:active, +.datetimepicker table tr td span.active:hover:active, +.datetimepicker table tr td span.active.disabled:active, +.datetimepicker table tr td span.active.disabled:hover:active, +.datetimepicker table tr td span.active.active, +.datetimepicker table tr td span.active:hover.active, +.datetimepicker table tr td span.active.disabled.active, +.datetimepicker table tr td span.active.disabled:hover.active, +.datetimepicker table tr td span.active.disabled, +.datetimepicker table tr td span.active:hover.disabled, +.datetimepicker table tr td span.active.disabled.disabled, +.datetimepicker table tr td span.active.disabled:hover.disabled, +.datetimepicker table tr td span.active[disabled], +.datetimepicker table tr td span.active:hover[disabled], +.datetimepicker table tr td span.active.disabled[disabled], +.datetimepicker table tr td span.active.disabled:hover[disabled] { + background-color: #0044cc; +} +.datetimepicker table tr td span.active:active, +.datetimepicker table tr td span.active:hover:active, +.datetimepicker table tr td span.active.disabled:active, +.datetimepicker table tr td span.active.disabled:hover:active, +.datetimepicker table tr td span.active.active, +.datetimepicker table tr td span.active:hover.active, +.datetimepicker table tr td span.active.disabled.active, +.datetimepicker table tr td span.active.disabled:hover.active { + background-color: #003399 \9; +} +.datetimepicker table tr td span.old { + color: #999999; +} +.datetimepicker th.switch { + width: 145px; +} +.datetimepicker thead tr:first-child th, +.datetimepicker tfoot tr:first-child th { + cursor: pointer; +} +.datetimepicker thead tr:first-child th:hover, +.datetimepicker tfoot tr:first-child th:hover { + background: #eeeeee; +} +.input-append.date .add-on i, +.input-prepend.date .add-on i { + cursor: pointer; + width: 14px; + height: 14px; +} diff --git a/assets/metronic/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js b/assets/metronic/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js new file mode 100644 index 00000000000..1cc83f11190 --- /dev/null +++ b/assets/metronic/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js @@ -0,0 +1 @@ +!function(t){function e(){return new Date(Date.UTC.apply(Date,arguments))}var i=function(e,i){var a=this;this.element=t(e),this.language=i.language||this.element.data("date-language")||"en",this.language=this.language in n?this.language:"en",this.isRTL=n[this.language].rtl||"rtl"==t("body").css("direction"),this.formatType=i.formatType||this.element.data("format-type")||"standard",this.format=s.parseFormat(i.format||this.element.data("date-format")||n[this.language].format||s.getDefaultFormat(this.formatType,"input"),this.formatType),this.isInline=!1,this.isVisible=!1,this.isInput=this.element.is("input"),this.component=this.element.is(".date")?this.element.find(".date-set").parent():!1,this.componentReset=this.element.is(".date")?this.element.find(".date-reset").parent():!1,this.hasInput=this.component&&this.element.find("input").length,this.component&&0===this.component.length&&(this.component=!1),this.linkField=i.linkField||this.element.data("link-field")||!1,this.linkFormat=s.parseFormat(i.linkFormat||this.element.data("link-format")||s.getDefaultFormat(this.formatType,"link"),this.formatType),this.minuteStep=i.minuteStep||this.element.data("minute-step")||5,this.pickerPosition=i.pickerPosition||this.element.data("picker-position")||"bottom-right",this.showMeridian=i.showMeridian||this.element.data("show-meridian")||!1,this.initialDate=i.initialDate||new Date,this._attachEvents(),this.formatViewType="datetime","formatViewType"in i?this.formatViewType=i.formatViewType:"formatViewType"in this.element.data()&&(this.formatViewType=this.element.data("formatViewType")),this.minView=0,"minView"in i?this.minView=i.minView:"minView"in this.element.data()&&(this.minView=this.element.data("min-view")),this.minView=s.convertViewMode(this.minView),this.maxView=s.modes.length-1,"maxView"in i?this.maxView=i.maxView:"maxView"in this.element.data()&&(this.maxView=this.element.data("max-view")),this.maxView=s.convertViewMode(this.maxView),this.wheelViewModeNavigation=!1,"wheelViewModeNavigation"in i?this.wheelViewModeNavigation=i.wheelViewModeNavigation:"wheelViewModeNavigation"in this.element.data()&&(this.wheelViewModeNavigation=this.element.data("view-mode-wheel-navigation")),this.wheelViewModeNavigationInverseDirection=!1,"wheelViewModeNavigationInverseDirection"in i?this.wheelViewModeNavigationInverseDirection=i.wheelViewModeNavigationInverseDirection:"wheelViewModeNavigationInverseDirection"in this.element.data()&&(this.wheelViewModeNavigationInverseDirection=this.element.data("view-mode-wheel-navigation-inverse-dir")),this.wheelViewModeNavigationDelay=100,"wheelViewModeNavigationDelay"in i?this.wheelViewModeNavigationDelay=i.wheelViewModeNavigationDelay:"wheelViewModeNavigationDelay"in this.element.data()&&(this.wheelViewModeNavigationDelay=this.element.data("view-mode-wheel-navigation-delay")),this.startViewMode=2,"startView"in i?this.startViewMode=i.startView:"startView"in this.element.data()&&(this.startViewMode=this.element.data("start-view")),this.startViewMode=s.convertViewMode(this.startViewMode),this.viewMode=this.startViewMode,this.viewSelect=this.minView,"viewSelect"in i?this.viewSelect=i.viewSelect:"viewSelect"in this.element.data()&&(this.viewSelect=this.element.data("view-select")),this.viewSelect=s.convertViewMode(this.viewSelect),this.forceParse=!0,"forceParse"in i?this.forceParse=i.forceParse:"dateForceParse"in this.element.data()&&(this.forceParse=this.element.data("date-force-parse")),this.picker=t(s.template).appendTo(this.isInline?this.element:"body").on({click:t.proxy(this.click,this),mousedown:t.proxy(this.mousedown,this)}),this.wheelViewModeNavigation&&(t.fn.mousewheel?this.picker.on({mousewheel:t.proxy(this.mousewheel,this)}):console.log("Mouse Wheel event is not supported. Please include the jQuery Mouse Wheel plugin before enabling this option")),this.isInline?this.picker.addClass("datetimepicker-inline"):this.picker.addClass("datetimepicker-dropdown-"+this.pickerPosition+" dropdown-menu"),this.isRTL&&(this.picker.addClass("datetimepicker-rtl"),this.picker.find(".prev i, .next i").toggleClass("fa-arrow-left fa-arrow-right")),t(document).on("mousedown",function(e){0===t(e.target).closest(".datetimepicker").length&&a.hide()}),this.autoclose=!1,"autoclose"in i?this.autoclose=i.autoclose:"dateAutoclose"in this.element.data()&&(this.autoclose=this.element.data("date-autoclose")),this.keyboardNavigation=!0,"keyboardNavigation"in i?this.keyboardNavigation=i.keyboardNavigation:"dateKeyboardNavigation"in this.element.data()&&(this.keyboardNavigation=this.element.data("date-keyboard-navigation")),this.todayBtn=i.todayBtn||this.element.data("date-today-btn")||!1,this.todayHighlight=i.todayHighlight||this.element.data("date-today-highlight")||!1,this.weekStart=(i.weekStart||this.element.data("date-weekstart")||n[this.language].weekStart||0)%7,this.weekEnd=(this.weekStart+6)%7,this.startDate=-1/0,this.endDate=1/0,this.daysOfWeekDisabled=[],this.setStartDate(i.startDate||this.element.data("date-startdate")),this.setEndDate(i.endDate||this.element.data("date-enddate")),this.setDaysOfWeekDisabled(i.daysOfWeekDisabled||this.element.data("date-days-of-week-disabled")),this.fillDow(),this.fillMonths(),this.update(),this.showMode(),this.isInline&&this.show()};i.prototype={constructor:i,_events:[],_attachEvents:function(){this._detachEvents(),this.isInput?this._events=[[this.element,{focus:t.proxy(this.show,this),keyup:t.proxy(this.update,this),keydown:t.proxy(this.keydown,this)}]]:this.component&&this.hasInput?(this._events=[[this.element.find("input"),{focus:t.proxy(this.show,this),keyup:t.proxy(this.update,this),keydown:t.proxy(this.keydown,this)}],[this.component,{click:t.proxy(this.show,this)}]],this.componentReset&&this._events.push([this.componentReset,{click:t.proxy(this.reset,this)}])):this.element.is("div")?this.isInline=!0:this._events=[[this.element,{click:t.proxy(this.show,this)}]];for(var e,i,n=0;n=this.startDate&&t<=this.endDate?(this.date=t,this.setValue(),this.viewDate=this.date,this.fill()):this.element.trigger({type:"outOfRange",date:t,startDate:this.startDate,endDate:this.endDate})},setFormat:function(t){this.format=s.parseFormat(t,this.formatType);var e;this.isInput?e=this.element:this.component&&(e=this.element.find("input")),e&&e.val()&&this.setValue()},setValue:function(){var e=this.getFormattedDate();this.isInput?this.element.val(e):(this.component&&this.element.find("input").val(e),this.element.data("date",e)),this.linkField&&t("#"+this.linkField).val(this.getFormattedDate(this.linkFormat))},getFormattedDate:function(t){return void 0==t&&(t=this.format),s.formatDate(this.date,t,this.language,this.formatType)},setStartDate:function(t){this.startDate=t||-1/0,this.startDate!==-1/0&&(this.startDate=s.parseDate(this.startDate,this.format,this.language,this.formatType)),this.update(),this.updateNavArrows()},setEndDate:function(t){this.endDate=t||1/0,1/0!==this.endDate&&(this.endDate=s.parseDate(this.endDate,this.format,this.language,this.formatType)),this.update(),this.updateNavArrows()},setDaysOfWeekDisabled:function(e){this.daysOfWeekDisabled=e||[],t.isArray(this.daysOfWeekDisabled)||(this.daysOfWeekDisabled=this.daysOfWeekDisabled.split(/,\s*/)),this.daysOfWeekDisabled=t.map(this.daysOfWeekDisabled,function(t){return parseInt(t,10)}),this.update(),this.updateNavArrows()},place:function(){if(!this.isInline){var e,i,n,s=parseInt(this.element.parents().filter(function(){return"auto"!=t(this).css("z-index")}).first().css("z-index"))+10;this.component?(e=this.component.offset(),n=e.left,("bottom-left"==this.pickerPosition||"top-left"==this.pickerPosition)&&(n+=this.component.outerWidth()-this.picker.outerWidth())):(e=this.element.offset(),n=e.left),i="top-left"==this.pickerPosition||"top-right"==this.pickerPosition?e.top-this.picker.outerHeight():e.top+this.height,this.picker.css({top:i,left:n,zIndex:s})}},update:function(){var t,e=!1;arguments&&arguments.length&&("string"==typeof arguments[0]||arguments[0]instanceof Date)?(t=arguments[0],e=!0):t=this.element.data("date")||(this.isInput?this.element.val():this.element.find("input").val())||this.initialDate,t||(t=new Date,e=!1),this.date=s.parseDate(t,this.format,this.language,this.formatType),e&&this.setValue(),this.viewDate=this.datethis.endDate?new Date(this.endDate):new Date(this.date),this.fill()},fillDow:function(){for(var t=this.weekStart,e="";t'+n[this.language].daysMin[t++%7]+"";e+="",this.picker.find(".datetimepicker-days thead").append(e)},fillMonths:function(){for(var t="",e=0;12>e;)t+=''+n[this.language].monthsShort[e++]+"";this.picker.find(".datetimepicker-months td").html(t)},fill:function(){if(null!=this.date&&null!=this.viewDate){var i=new Date(this.viewDate),a=i.getUTCFullYear(),o=i.getUTCMonth(),r=i.getUTCDate(),l=i.getUTCHours(),c=i.getUTCMinutes(),d=this.startDate!==-1/0?this.startDate.getUTCFullYear():-1/0,h=this.startDate!==-1/0?this.startDate.getUTCMonth():-1/0,u=1/0!==this.endDate?this.endDate.getUTCFullYear():1/0,p=1/0!==this.endDate?this.endDate.getUTCMonth():1/0,f=new e(this.date.getUTCFullYear(),this.date.getUTCMonth(),this.date.getUTCDate()).valueOf(),g=new Date;if(this.picker.find(".datetimepicker-days thead th:eq(1)").text(n[this.language].months[o]+" "+a),"time"==this.formatViewType){var v=l%12?l%12:12,m=(10>v?"0":"")+v,b=(10>c?"0":"")+c,w=n[this.language].meridiem[12>l?0:1];this.picker.find(".datetimepicker-hours thead th:eq(1)").text(m+":"+b+" "+w.toUpperCase()),this.picker.find(".datetimepicker-minutes thead th:eq(1)").text(m+":"+b+" "+w.toUpperCase())}else this.picker.find(".datetimepicker-hours thead th:eq(1)").text(r+" "+n[this.language].months[o]+" "+a),this.picker.find(".datetimepicker-minutes thead th:eq(1)").text(r+" "+n[this.language].months[o]+" "+a);this.picker.find("tfoot th.today").text(n[this.language].today).toggle(this.todayBtn!==!1),this.updateNavArrows(),this.fillMonths();var y=e(a,o-1,28,0,0,0,0),x=s.getDaysInMonth(y.getUTCFullYear(),y.getUTCMonth());y.setUTCDate(x),y.setUTCDate(x-(y.getUTCDay()-this.weekStart+7)%7);var T=new Date(y);T.setUTCDate(T.getUTCDate()+42),T=T.valueOf();for(var C,S=[];y.valueOf()"),C="",y.getUTCFullYear()a||y.getUTCFullYear()==a&&y.getUTCMonth()>o)&&(C+=" new"),this.todayHighlight&&y.getUTCFullYear()==g.getFullYear()&&y.getUTCMonth()==g.getMonth()&&y.getUTCDate()==g.getDate()&&(C+=" today"),y.valueOf()==f&&(C+=" active"),(y.valueOf()+864e5<=this.startDate||y.valueOf()>this.endDate||-1!==t.inArray(y.getUTCDay(),this.daysOfWeekDisabled))&&(C+=" disabled"),S.push(''+y.getUTCDate()+""),y.getUTCDay()==this.weekEnd&&S.push(""),y.setUTCDate(y.getUTCDate()+1);this.picker.find(".datetimepicker-days tbody").empty().append(S.join("")),S=[];for(var k="",_="",$="",D=0;24>D;D++){var I=e(a,o,r,D);C="",I.valueOf()+36e5<=this.startDate||I.valueOf()>this.endDate?C+=" disabled":l==D&&(C+=" active"),this.showMeridian&&2==n[this.language].meridiem.length?(_=12>D?n[this.language].meridiem[0]:n[this.language].meridiem[1],_!=$&&(""!=$&&S.push(""),S.push('
    '+_.toUpperCase()+"")),$=_,k=D%12?D%12:12,S.push('D?"am":"pm")+'">'+k+""),23==D&&S.push("
    ")):(k=D+":00",S.push(''+k+""))}this.picker.find(".datetimepicker-hours td").html(S.join("")),S=[],k="",_="",$="";for(var D=0;60>D;D+=this.minuteStep){var I=e(a,o,r,l,D,0);C="",I.valueOf()this.endDate?C+=" disabled":Math.floor(c/this.minuteStep)==Math.floor(D/this.minuteStep)&&(C+=" active"),this.showMeridian&&2==n[this.language].meridiem.length?(_=12>l?n[this.language].meridiem[0]:n[this.language].meridiem[1],_!=$&&(""!=$&&S.push(""),S.push('
    '+_.toUpperCase()+"")),$=_,k=l%12?l%12:12,S.push(''+k+":"+(10>D?"0"+D:D)+""),59==D&&S.push("
    ")):(k=D+":00",S.push(''+l+":"+(10>D?"0"+D:D)+""))}this.picker.find(".datetimepicker-minutes td").html(S.join(""));var M=this.date.getUTCFullYear(),E=this.picker.find(".datetimepicker-months").find("th:eq(1)").text(a).end().find("span").removeClass("active");M==a&&E.eq(this.date.getUTCMonth()).addClass("active"),(d>a||a>u)&&E.addClass("disabled"),a==d&&E.slice(0,h).addClass("disabled"),a==u&&E.slice(p+1).addClass("disabled"),S="",a=10*parseInt(a/10,10);var A=this.picker.find(".datetimepicker-years").find("th:eq(1)").text(a+"-"+(a+9)).end().find("td");a-=1;for(var D=-1;11>D;D++)S+='a||a>u?" disabled":"")+'">'+a+"",a+=1;A.html(S),this.place()}},updateNavArrows:function(){var t=new Date(this.viewDate),e=t.getUTCFullYear(),i=t.getUTCMonth(),n=t.getUTCDate(),s=t.getUTCHours();switch(this.viewMode){case 0:this.startDate!==-1/0&&e<=this.startDate.getUTCFullYear()&&i<=this.startDate.getUTCMonth()&&n<=this.startDate.getUTCDate()&&s<=this.startDate.getUTCHours()?this.picker.find(".prev").css({visibility:"hidden"}):this.picker.find(".prev").css({visibility:"visible"}),1/0!==this.endDate&&e>=this.endDate.getUTCFullYear()&&i>=this.endDate.getUTCMonth()&&n>=this.endDate.getUTCDate()&&s>=this.endDate.getUTCHours()?this.picker.find(".next").css({visibility:"hidden"}):this.picker.find(".next").css({visibility:"visible"});break;case 1:this.startDate!==-1/0&&e<=this.startDate.getUTCFullYear()&&i<=this.startDate.getUTCMonth()&&n<=this.startDate.getUTCDate()?this.picker.find(".prev").css({visibility:"hidden"}):this.picker.find(".prev").css({visibility:"visible"}),1/0!==this.endDate&&e>=this.endDate.getUTCFullYear()&&i>=this.endDate.getUTCMonth()&&n>=this.endDate.getUTCDate()?this.picker.find(".next").css({visibility:"hidden"}):this.picker.find(".next").css({visibility:"visible"});break;case 2:this.startDate!==-1/0&&e<=this.startDate.getUTCFullYear()&&i<=this.startDate.getUTCMonth()?this.picker.find(".prev").css({visibility:"hidden"}):this.picker.find(".prev").css({visibility:"visible"}),1/0!==this.endDate&&e>=this.endDate.getUTCFullYear()&&i>=this.endDate.getUTCMonth()?this.picker.find(".next").css({visibility:"hidden"}):this.picker.find(".next").css({visibility:"visible"});break;case 3:case 4:this.startDate!==-1/0&&e<=this.startDate.getUTCFullYear()?this.picker.find(".prev").css({visibility:"hidden"}):this.picker.find(".prev").css({visibility:"visible"}),1/0!==this.endDate&&e>=this.endDate.getUTCFullYear()?this.picker.find(".next").css({visibility:"hidden"}):this.picker.find(".next").css({visibility:"visible"})}},mousewheel:function(e){if(e.preventDefault(),e.stopPropagation(),!this.wheelPause){this.wheelPause=!0;var i=e.originalEvent,n=i.wheelDelta,s=n>0?1:0===n?0:-1;this.wheelViewModeNavigationInverseDirection&&(s=-s),this.showMode(s),setTimeout(t.proxy(function(){this.wheelPause=!1},this),this.wheelViewModeNavigationDelay)}},click:function(i){i.stopPropagation(),i.preventDefault();var n=t(i.target).closest("span, td, th, legend");if(1==n.length){if(n.is(".disabled"))return this.element.trigger({type:"outOfRange",date:this.viewDate,startDate:this.startDate,endDate:this.endDate}),void 0;switch(n[0].nodeName.toLowerCase()){case"th":switch(n[0].className){case"switch":this.showMode(1);break;case"prev":case"next":var a=s.modes[this.viewMode].navStep*("prev"==n[0].className?-1:1);switch(this.viewMode){case 0:this.viewDate=this.moveHour(this.viewDate,a);break;case 1:this.viewDate=this.moveDate(this.viewDate,a);break;case 2:this.viewDate=this.moveMonth(this.viewDate,a);break;case 3:case 4:this.viewDate=this.moveYear(this.viewDate,a)}this.fill();break;case"today":var o=new Date;o=e(o.getFullYear(),o.getMonth(),o.getDate(),o.getHours(),o.getMinutes(),o.getSeconds(),0),this.viewMode=this.startViewMode,this.showMode(0),this._setDate(o),this.fill(),this.autoclose&&this.hide()}break;case"span":if(!n.is(".disabled")){var r=this.viewDate.getUTCFullYear(),l=this.viewDate.getUTCMonth(),c=this.viewDate.getUTCDate(),d=this.viewDate.getUTCHours(),h=this.viewDate.getUTCMinutes(),u=this.viewDate.getUTCSeconds();if(n.is(".month")?(this.viewDate.setUTCDate(1),l=n.parent().find("span").index(n),c=this.viewDate.getUTCDate(),this.viewDate.setUTCMonth(l),this.element.trigger({type:"changeMonth",date:this.viewDate}),this.viewSelect>=3&&this._setDate(e(r,l,c,d,h,u,0))):n.is(".year")?(this.viewDate.setUTCDate(1),r=parseInt(n.text(),10)||0,this.viewDate.setUTCFullYear(r),this.element.trigger({type:"changeYear",date:this.viewDate}),this.viewSelect>=4&&this._setDate(e(r,l,c,d,h,u,0))):n.is(".hour")?(d=parseInt(n.text(),10)||0,(n.hasClass("hour_am")||n.hasClass("hour_pm"))&&(12==d&&n.hasClass("hour_am")?d=0:12!=d&&n.hasClass("hour_pm")&&(d+=12)),this.viewDate.setUTCHours(d),this.element.trigger({type:"changeHour",date:this.viewDate}),this.viewSelect>=1&&this._setDate(e(r,l,c,d,h,u,0))):n.is(".minute")&&(h=parseInt(n.text().substr(n.text().indexOf(":")+1),10)||0,this.viewDate.setUTCMinutes(h),this.element.trigger({type:"changeMinute",date:this.viewDate}),this.viewSelect>=0&&this._setDate(e(r,l,c,d,h,u,0))),0!=this.viewMode){var p=this.viewMode;this.showMode(-1),this.fill(),p==this.viewMode&&this.autoclose&&this.hide()}else this.fill(),this.autoclose&&this.hide()}break;case"td":if(n.is(".day")&&!n.is(".disabled")){var c=parseInt(n.text(),10)||1,r=this.viewDate.getUTCFullYear(),l=this.viewDate.getUTCMonth(),d=this.viewDate.getUTCHours(),h=this.viewDate.getUTCMinutes(),u=this.viewDate.getUTCSeconds();n.is(".old")?0===l?(l=11,r-=1):l-=1:n.is(".new")&&(11==l?(l=0,r+=1):l+=1),this.viewDate.setUTCFullYear(r),this.viewDate.setUTCMonth(l),this.viewDate.setUTCDate(c),this.element.trigger({type:"changeDay",date:this.viewDate}),this.viewSelect>=2&&this._setDate(e(r,l,c,d,h,u,0))}var p=this.viewMode;this.showMode(-1),this.fill(),p==this.viewMode&&this.autoclose&&this.hide()}}},_setDate:function(t,e){e&&"date"!=e||(this.date=t),e&&"view"!=e||(this.viewDate=t),this.fill(),this.setValue();var i;this.isInput?i=this.element:this.component&&(i=this.element.find("input")),i&&(i.change(),this.autoclose&&(!e||"date"==e)),this.element.trigger({type:"changeDate",date:this.date})},moveMinute:function(t,e){if(!e)return t;var i=new Date(t.valueOf());return i.setUTCMinutes(i.getUTCMinutes()+e*this.minuteStep),i},moveHour:function(t,e){if(!e)return t;var i=new Date(t.valueOf());return i.setUTCHours(i.getUTCHours()+e),i},moveDate:function(t,e){if(!e)return t;var i=new Date(t.valueOf());return i.setUTCDate(i.getUTCDate()+e),i},moveMonth:function(t,e){if(!e)return t;var i,n,s=new Date(t.valueOf()),a=s.getUTCDate(),o=s.getUTCMonth(),r=Math.abs(e);if(e=e>0?1:-1,1==r)n=-1==e?function(){return s.getUTCMonth()==o}:function(){return s.getUTCMonth()!=i},i=o+e,s.setUTCMonth(i),(0>i||i>11)&&(i=(i+12)%12);else{for(var l=0;r>l;l++)s=this.moveMonth(s,e);i=s.getUTCMonth(),s.setUTCDate(a),n=function(){return i!=s.getUTCMonth()}}for(;n();)s.setUTCDate(--a),s.setUTCMonth(i);return s},moveYear:function(t,e){return this.moveMonth(t,12*e)},dateWithinRange:function(t){return t>=this.startDate&&t<=this.endDate},keydown:function(t){if(this.picker.is(":not(:visible)"))return 27==t.keyCode&&this.show(),void 0;var e,i,n,s=!1;switch(t.keyCode){case 27:this.hide(),t.preventDefault();break;case 37:case 39:if(!this.keyboardNavigation)break;e=37==t.keyCode?-1:1,viewMode=this.viewMode,t.ctrlKey?viewMode+=2:t.shiftKey&&(viewMode+=1),4==viewMode?(i=this.moveYear(this.date,e),n=this.moveYear(this.viewDate,e)):3==viewMode?(i=this.moveMonth(this.date,e),n=this.moveMonth(this.viewDate,e)):2==viewMode?(i=this.moveDate(this.date,e),n=this.moveDate(this.viewDate,e)):1==viewMode?(i=this.moveHour(this.date,e),n=this.moveHour(this.viewDate,e)):0==viewMode&&(i=this.moveMinute(this.date,e),n=this.moveMinute(this.viewDate,e)),this.dateWithinRange(i)&&(this.date=i,this.viewDate=n,this.setValue(),this.update(),t.preventDefault(),s=!0);break;case 38:case 40:if(!this.keyboardNavigation)break;e=38==t.keyCode?-1:1,viewMode=this.viewMode,t.ctrlKey?viewMode+=2:t.shiftKey&&(viewMode+=1),4==viewMode?(i=this.moveYear(this.date,e),n=this.moveYear(this.viewDate,e)):3==viewMode?(i=this.moveMonth(this.date,e),n=this.moveMonth(this.viewDate,e)):2==viewMode?(i=this.moveDate(this.date,7*e),n=this.moveDate(this.viewDate,7*e)):1==viewMode?this.showMeridian?(i=this.moveHour(this.date,6*e),n=this.moveHour(this.viewDate,6*e)):(i=this.moveHour(this.date,4*e),n=this.moveHour(this.viewDate,4*e)):0==viewMode&&(i=this.moveMinute(this.date,4*e),n=this.moveMinute(this.viewDate,4*e)),this.dateWithinRange(i)&&(this.date=i,this.viewDate=n,this.setValue(),this.update(),t.preventDefault(),s=!0);break;case 13:if(0!=this.viewMode){var a=this.viewMode;this.showMode(-1),this.fill(),a==this.viewMode&&this.autoclose&&this.hide()}else this.fill(),this.autoclose&&this.hide();t.preventDefault();break;case 9:this.hide()}if(s){var o;this.isInput?o=this.element:this.component&&(o=this.element.find("input")),o&&o.change(),this.element.trigger({type:"changeDate",date:this.date})}},showMode:function(t){if(t){var e=Math.max(0,Math.min(s.modes.length-1,this.viewMode+t));e>=this.minView&&e<=this.maxView&&(this.element.trigger({type:"changeMode",date:this.viewDate,oldViewMode:this.viewMode,newViewMode:e}),this.viewMode=e)}this.picker.find(">div").hide().filter(".datetimepicker-"+s.modes[this.viewMode].clsName).css("display","block"),this.updateNavArrows()},reset:function(){this._setDate(null,"date")}},t.fn.datetimepicker=function(e){var n=Array.apply(null,arguments);return n.shift(),this.each(function(){var s=t(this),a=s.data("datetimepicker"),o="object"==typeof e&&e;a||s.data("datetimepicker",a=new i(this,t.extend({},t.fn.datetimepicker.defaults,o))),"string"==typeof e&&"function"==typeof a[e]&&a[e].apply(a,n)})},t.fn.datetimepicker.defaults={},t.fn.datetimepicker.Constructor=i;var n=t.fn.datetimepicker.dates={en:{days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],daysShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat","Sun"],daysMin:["Su","Mo","Tu","We","Th","Fr","Sa","Su"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],monthsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],meridiem:["am","pm"],suffix:["st","nd","rd","th"],today:"Today"}},s={modes:[{clsName:"minutes",navFnc:"Hours",navStep:1},{clsName:"hours",navFnc:"Date",navStep:1},{clsName:"days",navFnc:"Month",navStep:1},{clsName:"months",navFnc:"FullYear",navStep:1},{clsName:"years",navFnc:"FullYear",navStep:10}],isLeapYear:function(t){return 0===t%4&&0!==t%100||0===t%400},getDaysInMonth:function(t,e){return[31,s.isLeapYear(t)?29:28,31,30,31,30,31,31,30,31,30,31][e]},getDefaultFormat:function(t,e){if("standard"==t)return"input"==e?"yyyy-mm-dd hh:ii":"yyyy-mm-dd hh:ii:ss";if("php"==t)return"input"==e?"Y-m-d H:i":"Y-m-d H:i:s";throw new Error("Invalid format type.")},validParts:function(t){if("standard"==t)return/hh?|HH?|p|P|ii?|ss?|dd?|DD?|mm?|MM?|yy(?:yy)?/g;if("php"==t)return/[dDjlNwzFmMnStyYaABgGhHis]/g;throw new Error("Invalid format type.")},nonpunctuation:/[^ -\/:-@\[-`{-~\t\n\rTZ]+/g,parseFormat:function(t,e){var i=t.replace(this.validParts(e),"\0").split("\0"),n=t.match(this.validParts(e));if(!i||!i.length||!n||0==n.length)throw new Error("Invalid date format.");return{separators:i,parts:n}},parseDate:function(s,a,o,r){if(s instanceof Date){var l=new Date(s.valueOf()-6e4*s.getTimezoneOffset());return l.setMilliseconds(0),l}if(/^\d{4}\-\d{1,2}\-\d{1,2}$/.test(s)&&(a=this.parseFormat("yyyy-mm-dd",r)),/^\d{4}\-\d{1,2}\-\d{1,2}[T ]\d{1,2}\:\d{1,2}$/.test(s)&&(a=this.parseFormat("yyyy-mm-dd hh:ii",r)),/^\d{4}\-\d{1,2}\-\d{1,2}[T ]\d{1,2}\:\d{1,2}\:\d{1,2}[Z]{0,1}$/.test(s)&&(a=this.parseFormat("yyyy-mm-dd hh:ii:ss",r)),/^[-+]\d+[dmwy]([\s,]+[-+]\d+[dmwy])*$/.test(s)){var c,d,h=/([-+]\d+)([dmwy])/,u=s.match(/([-+]\d+)([dmwy])/g);s=new Date;for(var p=0;pe;)e+=12;for(e%=12,t.setUTCMonth(e);t.getUTCMonth()!=e;)t.setUTCDate(t.getUTCDate()-1);return t},d:function(t,e){return t.setUTCDate(e)},p:function(t,e){return t.setUTCHours(1==e?t.getUTCHours()+12:t.getUTCHours())}};if(b.M=b.MM=b.mm=b.m,b.dd=b.d,b.P=b.p,s=e(s.getFullYear(),s.getMonth(),s.getDate(),s.getHours(),s.getMinutes(),s.getSeconds()),u.length==a.parts.length){for(var p=0,w=a.parts.length;w>p;p++){if(f=parseInt(u[p],10),c=a.parts[p],isNaN(f))switch(c){case"MM":g=t(n[o].months).filter(function(){var t=this.slice(0,u[p].length),e=u[p].slice(0,t.length);return t==e}),f=t.inArray(g[0],n[o].months)+1;break;case"M":g=t(n[o].monthsShort).filter(function(){var t=this.slice(0,u[p].length),e=u[p].slice(0,t.length);return t==e}),f=t.inArray(g[0],n[o].monthsShort)+1;break;case"p":case"P":f=t.inArray(u[p].toLowerCase(),n[o].meridiem)}v[c]=f}for(var y,p=0;pc;c++)l.length&&e.push(l.shift()),e.push(r[i.parts[c]]);return e.join("")},convertViewMode:function(t){switch(t){case 4:case"decade":t=4;break;case 3:case"year":t=3;break;case 2:case"month":t=2;break;case 1:case"day":t=1;break;case 0:case"hour":t=0}return t},headTemplate:'',contTemplate:'',footTemplate:''};s.template='
    '+s.headTemplate+s.contTemplate+s.footTemplate+"
    "+"
    "+'
    '+''+s.headTemplate+s.contTemplate+s.footTemplate+"
    "+"
    "+'
    '+''+s.headTemplate+""+s.footTemplate+"
    "+"
    "+'
    '+''+s.headTemplate+s.contTemplate+s.footTemplate+"
    "+"
    "+'
    '+''+s.headTemplate+s.contTemplate+s.footTemplate+"
    "+"
    "+"
    ",t.fn.datetimepicker.DPGlobal=s,t.fn.datetimepicker.noConflict=function(){return t.fn.datetimepicker=old,this},t(document).on("focus.datetimepicker.data-api click.datetimepicker.data-api",'[data-provide="datetimepicker"]',function(e){var i=t(this);i.data("datetimepicker")||(e.preventDefault(),i.datetimepicker("show"))}),t(function(){t('[data-provide="datetimepicker-inline"]').datetimepicker()})}(window.jQuery); \ No newline at end of file diff --git a/assets/metronic/plugins/bootstrap-editable/bootstrap-editable/css/bootstrap-editable.css b/assets/metronic/plugins/bootstrap-editable/bootstrap-editable/css/bootstrap-editable.css new file mode 100644 index 00000000000..7c6dea33863 --- /dev/null +++ b/assets/metronic/plugins/bootstrap-editable/bootstrap-editable/css/bootstrap-editable.css @@ -0,0 +1,656 @@ +/*! X-editable - v1.4.6 +* In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery +* http://github.com/vitalets/x-editable +* Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */ + +.editableform { + margin-bottom: 0; /* overwrites bootstrap margin */ +} + +.editableform .control-group { + margin-bottom: 0; /* overwrites bootstrap margin */ + white-space: nowrap; /* prevent wrapping buttons on new line */ + line-height: 20px; /* overwriting bootstrap line-height. See #133 */ +} + +.editable-buttons { + display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */ + vertical-align: top; + margin-left: 7px; + /* inline-block emulation for IE7*/ + zoom: 1; + *display: inline; +} + +.editable-buttons.editable-buttons-bottom { + display: block; + margin-top: 7px; + margin-left: 0; +} + +.editable-input { + vertical-align: top; + display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */ + width: auto; /* bootstrap-responsive has width: 100% that breakes layout */ + white-space: normal; /* reset white-space decalred in parent*/ + /* display-inline emulation for IE7*/ + zoom: 1; + *display: inline; +} + +.editable-buttons .editable-cancel { + margin-left: 7px; +} + +/*for jquery-ui buttons need set height to look more pretty*/ +.editable-buttons button.ui-button-icon-only { + height: 24px; + width: 30px; +} + +.editableform-loading { + background: url('../img/loading.gif') center center no-repeat; + height: 25px; + width: auto; + min-width: 25px; +} + +.editable-inline .editableform-loading { + background-position: left 5px; +} + + .editable-error-block { + max-width: 300px; + margin: 5px 0 0 0; + width: auto; + white-space: normal; +} + +/*add padding for jquery ui*/ +.editable-error-block.ui-state-error { + padding: 3px; +} + +.editable-error { + color: red; +} + +/* ---- For specific types ---- */ + +.editableform .editable-date { + padding: 0; + margin: 0; + float: left; +} + +/* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */ +.editable-inline .add-on .fa-calendar { + margin-top: 3px; + margin-left: 1px; +} + + +/* checklist vertical alignment */ +.editable-checklist label input[type="checkbox"], +.editable-checklist label span { + vertical-align: middle; + margin: 0; +} + +.editable-checklist label { + white-space: nowrap; +} + +/* set exact width of textarea to fit buttons toolbar */ +.editable-wysihtml5 { + width: 566px; + height: 250px; +} + +/* clear button shown as link in date inputs */ +.editable-clear { + clear: both; + font-size: 0.9em; + text-decoration: none; + text-align: right; +} + +/* IOS-style clear button for text inputs */ +.editable-clear-x { + background: url('../img/clear.png') center center no-repeat; + display: block; + width: 13px; + height: 13px; + position: absolute; + opacity: 0.6; + z-index: 100; + + top: 50%; + right: 6px; + margin-top: -6px; + +} + +.editable-clear-x:hover { + opacity: 1; +} + +.editable-pre-wrapped { + white-space: pre-wrap; +} +.editable-container.editable-popup { + max-width: none !important; /* without this rule poshytip/tooltip does not stretch */ +} + +.editable-container.popover { + width: auto; /* without this rule popover does not stretch */ +} + +.editable-container.editable-inline { + display: inline-block; + vertical-align: middle; + width: auto; + /* inline-block emulation for IE7*/ + zoom: 1; + *display: inline; +} + +.editable-container.ui-widget { + font-size: inherit; /* jqueryui widget font 1.1em too big, overwrite it */ + z-index: 9990; /* should be less than select2 dropdown z-index to close dropdown first when click */ +} +.editable-click, +a.editable-click, +a.editable-click:hover { + text-decoration: none; + border-bottom: dashed 1px #0088cc; +} + +.editable-click.editable-disabled, +a.editable-click.editable-disabled, +a.editable-click.editable-disabled:hover { + color: #585858; + cursor: default; + border-bottom: none; +} + +.editable-empty, .editable-empty:hover, .editable-empty:focus{ + font-style: italic; + color: #DD1144; + /* border-bottom: none; */ + text-decoration: none; +} + +.editable-unsaved { + font-weight: bold; +} + +.editable-unsaved:after { +/* content: '*'*/ +} + +.editable-bg-transition { + -webkit-transition: background-color 1400ms ease-out; + -moz-transition: background-color 1400ms ease-out; + -o-transition: background-color 1400ms ease-out; + -ms-transition: background-color 1400ms ease-out; + transition: background-color 1400ms ease-out; +} + +/*see https://github.com/vitalets/x-editable/issues/139 */ +.form-horizontal .editable +{ + padding-top: 5px; + display:inline-block; +} + + +/*! + * Datepicker for Bootstrap + * + * Copyright 2012 Stefan Petre + * Improvements by Andrew Rowls + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0 + * + */ +.datepicker { + padding: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + direction: ltr; + /*.dow { + border-top: 1px solid #ddd !important; + }*/ + +} +.datepicker-inline { + width: 220px; +} +.datepicker.datepicker-rtl { + direction: rtl; +} +.datepicker.datepicker-rtl table tr td span { + float: right; +} +.datepicker-dropdown { + top: 0; + left: 0; +} +.datepicker-dropdown:before { + content: ''; + display: inline-block; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + border-bottom: 7px solid #ccc; + border-bottom-color: rgba(0, 0, 0, 0.2); + position: absolute; + top: -7px; + left: 6px; +} +.datepicker-dropdown:after { + content: ''; + display: inline-block; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-bottom: 6px solid #ffffff; + position: absolute; + top: -6px; + left: 7px; +} +.datepicker > div { + display: none; +} +.datepicker.days div.datepicker-days { + display: block; +} +.datepicker.months div.datepicker-months { + display: block; +} +.datepicker.years div.datepicker-years { + display: block; +} +.datepicker table { + margin: 0; +} +.datepicker td, +.datepicker th { + text-align: center; + width: 20px; + height: 20px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + border: none; +} +.table-striped .datepicker table tr td, +.table-striped .datepicker table tr th { + background-color: transparent; +} +.datepicker table tr td.day:hover { + background: #eeeeee; + cursor: pointer; +} +.datepicker table tr td.old, +.datepicker table tr td.new { + color: #999999; +} +.datepicker table tr td.disabled, +.datepicker table tr td.disabled:hover { + background: none; + color: #999999; + cursor: default; +} +.datepicker table tr td.today, +.datepicker table tr td.today:hover, +.datepicker table tr td.today.disabled, +.datepicker table tr td.today.disabled:hover { + background-color: #fde19a; + background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a); + background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a)); + background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a); + background-image: -o-linear-gradient(top, #fdd49a, #fdf59a); + background-image: linear-gradient(top, #fdd49a, #fdf59a); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0); + border-color: #fdf59a #fdf59a #fbed50; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + color: #000; +} +.datepicker table tr td.today:hover, +.datepicker table tr td.today:hover:hover, +.datepicker table tr td.today.disabled:hover, +.datepicker table tr td.today.disabled:hover:hover, +.datepicker table tr td.today:active, +.datepicker table tr td.today:hover:active, +.datepicker table tr td.today.disabled:active, +.datepicker table tr td.today.disabled:hover:active, +.datepicker table tr td.today.active, +.datepicker table tr td.today:hover.active, +.datepicker table tr td.today.disabled.active, +.datepicker table tr td.today.disabled:hover.active, +.datepicker table tr td.today.disabled, +.datepicker table tr td.today:hover.disabled, +.datepicker table tr td.today.disabled.disabled, +.datepicker table tr td.today.disabled:hover.disabled, +.datepicker table tr td.today[disabled], +.datepicker table tr td.today:hover[disabled], +.datepicker table tr td.today.disabled[disabled], +.datepicker table tr td.today.disabled:hover[disabled] { + background-color: #fdf59a; +} +.datepicker table tr td.today:active, +.datepicker table tr td.today:hover:active, +.datepicker table tr td.today.disabled:active, +.datepicker table tr td.today.disabled:hover:active, +.datepicker table tr td.today.active, +.datepicker table tr td.today:hover.active, +.datepicker table tr td.today.disabled.active, +.datepicker table tr td.today.disabled:hover.active { + background-color: #fbf069 \9; +} +.datepicker table tr td.today:hover:hover { + color: #000; +} +.datepicker table tr td.today.active:hover { + color: #fff; +} +.datepicker table tr td.range, +.datepicker table tr td.range:hover, +.datepicker table tr td.range.disabled, +.datepicker table tr td.range.disabled:hover { + background: #eeeeee; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.datepicker table tr td.range.today, +.datepicker table tr td.range.today:hover, +.datepicker table tr td.range.today.disabled, +.datepicker table tr td.range.today.disabled:hover { + background-color: #f3d17a; + background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a); + background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a)); + background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a); + background-image: -o-linear-gradient(top, #f3c17a, #f3e97a); + background-image: linear-gradient(top, #f3c17a, #f3e97a); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0); + border-color: #f3e97a #f3e97a #edde34; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.datepicker table tr td.range.today:hover, +.datepicker table tr td.range.today:hover:hover, +.datepicker table tr td.range.today.disabled:hover, +.datepicker table tr td.range.today.disabled:hover:hover, +.datepicker table tr td.range.today:active, +.datepicker table tr td.range.today:hover:active, +.datepicker table tr td.range.today.disabled:active, +.datepicker table tr td.range.today.disabled:hover:active, +.datepicker table tr td.range.today.active, +.datepicker table tr td.range.today:hover.active, +.datepicker table tr td.range.today.disabled.active, +.datepicker table tr td.range.today.disabled:hover.active, +.datepicker table tr td.range.today.disabled, +.datepicker table tr td.range.today:hover.disabled, +.datepicker table tr td.range.today.disabled.disabled, +.datepicker table tr td.range.today.disabled:hover.disabled, +.datepicker table tr td.range.today[disabled], +.datepicker table tr td.range.today:hover[disabled], +.datepicker table tr td.range.today.disabled[disabled], +.datepicker table tr td.range.today.disabled:hover[disabled] { + background-color: #f3e97a; +} +.datepicker table tr td.range.today:active, +.datepicker table tr td.range.today:hover:active, +.datepicker table tr td.range.today.disabled:active, +.datepicker table tr td.range.today.disabled:hover:active, +.datepicker table tr td.range.today.active, +.datepicker table tr td.range.today:hover.active, +.datepicker table tr td.range.today.disabled.active, +.datepicker table tr td.range.today.disabled:hover.active { + background-color: #efe24b \9; +} +.datepicker table tr td.selected, +.datepicker table tr td.selected:hover, +.datepicker table tr td.selected.disabled, +.datepicker table tr td.selected.disabled:hover { + background-color: #9e9e9e; + background-image: -moz-linear-gradient(top, #b3b3b3, #808080); + background-image: -ms-linear-gradient(top, #b3b3b3, #808080); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080)); + background-image: -webkit-linear-gradient(top, #b3b3b3, #808080); + background-image: -o-linear-gradient(top, #b3b3b3, #808080); + background-image: linear-gradient(top, #b3b3b3, #808080); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0); + border-color: #808080 #808080 #595959; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + color: #fff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} +.datepicker table tr td.selected:hover, +.datepicker table tr td.selected:hover:hover, +.datepicker table tr td.selected.disabled:hover, +.datepicker table tr td.selected.disabled:hover:hover, +.datepicker table tr td.selected:active, +.datepicker table tr td.selected:hover:active, +.datepicker table tr td.selected.disabled:active, +.datepicker table tr td.selected.disabled:hover:active, +.datepicker table tr td.selected.active, +.datepicker table tr td.selected:hover.active, +.datepicker table tr td.selected.disabled.active, +.datepicker table tr td.selected.disabled:hover.active, +.datepicker table tr td.selected.disabled, +.datepicker table tr td.selected:hover.disabled, +.datepicker table tr td.selected.disabled.disabled, +.datepicker table tr td.selected.disabled:hover.disabled, +.datepicker table tr td.selected[disabled], +.datepicker table tr td.selected:hover[disabled], +.datepicker table tr td.selected.disabled[disabled], +.datepicker table tr td.selected.disabled:hover[disabled] { + background-color: #808080; +} +.datepicker table tr td.selected:active, +.datepicker table tr td.selected:hover:active, +.datepicker table tr td.selected.disabled:active, +.datepicker table tr td.selected.disabled:hover:active, +.datepicker table tr td.selected.active, +.datepicker table tr td.selected:hover.active, +.datepicker table tr td.selected.disabled.active, +.datepicker table tr td.selected.disabled:hover.active { + background-color: #666666 \9; +} +.datepicker table tr td.active, +.datepicker table tr td.active:hover, +.datepicker table tr td.active.disabled, +.datepicker table tr td.active.disabled:hover { + background-color: #006dcc; + background-image: -moz-linear-gradient(top, #0088cc, #0044cc); + background-image: -ms-linear-gradient(top, #0088cc, #0044cc); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); + background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); + background-image: -o-linear-gradient(top, #0088cc, #0044cc); + background-image: linear-gradient(top, #0088cc, #0044cc); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); + border-color: #0044cc #0044cc #002a80; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + color: #fff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} +.datepicker table tr td.active:hover, +.datepicker table tr td.active:hover:hover, +.datepicker table tr td.active.disabled:hover, +.datepicker table tr td.active.disabled:hover:hover, +.datepicker table tr td.active:active, +.datepicker table tr td.active:hover:active, +.datepicker table tr td.active.disabled:active, +.datepicker table tr td.active.disabled:hover:active, +.datepicker table tr td.active.active, +.datepicker table tr td.active:hover.active, +.datepicker table tr td.active.disabled.active, +.datepicker table tr td.active.disabled:hover.active, +.datepicker table tr td.active.disabled, +.datepicker table tr td.active:hover.disabled, +.datepicker table tr td.active.disabled.disabled, +.datepicker table tr td.active.disabled:hover.disabled, +.datepicker table tr td.active[disabled], +.datepicker table tr td.active:hover[disabled], +.datepicker table tr td.active.disabled[disabled], +.datepicker table tr td.active.disabled:hover[disabled] { + background-color: #0044cc; +} +.datepicker table tr td.active:active, +.datepicker table tr td.active:hover:active, +.datepicker table tr td.active.disabled:active, +.datepicker table tr td.active.disabled:hover:active, +.datepicker table tr td.active.active, +.datepicker table tr td.active:hover.active, +.datepicker table tr td.active.disabled.active, +.datepicker table tr td.active.disabled:hover.active { + background-color: #003399 \9; +} +.datepicker table tr td span { + display: block; + width: 23%; + height: 54px; + line-height: 54px; + float: left; + margin: 1%; + cursor: pointer; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.datepicker table tr td span:hover { + background: #eeeeee; +} +.datepicker table tr td span.disabled, +.datepicker table tr td span.disabled:hover { + background: none; + color: #999999; + cursor: default; +} +.datepicker table tr td span.active, +.datepicker table tr td span.active:hover, +.datepicker table tr td span.active.disabled, +.datepicker table tr td span.active.disabled:hover { + background-color: #006dcc; + background-image: -moz-linear-gradient(top, #0088cc, #0044cc); + background-image: -ms-linear-gradient(top, #0088cc, #0044cc); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); + background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); + background-image: -o-linear-gradient(top, #0088cc, #0044cc); + background-image: linear-gradient(top, #0088cc, #0044cc); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); + border-color: #0044cc #0044cc #002a80; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + color: #fff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} +.datepicker table tr td span.active:hover, +.datepicker table tr td span.active:hover:hover, +.datepicker table tr td span.active.disabled:hover, +.datepicker table tr td span.active.disabled:hover:hover, +.datepicker table tr td span.active:active, +.datepicker table tr td span.active:hover:active, +.datepicker table tr td span.active.disabled:active, +.datepicker table tr td span.active.disabled:hover:active, +.datepicker table tr td span.active.active, +.datepicker table tr td span.active:hover.active, +.datepicker table tr td span.active.disabled.active, +.datepicker table tr td span.active.disabled:hover.active, +.datepicker table tr td span.active.disabled, +.datepicker table tr td span.active:hover.disabled, +.datepicker table tr td span.active.disabled.disabled, +.datepicker table tr td span.active.disabled:hover.disabled, +.datepicker table tr td span.active[disabled], +.datepicker table tr td span.active:hover[disabled], +.datepicker table tr td span.active.disabled[disabled], +.datepicker table tr td span.active.disabled:hover[disabled] { + background-color: #0044cc; +} +.datepicker table tr td span.active:active, +.datepicker table tr td span.active:hover:active, +.datepicker table tr td span.active.disabled:active, +.datepicker table tr td span.active.disabled:hover:active, +.datepicker table tr td span.active.active, +.datepicker table tr td span.active:hover.active, +.datepicker table tr td span.active.disabled.active, +.datepicker table tr td span.active.disabled:hover.active { + background-color: #003399 \9; +} +.datepicker table tr td span.old, +.datepicker table tr td span.new { + color: #999999; +} +.datepicker th.datepicker-switch { + width: 145px; +} +.datepicker thead tr:first-child th, +.datepicker tfoot tr th { + cursor: pointer; +} +.datepicker thead tr:first-child th:hover, +.datepicker tfoot tr th:hover { + background: #eeeeee; +} +.datepicker .cw { + font-size: 10px; + width: 12px; + padding: 0 2px 0 5px; + vertical-align: middle; +} +.datepicker thead tr:first-child th.cw { + cursor: default; + background-color: transparent; +} +.input-append.date .add-on i, +.input-prepend.date .add-on i { + display: block; + cursor: pointer; + width: 16px; + height: 16px; +} +.input-daterange input { + text-align: center; +} +.input-daterange input:first-child { + -webkit-border-radius: 3px 0 0 3px; + -moz-border-radius: 3px 0 0 3px; + border-radius: 3px 0 0 3px; +} +.input-daterange input:last-child { + -webkit-border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; +} +.input-daterange .add-on { + display: inline-block; + width: auto; + min-width: 16px; + height: 18px; + padding: 4px 5px; + font-weight: normal; + line-height: 18px; + text-align: center; + text-shadow: 0 1px 0 #ffffff; + vertical-align: middle; + background-color: #eeeeee; + border: 1px solid #ccc; + margin-left: -5px; + margin-right: -5px; +} diff --git a/assets/metronic/plugins/bootstrap-editable/bootstrap-editable/js/bootstrap-editable.min.js b/assets/metronic/plugins/bootstrap-editable/bootstrap-editable/js/bootstrap-editable.min.js new file mode 100644 index 00000000000..e9c302e5a36 --- /dev/null +++ b/assets/metronic/plugins/bootstrap-editable/bootstrap-editable/js/bootstrap-editable.min.js @@ -0,0 +1,17 @@ +/*! X-editable - v1.4.6 +* In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery +* http://github.com/vitalets/x-editable +* Copyright (c) 2013 Vitaliy Potapov; Licensed MIT +* Improved by Keenthemes for Bootstrap 3.0 support */ +/** +Form with single input element, two buttons and two states: normal/loading. +Applied as jQuery method to DIV tag (not to form tag!). This is because form can be in loading state when spinner shown. +Editableform is linked with one of input types, e.g. 'text', 'select' etc. + +@class editableform +@uses text +@uses textarea +**/ +!function(t){"use strict";var e=function(e,i){this.options=t.extend({},t.fn.editableform.defaults,i),this.$div=t(e),this.options.scope||(this.options.scope=this)};e.prototype={constructor:e,initInput:function(){this.input=this.options.input,this.value=this.input.str2value(this.options.value)},initTemplate:function(){this.$form=t(t.fn.editableform.template)},initButtons:function(){var e=this.$form.find(".editable-buttons");e.append(t.fn.editableform.buttons),"bottom"===this.options.showbuttons&&e.addClass("editable-buttons-bottom")},render:function(){this.$loading=t(t.fn.editableform.loading),this.$div.empty().append(this.$loading),this.initTemplate(),this.options.showbuttons?this.initButtons():this.$form.find(".editable-buttons").remove(),this.showLoading(),this.isSaving=!1,this.$div.triggerHandler("rendering"),this.initInput(),this.input.prerender(),this.$form.find("div.editable-input").append(this.input.$tpl),this.$div.append(this.$form),t.when(this.input.render()).then(t.proxy(function(){if(this.options.showbuttons||this.input.autosubmit(),this.$form.find(".editable-cancel").click(t.proxy(this.cancel,this)),this.input.error)this.error(this.input.error),this.$form.find(".editable-submit").attr("disabled",!0),this.input.$input.attr("disabled",!0),this.$form.submit(function(t){t.preventDefault()});else{this.error(!1),this.input.$input.removeAttr("disabled"),this.$form.find(".editable-submit").removeAttr("disabled");var e=null===this.value||void 0===this.value||""===this.value?this.options.defaultValue:this.value;this.input.value2input(e),this.$form.submit(t.proxy(this.submit,this))}this.$div.triggerHandler("rendered"),this.showForm(),this.input.postrender&&this.input.postrender()},this))},cancel:function(){this.$div.triggerHandler("cancel")},showLoading:function(){var t,e;this.$form?(t=this.$form.outerWidth(),e=this.$form.outerHeight(),t&&this.$loading.width(t),e&&this.$loading.height(e),this.$form.hide()):(t=this.$loading.parent().width(),t&&this.$loading.width(t)),this.$loading.show()},showForm:function(t){this.$loading.hide(),this.$form.show(),t!==!1&&this.input.activate(),this.$div.triggerHandler("show")},error:function(e){var i,n=this.$form.find(".form-group"),o=this.$form.find(".editable-error-block");if(e===!1)n.removeClass(t.fn.editableform.errorGroupClass),o.removeClass(t.fn.editableform.errorBlockClass).empty().hide();else{if(e){i=e.split("\n");for(var r=0;r").text(i[r]).html();e=i.join("
    ")}n.addClass(t.fn.editableform.errorGroupClass),o.addClass(t.fn.editableform.errorBlockClass).html(e).show()}},submit:function(e){e.stopPropagation(),e.preventDefault();var i,n=this.input.input2value();if(i=this.validate(n))return this.error(i),this.showForm(),void 0;if(!this.options.savenochange&&this.input.value2str(n)==this.input.value2str(this.value))return this.$div.triggerHandler("nochange"),void 0;var o=this.input.value2submit(n);this.isSaving=!0,t.when(this.save(o)).done(t.proxy(function(t){this.isSaving=!1;var e="function"==typeof this.options.success?this.options.success.call(this.options.scope,t,n):null;return e===!1?(this.error(!1),this.showForm(!1),void 0):"string"==typeof e?(this.error(e),this.showForm(),void 0):(e&&"object"==typeof e&&e.hasOwnProperty("newValue")&&(n=e.newValue),this.error(!1),this.value=n,this.$div.triggerHandler("save",{newValue:n,submitValue:o,response:t}),void 0)},this)).fail(t.proxy(function(t){this.isSaving=!1;var e;e="function"==typeof this.options.error?this.options.error.call(this.options.scope,t,n):"string"==typeof t?t:t.responseText||t.statusText||"Unknown error!",this.error(e),this.showForm()},this))},save:function(e){this.options.pk=t.fn.editableutils.tryParseJson(this.options.pk,!0);var i,n="function"==typeof this.options.pk?this.options.pk.call(this.options.scope):this.options.pk,o=!!("function"==typeof this.options.url||this.options.url&&("always"===this.options.send||"auto"===this.options.send&&null!==n&&void 0!==n));return o?(this.showLoading(),i={name:this.options.name||"",value:e,pk:n},"function"==typeof this.options.params?i=this.options.params.call(this.options.scope,i):(this.options.params=t.fn.editableutils.tryParseJson(this.options.params,!0),t.extend(i,this.options.params)),"function"==typeof this.options.url?this.options.url.call(this.options.scope,i):t.ajax(t.extend({url:this.options.url,data:i,type:"POST"},this.options.ajaxOptions))):void 0},validate:function(t){return void 0===t&&(t=this.value),"function"==typeof this.options.validate?this.options.validate.call(this.options.scope,t):void 0},option:function(t,e){t in this.options&&(this.options[t]=e),"value"===t&&this.setValue(e)},setValue:function(t,e){this.value=e?this.input.str2value(t):t,this.$form&&this.$form.is(":visible")&&this.input.value2input(this.value)}},t.fn.editableform=function(i){var n=arguments;return this.each(function(){var o=t(this),r=o.data("editableform"),s="object"==typeof i&&i;r||o.data("editableform",r=new e(this,s)),"string"==typeof i&&r[i].apply(r,Array.prototype.slice.call(n,1))})},t.fn.editableform.Constructor=e,t.fn.editableform.defaults={type:"text",url:null,params:null,name:null,pk:null,value:null,defaultValue:null,send:"auto",validate:null,success:null,error:null,ajaxOptions:null,showbuttons:!0,scope:null,savenochange:!1},t.fn.editableform.template='
    ',t.fn.editableform.loading='
    ',t.fn.editableform.buttons='',t.fn.editableform.errorGroupClass="has-error",t.fn.editableform.errorBlockClass="editable-error"}(window.jQuery),function(t){"use strict";t.fn.editableutils={inherit:function(t,e){var i=function(){};i.prototype=e.prototype,t.prototype=new i,t.prototype.constructor=t,t.superclass=e.prototype},setCursorPosition:function(t,e){if(t.setSelectionRange)t.setSelectionRange(e,e);else if(t.createTextRange){var i=t.createTextRange();i.collapse(!0),i.moveEnd("character",e),i.moveStart("character",e),i.select()}},tryParseJson:function(t,e){if("string"==typeof t&&t.length&&t.match(/^[\{\[].*[\}\]]$/))if(e)try{t=new Function("return "+t)()}catch(i){}finally{return t}else t=new Function("return "+t)();return t},sliceObj:function(e,i,n){var o,r,s={};if(!t.isArray(i)||!i.length)return s;for(var a=0;a").text(e).html()},itemsByValue:function(e,i,n){if(!i||null===e)return[];if("function"!=typeof n){var o=n||"value";n=function(t){return t[o]}}var r=t.isArray(e),s=[],a=this;return t.each(i,function(i,o){if(o.children)s=s.concat(a.itemsByValue(e,o.children,n));else if(r)t.grep(e,function(t){return t==(o&&"object"==typeof o?n(o):o)}).length&&s.push(o);else{var l=o&&"object"==typeof o?n(o):o;e==l&&s.push(o)}}),s},createInput:function(e){var i,n,o,r=e.type;return"date"===r&&("inline"===e.mode?t.fn.editabletypes.datefield?r="datefield":t.fn.editabletypes.dateuifield&&(r="dateuifield"):t.fn.editabletypes.date?r="date":t.fn.editabletypes.dateui&&(r="dateui"),"date"!==r||t.fn.editabletypes.date||(r="combodate")),"datetime"===r&&"inline"===e.mode&&(r="datetimefield"),"wysihtml5"!==r||t.fn.editabletypes[r]||(r="textarea"),"function"==typeof t.fn.editabletypes[r]?(i=t.fn.editabletypes[r],n=this.sliceObj(e,this.objectKeys(i.defaults)),o=new i(n)):(t.error("Unknown type: "+r),!1)},supportsTransitions:function(){var t=document.body||document.documentElement,e=t.style,i="transition",n=["Moz","Webkit","Khtml","O","ms"];if("string"==typeof e[i])return!0;i=i.charAt(0).toUpperCase()+i.substr(1);for(var o=0;o"),this.tip().is(this.innerCss)?this.tip().append(this.$form):this.tip().find(this.innerCss).append(this.$form),this.renderForm()},hide:function(t){if(this.tip()&&this.tip().is(":visible")&&this.$element.hasClass("editable-open")){if(this.$form.data("editableform").isSaving)return this.delayedHide={reason:t},void 0;this.delayedHide=!1,this.$element.removeClass("editable-open"),this.innerHide(),this.$element.triggerHandler("hidden",t||"manual")}},innerShow:function(){},innerHide:function(){},toggle:function(t){this.container()&&this.tip()&&this.tip().is(":visible")?this.hide():this.show(t)},setPosition:function(){},save:function(t,e){this.$element.triggerHandler("save",e),this.hide("save")},option:function(t,e){this.options[t]=e,t in this.containerOptions?(this.containerOptions[t]=e,this.setContainerOption(t,e)):(this.formOptions[t]=e,this.$form&&this.$form.editableform("option",t,e))},setContainerOption:function(t,e){this.call("option",t,e)},destroy:function(){this.hide(),this.innerDestroy(),this.$element.off("destroyed"),this.$element.removeData("editableContainer")},innerDestroy:function(){},closeOthers:function(e){t(".editable-open").each(function(i,n){if(n!==e&&!t(n).find(e).length){var o=t(n),r=o.data("editableContainer");r&&("cancel"===r.options.onblur?o.data("editableContainer").hide("onblur"):"submit"===r.options.onblur&&o.data("editableContainer").tip().find("form").submit())}})},activate:function(){this.tip&&this.tip().is(":visible")&&this.$form&&this.$form.data("editableform").input.activate()}},t.fn.editableContainer=function(n){var o=arguments;return this.each(function(){var r=t(this),s="editableContainer",a=r.data(s),l="object"==typeof n&&n,c="inline"===l.mode?i:e;a||r.data(s,a=new c(this,l)),"string"==typeof n&&a[n].apply(a,Array.prototype.slice.call(o,1))})},t.fn.editableContainer.Popup=e,t.fn.editableContainer.Inline=i,t.fn.editableContainer.defaults={value:null,placement:"top",autohide:!0,onblur:"cancel",anim:!1,mode:"popup"},jQuery.event.special.destroyed={remove:function(t){t.handler&&t.handler()}}}(window.jQuery),function(t){"use strict";t.extend(t.fn.editableContainer.Inline.prototype,t.fn.editableContainer.Popup.prototype,{containerName:"editableform",innerCss:".editable-inline",containerClass:"editable-container editable-inline",initContainer:function(){this.$tip=t(""),this.options.anim||(this.options.anim=0)},splitOptions:function(){this.containerOptions={},this.formOptions=this.options},tip:function(){return this.$tip},innerShow:function(){this.$element.hide(),this.tip().insertAfter(this.$element).show()},innerHide:function(){this.$tip.hide(this.options.anim,t.proxy(function(){this.$element.show(),this.innerDestroy()},this))},innerDestroy:function(){this.tip()&&this.tip().empty().remove()}})}(window.jQuery),function(t){"use strict";var e=function(e,i){this.$element=t(e),this.options=t.extend({},t.fn.editable.defaults,i,t.fn.editableutils.getConfigData(this.$element)),this.options.selector?this.initLive():this.init(),this.options.highlight&&!t.fn.editableutils.supportsTransitions()&&(this.options.highlight=!1)};e.prototype={constructor:e,init:function(){var e,i=!1;if(this.options.name=this.options.name||this.$element.attr("id"),this.options.scope=this.$element[0],this.input=t.fn.editableutils.createInput(this.options),this.input){switch(void 0===this.options.value||null===this.options.value?(this.value=this.input.html2value(t.trim(this.$element.html())),i=!0):(this.options.value=t.fn.editableutils.tryParseJson(this.options.value,!0),this.value="string"==typeof this.options.value?this.input.str2value(this.options.value):this.options.value),this.$element.addClass("editable"),"textarea"===this.input.type&&this.$element.addClass("editable-pre-wrapped"),"manual"!==this.options.toggle?(this.$element.addClass("editable-click"),this.$element.on(this.options.toggle+".editable",t.proxy(function(t){if(this.options.disabled||t.preventDefault(),"mouseenter"===this.options.toggle)this.show();else{var e="click"!==this.options.toggle;this.toggle(e)}},this))):this.$element.attr("tabindex",-1),"function"==typeof this.options.display&&(this.options.autotext="always"),this.options.autotext){case"always":e=!0;break;case"auto":e=!t.trim(this.$element.text()).length&&null!==this.value&&void 0!==this.value&&!i;break;default:e=!1}t.when(e?this.render():!0).then(t.proxy(function(){this.options.disabled?this.disable():this.enable(),this.$element.triggerHandler("init",this)},this))}},initLive:function(){var e=this.options.selector;this.options.selector=!1,this.options.autotext="never",this.$element.on(this.options.toggle+".editable",e,t.proxy(function(e){var i=t(e.target);i.data("editable")||(i.hasClass(this.options.emptyclass)&&i.empty(),i.editable(this.options).trigger(e))},this))},render:function(t){return this.options.display!==!1?this.input.value2htmlFinal?this.input.value2html(this.value,this.$element[0],this.options.display,t):"function"==typeof this.options.display?this.options.display.call(this.$element[0],this.value,t):this.input.value2html(this.value,this.$element[0]):void 0},enable:function(){this.options.disabled=!1,this.$element.removeClass("editable-disabled"),this.handleEmpty(this.isEmpty),"manual"!==this.options.toggle&&"-1"===this.$element.attr("tabindex")&&this.$element.removeAttr("tabindex")},disable:function(){this.options.disabled=!0,this.hide(),this.$element.addClass("editable-disabled"),this.handleEmpty(this.isEmpty),this.$element.attr("tabindex",-1)},toggleDisabled:function(){this.options.disabled?this.enable():this.disable()},option:function(e,i){return e&&"object"==typeof e?(t.each(e,t.proxy(function(e,i){this.option(t.trim(e),i)},this)),void 0):(this.options[e]=i,"disabled"===e?i?this.disable():this.enable():("value"===e&&this.setValue(i),this.container&&this.container.option(e,i),this.input.option&&this.input.option(e,i),void 0))},handleEmpty:function(e){this.options.display!==!1&&(this.isEmpty=void 0!==e?e:""===t.trim(this.$element.html())?!0:""!==t.trim(this.$element.text())?!1:!this.$element.height()||!this.$element.width(),this.options.disabled?this.isEmpty&&(this.$element.empty(),this.options.emptyclass&&this.$element.removeClass(this.options.emptyclass)):this.isEmpty?(this.$element.html(this.options.emptytext),this.options.emptyclass&&this.$element.addClass(this.options.emptyclass)):this.options.emptyclass&&this.$element.removeClass(this.options.emptyclass))},show:function(e){if(!this.options.disabled){if(this.container){if(this.container.tip().is(":visible"))return}else{var i=t.extend({},this.options,{value:this.value,input:this.input});this.$element.editableContainer(i),this.$element.on("save.internal",t.proxy(this.save,this)),this.container=this.$element.data("editableContainer")}this.container.show(e)}},hide:function(){this.container&&this.container.hide()},toggle:function(t){this.container&&this.container.tip().is(":visible")?this.hide():this.show(t)},save:function(t,e){if(this.options.unsavedclass){var i=!1;i=i||"function"==typeof this.options.url,i=i||this.options.display===!1,i=i||void 0!==e.response,i=i||this.options.savenochange&&this.input.value2str(this.value)!==this.input.value2str(e.newValue),i?this.$element.removeClass(this.options.unsavedclass):this.$element.addClass(this.options.unsavedclass)}if(this.options.highlight){var n=this.$element,o=n.css("background-color");n.css("background-color",this.options.highlight),setTimeout(function(){"transparent"===o&&(o=""),n.css("background-color",o),n.addClass("editable-bg-transition"),setTimeout(function(){n.removeClass("editable-bg-transition")},1700)},10)}this.setValue(e.newValue,!1,e.response)},validate:function(){return"function"==typeof this.options.validate?this.options.validate.call(this,this.value):void 0},setValue:function(e,i,n){this.value=i?this.input.str2value(e):e,this.container&&this.container.option("value",this.value),t.when(this.render(n)).then(t.proxy(function(){this.handleEmpty()},this))},activate:function(){this.container&&this.container.activate()},destroy:function(){this.disable(),this.container&&this.container.destroy(),this.input.destroy(),"manual"!==this.options.toggle&&(this.$element.removeClass("editable-click"),this.$element.off(this.options.toggle+".editable")),this.$element.off("save.internal"),this.$element.removeClass("editable editable-open editable-disabled"),this.$element.removeData("editable")}},t.fn.editable=function(i){var n={},o=arguments,r="editable";switch(i){case"validate":return this.each(function(){var e,i=t(this),o=i.data(r);o&&(e=o.validate())&&(n[o.options.name]=e)}),n;case"getValue":return 2===arguments.length&&arguments[1]===!0?n=this.eq(0).data(r).value:this.each(function(){var e=t(this),i=e.data(r);i&&void 0!==i.value&&null!==i.value&&(n[i.options.name]=i.input.value2submit(i.value))}),n;case"submit":var s,a=arguments[1]||{},l=this,c=this.editable("validate");return t.isEmptyObject(c)?(s=this.editable("getValue"),a.data&&t.extend(s,a.data),t.ajax(t.extend({url:a.url,data:s,type:"POST"},a.ajaxOptions)).success(function(t){"function"==typeof a.success&&a.success.call(l,t,a)}).error(function(){"function"==typeof a.error&&a.error.apply(l,arguments)})):"function"==typeof a.error&&a.error.call(l,c),this}return this.each(function(){var n=t(this),s=n.data(r),a="object"==typeof i&&i;return a&&a.selector?(s=new e(this,a),void 0):(s||n.data(r,s=new e(this,a)),"string"==typeof i&&s[i].apply(s,Array.prototype.slice.call(o,1)),void 0)})},t.fn.editable.defaults={type:"text",disabled:!1,toggle:"click",emptytext:"Empty",autotext:"auto",value:null,display:null,emptyclass:"editable-empty",unsavedclass:"editable-unsaved",selector:null,highlight:"#FFFF80"}}(window.jQuery),function(t){"use strict";t.fn.editabletypes={};var e=function(){};e.prototype={init:function(e,i,n){this.type=e,this.options=t.extend({},n,i)},prerender:function(){this.$tpl=t(this.options.tpl),this.$input=this.$tpl,this.$clear=null,this.error=null},render:function(){},value2html:function(e,i){t(i).text(t.trim(e))},html2value:function(e){return t("
    ").html(e).text()},value2str:function(t){return t},str2value:function(t){return t},value2submit:function(t){return t},value2input:function(t){this.$input.val(t)},input2value:function(){return this.$input.val()},activate:function(){this.$input.is(":visible")&&this.$input.focus()},clear:function(){this.$input.val(null)},escape:function(e){return t("
    ").text(e).html()},autosubmit:function(){},destroy:function(){},setClass:function(){this.options.inputclass&&this.$input.addClass(this.options.inputclass)},setAttr:function(t){void 0!==this.options[t]&&null!==this.options[t]&&this.$input.attr(t,this.options[t])},option:function(t,e){this.options[t]=e}},e.defaults={tpl:"",inputclass:"input-medium",scope:null,showbuttons:!0},t.extend(t.fn.editabletypes,{abstractinput:e})}(window.jQuery),function(t){"use strict";var e=function(){};t.fn.editableutils.inherit(e,t.fn.editabletypes.abstractinput),t.extend(e.prototype,{render:function(){var e=t.Deferred();return this.error=null,this.onSourceReady(function(){this.renderList(),e.resolve()},function(){this.error=this.options.sourceError,e.resolve()}),e.promise()},html2value:function(){return null},value2html:function(e,i,n,o){var r=t.Deferred(),s=function(){"function"==typeof n?n.call(i,e,this.sourceData,o):this.value2htmlFinal(e,i),r.resolve()};return null===e?s.call(this):this.onSourceReady(s,function(){r.resolve()}),r.promise()},onSourceReady:function(e,i){var n;if(t.isFunction(this.options.source)?(n=this.options.source.call(this.options.scope),this.sourceData=null):n=this.options.source,this.options.sourceCache&&t.isArray(this.sourceData))return e.call(this),void 0;try{n=t.fn.editableutils.tryParseJson(n,!1)}catch(o){return i.call(this),void 0}if("string"==typeof n){if(this.options.sourceCache){var r,s=n;if(t(document).data(s)||t(document).data(s,{}),r=t(document).data(s),r.loading===!1&&r.sourceData)return this.sourceData=r.sourceData,this.doPrepend(),e.call(this),void 0;if(r.loading===!0)return r.callbacks.push(t.proxy(function(){this.sourceData=r.sourceData,this.doPrepend(),e.call(this)},this)),r.err_callbacks.push(t.proxy(i,this)),void 0;r.loading=!0,r.callbacks=[],r.err_callbacks=[]}t.ajax({url:n,type:"get",cache:!1,dataType:"json",success:t.proxy(function(n){r&&(r.loading=!1),this.sourceData=this.makeArray(n),t.isArray(this.sourceData)?(r&&(r.sourceData=this.sourceData,t.each(r.callbacks,function(){this.call()})),this.doPrepend(),e.call(this)):(i.call(this),r&&t.each(r.err_callbacks,function(){this.call()}))},this),error:t.proxy(function(){i.call(this),r&&(r.loading=!1,t.each(r.err_callbacks,function(){this.call()}))},this)})}else this.sourceData=this.makeArray(n),t.isArray(this.sourceData)?(this.doPrepend(),e.call(this)):i.call(this)},doPrepend:function(){null!==this.options.prepend&&void 0!==this.options.prepend&&(t.isArray(this.prependData)||(t.isFunction(this.options.prepend)&&(this.options.prepend=this.options.prepend.call(this.options.scope)),this.options.prepend=t.fn.editableutils.tryParseJson(this.options.prepend,!0),"string"==typeof this.options.prepend&&(this.options.prepend={"":this.options.prepend}),this.prependData=this.makeArray(this.options.prepend)),t.isArray(this.prependData)&&t.isArray(this.sourceData)&&(this.sourceData=this.prependData.concat(this.sourceData)))},renderList:function(){},value2htmlFinal:function(){},makeArray:function(e){var i,n,o,r,s=[];if(!e||"string"==typeof e)return null;if(t.isArray(e)){r=function(t,e){return n={value:t,text:e},i++>=2?!1:void 0};for(var a=0;a1&&(o.children&&(o.children=this.makeArray(o.children)),s.push(o))):s.push({value:o,text:o})}else t.each(e,function(t,e){s.push({value:t,text:e})});return s},option:function(t,e){this.options[t]=e,"source"===t&&(this.sourceData=null),"prepend"===t&&(this.prependData=null)}}),e.defaults=t.extend({},t.fn.editabletypes.abstractinput.defaults,{source:null,prepend:!1,sourceError:"Error when loading list",sourceCache:!0}),t.fn.editabletypes.list=e}(window.jQuery),function(t){"use strict";var e=function(t){this.init("text",t,e.defaults)};t.fn.editableutils.inherit(e,t.fn.editabletypes.abstractinput),t.extend(e.prototype,{render:function(){this.renderClear(),this.setClass(),this.setAttr("placeholder")},activate:function(){this.$input.is(":visible")&&(this.$input.focus(),t.fn.editableutils.setCursorPosition(this.$input.get(0),this.$input.val().length),this.toggleClear&&this.toggleClear())},renderClear:function(){this.options.clear&&(this.$clear=t(''),this.$input.after(this.$clear).css("padding-right",24).keyup(t.proxy(function(e){if(!~t.inArray(e.keyCode,[40,38,9,13,27])){clearTimeout(this.t);var i=this;this.t=setTimeout(function(){i.toggleClear(e)},100)}},this)).parent().css("position","relative"),this.$clear.click(t.proxy(this.clear,this)))},postrender:function(){},toggleClear:function(){if(this.$clear){var t=this.$input.val().length,e=this.$clear.is(":visible");t&&!e&&this.$clear.show(),!t&&e&&this.$clear.hide()}},clear:function(){this.$clear.hide(),this.$input.val("").focus()}}),e.defaults=t.extend({},t.fn.editabletypes.abstractinput.defaults,{tpl:'',placeholder:null,clear:!0}),t.fn.editabletypes.text=e}(window.jQuery),function(t){"use strict";var e=function(t){this.init("textarea",t,e.defaults)};t.fn.editableutils.inherit(e,t.fn.editabletypes.abstractinput),t.extend(e.prototype,{render:function(){this.setClass(),this.setAttr("placeholder"),this.setAttr("rows"),this.$input.keydown(function(e){e.ctrlKey&&13===e.which&&t(this).closest("form").submit()})},activate:function(){t.fn.editabletypes.text.prototype.activate.call(this)}}),e.defaults=t.extend({},t.fn.editabletypes.abstractinput.defaults,{tpl:"",inputclass:"input-large",placeholder:null,rows:7}),t.fn.editabletypes.textarea=e}(window.jQuery),function(t){"use strict";var e=function(t){this.init("select",t,e.defaults)};t.fn.editableutils.inherit(e,t.fn.editabletypes.list),t.extend(e.prototype,{renderList:function(){this.$input.empty();var e=function(i,n){var o;if(t.isArray(n))for(var r=0;r",o),n[r].children))):(o.value=n[r].value,n[r].disabled&&(o.disabled=!0),i.append(t("