MLPMA initial construction and static cleanup.
|
@ -0,0 +1,64 @@
|
|||
<div class="well">
|
||||
<!-- Player Interface -->
|
||||
<div id="jquery_jplayer" style="width: 0; height: 0;"></div>
|
||||
<div id="jp_container" class="jp-audio" style="display: none;">
|
||||
<div id="sidebar-shortcuts">
|
||||
<div id="sidebar-shortcuts-large">
|
||||
<div class="jp-type-single">
|
||||
<div id="jp_interface_1" class="jp-interface">
|
||||
<ul class="jp-controls">
|
||||
<li><a href="#" class="jp-play" tabindex="1">play</a></li>
|
||||
<li><a href="#" class="jp-pause" tabindex="1">pause</a></li>
|
||||
<li><a href="#" class="jp-mute" tabindex="1">mute</a></li>
|
||||
<li><a href="#" class="jp-unmute" tabindex="1">unmute</a></li>
|
||||
</ul>
|
||||
<div class="jp-progress-container">
|
||||
<div class="jp-progress">
|
||||
<div class="jp-seek-bar">
|
||||
<div class="jp-play-bar"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="jp-volume-bar-container">
|
||||
<div class="jp-volume-bar">
|
||||
<div class="jp-volume-bar-value"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="nowplaying">
|
||||
<b><span id="nowplaying-title">Now Playing...</span></b><br>
|
||||
<span id="nowplaying-artist">Loading...</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ul class="nav nav-list">
|
||||
<li><a href="<?=$this->route(array('module' => 'mlpma')) ?>" class="ajax"><i class="icon-home"></i> Home</a></li>
|
||||
|
||||
<li class="nav-header">Search the Archive</li>
|
||||
<li>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-header">Browse the Archive</li>
|
||||
<?
|
||||
$genres = \Entity\ArchiveGenre::getTop();
|
||||
foreach($genres as $genre_id => $genre): ?>
|
||||
<li><a href="<?=$this->route(array('module' => 'mlpma', 'controller' => 'search', 'genre' => $genre['name'])) ?>" class="ajax"><i class="icon-double-angle-right"></i> <?=$genre['name'] ?></a></li>
|
||||
<? endforeach; ?>
|
||||
|
||||
<li class="nav-header">Other Actions</li>
|
||||
<li><a href="<?=$this->route(array('module' => 'mlpma', 'controller' => 'index', 'action' => 'download')) ?>" class="ajax"><i class="icon-download"></i> Download the Archive</a></li>
|
||||
<li><a href="<?=$this->route(array('module' => 'mlpma', 'controller' => 'submit')) ?>"><i class="icon-plus-sign"></i> Submit a Song </a></li>
|
||||
|
||||
<? if ($this->acl->isAllowed('administer mlpma songs')): ?>
|
||||
<li class="nav-header">Administration</li>
|
||||
|
||||
<li><a href="<?=$this->route(array('module' => 'mlpma', 'controller' => 'manage', 'action' => 'import')) ?>"><i class="icon-inbox"></i><span>Import New Music</span></a></li>
|
||||
|
||||
<? endif; ?>
|
||||
|
||||
</ul>
|
||||
</div>
|
|
@ -0,0 +1,38 @@
|
|||
<?
|
||||
$skin = \PVL\Customization::get('theme');
|
||||
?>
|
||||
<ul class="loginbar pull-right">
|
||||
<?
|
||||
$tz_info = \PVL\Timezone::getInfo();
|
||||
$tz_text = $tz_info['now']->format('g:ia').' '.$tz_info['abbr'];
|
||||
?>
|
||||
<li><a href="<?=$this->route(array('controller' => 'account', 'action' => 'timezone')) ?>" class="fancybox fancybox.ajax"><i class="icon-time"></i> <?=$tz_text ?></a></li>
|
||||
<li class="divider"> </li>
|
||||
<li><a href="<?=$this->route(array('controller' => 'account', 'action' => 'theme', 'skin' => 'toggle')) ?>"><i class="icon-adjust"></i> <? if ($skin == 'light'): ?>Dark Theme<? else: ?>Light Theme<? endif; ?></a></li>
|
||||
<li class="divider"> </li>
|
||||
<li><a href="<?=$this->route(array('module' => 'default', 'controller' => 'index', 'action' => 'tunein', 'origin' => 'home')) ?>" id="btn-tune-in"><i class="icon-youtube-play"></i> Player</a></li>
|
||||
<li class="divider"> </li>
|
||||
<li><a href="<?=$this->route(array('module' => 'default', 'controller' => 'index', 'action' => 'app')) ?>"><i class="icon-cloud-download"></i> Plugins & Apps</a></li>
|
||||
<li class="divider"> </li>
|
||||
<? if ($this->auth->isLoggedIn()): ?>
|
||||
<?
|
||||
$user = $this->auth->getLoggedInUser();
|
||||
?>
|
||||
<? if ($this->acl->isAllowed('view administration')): ?>
|
||||
<li><a href="<?=$this->route(array('module' => 'admin')) ?>"><i class="icon-cog"></i> Admin</a></li>
|
||||
<li class="divider"> </li>
|
||||
<? endif; ?>
|
||||
<? if (\Entity\Station::canSeeStationCenter($user)): ?>
|
||||
<li><a href="<?=$this->route(array('module' => 'stations')) ?>"><i class="icon-group"></i> Station Center</a></li>
|
||||
<li class="divider"> </li>
|
||||
<? endif; ?>
|
||||
<li><b><?=$user->name ?></b></li>
|
||||
<? if ($this->auth->isMasqueraded()): ?>
|
||||
<li><a href="<?=$this->route(array('module' => 'account', 'controller' => 'logout', 'action' => 'endimpersonate')) ?>"><i class="icon-signout"></i> Switch User</a></li>
|
||||
<? else: ?>
|
||||
<li><a href="<?=$this->route(array('module' => 'account', 'controller' => 'logout')) ?>"><i class="icon-signout"></i> Sign Out</a></li>
|
||||
<? endif; ?>
|
||||
<? else: ?>
|
||||
<li><a href="<?=$this->route(array('module' => 'default', 'controller' => 'account', 'action' => 'login')) ?>"><i class="icon-signin"></i> Sign In</a></li>
|
||||
<? endif; ?>
|
||||
</ul>
|
|
@ -66,70 +66,27 @@ $this->headScript()
|
|||
echo $this->headMeta()."\n";
|
||||
echo $this->headLink()."\n";
|
||||
echo $this->headScript()."\n";
|
||||
|
||||
if ($this->config->application->analytics_code)
|
||||
echo $this->analytics($this->config->application->analytics_code);
|
||||
?>
|
||||
<? /*
|
||||
<script type="text/javascript">
|
||||
var uvOptions = {};
|
||||
(function() {
|
||||
var uv = document.createElement('script'); uv.type = 'text/javascript'; uv.async = true;
|
||||
uv.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'widget.uservoice.com/RFLIXt2xqcpK7mNFeTJzjA.js';
|
||||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(uv, s);
|
||||
})();
|
||||
</script>
|
||||
*/ ?>
|
||||
<script>
|
||||
var DF_ContentPath = '<?php echo \DF\Url::content(); ?>';
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Start Alexa Certify Javascript -->
|
||||
<script type="text/javascript">
|
||||
_atrk_opts = { atrk_acct:"Y1t+i1a8Dy00a/", domain:"ponyvillelive.com",dynamic: true};
|
||||
(function() { var as = document.createElement('script'); as.type = 'text/javascript'; as.async = true; as.src = "https://d31qbv1cthcecs.cloudfront.net/atrk.js"; var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(as, s); })();
|
||||
<!-- Google Universal Analytics -->
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||
|
||||
ga('create', '<?=$this->config->application->analytics_code ?>', 'ponyvillelive.com');
|
||||
ga('send', 'pageview');
|
||||
</script>
|
||||
<noscript><img src="https://d5nxst8fruw4z.cloudfront.net/atrk.gif?account=Y1t+i1a8Dy00a/" style="display:none" height="1" width="1" alt="" /></noscript>
|
||||
<!-- End Alexa Certify Javascript -->
|
||||
<!-- End Google Universal Analytics -->
|
||||
|
||||
<div class="top">
|
||||
<div class="container">
|
||||
<ul class="loginbar pull-right">
|
||||
<?
|
||||
$tz_info = \PVL\Timezone::getInfo();
|
||||
$tz_text = $tz_info['now']->format('g:ia').' '.$tz_info['abbr'];
|
||||
?>
|
||||
<li><a href="<?=$this->route(array('controller' => 'account', 'action' => 'timezone')) ?>" class="fancybox fancybox.ajax"><i class="icon-time"></i> <?=$tz_text ?></a></li>
|
||||
<li class="divider"> </li>
|
||||
<li><a href="<?=$this->route(array('controller' => 'account', 'action' => 'theme', 'skin' => 'toggle')) ?>"><i class="icon-adjust"></i> <? if ($skin == 'light'): ?>Dark Theme<? else: ?>Light Theme<? endif; ?></a></li>
|
||||
<li class="divider"> </li>
|
||||
<li><a href="<?=$this->route(array('module' => 'default', 'controller' => 'index', 'action' => 'tunein', 'origin' => 'home')) ?>" id="btn-tune-in"><i class="icon-youtube-play"></i> Player</a></li>
|
||||
<li class="divider"> </li>
|
||||
<li><a href="<?=$this->route(array('module' => 'default', 'controller' => 'index', 'action' => 'app')) ?>"><i class="icon-cloud-download"></i> Plugins & Apps</a></li>
|
||||
<li class="divider"> </li>
|
||||
<? if ($this->auth->isLoggedIn()): ?>
|
||||
<?
|
||||
$user = $this->auth->getLoggedInUser();
|
||||
?>
|
||||
<? if ($this->acl->isAllowed('view administration')): ?>
|
||||
<li><a href="<?=$this->route(array('module' => 'admin')) ?>"><i class="icon-cog"></i> Admin</a></li>
|
||||
<li class="divider"> </li>
|
||||
<? endif; ?>
|
||||
<? if (\Entity\Station::canSeeStationCenter($user)): ?>
|
||||
<li><a href="<?=$this->route(array('module' => 'stations')) ?>"><i class="icon-group"></i> Station Center</a></li>
|
||||
<li class="divider"> </li>
|
||||
<? endif; ?>
|
||||
<li><b><?=$user->name ?></b></li>
|
||||
<? if ($this->auth->isMasqueraded()): ?>
|
||||
<li><a href="<?=$this->route(array('module' => 'account', 'controller' => 'logout', 'action' => 'endimpersonate')) ?>"><i class="icon-signout"></i> Switch User</a></li>
|
||||
<? else: ?>
|
||||
<li><a href="<?=$this->route(array('module' => 'account', 'controller' => 'logout')) ?>"><i class="icon-signout"></i> Sign Out</a></li>
|
||||
<? endif; ?>
|
||||
<? else: ?>
|
||||
<li><a href="<?=$this->route(array('module' => 'default', 'controller' => 'account', 'action' => 'login')) ?>"><i class="icon-signin"></i> Sign In</a></li>
|
||||
<? endif; ?>
|
||||
</ul>
|
||||
<?=$this->renderCommon('usernav') ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
@ -162,8 +119,8 @@ _atrk_opts = { atrk_acct:"Y1t+i1a8Dy00a/", domain:"ponyvillelive.com",dynamic: t
|
|||
|
||||
<div id="body-wrapper">
|
||||
<div id="body" class="container">
|
||||
<div id="page_wrapper"><div id="page">
|
||||
<div>
|
||||
<div id="page_wrapper">
|
||||
<div id="page">
|
||||
<?
|
||||
if (\DF\Flash::hasMessages()):
|
||||
$messages = \DF\Flash::getMessages();
|
||||
|
@ -217,7 +174,7 @@ _atrk_opts = { atrk_acct:"Y1t+i1a8Dy00a/", domain:"ponyvillelive.com",dynamic: t
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
@ -40,15 +40,24 @@ $this->headScript()
|
|||
echo $this->headMeta();
|
||||
echo $this->headLink();
|
||||
echo $this->headScript();
|
||||
|
||||
if ($this->config->application->analytics_code)
|
||||
echo $this->analytics($this->config->application->analytics_code);
|
||||
?>
|
||||
<script>
|
||||
var DF_ContentPath = '<?php echo \DF\Url::content(); ?>';
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Google Universal Analytics -->
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||
|
||||
ga('create', '<?=$this->config->application->analytics_code ?>', 'ponyvillelive.com');
|
||||
ga('send', 'pageview');
|
||||
</script>
|
||||
<!-- End Google Universal Analytics -->
|
||||
|
||||
<!-- Start Alexa Certify Javascript -->
|
||||
<script type="text/javascript">
|
||||
_atrk_opts = { atrk_acct:"Y1t+i1a8Dy00a/", domain:"ponyvillelive.com",dynamic: true};
|
||||
|
|
|
@ -1,9 +1,8 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<style type="text/css">
|
||||
{literal}
|
||||
<!--
|
||||
body {
|
||||
margin-left: 0px;
|
||||
|
@ -90,7 +89,6 @@ table tr th.left_padded {
|
|||
padding-left: 10px;
|
||||
}
|
||||
-->
|
||||
{/literal}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
|
|
@ -0,0 +1,169 @@
|
|||
<?php
|
||||
header("Content-type: text/html; charset=utf-8");
|
||||
echo $this->doctype();
|
||||
|
||||
$skin = \PVL\Customization::get('theme');
|
||||
?>
|
||||
<html class="full_layout theme_<?=$skin ?> mlpma">
|
||||
<head>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,requiresActiveX=true">
|
||||
|
||||
<meta name="viewport" content="initial-scale=1.0">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
|
||||
|
||||
<meta name="keywords" content="Pony, Brony, Radio, Video, Podcast, Multimedia, Convention, Ponyville, Live, MLP, MLP:FiM" />
|
||||
<meta name="description" content="Equestria's newest Brony multimedia network, featuring 24/7 pony radio, videos, podcasts, convention coverage, and more." />
|
||||
<link rel="canonical" href="http://www.ponyvillelive.com" />
|
||||
|
||||
<!-- iPhone/iPhone Retina -->
|
||||
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="<?=\DF\Url::content('ios/touch_icon_iphone.png') ?>" />
|
||||
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="<?=\DF\Url::content('ios/touch_icon_iphone.png') ?>" />
|
||||
<!-- iPad/iPad Retina -->
|
||||
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="<?=\DF\Url::content('ios/touch_icon_ipad.png') ?>" />
|
||||
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="<?=\DF\Url::content('ios/touch_icon_ipad.png') ?>" />
|
||||
|
||||
<!-- Facebook and Other Social Sites -->
|
||||
<link rel="image_src" href="<?=\DF\Url::content('pvl_square.png') ?>" />
|
||||
|
||||
<?php
|
||||
$title_items = $this->headTitle()->getIterator();
|
||||
$title = current($title_items);
|
||||
|
||||
if (!$this->layout()->subtitle && $this->layout()->show_subtitle)
|
||||
$this->layout()->subtitle = next($title_items);
|
||||
|
||||
$this->headTitle($this->config->application->name);
|
||||
|
||||
if (count($title_items) == 1)
|
||||
{
|
||||
$this->headTitle()->append('Bringing Pony People Together');
|
||||
$this->headTitle()->append('24/7 Pony Radio, Video, Podcasts, Convention Coverage & More');
|
||||
}
|
||||
|
||||
if (DF_APPLICATION_ENV != "production")
|
||||
$this->headTitle()->prepend('('.ucfirst(DF_APPLICATION_ENV).')');
|
||||
|
||||
echo $this->headTitle()->setSeparator(" - ")->toString();
|
||||
|
||||
$this->headLink()
|
||||
->appendStylesheet('//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css', 'all')
|
||||
->appendStylesheet('//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css', 'all')
|
||||
->appendStylesheet(\DF\Url::content('common/jquery/fancybox/jquery.fancybox.css'), 'all')
|
||||
->appendStylesheet(\DF\Url::content('common/bootstrap2_r2/df-ui-printable.css'), 'print')
|
||||
->appendStylesheet('//fonts.googleapis.com/css?family=Source+Sans+Pro:400,700', 'screen')
|
||||
->appendStylesheet(\DF\Url::content('mid2013/style.css'), 'all')
|
||||
->appendStylesheet(\DF\Url::content('mid2013/skin_'.$skin.'.css'))
|
||||
->appendStylesheet(\DF\Url::content('mlpma/style.css'));
|
||||
|
||||
$this->headScript()
|
||||
->prependFile(\DF\Url::cdn('jquery', '1.8.3'))
|
||||
->appendFile(\DF\Url::content('common/jquery/fancybox/jquery.fancybox.pack.js'))
|
||||
->appendFile(\DF\Url::content('common/bootstrap2_r2/bootstrap/js/bootstrap.min.js'))
|
||||
->appendFile(\DF\Url::content('common/bootstrap2_r2/layout.js'))
|
||||
->appendFile(\DF\Url::content('swfobject.js'))
|
||||
->appendFile(\DF\Url::content('global.js'));
|
||||
|
||||
echo $this->headMeta()."\n";
|
||||
echo $this->headLink()."\n";
|
||||
echo $this->headScript()."\n";
|
||||
?>
|
||||
<script>
|
||||
var DF_ContentPath = '<?php echo \DF\Url::content(); ?>';
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Google Universal Analytics -->
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||
|
||||
ga('create', '<?=$this->config->application->analytics_code ?>', 'ponyvillelive.com');
|
||||
ga('send', 'pageview');
|
||||
</script>
|
||||
<!-- End Google Universal Analytics -->
|
||||
|
||||
<div class="top">
|
||||
<div class="container">
|
||||
<?=$this->renderCommon('usernav') ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<div class="logo">
|
||||
<a href="<?=$this->route() ?>"><img id="logo-header" src="<?=\DF\Url::content('mid2013/logo_'.$skin.'.png') ?>" alt="Logo"></a>
|
||||
</div>
|
||||
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</a>
|
||||
<div class="nav-collapse collapse">
|
||||
<?=$this->renderCommon('nav') ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="secondary_header_stripe"><img src="<?=\DF\Url::content('mlpma/mlpma_logo.png') ?>" alt="The MLP Music Archive, a Ponyville Live! Project"></div>
|
||||
|
||||
<div id="body-wrapper">
|
||||
<div id="body" class="container">
|
||||
<div id="page_wrapper">
|
||||
<div id="page">
|
||||
<?
|
||||
if (\DF\Flash::hasMessages()):
|
||||
$messages = \DF\Flash::getMessages();
|
||||
foreach($messages as $message):
|
||||
?>
|
||||
<div class="content-top-alert alert alert-<?=$message['color'] ?>" data-alert="alert">
|
||||
<a class="close" data-dismiss="alert" href="#">×</a>
|
||||
<?=$message['message'] ?>
|
||||
</div>
|
||||
<?
|
||||
endforeach;
|
||||
endif;
|
||||
?>
|
||||
|
||||
<div id="content_wrapper">
|
||||
<div id="content">
|
||||
<div class="row-fluid">
|
||||
<div class="span3">
|
||||
<?=$this->renderCommon('mlpma') ?>
|
||||
</div>
|
||||
<div class="span9">
|
||||
<? if (!$this->layout()->hide_title): ?>
|
||||
<h1 class="title"><?=$title ?></h1>
|
||||
<? endif; ?>
|
||||
|
||||
<?php echo $this->layout()->content; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<?=$this->renderCommon('footer') ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="copyright">
|
||||
<div class="container">
|
||||
<p>MLP is copyright © Hasbro. All creations are © to their respective artists. All songs are property of their respective artists.<br>
|
||||
Copyright © <?=date('Y') ?> Ponyville Live! All rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -42,6 +42,15 @@ class Image
|
|||
if ($image_width <= $width && $image_height <= $height)
|
||||
{
|
||||
$resized_image = $image;
|
||||
|
||||
if ($dest_extension == 'png')
|
||||
{
|
||||
imagealphablending($resized_image, false);
|
||||
imagesavealpha($resized_image, true);
|
||||
|
||||
$transparent = imagecolorallocatealpha($resized_image, 255, 255, 255, 127);
|
||||
imagefilledrectangle($resized_image, 0, 0, $resized_width, $resized_height, $transparent);
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
|
|
|
@ -0,0 +1,19 @@
|
|||
<?php
|
||||
namespace PVL\Controller\Action;
|
||||
|
||||
class Mlpma extends \DF\Controller\Action
|
||||
{
|
||||
public function init()
|
||||
{
|
||||
parent::init();
|
||||
|
||||
\Zend_Layout::getMvcInstance()->setLayout('mlpma');
|
||||
}
|
||||
|
||||
public function preDispatch()
|
||||
{
|
||||
parent::preDispatch();
|
||||
|
||||
\Zend_Layout::getMvcInstance()->enableLayout();
|
||||
}
|
||||
}
|
|
@ -0,0 +1,67 @@
|
|||
<?php
|
||||
namespace Entity;
|
||||
|
||||
use \Doctrine\Common\Collections\ArrayCollection;
|
||||
|
||||
/**
|
||||
* @Table(name="archive_genre")
|
||||
* @Entity
|
||||
*/
|
||||
class ArchiveGenre extends \DF\Doctrine\Entity
|
||||
{
|
||||
public function __construct()
|
||||
{
|
||||
$this->songs = new ArrayCollection;
|
||||
}
|
||||
|
||||
/**
|
||||
* @Column(name="id", type="integer")
|
||||
* @Id
|
||||
* @GeneratedValue(strategy="AUTO")
|
||||
*/
|
||||
protected $id;
|
||||
|
||||
/** @Column(name="name", type="string", length=50) */
|
||||
protected $name;
|
||||
|
||||
/** @ManyToMany(targetEntity="ArchiveSong", mappedBy="genres") */
|
||||
protected $songs;
|
||||
|
||||
public static function getTotals()
|
||||
{
|
||||
$totals = \DF\Cache::get('archive_genre_totals');
|
||||
|
||||
if (!$totals)
|
||||
{
|
||||
$em = self::getEntityManager();
|
||||
$conn = $em->getConnection();
|
||||
|
||||
$totals_raw = $conn->fetchAll('SELECT ag.id, ag.name, COUNT(ashg.song_id) AS songs FROM archive_genre AS ag LEFT JOIN archive_song_has_genre AS ashg ON ashg.genre_id = ag.id GROUP BY ag.id ORDER BY ag.name ASC');
|
||||
|
||||
$totals = array();
|
||||
foreach($totals_raw as $row)
|
||||
{
|
||||
$totals[$row['id']] = array(
|
||||
'name' => $row['name'],
|
||||
'total' => $row['songs'],
|
||||
);
|
||||
}
|
||||
|
||||
\DF\Cache::save($totals, 'archive_genre_totals', array(), 600);
|
||||
}
|
||||
|
||||
return $totals;
|
||||
}
|
||||
|
||||
public static function getTop($offset_num = 5)
|
||||
{
|
||||
$totals = self::getTotals();
|
||||
|
||||
uasort($totals, function($a, $b) {
|
||||
return $b['total'] - $a['total'];
|
||||
});
|
||||
|
||||
$totals = array_slice($totals, 0, $offset_num, TRUE);
|
||||
return $totals;
|
||||
}
|
||||
}
|
|
@ -0,0 +1,252 @@
|
|||
<?php
|
||||
namespace Entity;
|
||||
|
||||
use \Doctrine\Common\Collections\ArrayCollection;
|
||||
use \PVL\MusicManager;
|
||||
|
||||
/**
|
||||
* @Table(name="archive_song")
|
||||
* @Entity
|
||||
* @HasLifecycleCallbacks
|
||||
*/
|
||||
class ArchiveSong extends \DF\Doctrine\Entity
|
||||
{
|
||||
public function __construct()
|
||||
{
|
||||
$this->created_at = time();
|
||||
$this->year = date('Y');
|
||||
$this->track_number = 0;
|
||||
|
||||
$this->genres = new ArrayCollection;
|
||||
$this->artists = new ArrayCollection;
|
||||
}
|
||||
|
||||
/** @PreDelete */
|
||||
public function deleted()
|
||||
{
|
||||
@unlink($this->art_path);
|
||||
@unlink($this->file_path);
|
||||
}
|
||||
|
||||
/**
|
||||
* @Column(name="id", type="integer")
|
||||
* @Id
|
||||
* @GeneratedValue(strategy="IDENTITY")
|
||||
*/
|
||||
protected $id;
|
||||
|
||||
/** @Column(name="created_at", type="integer", nullable=true) */
|
||||
protected $created_at;
|
||||
|
||||
/** @Column(name="title", type="string", length=300, nullable=true) */
|
||||
protected $title;
|
||||
|
||||
/** @Column(name="artist", type="string", length=200, nullable=true) */
|
||||
protected $artist;
|
||||
|
||||
public function setArtist($artist)
|
||||
{
|
||||
$this->artist = $artist;
|
||||
$this->artists->clear();
|
||||
|
||||
$artist_parts = explode(',', $artist);
|
||||
foreach((array)$artist_parts as $artist_name)
|
||||
{
|
||||
$artist_name = trim($artist_name);
|
||||
if (!empty($artist_name))
|
||||
{
|
||||
$artist_obj = Artist::getRepository()->findOneByName($artist_name);
|
||||
if ($artist_obj instanceof Artist)
|
||||
$this->artists->add($artist_obj);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/** @Column(name="album", type="string", length=200, nullable=true) */
|
||||
protected $album;
|
||||
|
||||
/** @Column(name="track_number", type="smallint", nullable=true) */
|
||||
protected $track_number;
|
||||
|
||||
public function setTrackNumber($tn)
|
||||
{
|
||||
$this->track_number = (int)$tn;
|
||||
}
|
||||
|
||||
/** @Column(name="year", type="smallint", nullable=true) */
|
||||
protected $year;
|
||||
|
||||
public function setYear($yr)
|
||||
{
|
||||
$this->year = (int)substr(trim($yr), 0, 4);
|
||||
}
|
||||
|
||||
/** @Column(name="file_path", type="string", length=300, nullable=true) */
|
||||
protected $file_path;
|
||||
|
||||
public function getExpectedFilePath()
|
||||
{
|
||||
return implode('/', array(
|
||||
MusicManager::MUSIC_DIR,
|
||||
$this->getCleanPath($this->artist),
|
||||
$this->getCleanPath($this->album),
|
||||
$this->getCleanPath($this->title).'.mp3',
|
||||
));
|
||||
}
|
||||
public function setFilePath($new_path)
|
||||
{
|
||||
if (!empty($new_path) && file_exists($new_path))
|
||||
{
|
||||
if ($this->file_path && $new_path != $this->file_path)
|
||||
@unlink($this->file_path);
|
||||
|
||||
$this->file_path = $new_path;
|
||||
}
|
||||
}
|
||||
|
||||
public function getFileUrl()
|
||||
{
|
||||
return str_replace(MusicManager::MUSIC_DIR, MusicManager::MUSIC_URL, $this->file_path);
|
||||
}
|
||||
|
||||
/** @Column(name="art_path", type="string", length=300, nullable=true) */
|
||||
protected $art_path;
|
||||
|
||||
public function getExpectedArtPath()
|
||||
{
|
||||
return implode('/', array(
|
||||
MusicManager::ART_DIR,
|
||||
$this->getCleanPath($this->artist),
|
||||
$this->getCleanPath($this->album),
|
||||
$this->getCleanPath($this->title).'.jpg',
|
||||
));
|
||||
}
|
||||
public function setArtPath($new_path)
|
||||
{
|
||||
if (!empty($new_path) && file_exists($new_path))
|
||||
{
|
||||
if ($this->art_path && $new_path != $this->art_path)
|
||||
@unlink($this->art_path);
|
||||
|
||||
$this->art_path = $new_path;
|
||||
}
|
||||
}
|
||||
|
||||
public function getArtUrl()
|
||||
{
|
||||
return str_replace(MusicManager::ART_DIR, MusicManager::ART_URL, $this->art_path);
|
||||
}
|
||||
|
||||
/**
|
||||
* @ManyToMany(targetEntity="ArchiveGenre", inversedBy="songs")
|
||||
* @JoinTable(name="archive_song_has_genre",
|
||||
* joinColumns={@JoinColumn(name="song_id", referencedColumnName="id", onDelete="CASCADE")},
|
||||
* inverseJoinColumns={@JoinColumn(name="genre_id", referencedColumnName="id", onDelete="CASCADE")}
|
||||
* )
|
||||
*/
|
||||
protected $genres;
|
||||
|
||||
public function setGenre($genre)
|
||||
{
|
||||
$this->genres->clear();
|
||||
|
||||
$genre_parts = explode(',', $genre);
|
||||
foreach((array)$genre_parts as $genre_item)
|
||||
{
|
||||
$genre_item = trim($genre_item);
|
||||
|
||||
if (!empty($genre_item))
|
||||
{
|
||||
$genre_obj = ArchiveGenre::getRepository()->findOneByName($genre_item);
|
||||
if (!($genre_obj instanceof ArchiveGenre))
|
||||
{
|
||||
$genre_obj = new ArchiveGenre;
|
||||
$genre_obj->name = $genre_item;
|
||||
$genre_obj->save();
|
||||
}
|
||||
|
||||
$this->genres->add($genre_obj);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
public function getGenre()
|
||||
{
|
||||
$genre_string = array();
|
||||
foreach($this->genres as $genre)
|
||||
$genre_string[] = $genre->name;
|
||||
|
||||
return implode(', ', $genre_string);
|
||||
}
|
||||
|
||||
/**
|
||||
* @ManyToMany(targetEntity="Artist", inversedBy="songs")
|
||||
* @JoinTable(name="archive_song_has_artist",
|
||||
* joinColumns={@JoinColumn(name="song_id", referencedColumnName="id", onDelete="CASCADE")},
|
||||
* inverseJoinColumns={@JoinColumn(name="artist_id", referencedColumnName="id", onDelete="CASCADE")}
|
||||
* )
|
||||
*/
|
||||
protected $artists;
|
||||
|
||||
/**
|
||||
* Utility Functions
|
||||
*/
|
||||
|
||||
public function fixPaths($clean_up = true)
|
||||
{
|
||||
$paths_to_fix = array(
|
||||
'art_path' => $this->getExpectedArtPath(),
|
||||
'file_path' => $this->getExpectedFilePath(),
|
||||
);
|
||||
|
||||
$paths_changed = false;
|
||||
foreach($paths_to_fix as $path_key => $new_path_value)
|
||||
{
|
||||
$current_path_value = $this->$path_key;
|
||||
|
||||
if (file_exists($current_path_value) && $current_path_value != $new_path_value)
|
||||
{
|
||||
@mkdir(dirname($new_path_value), 0755, true);
|
||||
@rename($current_path_value, $new_path_value);
|
||||
|
||||
$this->$path_key = $new_path_value;
|
||||
$paths_changed = true;
|
||||
}
|
||||
}
|
||||
|
||||
if ($paths_changed && $clean_up)
|
||||
{
|
||||
MusicManager::cleanUpMainDirectories();
|
||||
}
|
||||
}
|
||||
|
||||
public function writeToFile()
|
||||
{
|
||||
MusicManager::writeSongData($this);
|
||||
}
|
||||
|
||||
public function getCleanPath($string)
|
||||
{
|
||||
return preg_replace("/[^A-Za-z0-9_()]/", '', trim(str_replace(' ', '_', $string)));
|
||||
}
|
||||
|
||||
/**
|
||||
* Static Functions
|
||||
*/
|
||||
|
||||
public static function getExistingSongHashes()
|
||||
{
|
||||
$all_songs = self::fetchArray();
|
||||
$song_hashes = array();
|
||||
|
||||
foreach($all_songs as $song)
|
||||
$song_hashes[] = self::getSongHash($song);
|
||||
|
||||
return $song_hashes;
|
||||
}
|
||||
|
||||
public static function getSongHash($song_info)
|
||||
{
|
||||
return md5($song_info['artist'].' - '.$song_info['album'].' - '.$song_info['title']);
|
||||
}
|
||||
}
|
|
@ -266,7 +266,7 @@ class AccountController extends \DF\Controller\Action
|
|||
|
||||
\PVL\Customization::set('theme', $new_skin);
|
||||
|
||||
$this->redirectHome();
|
||||
$this->redirectToReferrer();
|
||||
return;
|
||||
}
|
||||
|
||||
|
@ -284,10 +284,12 @@ class AccountController extends \DF\Controller\Action
|
|||
\PVL\Customization::set('timezone', $data['timezone']);
|
||||
|
||||
$this->alert('Time zone updated!', 'green');
|
||||
$this->redirectHome();
|
||||
$this->redirectToStoredReferrer('customization');
|
||||
return;
|
||||
}
|
||||
|
||||
$this->storeReferrer('customization');
|
||||
|
||||
$this->view->headTitle('Set Time Zone');
|
||||
$this->renderForm($form);
|
||||
}
|
||||
|
|
|
@ -404,7 +404,8 @@ function playStation(id)
|
|||
}
|
||||
|
||||
// Log in Google Analytics
|
||||
_gaq.push(['_trackEvent', 'Station', 'Play', station.data('name') ]);
|
||||
// _gaq.push(['_trackEvent', 'Station', 'Play', station.data('name') ]);
|
||||
ga('send', 'event', 'Station', 'Play', station.data('name'));
|
||||
}
|
||||
else
|
||||
{
|
||||
|
|
|
@ -0,0 +1,52 @@
|
|||
<?php
|
||||
return array(
|
||||
'method' => 'post',
|
||||
'enctype' => 'multipart/form-data',
|
||||
|
||||
'elements' => array(
|
||||
|
||||
'title' => array('text', array(
|
||||
'label' => 'Song Title',
|
||||
'class' => 'half-width',
|
||||
'required' => true,
|
||||
)),
|
||||
|
||||
'artist' => array('text', array(
|
||||
'label' => 'Artist Name',
|
||||
'class' => 'half-width',
|
||||
'required' => true,
|
||||
)),
|
||||
|
||||
'album' => array('text', array(
|
||||
'label' => 'Album Name',
|
||||
'class' => 'half-width',
|
||||
'required' => true,
|
||||
)),
|
||||
|
||||
'track_number' => array('text', array(
|
||||
'label' => 'Track Number on Album',
|
||||
)),
|
||||
|
||||
'year' => array('text', array(
|
||||
'label' => 'Year of Release',
|
||||
)),
|
||||
|
||||
'genre' => array('text', array(
|
||||
'label' => 'Genre(s)',
|
||||
'class' => 'half-width',
|
||||
'description' => 'Separate each genre with a comma, i.e. "Rock, Pop".',
|
||||
)),
|
||||
|
||||
'art_path' => array('file', array(
|
||||
'label' => 'Replace Album Artwork',
|
||||
)),
|
||||
|
||||
'submit' => array('submit', array(
|
||||
'type' => 'submit',
|
||||
'label' => 'Save Changes',
|
||||
'helper' => 'formButton',
|
||||
'class' => 'ui-button',
|
||||
)),
|
||||
|
||||
),
|
||||
);
|
|
@ -0,0 +1,24 @@
|
|||
<?php
|
||||
use \Entity\ArchiveSong;
|
||||
use \DF\Exception\DisplayOnly as ErrorMessage;
|
||||
|
||||
class Mlpma_AlbumController extends \PVL\Controller\Action\Mlpma
|
||||
{
|
||||
public function indexAction()
|
||||
{
|
||||
$album_name = $this->_getParam('album');
|
||||
$album_artist = $this->_getParam('artist');
|
||||
|
||||
$album = $this->em->createQuery('SELECT song FROM Entity\ArchiveSong song WHERE song.album = :album AND song.artist = :artist ORDER BY song.track_number ASC, song.title ASC')
|
||||
->setParameter('album', $album_name)
|
||||
->setParameter('artist', $album_artist)
|
||||
->execute();
|
||||
|
||||
if (count($album) == 0)
|
||||
throw new ErrorMessage('Album not found!');
|
||||
|
||||
$this->view->album_name = $album_name;
|
||||
$this->view->album_artist = $album_artist;
|
||||
$this->view->album = $album;
|
||||
}
|
||||
}
|
|
@ -0,0 +1,28 @@
|
|||
<?php
|
||||
use \Entity\ArchiveSong;
|
||||
use \DF\Exception\DisplayOnly as ErrorMessage;
|
||||
|
||||
class Mlpma_ArtistController extends \PVL\Controller\Action\Mlpma
|
||||
{
|
||||
public function indexAction()
|
||||
{
|
||||
$artist = $this->_getParam('artist');
|
||||
|
||||
$albums = array();
|
||||
$songs = $this->em->createQuery('SELECT song FROM Entity\ArchiveSong song WHERE song.artist = :artist ORDER BY song.album ASC, song.track_number ASC, song.title ASC')
|
||||
->setParameter('artist', $artist)
|
||||
->execute();
|
||||
|
||||
if (count($songs) == 0)
|
||||
throw new ErrorMessage('Artist not found!');
|
||||
|
||||
foreach($songs as $song)
|
||||
{
|
||||
$album_name = $song->album;
|
||||
$albums[$album_name][] = $song;
|
||||
}
|
||||
|
||||
$this->view->artist_name = $artist;
|
||||
$this->view->albums = $albums;
|
||||
}
|
||||
}
|
|
@ -0,0 +1,25 @@
|
|||
<?php
|
||||
use \Entity\ArchiveSong;
|
||||
use \Entity\ArchiveGenre;
|
||||
|
||||
class Mlpma_IndexController extends \PVL\Controller\Action\Mlpma
|
||||
{
|
||||
public function indexAction()
|
||||
{
|
||||
$this->view->newest_songs = $this->em->createQuery('SELECT song FROM Entity\ArchiveSong song ORDER BY song.id DESC')
|
||||
->setMaxResults(10)
|
||||
->execute();
|
||||
|
||||
$this->view->genres = ArchiveGenre::getTotals();
|
||||
|
||||
$this->render('test');
|
||||
}
|
||||
|
||||
public function testAction()
|
||||
{
|
||||
|
||||
}
|
||||
|
||||
public function downloadAction()
|
||||
{}
|
||||
}
|
|
@ -0,0 +1,19 @@
|
|||
<?php
|
||||
class Mlpma_ManageController extends \PVL\Controller\Action\Mlpma
|
||||
{
|
||||
public function permissions()
|
||||
{
|
||||
return $this->acl->isAllowed('administer mlpma songs');
|
||||
}
|
||||
|
||||
public function indexAction()
|
||||
{
|
||||
$this->redirectFromHere(array('controller' => 'index'));
|
||||
}
|
||||
|
||||
public function importAction()
|
||||
{
|
||||
$pending_results = \PVL\MusicManager::checkPendingFolder();
|
||||
$this->view->output = $pending_results;
|
||||
}
|
||||
}
|
|
@ -0,0 +1,31 @@
|
|||
<?php
|
||||
use \Entity\ArchiveSong;
|
||||
use \DF\Exception\DisplayOnly as ErrorMessage;
|
||||
|
||||
class Mlpma_SearchController extends \PVL\Controller\Action\Mlpma
|
||||
{
|
||||
public function indexAction()
|
||||
{
|
||||
if ($this->_hasParam('search'))
|
||||
{
|
||||
$q = $this->_getParam('search');
|
||||
if (!empty($q))
|
||||
{
|
||||
$query = $this->em->createQuery('SELECT song FROM Entity\ArchiveSong song WHERE (song.album LIKE :q OR song.artist LIKE :q OR song.title LIKE :q)')
|
||||
->setParameter('q', '%'.$q.'%');
|
||||
}
|
||||
}
|
||||
elseif ($this->_hasParam('genre'))
|
||||
{
|
||||
$genre = $this->_getParam('genre');
|
||||
|
||||
$query = $this->em->createQuery('SELECT song FROM Entity\ArchiveSong song LEFT JOIN song.genres genre WHERE genre.name = :genre ORDER BY song.album ASC, song.track_number ASC, song.title ASC')
|
||||
->setParameter('genre', $genre);
|
||||
}
|
||||
|
||||
if (!$query)
|
||||
throw new ErrorMessage('Your search could not be performed as requested. Please try your search again.');
|
||||
|
||||
$this->view->songs = $query->execute();
|
||||
}
|
||||
}
|
|
@ -0,0 +1,91 @@
|
|||
<?php
|
||||
use \Entity\ArchiveSong;
|
||||
|
||||
class Mlpma_SongController extends \PVL\Controller\Action\Mlpma
|
||||
{
|
||||
public function indexAction()
|
||||
{
|
||||
$this->redirectFromHere(array('action' => 'view'));
|
||||
}
|
||||
|
||||
public function viewAction()
|
||||
{
|
||||
$id = (int)$this->_getParam('id');
|
||||
$song = ArchiveSong::find($id);
|
||||
|
||||
if (!($song instanceof ArchiveSong))
|
||||
throw new \DF\Exception\DisplayOnly('Song not found!');
|
||||
}
|
||||
|
||||
public function editAction()
|
||||
{
|
||||
$this->acl->checkPermission('administer mlpma songs');
|
||||
|
||||
$id = (int)$this->_getParam('id');
|
||||
$song = ArchiveSong::find($id);
|
||||
|
||||
if (!($song instanceof ArchiveSong))
|
||||
throw new \DF\Exception\DisplayOnly('Song not found!');
|
||||
|
||||
$form = new \DF\Form($this->current_module_config->forms->song);
|
||||
|
||||
$record = $song->toArray();
|
||||
unset($record['art_path']);
|
||||
$form->setDefaults($record);
|
||||
|
||||
if ($_POST)
|
||||
{
|
||||
if ($form->isValid($_POST))
|
||||
{
|
||||
$data = $form->getValues();
|
||||
|
||||
$files = $form->processFiles('mlpma_temp');
|
||||
foreach($files as $file_field => $file_paths)
|
||||
{
|
||||
if (!empty($file_paths[1]))
|
||||
{
|
||||
$image_path = DF_UPLOAD_FOLDER.DIRECTORY_SEPARATOR.$file_paths[1];
|
||||
$thumb_path = $image_path.'.thumb.jpg';
|
||||
|
||||
@file_put_contents($thumb_path, '');
|
||||
|
||||
\DF\Image::resizeImage($image_path, $thumb_path, 100, 100);
|
||||
@unlink($image_path);
|
||||
|
||||
$data[$file_field] = $thumb_path;
|
||||
}
|
||||
}
|
||||
|
||||
$song->fromArray($data);
|
||||
|
||||
$song->fixPaths();
|
||||
$song->writeToFile();
|
||||
|
||||
$song->save();
|
||||
|
||||
$this->alert('<b>Song updated!</b>', 'green');
|
||||
|
||||
$default_url = \DF\Url::route(array('module' => 'mlpma'));
|
||||
$this->redirectToStoredReferrer('mlpma_song', $default_url);
|
||||
return;
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
$this->storeReferrer('mlpma_song');
|
||||
}
|
||||
|
||||
$this->view->headTitle('Edit Song');
|
||||
$this->renderForm($form);
|
||||
}
|
||||
|
||||
public function deleteAction()
|
||||
{
|
||||
$record = ArchiveSong::find($this->_getParam('id'));
|
||||
if ($record)
|
||||
$record->delete();
|
||||
|
||||
$this->alert('Record deleted.', 'green');
|
||||
$this->redirectToReferrer();
|
||||
}
|
||||
}
|
|
@ -0,0 +1,21 @@
|
|||
<?php
|
||||
return array(
|
||||
'default' => array(
|
||||
// Home page.
|
||||
'mlpma' => array(
|
||||
'label' => 'MLP Music Archive',
|
||||
'module' => 'mlpma',
|
||||
'controller' => 'index',
|
||||
|
||||
'pages' => array(
|
||||
'mlpma_test' => array(
|
||||
'module' => 'mlpma',
|
||||
'controller' => 'index',
|
||||
'action' => 'test',
|
||||
'label' => 'Test',
|
||||
),
|
||||
),
|
||||
|
||||
),
|
||||
),
|
||||
);
|
|
@ -0,0 +1,10 @@
|
|||
<?
|
||||
$this->headTitle('Album: '.$this->album_name);
|
||||
?>
|
||||
|
||||
<h2><?=$this->album_artist ?></h2>
|
||||
|
||||
<?
|
||||
$this->songs = $this->album;
|
||||
echo $this->renderHere('songs', true);
|
||||
?>
|
|
@ -0,0 +1,13 @@
|
|||
<?
|
||||
$this->headTitle('Artist: '.$this->artist_name);
|
||||
?>
|
||||
|
||||
<h2>Albums</h2>
|
||||
|
||||
<? foreach($this->albums as $album_name => $songs): ?>
|
||||
<h4><?=$album_name ?></h4>
|
||||
<?
|
||||
$this->songs = $songs;
|
||||
echo $this->renderHere('songs', true);
|
||||
?>
|
||||
<? endforeach; ?>
|
|
@ -0,0 +1,11 @@
|
|||
<?php
|
||||
$this->headTitle('Download the Archive');
|
||||
?>
|
||||
|
||||
<h2>Your Favorite Pony Songs, All In One Place.</h2>
|
||||
|
||||
<p>You can download the existing MLP Music Archive using the link below.<br>This version of the archive was created on November 27, 2012.</p>
|
||||
|
||||
<div class="buttons">
|
||||
<a href="https://docs.google.com/open?id=0B5LW1ZIpaxUIZkIwdUtsQnFKUVU" class="btn btn-xlarge btn-primary">Download v14 (Torrent)</a>
|
||||
</div>
|
|
@ -0,0 +1,33 @@
|
|||
<?
|
||||
$this->headTitle('The MLP Music Archive');
|
||||
$this->layout()->manual = true;
|
||||
?>
|
||||
|
||||
<!-- A tab to launch the Classic Widget -->
|
||||
<script>
|
||||
UserVoice = window.UserVoice || [];
|
||||
UserVoice.push(['showTab', 'classic_widget', {
|
||||
mode: 'feedback',
|
||||
primary_color: '#3f51c4',
|
||||
link_color: '#59baeb',
|
||||
forum_id: 203269,
|
||||
tab_label: 'Feedback & Support',
|
||||
tab_color: '#006fe6',
|
||||
tab_position: 'middle-right',
|
||||
tab_inverted: false
|
||||
}]);
|
||||
</script>
|
||||
|
||||
<div class="container-fluid" id="intro">
|
||||
<div class="container">
|
||||
<div class="row span8 center">
|
||||
<h1>Your Favorite Pony Songs,<br>All In One Place.</h1>
|
||||
<p>The MLP Music Archive project is now a proud member of the <a href="http://www.ponyvillelive.com/" target="_blank">Ponyville Live!</a> family. We are working hard to bring you a brand spankin' new and improved version of the archive, with the latest and greatest in pony hits included, plus tons of new features.</p>
|
||||
|
||||
<p>You can download the existing MLP Music Archive using the link below.<br>This version of the archive was created on November 27, 2012.</p>
|
||||
|
||||
<a href="https://docs.google.com/open?id=0B5LW1ZIpaxUIZkIwdUtsQnFKUVU" class="btn btn-xlarge btn-primary">Download v14 (Torrent)</a>
|
||||
<a href="https://docs.google.com/folder/d/0B60Mv4AgTPp8WjY4NnpuT05ZT0E/edit" class="btn btn-xlarge btn-inverse">View on Google Drive</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
|
@ -0,0 +1,49 @@
|
|||
<?
|
||||
$this->headTitle('Welcome to the MLP Music Archive');
|
||||
$this->layout()->manual = true;
|
||||
?>
|
||||
|
||||
<h1 class="title">Welcome to the <b>MLP Music Archive</b>!</h1>
|
||||
<p>The MLP Music Archive project is now a proud member of the <a href="http://www.ponyvillelive.com/" target="_blank">Ponyville Live!</a> family. We are working hard to bring you a brand spankin' new and improved version of the archive, with the latest and greatest in pony hits included, plus tons of new features.</p>
|
||||
|
||||
<div class="row-fluid">
|
||||
|
||||
<div class="span8">
|
||||
<div class="widget-box transparent">
|
||||
<div class="widget-header widget-header-flat">
|
||||
<h4 class="lighter">Newly Added Songs</h4>
|
||||
<div class="widget-toolbar"><a href="#" data-action="collapse"><i class="icon-chevron-up"></i></a></div>
|
||||
</div>
|
||||
<div class="widget-body">
|
||||
<div class="widget-body-inner">
|
||||
<div class="widget-main padding-5">
|
||||
<?
|
||||
$this->songs = $this->newest_songs;
|
||||
$this->compact_view = true;
|
||||
echo $this->renderHere('songs', TRUE);
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span4">
|
||||
<div class="widget-box transparent">
|
||||
<div class="widget-header widget-header-flat">
|
||||
<h4 class="lighter">Explore By Genre</h4>
|
||||
<div class="widget-toolbar"><a href="#" data-action="collapse"><i class="icon-chevron-up"></i></a></div>
|
||||
</div>
|
||||
<div class="widget-body">
|
||||
<div class="widget-body-inner">
|
||||
<div class="widget-main padding-5">
|
||||
<ul class="item-list">
|
||||
<? foreach($this->genres as $genre_id => $genre): ?>
|
||||
<li class="item"><a href="<?=$this->route(array('module' => 'mlpma', 'controller' => 'search', 'genre' => $genre['name'])) ?>" class="ajax"><?=$genre['name'] ?> <span class="label"><?=$genre['total'] ?></span></li>
|
||||
<? endforeach; ?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
|
@ -0,0 +1,21 @@
|
|||
<?php
|
||||
$this->headTitle('Import Songs');
|
||||
?>
|
||||
|
||||
<h2>Import Results</h2>
|
||||
|
||||
<h3>Successful Imports</h3>
|
||||
<ul>
|
||||
<?
|
||||
foreach((array)$this->output['successes'] as $file_name => $message)
|
||||
echo '<li><b>'.$file_name.'</b>: '.$message.'</li>';
|
||||
?>
|
||||
</ul>
|
||||
|
||||
<h3>Unsuccessful Imports</h3>
|
||||
<ul>
|
||||
<?
|
||||
foreach((array)$this->output['failures'] as $file_name => $message)
|
||||
echo '<li><b>'.$file_name.'</b>: '.$message.'</li>';
|
||||
?>
|
||||
</ul>
|
|
@ -0,0 +1,5 @@
|
|||
<?php
|
||||
$this->headTitle('Search Results');
|
||||
?>
|
||||
|
||||
<?=$this->renderHere('songs', TRUE) ?>
|
|
@ -0,0 +1,55 @@
|
|||
<table class="table table-striped table-hover">
|
||||
<? if ($this->compact_view): ?>
|
||||
<colgroup>
|
||||
<col width="10%">
|
||||
<col width="15%">
|
||||
<col width="75%">
|
||||
</colgroup>
|
||||
<? else: ?>
|
||||
<colgroup>
|
||||
<col width="10%">
|
||||
<col width="40%">
|
||||
<col width="20%">
|
||||
<col width="15%">
|
||||
<col width="15%">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th> </th>
|
||||
<th>Track Name</th>
|
||||
<th>Artist</th>
|
||||
<th>Album</th>
|
||||
<th>Genre</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<? endif; ?>
|
||||
<tbody>
|
||||
<? foreach($this->songs as $song): ?>
|
||||
<tr class="input">
|
||||
<td class="center">
|
||||
<div class="btn-group">
|
||||
<a href="<?=$song->file_url ?>" data-title="<?=$song->title ?>" data-artist="<?=$song->artist ?>" title="Play Song" class="btn-play-song btn btn-mini btn-success"><i class="icon-play"></i></a>
|
||||
<a href="<?=$song->file_url ?>" title="Download Song" download="<?=basename($song->file_url) ?>" target="_blank" class="btn btn-mini btn-info"><i class="icon-download-alt"></i></a>
|
||||
<? if ($this->acl->isAllowed('administer mlpma songs')): ?>
|
||||
<a href="<?=$this->route(array('module' => 'mlpma', 'controller' => 'song', 'action' => 'edit', 'id' => $song->id)) ?>" title="Edit Song" class="btn btn-mini btn-warning"><i class="icon-pencil"></i></a>
|
||||
<a href="<?=$this->route(array('module' => 'mlpma', 'controller' => 'song', 'action' => 'delete', 'id' => $song->id)) ?>" title="Delete Song" class="btn btn-mini btn-danger"><i class="icon-trash"></i></a>
|
||||
<? endif; ?>
|
||||
</div>
|
||||
</td>
|
||||
<? if ($this->compact_view): ?>
|
||||
<td class="center"><a href="#"><img src="<?=$song->art_url ?>" style="width: 100%;"></a></td>
|
||||
<td>
|
||||
<a href="<?=$this->route(array('module' => 'mlpma', 'controller' => 'artist', 'artist' => $song->artist)) ?>" class="ajax"><?=$song->artist ?></a><br>
|
||||
<big><b><?=$song->title ?></b></big><br>
|
||||
<a href="<?=$this->route(array('module' => 'mlpma', 'controller' => 'album', 'album' => $song->album, 'artist' => $song->artist)) ?>" class="ajax"><?=$song->album ?></a><? if ($song->genre): ?> • <?=$song->genre ?><? endif; ?>
|
||||
</td>
|
||||
<? else: ?>
|
||||
<td><b><?=$song->title ?></b></td>
|
||||
<td><a href="<?=$this->route(array('module' => 'mlpma', 'controller' => 'artist', 'artist' => $song->artist)) ?>" class="ajax"><?=$song->artist ?></a></td>
|
||||
<td><a href="<?=$this->route(array('module' => 'mlpma', 'controller' => 'album', 'album' => $song->album, 'artist' => $song->artist)) ?>" class="ajax"><?=$song->album ?></a></td>
|
||||
<td><?=$song->genre ?></td>
|
||||
<? endif; ?>
|
||||
</tr>
|
||||
<? endforeach; ?>
|
||||
</tbody>
|
||||
</table>
|
|
@ -1 +0,0 @@
|
|||
body{min-width:990px;margin:0 auto;background-color:#f2f2f2}#sidebar{*left:0}#sidebar:before{display:none}.infobox-dark>.badge{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33FFFFFF',endColorstr='#33FFFFFF',GradientType=0)!important}.widget-box-layer{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#55000000',endColorstr='#55000000',GradientType=0)!important}input[type=checkbox],input[type=radio]{position:static;width:auto;height:auto}input[type=checkbox]+label,input[type=radio]+label{min-height:auto;min-width:auto}input[type=checkbox].ace-switch{width:auto}input[type=checkbox].ace-switch+label{margin:0;min-height:auto}input[type=checkbox].ace-switch-7{width:auto}.ace-file-input input{visibility:visible;filter:alpha(opacity=0)}.ace-file-input label.selected span{width:50%}.wizard-steps li:first-child:before{max-width:100%;left:0}.login-layout .widget-box{display:none;visibility:visible;position:static}.login-layout .widget-box.visible{display:block}.pricing-box-small:hover{zoom:1.04;left:-1px;top:-3px}.ace-thumbnails>li>a>img{width:auto!important}.ace-thumbnails>li>:first-child>.text{display:none}.ace-thumbnails>li:hover>:first-child>.text{display:block}.ace-thumbnails>li>.tools{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C000000',endColorstr='#8C000000',GradientType=0)}.ace-thumbnails>li>:first-child>.text{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C000000',endColorstr='#8C000000',GradientType=0)}.grid3{width:28%}.grid4{width:21%}.itemdiv.dialogdiv>.body:before{display:none}.fc-event-hori,.fc-event-vert{border:none!important}.dropdown-preview>.dropdown-menu{*width:180px}.gritter-item-wrapper{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EA323232',endColorstr='#EA323232',GradientType=0)!important}.gritter-item-wrapper.gritter-info{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EA315185',endColorstr='#EA315185',GradientType=0)!important}.gritter-item-wrapper.gritter-error{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EA992812',endColorstr='#EA992812',GradientType=0)!important}.gritter-item-wrapper.gritter-success{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EA59834B',endColorstr='#EA59834B',GradientType=0)!important}.gritter-item-wrapper.gritter-warning{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EABE701F',endColorstr='#EABE701F',GradientType=0)!important}.gritter-item-wrapper.gritter-light{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F5F5F5',endColorstr='#F2F5F5F5',GradientType=0)!important}.gritter-info.gritter-light{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2E8F2FF',endColorstr='#F2E8F2FF',GradientType=0)!important}.gritter-error.gritter-light{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2FFEBEB',endColorstr='#F2FFEBEB',GradientType=0)!important}.gritter-success.gritter-light{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2EFFAE3',endColorstr='#F2EFFAE3',GradientType=0)!important}.gritter-warning.gritter-light{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2FCF8E3',endColorstr='#F2FCF8E3',GradientType=0)!important}body.skin-3,.skin-3 #sidebar{background-color:#d6d6d6}.skin-3 .menu-min .nav-list>li.active>a{background-color:#eef8ff}body.skin-2,.skin-2 #sidebar{background-color:#505050}.skin-2 .nav-list>li:hover>a>span{color:#FFF}.skin-2 .nav-list>li:hover>a>[class*="icon-"]:first-child{color:#FFF}.skin-2 .menu-min .nav-list>li>a:hover>[class*="icon-"]:first-child{color:#FFF}
|
|
@ -1,121 +0,0 @@
|
|||
/*!
|
||||
* Timepicker Component for Twitter Bootstrap
|
||||
*
|
||||
* Copyright 2013 Joris de Wit
|
||||
*
|
||||
* Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
|
||||
*
|
||||
* For the full copyright and license information, please view the LICENSE
|
||||
* file that was distributed with this source code.
|
||||
*/
|
||||
.bootstrap-timepicker {
|
||||
position: relative;
|
||||
}
|
||||
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
|
||||
left: auto;
|
||||
right: 12px;
|
||||
}
|
||||
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
|
||||
left: auto;
|
||||
right: 13px;
|
||||
}
|
||||
.bootstrap-timepicker .add-on {
|
||||
cursor: pointer;
|
||||
}
|
||||
.bootstrap-timepicker .add-on i {
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
.bootstrap-timepicker-widget.dropdown-menu {
|
||||
padding: 2px 3px 2px 2px;
|
||||
}
|
||||
.bootstrap-timepicker-widget.dropdown-menu.open {
|
||||
display: inline-block;
|
||||
}
|
||||
.bootstrap-timepicker-widget.dropdown-menu:before {
|
||||
border-bottom: 7px solid rgba(0, 0, 0, 0.2);
|
||||
border-left: 7px solid transparent;
|
||||
border-right: 7px solid transparent;
|
||||
content: "";
|
||||
display: inline-block;
|
||||
left: 9px;
|
||||
position: absolute;
|
||||
top: -7px;
|
||||
}
|
||||
.bootstrap-timepicker-widget.dropdown-menu:after {
|
||||
border-bottom: 6px solid #FFFFFF;
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
content: "";
|
||||
display: inline-block;
|
||||
left: 10px;
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
}
|
||||
.bootstrap-timepicker-widget a.btn,
|
||||
.bootstrap-timepicker-widget input {
|
||||
border-radius: 4px;
|
||||
}
|
||||
.bootstrap-timepicker-widget table {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
.bootstrap-timepicker-widget table td {
|
||||
text-align: center;
|
||||
height: 30px;
|
||||
margin: 0;
|
||||
padding: 2px;
|
||||
}
|
||||
.bootstrap-timepicker-widget table td:not(.separator) {
|
||||
min-width: 30px;
|
||||
}
|
||||
.bootstrap-timepicker-widget table td span {
|
||||
width: 100%;
|
||||
}
|
||||
.bootstrap-timepicker-widget table td a {
|
||||
border: 1px transparent solid;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: 8px 0;
|
||||
outline: 0;
|
||||
color: #333;
|
||||
}
|
||||
.bootstrap-timepicker-widget table td a:hover {
|
||||
text-decoration: none;
|
||||
background-color: #eee;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
border-color: #ddd;
|
||||
}
|
||||
.bootstrap-timepicker-widget table td a i {
|
||||
margin-top: 2px;
|
||||
}
|
||||
.bootstrap-timepicker-widget table td input {
|
||||
width: 25px;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
}
|
||||
.bootstrap-timepicker-widget .modal-content {
|
||||
padding: 4px;
|
||||
}
|
||||
@media (min-width: 767px) {
|
||||
.bootstrap-timepicker-widget.modal {
|
||||
width: 200px;
|
||||
margin-left: -100px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.bootstrap-timepicker {
|
||||
width: 100%;
|
||||
}
|
||||
.bootstrap-timepicker .dropdown-menu {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
Before Width: | Height: | Size: 646 B |
Before Width: | Height: | Size: 872 B |
|
@ -1,414 +0,0 @@
|
|||
/* @group Base */
|
||||
.chzn-container {
|
||||
font-size: 13px;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
.chzn-container .chzn-drop {
|
||||
background: #fff;
|
||||
border: 1px solid #aaa;
|
||||
border-top: 0;
|
||||
position: absolute;
|
||||
top: 29px;
|
||||
left: 0;
|
||||
-webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
|
||||
-moz-box-shadow : 0 4px 5px rgba(0,0,0,.15);
|
||||
box-shadow : 0 4px 5px rgba(0,0,0,.15);
|
||||
z-index: 1010;
|
||||
}
|
||||
/* @end */
|
||||
|
||||
/* @group Single Chosen */
|
||||
.chzn-container-single .chzn-single {
|
||||
background-color: #ffffff;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
|
||||
background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||||
background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||||
background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||||
background-image: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius : 5px;
|
||||
border-radius : 5px;
|
||||
-moz-background-clip : padding;
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip : padding-box;
|
||||
border: 1px solid #aaaaaa;
|
||||
-webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
|
||||
-moz-box-shadow : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
|
||||
box-shadow : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
position: relative;
|
||||
height: 23px;
|
||||
line-height: 24px;
|
||||
padding: 0 0 0 8px;
|
||||
color: #444444;
|
||||
text-decoration: none;
|
||||
}
|
||||
.chzn-container-single .chzn-default {
|
||||
color: #999;
|
||||
}
|
||||
.chzn-container-single .chzn-single span {
|
||||
margin-right: 26px;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
-o-text-overflow: ellipsis;
|
||||
-ms-text-overflow: ellipsis;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.chzn-container-single .chzn-single abbr {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 26px;
|
||||
top: 6px;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
font-size: 1px;
|
||||
background: url('chosen-sprite.png') -42px 1px no-repeat;
|
||||
}
|
||||
.chzn-container-single .chzn-single abbr:hover {
|
||||
background-position: -42px -10px;
|
||||
}
|
||||
.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
|
||||
background-position: -42px -10px;
|
||||
}
|
||||
.chzn-container-single .chzn-single div {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
display: block;
|
||||
height: 100%;
|
||||
width: 18px;
|
||||
}
|
||||
.chzn-container-single .chzn-single div b {
|
||||
background: url('chosen-sprite.png') no-repeat 0px 2px;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.chzn-container-single .chzn-search {
|
||||
padding: 3px 4px;
|
||||
position: relative;
|
||||
margin: 0;
|
||||
white-space: nowrap;
|
||||
z-index: 1010;
|
||||
}
|
||||
.chzn-container-single .chzn-search input {
|
||||
background: #fff url('chosen-sprite.png') no-repeat 100% -20px;
|
||||
background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
|
||||
background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
margin: 1px 0;
|
||||
padding: 4px 20px 4px 5px;
|
||||
outline: 0;
|
||||
border: 1px solid #aaa;
|
||||
font-family: sans-serif;
|
||||
font-size: 1em;
|
||||
}
|
||||
.chzn-container-single .chzn-drop {
|
||||
-webkit-border-radius: 0 0 4px 4px;
|
||||
-moz-border-radius : 0 0 4px 4px;
|
||||
border-radius : 0 0 4px 4px;
|
||||
-moz-background-clip : padding;
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip : padding-box;
|
||||
}
|
||||
/* @end */
|
||||
|
||||
.chzn-container-single-nosearch .chzn-search input {
|
||||
position: absolute;
|
||||
left: -9000px;
|
||||
}
|
||||
|
||||
/* @group Multi Chosen */
|
||||
.chzn-container-multi .chzn-choices {
|
||||
background-color: #fff;
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
|
||||
background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
border: 1px solid #aaa;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
cursor: text;
|
||||
overflow: hidden;
|
||||
height: auto !important;
|
||||
height: 1%;
|
||||
position: relative;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices li {
|
||||
float: left;
|
||||
list-style: none;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-field {
|
||||
white-space: nowrap;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-field input {
|
||||
color: #666;
|
||||
background: transparent !important;
|
||||
border: 0 !important;
|
||||
font-family: sans-serif;
|
||||
font-size: 100%;
|
||||
height: 15px;
|
||||
padding: 5px;
|
||||
margin: 1px 0;
|
||||
outline: 0;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow : none;
|
||||
box-shadow : none;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-field .default {
|
||||
color: #999;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-choice {
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius : 3px;
|
||||
border-radius : 3px;
|
||||
-moz-background-clip : padding;
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip : padding-box;
|
||||
background-color: #e4e4e4;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
|
||||
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
-webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
|
||||
-moz-box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
|
||||
box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
|
||||
color: #333;
|
||||
border: 1px solid #aaaaaa;
|
||||
line-height: 13px;
|
||||
padding: 3px 20px 3px 5px;
|
||||
margin: 3px 0 3px 5px;
|
||||
position: relative;
|
||||
cursor: default;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-choice.search-choice-disabled {
|
||||
background-color: #e4e4e4;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
|
||||
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
|
||||
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
color: #666;
|
||||
border: 1px solid #cccccc;
|
||||
padding-right: 5px;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-choice-focus {
|
||||
background: #d4d4d4;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 3px;
|
||||
top: 4px;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
font-size: 1px;
|
||||
background: url('chosen-sprite.png') -42px 1px no-repeat;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
|
||||
background-position: -42px -10px;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
|
||||
background-position: -42px -10px;
|
||||
}
|
||||
/* @end */
|
||||
|
||||
/* @group Results */
|
||||
.chzn-container .chzn-results {
|
||||
margin: 0 4px 4px 0;
|
||||
max-height: 240px;
|
||||
padding: 0 0 0 4px;
|
||||
position: relative;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.chzn-container-multi .chzn-results {
|
||||
margin: -1px 0 0;
|
||||
padding: 0;
|
||||
}
|
||||
.chzn-container .chzn-results li {
|
||||
display: none;
|
||||
line-height: 15px;
|
||||
padding: 5px 6px;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.chzn-container .chzn-results .active-result {
|
||||
cursor: pointer;
|
||||
display: list-item;
|
||||
}
|
||||
.chzn-container .chzn-results .highlighted {
|
||||
background-color: #3875d7;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 );
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
|
||||
background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
|
||||
background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
|
||||
background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
|
||||
background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
|
||||
color: #fff;
|
||||
}
|
||||
.chzn-container .chzn-results li em {
|
||||
background: #feffde;
|
||||
font-style: normal;
|
||||
}
|
||||
.chzn-container .chzn-results .highlighted em {
|
||||
background: transparent;
|
||||
}
|
||||
.chzn-container .chzn-results .no-results {
|
||||
background: #f4f4f4;
|
||||
display: list-item;
|
||||
}
|
||||
.chzn-container .chzn-results .group-result {
|
||||
cursor: default;
|
||||
color: #999;
|
||||
font-weight: bold;
|
||||
}
|
||||
.chzn-container .chzn-results .group-option {
|
||||
padding-left: 15px;
|
||||
}
|
||||
.chzn-container-multi .chzn-drop .result-selected {
|
||||
display: none;
|
||||
}
|
||||
.chzn-container .chzn-results-scroll {
|
||||
background: white;
|
||||
margin: 0 4px;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
width: 321px; /* This should by dynamic with js */
|
||||
z-index: 1;
|
||||
}
|
||||
.chzn-container .chzn-results-scroll span {
|
||||
display: inline-block;
|
||||
height: 17px;
|
||||
text-indent: -5000px;
|
||||
width: 9px;
|
||||
}
|
||||
.chzn-container .chzn-results-scroll-down {
|
||||
bottom: 0;
|
||||
}
|
||||
.chzn-container .chzn-results-scroll-down span {
|
||||
background: url('chosen-sprite.png') no-repeat -4px -3px;
|
||||
}
|
||||
.chzn-container .chzn-results-scroll-up span {
|
||||
background: url('chosen-sprite.png') no-repeat -22px -3px;
|
||||
}
|
||||
/* @end */
|
||||
|
||||
/* @group Active */
|
||||
.chzn-container-active .chzn-single {
|
||||
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
|
||||
-moz-box-shadow : 0 0 5px rgba(0,0,0,.3);
|
||||
box-shadow : 0 0 5px rgba(0,0,0,.3);
|
||||
border: 1px solid #5897fb;
|
||||
}
|
||||
.chzn-container-active .chzn-single-with-drop {
|
||||
border: 1px solid #aaa;
|
||||
-webkit-box-shadow: 0 1px 0 #fff inset;
|
||||
-moz-box-shadow : 0 1px 0 #fff inset;
|
||||
box-shadow : 0 1px 0 #fff inset;
|
||||
background-color: #eee;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
|
||||
background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
|
||||
background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
|
||||
background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
|
||||
background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
|
||||
-webkit-border-bottom-left-radius : 0;
|
||||
-webkit-border-bottom-right-radius: 0;
|
||||
-moz-border-radius-bottomleft : 0;
|
||||
-moz-border-radius-bottomright: 0;
|
||||
border-bottom-left-radius : 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
.chzn-container-active .chzn-single-with-drop div {
|
||||
background: transparent;
|
||||
border-left: none;
|
||||
}
|
||||
.chzn-container-active .chzn-single-with-drop div b {
|
||||
background-position: -18px 2px;
|
||||
}
|
||||
.chzn-container-active .chzn-choices {
|
||||
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
|
||||
-moz-box-shadow : 0 0 5px rgba(0,0,0,.3);
|
||||
box-shadow : 0 0 5px rgba(0,0,0,.3);
|
||||
border: 1px solid #5897fb;
|
||||
}
|
||||
.chzn-container-active .chzn-choices .search-field input {
|
||||
color: #111 !important;
|
||||
}
|
||||
/* @end */
|
||||
|
||||
/* @group Disabled Support */
|
||||
.chzn-disabled {
|
||||
cursor: default;
|
||||
opacity:0.5 !important;
|
||||
}
|
||||
.chzn-disabled .chzn-single {
|
||||
cursor: default;
|
||||
}
|
||||
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/* @group Right to Left */
|
||||
.chzn-rtl { text-align: right; }
|
||||
.chzn-rtl .chzn-single { padding: 0 8px 0 0; overflow: visible; }
|
||||
.chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; direction: rtl; }
|
||||
|
||||
.chzn-rtl .chzn-single div { left: 3px; right: auto; }
|
||||
.chzn-rtl .chzn-single abbr {
|
||||
left: 26px;
|
||||
right: auto;
|
||||
}
|
||||
.chzn-rtl .chzn-choices .search-field input { direction: rtl; }
|
||||
.chzn-rtl .chzn-choices li { float: right; }
|
||||
.chzn-rtl .chzn-choices .search-choice { padding: 3px 5px 3px 19px; margin: 3px 5px 3px 0; }
|
||||
.chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; }
|
||||
.chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; }
|
||||
.chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 15px; }
|
||||
.chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; }
|
||||
.chzn-rtl .chzn-search input {
|
||||
background: #fff url('chosen-sprite.png') no-repeat -30px -20px;
|
||||
background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
|
||||
background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat -30px -20px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat -30px -20px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
padding: 4px 5px 4px 20px;
|
||||
direction: rtl;
|
||||
}
|
||||
.chzn-container-single.chzn-rtl .chzn-single div b {
|
||||
background-position: 6px 2px;
|
||||
}
|
||||
.chzn-container-single.chzn-rtl .chzn-single-with-drop div b {
|
||||
background-position: -12px 2px;
|
||||
}
|
||||
/* @end */
|
||||
|
||||
/* @group Retina compatibility */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
|
||||
.chzn-rtl .chzn-search input, .chzn-container-single .chzn-single abbr, .chzn-container-single .chzn-single div b, .chzn-container-single .chzn-search input, .chzn-container-multi .chzn-choices .search-choice .search-choice-close, .chzn-container .chzn-results-scroll-down span, .chzn-container .chzn-results-scroll-up span {
|
||||
background-image: url('chosen-sprite@2x.png') !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 52px 37px !important;
|
||||
}
|
||||
}
|
||||
/* @end */
|
|
@ -1,69 +0,0 @@
|
|||
/*
|
||||
Colorbox Core Style:
|
||||
The following CSS is consistent between example themes and should not be altered.
|
||||
*/
|
||||
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
|
||||
#cboxOverlay{position:fixed; width:100%; height:100%;}
|
||||
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
|
||||
#cboxContent{position:relative;}
|
||||
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
|
||||
#cboxTitle{margin:0;}
|
||||
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
|
||||
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
|
||||
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
|
||||
.cboxIframe{width:100%; height:100%; display:block; border:0;}
|
||||
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
|
||||
|
||||
/*
|
||||
User Style:
|
||||
Change the following styles to modify the appearance of Colorbox. They are
|
||||
ordered & tabbed in a way that represents the nesting of the generated HTML.
|
||||
*/
|
||||
#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
|
||||
#colorbox{outline:0;}
|
||||
#cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
|
||||
#cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
|
||||
#cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
|
||||
#cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
|
||||
#cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
|
||||
#cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
|
||||
#cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
|
||||
#cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
|
||||
#cboxContent{background:#fff; overflow:hidden;}
|
||||
.cboxIframe{background:#fff;}
|
||||
#cboxError{padding:50px; border:1px solid #ccc;}
|
||||
#cboxLoadedContent{margin-bottom:28px;}
|
||||
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
|
||||
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
|
||||
#cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
|
||||
#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
|
||||
|
||||
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
|
||||
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
|
||||
|
||||
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
|
||||
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
|
||||
|
||||
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
|
||||
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
|
||||
#cboxPrevious:hover{background-position:-75px -25px;}
|
||||
#cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
|
||||
#cboxNext:hover{background-position:-50px -25px;}
|
||||
#cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
|
||||
#cboxClose:hover{background-position:-25px -25px;}
|
||||
|
||||
/*
|
||||
The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
|
||||
when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9.
|
||||
See: http://jacklmoore.com/notes/ie-transparency-problems/
|
||||
*/
|
||||
.cboxIE #cboxTopLeft,
|
||||
.cboxIE #cboxTopCenter,
|
||||
.cboxIE #cboxTopRight,
|
||||
.cboxIE #cboxBottomLeft,
|
||||
.cboxIE #cboxBottomCenter,
|
||||
.cboxIE #cboxBottomRight,
|
||||
.cboxIE #cboxMiddleLeft,
|
||||
.cboxIE #cboxMiddleRight {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
|
||||
}
|
|
@ -1,127 +0,0 @@
|
|||
/*!
|
||||
* 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;
|
||||
}
|
|
@ -1,442 +0,0 @@
|
|||
/*!
|
||||
* 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 !important;
|
||||
}
|
||||
.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.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 {
|
||||
color: #999999;
|
||||
}
|
||||
.datepicker th.datepicker-switch {
|
||||
width: 145px;
|
||||
}
|
||||
.datepicker thead tr:first-child th,
|
||||
.datepicker tfoot tr:first-child th {
|
||||
cursor: pointer;
|
||||
}
|
||||
.datepicker thead tr:first-child th:hover,
|
||||
.datepicker tfoot tr:first-child 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;
|
||||
}
|
|
@ -1,195 +0,0 @@
|
|||
.daterangepicker.dropdown-menu {
|
||||
max-width: none;
|
||||
}
|
||||
|
||||
.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: 230px;
|
||||
}
|
||||
|
||||
.daterangepicker .calendar th, .daterangepicker .calendar td {
|
||||
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.daterangepicker .ranges label {
|
||||
color: #333;
|
||||
font-size: 11px;
|
||||
margin-bottom: 2px;
|
||||
text-transform: uppercase;
|
||||
text-shadow: 1px 1px 0 #fff;
|
||||
}
|
||||
|
||||
.daterangepicker .ranges input {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.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 {
|
||||
border: 1px solid #ddd;
|
||||
padding: 4px;
|
||||
border-radius: 4px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.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: #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);
|
||||
}
|
||||
|
||||
.daterangepicker td.week, .daterangepicker th.week {
|
||||
font-size: 80%;
|
||||
color: #ccc;
|
||||
}
|
|
@ -1,579 +0,0 @@
|
|||
/*!
|
||||
* FullCalendar v1.6.1 Stylesheet
|
||||
* Docs & License: http://arshaw.com/fullcalendar/
|
||||
* (c) 2013 Adam Shaw
|
||||
*/
|
||||
|
||||
|
||||
.fc {
|
||||
direction: ltr;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.fc table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
html .fc,
|
||||
.fc table {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.fc td,
|
||||
.fc th {
|
||||
padding: 0;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Header
|
||||
------------------------------------------------------------------------*/
|
||||
|
||||
.fc-header td {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.fc-header-left {
|
||||
width: 25%;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.fc-header-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fc-header-right {
|
||||
width: 25%;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.fc-header-title {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.fc-header-title h2 {
|
||||
margin-top: 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.fc .fc-header-space {
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.fc-header .fc-button {
|
||||
margin-bottom: 1em;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* buttons edges butting together */
|
||||
|
||||
.fc-header .fc-button {
|
||||
margin-right: -1px;
|
||||
}
|
||||
|
||||
.fc-header .fc-corner-right, /* non-theme */
|
||||
.fc-header .ui-corner-right { /* theme */
|
||||
margin-right: 0; /* back to normal */
|
||||
}
|
||||
|
||||
/* button layering (for border precedence) */
|
||||
|
||||
.fc-header .fc-state-hover,
|
||||
.fc-header .ui-state-hover {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.fc-header .fc-state-down {
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.fc-header .fc-state-active,
|
||||
.fc-header .ui-state-active {
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Content
|
||||
------------------------------------------------------------------------*/
|
||||
|
||||
.fc-content {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.fc-view {
|
||||
width: 100%; /* needed for view switching (when view is absolute) */
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Cell Styles
|
||||
------------------------------------------------------------------------*/
|
||||
|
||||
.fc-widget-header, /* <th>, usually */
|
||||
.fc-widget-content { /* <td>, usually */
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
|
||||
background: #fcf8e3;
|
||||
}
|
||||
|
||||
.fc-cell-overlay { /* semi-transparent rectangle while dragging */
|
||||
background: #bce8f1;
|
||||
opacity: .3;
|
||||
filter: alpha(opacity=30); /* for IE */
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Buttons
|
||||
------------------------------------------------------------------------*/
|
||||
|
||||
.fc-button {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
padding: 0 .6em;
|
||||
overflow: hidden;
|
||||
height: 1.9em;
|
||||
line-height: 1.9em;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.fc-state-default { /* non-theme */
|
||||
border: 1px solid;
|
||||
}
|
||||
|
||||
.fc-state-default.fc-corner-left { /* non-theme */
|
||||
border-top-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
}
|
||||
|
||||
.fc-state-default.fc-corner-right { /* non-theme */
|
||||
border-top-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
/*
|
||||
Our default prev/next buttons use HTML entities like ‹ › « »
|
||||
and we'll try to make them look good cross-browser.
|
||||
*/
|
||||
|
||||
.fc-text-arrow {
|
||||
margin: 0 .1em;
|
||||
font-size: 2em;
|
||||
font-family: "Courier New", Courier, monospace;
|
||||
vertical-align: baseline; /* for IE7 */
|
||||
}
|
||||
|
||||
.fc-button-prev .fc-text-arrow,
|
||||
.fc-button-next .fc-text-arrow { /* for ‹ › */
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* icon (for jquery ui) */
|
||||
|
||||
.fc-button .fc-icon-wrap {
|
||||
position: relative;
|
||||
float: left;
|
||||
top: 50%;
|
||||
}
|
||||
|
||||
.fc-button .ui-icon {
|
||||
position: relative;
|
||||
float: left;
|
||||
margin-top: -50%;
|
||||
*margin-top: 0;
|
||||
*top: -50%;
|
||||
}
|
||||
|
||||
/*
|
||||
button states
|
||||
borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
|
||||
*/
|
||||
|
||||
.fc-state-default {
|
||||
background-color: #f5f5f5;
|
||||
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
|
||||
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
|
||||
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
|
||||
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
color: #333;
|
||||
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
.fc-state-hover,
|
||||
.fc-state-down,
|
||||
.fc-state-active,
|
||||
.fc-state-disabled {
|
||||
color: #333333;
|
||||
background-color: #e6e6e6;
|
||||
}
|
||||
|
||||
.fc-state-hover {
|
||||
color: #333333;
|
||||
text-decoration: none;
|
||||
background-position: 0 -15px;
|
||||
-webkit-transition: background-position 0.1s linear;
|
||||
-moz-transition: background-position 0.1s linear;
|
||||
-o-transition: background-position 0.1s linear;
|
||||
transition: background-position 0.1s linear;
|
||||
}
|
||||
|
||||
.fc-state-down,
|
||||
.fc-state-active {
|
||||
background-color: #cccccc;
|
||||
background-image: none;
|
||||
outline: 0;
|
||||
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
.fc-state-disabled {
|
||||
cursor: default;
|
||||
background-image: none;
|
||||
opacity: 0.65;
|
||||
filter: alpha(opacity=65);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Global Event Styles
|
||||
------------------------------------------------------------------------*/
|
||||
|
||||
.fc-event {
|
||||
border: 1px solid #3a87ad; /* default BORDER color */
|
||||
background-color: #3a87ad; /* default BACKGROUND color */
|
||||
color: #fff; /* default TEXT color */
|
||||
font-size: .85em;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
a.fc-event {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a.fc-event,
|
||||
.fc-event-draggable {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.fc-rtl .fc-event {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.fc-event-inner {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.fc-event-time,
|
||||
.fc-event-title {
|
||||
padding: 0 1px;
|
||||
}
|
||||
|
||||
.fc .ui-resizable-handle {
|
||||
display: block;
|
||||
position: absolute;
|
||||
z-index: 99999;
|
||||
overflow: hidden; /* hacky spaces (IE6/7) */
|
||||
font-size: 300%; /* */
|
||||
line-height: 50%; /* */
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Horizontal Events
|
||||
------------------------------------------------------------------------*/
|
||||
|
||||
.fc-event-hori {
|
||||
border-width: 1px 0;
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
|
||||
.fc-ltr .fc-event-hori.fc-event-start,
|
||||
.fc-rtl .fc-event-hori.fc-event-end {
|
||||
border-left-width: 1px;
|
||||
border-top-left-radius: 3px;
|
||||
border-bottom-left-radius: 3px;
|
||||
}
|
||||
|
||||
.fc-ltr .fc-event-hori.fc-event-end,
|
||||
.fc-rtl .fc-event-hori.fc-event-start {
|
||||
border-right-width: 1px;
|
||||
border-top-right-radius: 3px;
|
||||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
|
||||
/* resizable */
|
||||
|
||||
.fc-event-hori .ui-resizable-e {
|
||||
top: 0 !important; /* importants override pre jquery ui 1.7 styles */
|
||||
right: -3px !important;
|
||||
width: 7px !important;
|
||||
height: 100% !important;
|
||||
cursor: e-resize;
|
||||
}
|
||||
|
||||
.fc-event-hori .ui-resizable-w {
|
||||
top: 0 !important;
|
||||
left: -3px !important;
|
||||
width: 7px !important;
|
||||
height: 100% !important;
|
||||
cursor: w-resize;
|
||||
}
|
||||
|
||||
.fc-event-hori .ui-resizable-handle {
|
||||
_padding-bottom: 14px; /* IE6 had 0 height */
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Reusable Separate-border Table
|
||||
------------------------------------------------------------*/
|
||||
|
||||
table.fc-border-separate {
|
||||
border-collapse: separate;
|
||||
}
|
||||
|
||||
.fc-border-separate th,
|
||||
.fc-border-separate td {
|
||||
border-width: 1px 0 0 1px;
|
||||
}
|
||||
|
||||
.fc-border-separate th.fc-last,
|
||||
.fc-border-separate td.fc-last {
|
||||
border-right-width: 1px;
|
||||
}
|
||||
|
||||
.fc-border-separate tr.fc-last th,
|
||||
.fc-border-separate tr.fc-last td {
|
||||
border-bottom-width: 1px;
|
||||
}
|
||||
|
||||
.fc-border-separate tbody tr.fc-first td,
|
||||
.fc-border-separate tbody tr.fc-first th {
|
||||
border-top-width: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Month View, Basic Week View, Basic Day View
|
||||
------------------------------------------------------------------------*/
|
||||
|
||||
.fc-grid th {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fc .fc-week-number {
|
||||
width: 22px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fc .fc-week-number div {
|
||||
padding: 0 2px;
|
||||
}
|
||||
|
||||
.fc-grid .fc-day-number {
|
||||
float: right;
|
||||
padding: 0 2px;
|
||||
}
|
||||
|
||||
.fc-grid .fc-other-month .fc-day-number {
|
||||
opacity: 0.3;
|
||||
filter: alpha(opacity=30); /* for IE */
|
||||
/* opacity with small font can sometimes look too faded
|
||||
might want to set the 'color' property instead
|
||||
making day-numbers bold also fixes the problem */
|
||||
}
|
||||
|
||||
.fc-grid .fc-day-content {
|
||||
clear: both;
|
||||
padding: 2px 2px 1px; /* distance between events and day edges */
|
||||
}
|
||||
|
||||
/* event styles */
|
||||
|
||||
.fc-grid .fc-event-time {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* right-to-left */
|
||||
|
||||
.fc-rtl .fc-grid .fc-day-number {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.fc-rtl .fc-grid .fc-event-time {
|
||||
float: right;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Agenda Week View, Agenda Day View
|
||||
------------------------------------------------------------------------*/
|
||||
|
||||
.fc-agenda table {
|
||||
border-collapse: separate;
|
||||
}
|
||||
|
||||
.fc-agenda-days th {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fc-agenda .fc-agenda-axis {
|
||||
width: 50px;
|
||||
padding: 0 4px;
|
||||
vertical-align: middle;
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.fc-agenda .fc-week-number {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.fc-agenda .fc-day-content {
|
||||
padding: 2px 2px 1px;
|
||||
}
|
||||
|
||||
/* make axis border take precedence */
|
||||
|
||||
.fc-agenda-days .fc-agenda-axis {
|
||||
border-right-width: 1px;
|
||||
}
|
||||
|
||||
.fc-agenda-days .fc-col0 {
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
/* all-day area */
|
||||
|
||||
.fc-agenda-allday th {
|
||||
border-width: 0 1px;
|
||||
}
|
||||
|
||||
.fc-agenda-allday .fc-day-content {
|
||||
min-height: 34px; /* TODO: doesnt work well in quirksmode */
|
||||
_height: 34px;
|
||||
}
|
||||
|
||||
/* divider (between all-day and slots) */
|
||||
|
||||
.fc-agenda-divider-inner {
|
||||
height: 2px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.fc-widget-header .fc-agenda-divider-inner {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
/* slot rows */
|
||||
|
||||
.fc-agenda-slots th {
|
||||
border-width: 1px 1px 0;
|
||||
}
|
||||
|
||||
.fc-agenda-slots td {
|
||||
border-width: 1px 0 0;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.fc-agenda-slots td div {
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.fc-agenda-slots tr.fc-slot0 th,
|
||||
.fc-agenda-slots tr.fc-slot0 td {
|
||||
border-top-width: 0;
|
||||
}
|
||||
|
||||
.fc-agenda-slots tr.fc-minor th,
|
||||
.fc-agenda-slots tr.fc-minor td {
|
||||
border-top-style: dotted;
|
||||
}
|
||||
|
||||
.fc-agenda-slots tr.fc-minor th.ui-widget-header {
|
||||
*border-top-style: solid; /* doesn't work with background in IE6/7 */
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Vertical Events
|
||||
------------------------------------------------------------------------*/
|
||||
|
||||
.fc-event-vert {
|
||||
border-width: 0 1px;
|
||||
}
|
||||
|
||||
.fc-event-vert.fc-event-start {
|
||||
border-top-width: 1px;
|
||||
border-top-left-radius: 3px;
|
||||
border-top-right-radius: 3px;
|
||||
}
|
||||
|
||||
.fc-event-vert.fc-event-end {
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-left-radius: 3px;
|
||||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
|
||||
.fc-event-vert .fc-event-time {
|
||||
white-space: nowrap;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.fc-event-vert .fc-event-inner {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #fff;
|
||||
opacity: .25;
|
||||
filter: alpha(opacity=25);
|
||||
}
|
||||
|
||||
.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
|
||||
.fc-select-helper .fc-event-bg {
|
||||
display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
|
||||
}
|
||||
|
||||
/* resizable */
|
||||
|
||||
.fc-event-vert .ui-resizable-s {
|
||||
bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */
|
||||
width: 100% !important;
|
||||
height: 8px !important;
|
||||
overflow: hidden !important;
|
||||
line-height: 8px !important;
|
||||
font-size: 11px !important;
|
||||
font-family: monospace;
|
||||
text-align: center;
|
||||
cursor: s-resize;
|
||||
}
|
||||
|
||||
.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
|
||||
_overflow: hidden;
|
||||
}
|
||||
|
||||
|
Before Width: | Height: | Size: 112 B |
Before Width: | Height: | Size: 1.0 KiB |
Before Width: | Height: | Size: 170 B |
Before Width: | Height: | Size: 2.8 KiB |
Before Width: | Height: | Size: 111 B |
Before Width: | Height: | Size: 215 B |
Before Width: | Height: | Size: 217 B |
Before Width: | Height: | Size: 108 B |
Before Width: | Height: | Size: 108 B |
Before Width: | Height: | Size: 111 B |
Before Width: | Height: | Size: 216 B |
Before Width: | Height: | Size: 214 B |
Before Width: | Height: | Size: 9.2 KiB |
Before Width: | Height: | Size: 157 B |
Before Width: | Height: | Size: 182 B |
Before Width: | Height: | Size: 3.2 KiB |
Before Width: | Height: | Size: 2.9 KiB |
Before Width: | Height: | Size: 8.6 KiB |
|
@ -1,6 +0,0 @@
|
|||
/*! jQuery UI - v1.10.2 - 2013-04-17
|
||||
* http://jqueryui.com
|
||||
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.slider.css
|
||||
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */
|
||||
|
||||
.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}
|
|
@ -1,101 +0,0 @@
|
|||
/* the norm */
|
||||
#gritter-notice-wrapper {
|
||||
position:fixed;
|
||||
top:20px;
|
||||
right:20px;
|
||||
width:301px;
|
||||
z-index:9999;
|
||||
}
|
||||
#gritter-notice-wrapper.top-left {
|
||||
left: 20px;
|
||||
right: auto;
|
||||
}
|
||||
#gritter-notice-wrapper.bottom-right {
|
||||
top: auto;
|
||||
left: auto;
|
||||
bottom: 20px;
|
||||
right: 20px;
|
||||
}
|
||||
#gritter-notice-wrapper.bottom-left {
|
||||
top: auto;
|
||||
right: auto;
|
||||
bottom: 20px;
|
||||
left: 20px;
|
||||
}
|
||||
.gritter-item-wrapper {
|
||||
position:relative;
|
||||
margin:0 0 10px 0;
|
||||
background:url('../images/ie-spacer.gif'); /* ie7/8 fix */
|
||||
}
|
||||
.gritter-top {
|
||||
background:url(../images/gritter.png) no-repeat left -30px;
|
||||
height:10px;
|
||||
}
|
||||
.hover .gritter-top {
|
||||
background-position:right -30px;
|
||||
}
|
||||
.gritter-bottom {
|
||||
background:url(../images/gritter.png) no-repeat left bottom;
|
||||
height:8px;
|
||||
margin:0;
|
||||
}
|
||||
.hover .gritter-bottom {
|
||||
background-position: bottom right;
|
||||
}
|
||||
.gritter-item {
|
||||
display:block;
|
||||
background:url(../images/gritter.png) no-repeat left -40px;
|
||||
color:#eee;
|
||||
padding:2px 11px 8px 11px;
|
||||
font-size: 11px;
|
||||
font-family:verdana;
|
||||
}
|
||||
.hover .gritter-item {
|
||||
background-position:right -40px;
|
||||
}
|
||||
.gritter-item p {
|
||||
padding:0;
|
||||
margin:0;
|
||||
word-wrap:break-word;
|
||||
}
|
||||
.gritter-close {
|
||||
display:none;
|
||||
position:absolute;
|
||||
top:5px;
|
||||
left:3px;
|
||||
background:url(../images/gritter.png) no-repeat left top;
|
||||
cursor:pointer;
|
||||
width:30px;
|
||||
height:30px;
|
||||
}
|
||||
.gritter-title {
|
||||
font-size:14px;
|
||||
font-weight:bold;
|
||||
padding:0 0 7px 0;
|
||||
display:block;
|
||||
text-shadow:1px 1px 0 #000; /* Not supported by IE :( */
|
||||
}
|
||||
.gritter-image {
|
||||
width:48px;
|
||||
height:48px;
|
||||
float:left;
|
||||
}
|
||||
.gritter-with-image,
|
||||
.gritter-without-image {
|
||||
padding:0;
|
||||
}
|
||||
.gritter-with-image {
|
||||
width:220px;
|
||||
float:right;
|
||||
}
|
||||
/* 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(../images/gritter-light.png);
|
||||
color: #222;
|
||||
}
|
||||
.gritter-light .gritter-title {
|
||||
text-shadow: none;
|
||||
}
|
|
@ -1,95 +0,0 @@
|
|||
/**
|
||||
* Very simple jQuery Color Picker CSS.
|
||||
*
|
||||
* Copyright (C) 2012 Tanguy Krotoff
|
||||
*
|
||||
* Licensed under the MIT license.
|
||||
*
|
||||
* Inspired by Bootstrap Twitter.
|
||||
* See https://github.com/twitter/bootstrap/blob/master/less/dropdowns.less
|
||||
* See http://twitter.github.com/bootstrap/assets/css/bootstrap.css
|
||||
*/
|
||||
|
||||
.simplecolorpicker.picker: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: '';
|
||||
}
|
||||
|
||||
.simplecolorpicker.picker:after {
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
left: 10px;
|
||||
display: inline-block;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid #ffffff;
|
||||
border-left: 6px solid transparent;
|
||||
content: '';
|
||||
}
|
||||
|
||||
.simplecolorpicker.picker {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
z-index: 1051; /* Above Bootstrap modal (z-index of 1050) */
|
||||
display: none;
|
||||
float: left;
|
||||
|
||||
min-width: 160px;
|
||||
max-width: 264px;
|
||||
|
||||
padding: 4px 0 0 4px;
|
||||
margin: 1px 0 0;
|
||||
list-style: none;
|
||||
background-color: #ffffff;
|
||||
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
|
||||
*border-right-width: 2px;
|
||||
*border-bottom-width: 2px;
|
||||
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
|
||||
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
|
||||
-webkit-background-clip: padding-box;
|
||||
-moz-background-clip: padding;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
.simplecolorpicker.inline {
|
||||
display: inline-block;
|
||||
height: 18px;
|
||||
padding: 4px 0;
|
||||
}
|
||||
|
||||
.simplecolorpicker.icon,
|
||||
.simplecolorpicker div {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.simplecolorpicker div {
|
||||
margin: 0 4px 4px 0;
|
||||
}
|
||||
|
||||
.simplecolorpicker div:hover,
|
||||
.simplecolorpicker div.selected {
|
||||
border: 1px solid black;
|
||||
}
|
|
@ -1,30 +0,0 @@
|
|||
.com { color: #93a1a1; }
|
||||
.lit { color: #195f91; }
|
||||
.pun, .opn, .clo { color: #93a1a1; }
|
||||
.fun { color: #dc322f; }
|
||||
.str, .atv { color: #D14; }
|
||||
.kwd, .prettyprint .tag { color: #1e347b; }
|
||||
.typ, .atn, .dec, .var { color: teal; }
|
||||
.pln { color: #48484c; }
|
||||
|
||||
.prettyprint {
|
||||
padding: 8px;
|
||||
background-color: #f7f7f9;
|
||||
border: 1px solid #e1e1e8;
|
||||
}
|
||||
.prettyprint.linenums {
|
||||
-webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
|
||||
-moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
|
||||
box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
|
||||
}
|
||||
|
||||
/* Specify class=linenums on a pre to get line numbering */
|
||||
ol.linenums {
|
||||
margin: 0 0 0 33px; /* IE indents via margin-left */
|
||||
}
|
||||
ol.linenums li {
|
||||
padding-left: 12px;
|
||||
color: #bebec5;
|
||||
line-height: 20px;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
}
|
|
@ -1,170 +0,0 @@
|
|||
/* a few ie specific changes */
|
||||
body {
|
||||
min-width:990px;
|
||||
margin:0 auto;
|
||||
background-color:#F2F2F2;
|
||||
}
|
||||
body:before {
|
||||
|
||||
}
|
||||
|
||||
#sidebar {
|
||||
*left:0px;
|
||||
}
|
||||
#sidebar:before {
|
||||
display:none;
|
||||
}
|
||||
|
||||
|
||||
.infobox-dark > .badge {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33FFFFFF', endColorstr='#33FFFFFF',GradientType=0 ) !important;
|
||||
}
|
||||
.widget-box-layer {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55000000', endColorstr='#55000000',GradientType=0 ) !important;
|
||||
}
|
||||
|
||||
|
||||
input[type=checkbox] , input[type=radio] {
|
||||
position:static;
|
||||
width:auto; height:auto;
|
||||
}
|
||||
input[type=checkbox] + label, input[type=radio] + label{
|
||||
min-height:auto;
|
||||
min-width:auto;
|
||||
}
|
||||
input[type=checkbox].ace-switch {
|
||||
width:auto;
|
||||
}
|
||||
input[type=checkbox].ace-switch + label {
|
||||
margin:0;
|
||||
min-height:auto;
|
||||
}
|
||||
input[type=checkbox].ace-switch-7 {
|
||||
width:auto;
|
||||
}
|
||||
.ace-file-input input {
|
||||
visibility:visible;/*must be visible for ie to have label clicks open dialog */
|
||||
filter:alpha(opacity=0);
|
||||
}
|
||||
.ace-file-input label.selected span {
|
||||
width:50%; /* prevent long filename lay over button in IE */
|
||||
}
|
||||
|
||||
.wizard-steps li:first-child:before {
|
||||
max-width:100%;
|
||||
left:0;
|
||||
}
|
||||
|
||||
.login-layout .widget-box {
|
||||
display:none;
|
||||
visibility:visible;
|
||||
position:static;
|
||||
}
|
||||
|
||||
.login-layout .widget-box.visible {
|
||||
display:block;
|
||||
}
|
||||
.pricing-box-small:hover {
|
||||
zoom:1.04;
|
||||
left:-1px; top:-3px;
|
||||
}
|
||||
|
||||
|
||||
.ace-thumbnails > li > a > img{
|
||||
width:auto !important;
|
||||
}
|
||||
.ace-thumbnails > li > :first-child > .text{
|
||||
display:none;
|
||||
}
|
||||
.ace-thumbnails > li:hover > :first-child > .text{
|
||||
display:block;
|
||||
}
|
||||
.ace-thumbnails > li > .tools{
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C000000', endColorstr='#8C000000', GradientType=0);
|
||||
}
|
||||
.ace-thumbnails > li > :first-child > .text{
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C000000', endColorstr='#8C000000', GradientType=0);
|
||||
}
|
||||
|
||||
|
||||
.grid3 {
|
||||
width:28%;
|
||||
}
|
||||
.grid4 {
|
||||
width:21%;
|
||||
}
|
||||
|
||||
.itemdiv.dialogdiv > .body:before{
|
||||
display:none;
|
||||
}
|
||||
|
||||
.fc-event-hori, .fc-event-vert {
|
||||
border:none !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.dropdown-preview > .dropdown-menu {
|
||||
*width: 180px;
|
||||
}
|
||||
|
||||
|
||||
/* semi transparent gritter backgrounds */
|
||||
.gritter-item-wrapper {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EA323232', endColorstr='#EA323232',GradientType=0 ) !important; /* IE6-9 */
|
||||
}
|
||||
.gritter-item-wrapper.gritter-info {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EA315185', endColorstr='#EA315185',GradientType=0 ) !important; /* IE6-9 */
|
||||
}
|
||||
.gritter-item-wrapper.gritter-error {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EA992812', endColorstr='#EA992812',GradientType=0 ) !important; /* IE6-9 */
|
||||
}
|
||||
.gritter-item-wrapper.gritter-success {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EA59834B', endColorstr='#EA59834B',GradientType=0 ) !important; /* IE6-9 */
|
||||
}
|
||||
.gritter-item-wrapper.gritter-warning {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EABE701F', endColorstr='#EABE701F',GradientType=0 ) !important; /* IE6-9 */
|
||||
}
|
||||
|
||||
.gritter-item-wrapper.gritter-light {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2F5F5F5', endColorstr='#F2F5F5F5',GradientType=0 ) !important; /* IE6-9 */
|
||||
}
|
||||
.gritter-info.gritter-light {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2E8F2FF', endColorstr='#F2E8F2FF',GradientType=0 ) !important; /* IE6-9 */
|
||||
}
|
||||
.gritter-error.gritter-light {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2FFEBEB', endColorstr='#F2FFEBEB',GradientType=0 ) !important; /* IE6-9 */
|
||||
}
|
||||
.gritter-success.gritter-light {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2EFFAE3', endColorstr='#F2EFFAE3',GradientType=0 ) !important; /* IE6-9 */
|
||||
}
|
||||
.gritter-warning.gritter-light {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2FCF8E3', endColorstr='#F2FCF8E3',GradientType=0 ) !important; /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* a few skinny changes */
|
||||
body.skin-3, .skin-3 #sidebar {
|
||||
background-color:#D6D6D6;
|
||||
}
|
||||
.skin-3 .menu-min .nav-list > li.active > a {
|
||||
background-color:#EEF8FF;
|
||||
}
|
||||
|
||||
|
||||
body.skin-2 , .skin-2 #sidebar{
|
||||
background-color:#505050;
|
||||
}
|
||||
.skin-2 .nav-list > li:hover > a > span {
|
||||
color:#FFF;
|
||||
}
|
||||
.skin-2 .nav-list > li:hover > a > [class*="icon-"]:first-child {
|
||||
color:#FFF;
|
||||
}
|
||||
.skin-2 .menu-min .nav-list > li > a:hover > [class*="icon-"]:first-child {
|
||||
color:#FFF;
|
||||
}
|
|
@ -1,647 +0,0 @@
|
|||
@media only screen and (max-width: 480px) {
|
||||
.hidden-480{
|
||||
display:none !important;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 320px) {
|
||||
.hidden-320{
|
||||
display:none !important;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 767px) {
|
||||
.vspace , .vspace-18, .vspace-24 , .vspace-36, .vspace-9, .vspace-6, .vspace-3 {
|
||||
display:block;
|
||||
}
|
||||
}
|
||||
|
||||
/* ace-nav responsive */
|
||||
@media only screen and (max-width: 320px) {
|
||||
.ace-nav > li > a , .ace-nav > li > span{
|
||||
padding:0 6px !important;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 250px) {
|
||||
.ace-nav > li > a , .ace-nav > li > span{
|
||||
padding:0 4px !important;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 767px) {
|
||||
.ace-nav > li:nth-child(1) > .dropdown-menu.pull-right {
|
||||
right:-80px;
|
||||
}
|
||||
.ace-nav > li:nth-child(1) > .dropdown-menu.pull-right:before,
|
||||
.ace-nav > li:nth-child(1) > .dropdown-menu.pull-right:after {
|
||||
right:100px;
|
||||
}
|
||||
|
||||
.ace-nav > li:nth-child(2) > .dropdown-menu.pull-right {
|
||||
right:-40px;
|
||||
}
|
||||
.ace-nav > li:nth-child(2) > .dropdown-menu.pull-right:before,
|
||||
.ace-nav > li:nth-child(2) > .dropdown-menu.pull-right:after {
|
||||
right:60px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 480px) {
|
||||
.ace-nav > li:nth-child(1) > .dropdown-menu.pull-right {
|
||||
right:-120px;
|
||||
}
|
||||
.ace-nav > li:nth-child(1) > .dropdown-menu.pull-right:before,
|
||||
.ace-nav > li:nth-child(1) > .dropdown-menu.pull-right:after {
|
||||
right:140px;
|
||||
}
|
||||
|
||||
.ace-nav > li:nth-child(2) > .dropdown-menu.pull-right {
|
||||
right:-80px;
|
||||
}
|
||||
.ace-nav > li:nth-child(2) > .dropdown-menu.pull-right:before,
|
||||
.ace-nav > li:nth-child(2) > .dropdown-menu.pull-right:after {
|
||||
right:100px;
|
||||
}
|
||||
|
||||
.ace-nav > li:nth-child(3) > .dropdown-menu.pull-right {
|
||||
right:-50px;
|
||||
}
|
||||
.ace-nav > li:nth-child(3) > .dropdown-menu.pull-right:before,
|
||||
.ace-nav > li:nth-child(3) > .dropdown-menu.pull-right:after {
|
||||
right:70px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 360px) {
|
||||
.ace-nav > li:nth-child(1) > .dropdown-menu.pull-right {
|
||||
left:-5px;
|
||||
right:auto;
|
||||
}
|
||||
.ace-nav > li:nth-child(1) > .dropdown-menu.pull-right:before,
|
||||
.ace-nav > li:nth-child(1) > .dropdown-menu.pull-right:after {
|
||||
right:auto;
|
||||
left:25px;
|
||||
}
|
||||
|
||||
.ace-nav > li:nth-child(2) > .dropdown-menu.pull-right {
|
||||
left:-60px;
|
||||
right:auto;
|
||||
}
|
||||
.ace-nav > li:nth-child(2) > .dropdown-menu.pull-right:before,
|
||||
.ace-nav > li:nth-child(2) > .dropdown-menu.pull-right:after {
|
||||
left:80px;
|
||||
right:auto;
|
||||
}
|
||||
|
||||
.ace-nav > li:nth-child(3) > .dropdown-menu.pull-right {
|
||||
left:-110px;
|
||||
right:auto;
|
||||
}
|
||||
.ace-nav > li:nth-child(3) > .dropdown-menu.pull-right:before,
|
||||
.ace-nav > li:nth-child(3) > .dropdown-menu.pull-right:after {
|
||||
left:130px;
|
||||
right:auto;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* move the icons to the line below */
|
||||
@media only screen and (max-width: 422px) {
|
||||
.navbar .brand {
|
||||
display:block;
|
||||
float:none;
|
||||
|
||||
|
||||
}
|
||||
.navbar-inverse .navbar-inner {
|
||||
border-bottom-width:0;
|
||||
}
|
||||
.ace-nav {
|
||||
display:block;
|
||||
float:none !important;
|
||||
text-align:center;
|
||||
font-size:0;
|
||||
background-color:#404040;
|
||||
|
||||
border:1px solid #DDD;
|
||||
border-width:1px 0;
|
||||
|
||||
|
||||
letter-spacing: -4px; /* for safari only */
|
||||
word-spacing: -4px; /* for safari only */
|
||||
}
|
||||
.ace-nav > li{
|
||||
display:inline-block;
|
||||
float:none !important;
|
||||
text-align:left;
|
||||
|
||||
letter-spacing: normal;
|
||||
word-spacing: normal;
|
||||
}
|
||||
.ace-nav > li:first-child{
|
||||
border-left:1px solid #DDD;
|
||||
}
|
||||
.ace-nav > li:last-child{
|
||||
border-right:1px solid #DDD;
|
||||
}
|
||||
|
||||
}
|
||||
@media only screen and (max-width: 260px) {
|
||||
.ace-nav > li:first-child{
|
||||
border-left:none;
|
||||
}
|
||||
.ace-nav > li:last-child{
|
||||
border-right:none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 422px) and (max-width: 480px) , (max-width: 340px) {
|
||||
#user_menu {
|
||||
padding-top:42px;
|
||||
}
|
||||
.nav-user-photo {
|
||||
margin-right:0;
|
||||
}
|
||||
#user_info {
|
||||
position:absolute;
|
||||
margin-top:40px; margin-left:1px; right:2px;
|
||||
|
||||
z-index:1001;
|
||||
color:#777; font-size:14px;
|
||||
width:142px; max-width:142px;
|
||||
padding-left:8px; padding-right:8px;
|
||||
height:32px; line-height:30px;
|
||||
|
||||
|
||||
display:none;
|
||||
|
||||
border-bottom:1px solid #E5E5E5;
|
||||
|
||||
text-align:center;
|
||||
|
||||
vertical-align:none;
|
||||
line-height:normal;
|
||||
}
|
||||
|
||||
#user_info > small {
|
||||
display:inline;
|
||||
opacity:1;
|
||||
}
|
||||
|
||||
li.open #user_info {
|
||||
display:inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* responsive searchbox */
|
||||
@media only screen and (max-width: 767px) {
|
||||
#nav-search {
|
||||
right:5px;
|
||||
}
|
||||
#nav-search-input {
|
||||
width:80px;
|
||||
}
|
||||
#nav-search:hover #nav-search-input ,
|
||||
#nav-search-btn:active + #nav-search-input ,
|
||||
#nav-search-input:focus, #nav-search-input:hover, #nav-search-input:active
|
||||
{
|
||||
width:100px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 480px) {
|
||||
#nav-search-input {
|
||||
width:0; opacity:0;
|
||||
max-width:0; /* for safari only */
|
||||
}
|
||||
|
||||
#nav-search:hover #nav-search-input ,
|
||||
#nav-search-btn:active + #nav-search-input ,
|
||||
#nav-search-input:focus, #nav-search-input:hover, #nav-search-input:active
|
||||
{
|
||||
opacity:1;
|
||||
width:100px;
|
||||
max-width:100px; /* for safari only */
|
||||
}
|
||||
|
||||
#nav-search-icon {
|
||||
border:1px solid;
|
||||
border-radius:32px;
|
||||
|
||||
background-color:#FFF;
|
||||
|
||||
padding:0 5px;
|
||||
}
|
||||
|
||||
|
||||
#nav-search:hover #nav-search-icon ,
|
||||
#nav-search-input:focus ~ #nav-search-icon,
|
||||
#nav-search-input:hover ~ #nav-search-icon,
|
||||
#nav-search-input:active ~ #nav-search-icon
|
||||
{
|
||||
border:none;
|
||||
border-radius:0;
|
||||
padding:0 3px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@media only screen and (max-width: 979px) {
|
||||
body {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
#page-content {
|
||||
padding-left:5px;
|
||||
padding-right:5px;
|
||||
}
|
||||
#sidebar:before {
|
||||
display:none;
|
||||
}
|
||||
#sidebar {
|
||||
z-index:14;
|
||||
left:-200px;
|
||||
margin-top:40px; position:fixed; /* so that no extra space is wasted even when out of view */
|
||||
|
||||
|
||||
border:1px solid #CCC;
|
||||
box-shadow:2px 1px 2px 0 rgba(0,0,0,0.2);
|
||||
|
||||
|
||||
-webkit-transition: left 0.15s ease;
|
||||
-moz-transition: left 0.15s ease;
|
||||
-o-transition: left 0.15s ease;
|
||||
-ms-transition: left 0.15s ease;
|
||||
transition: left 0.15s ease;
|
||||
|
||||
}
|
||||
#sidebar.display , #sidebar.menu-min.display {
|
||||
position:absolute; left:0;
|
||||
}
|
||||
#sidebar.menu-min {
|
||||
left:-50px;
|
||||
}
|
||||
|
||||
#main-content {
|
||||
margin-left:0 !important;
|
||||
}
|
||||
#menu-toggler {
|
||||
display:inline-block;
|
||||
position:absolute; left:0; z-index:14;
|
||||
width:52px; height:32px;
|
||||
margin-right:2px;
|
||||
|
||||
line-height:normal;
|
||||
padding-left:33px; padding-top:7px; padding-bottom:1px;
|
||||
|
||||
font-size:13px; font-weight:bold;
|
||||
text-transform:uppercase;
|
||||
|
||||
background-color:#444;
|
||||
color:#F3F3F3;
|
||||
}
|
||||
#menu-toggler:hover {
|
||||
text-decoration:none;
|
||||
}
|
||||
#menu-toggler:before {
|
||||
border-top: 1px solid #87B87F;
|
||||
border-bottom: 1px solid #6FB3E0;
|
||||
height:2px; width:24px;
|
||||
content: "";
|
||||
position: absolute; z-index:11;
|
||||
top: 13px; left:4px;
|
||||
|
||||
|
||||
-moz-transition: all 0.1s ease;
|
||||
-webkit-transition: all 0.1s ease;
|
||||
-o-transition: all 0.1s ease;
|
||||
-ms-transition: all 0.1s ease;
|
||||
transition: all 0.1s ease;
|
||||
}
|
||||
#menu-toggler:after {
|
||||
border-top: 1px solid #FFA24D;
|
||||
border-bottom: 1px solid #D15B47;
|
||||
content: "";
|
||||
height:2px; width:24px;
|
||||
position: absolute;
|
||||
top:19px; left:4px;
|
||||
|
||||
|
||||
-moz-transition: all 0.1s ease;
|
||||
-webkit-transition: all 0.1s ease;
|
||||
-o-transition: all 0.1s ease;
|
||||
-ms-transition: all 0.1s ease;
|
||||
transition: all 0.1s ease;
|
||||
|
||||
}
|
||||
#menu-toggler.display:before {
|
||||
height:4px;
|
||||
top: 8px;
|
||||
border-width:2px;
|
||||
}
|
||||
#menu-toggler.display:after {
|
||||
height:4px;
|
||||
top:20px;
|
||||
border-width:2px;
|
||||
}
|
||||
|
||||
|
||||
#menu-toggler > span {
|
||||
display:block;
|
||||
position:absolute;
|
||||
bottom:-18px; left:0;
|
||||
border:1px solid transparent;
|
||||
border-width:9px 42px;
|
||||
border-top-color:#444;
|
||||
}
|
||||
#menu-toggler > span:after {
|
||||
display:block; content:"MENU";
|
||||
color:#FFF;
|
||||
position:absolute;
|
||||
left:-8px; top:-41px;
|
||||
}
|
||||
|
||||
.breadcrumb {
|
||||
margin-left:90px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 480px) {
|
||||
.breadcrumb > li > a {
|
||||
padding:0;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 320px) {
|
||||
.breadcrumb {
|
||||
margin-left:36px;
|
||||
}
|
||||
|
||||
#menu-toggler {
|
||||
width:0;
|
||||
}
|
||||
#menu-toggler > span{
|
||||
border-width:7px 16px;
|
||||
bottom:-14px;
|
||||
}
|
||||
#menu-toggler > span:after {
|
||||
font-size:9px; font-weight:normal;
|
||||
color:#FFF;
|
||||
position:absolute;
|
||||
left:-13px; top:-42px;
|
||||
}
|
||||
|
||||
#menu-toggler:before , #menu-toggler:after {
|
||||
margin-top: 8px;
|
||||
}
|
||||
#menu-toggler.display:before , #menu-toggler.display:after {
|
||||
height:2px;
|
||||
border-width:1px;
|
||||
}
|
||||
#menu-toggler.display:before {
|
||||
top:13px;
|
||||
}
|
||||
#menu-toggler.display:after {
|
||||
top:19px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* page-content less padding */
|
||||
@media only screen and (max-width: 979px) {
|
||||
#page-content {
|
||||
padding-left:11px;
|
||||
padding-right:11px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 480px) {
|
||||
#page-content {
|
||||
padding-left:7px;
|
||||
padding-right:7px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 320px) {
|
||||
#page-content {
|
||||
padding-left:5px;
|
||||
padding-right:5px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* infobox */
|
||||
@media only screen and (max-width: 460px) {
|
||||
.infobox {
|
||||
min-width:95%;
|
||||
margin-top:2px;
|
||||
margin-bottom:2px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* widgetbox */
|
||||
@media only screen and (max-width: 767px) {
|
||||
.widget-box {
|
||||
margin-top:7px;
|
||||
margin-bottom:7px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* loginbox */
|
||||
@media only screen and (max-width: 420px) {
|
||||
.login-layout .widget-box .widget-main {
|
||||
padding:16px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 320px) {
|
||||
.login-layout .widget-box .widget-main {
|
||||
padding:16px 8px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 480px) {
|
||||
.login-container {
|
||||
width:98%;
|
||||
}
|
||||
.login-layout .widget-box {
|
||||
padding:0;
|
||||
}
|
||||
|
||||
#login-box .toolbar > div {
|
||||
float:none !important;
|
||||
width:auto;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
.login-layout .widget-box.visible {
|
||||
-webkit-transition: none;
|
||||
-moz-transition: none;
|
||||
-o-transition: none;
|
||||
-ms-transition: none;
|
||||
transition: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* error pages */
|
||||
@media only screen and (max-width: 767px) {
|
||||
.error-container {
|
||||
margin:12px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 480px) {
|
||||
.error-container {
|
||||
margin:6px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* calendar */
|
||||
|
||||
@media only screen and (max-width: 480px) {
|
||||
.fc-header td {
|
||||
display:block;
|
||||
width:auto;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* gallery */
|
||||
@media only screen and (max-width: 480px) {
|
||||
.ace-thumbnails {
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.ace-thumbnails > li {
|
||||
float:none;
|
||||
display:inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* custom grid */
|
||||
@media only screen and (max-width: 360px) {
|
||||
.grid3 , .grid4{
|
||||
float:none;
|
||||
display:block;
|
||||
width:96%;
|
||||
border-right:none;
|
||||
position:relative;
|
||||
margin-bottom:11px;
|
||||
border-bottom:1px solid #E3E3E3;
|
||||
padding-bottom:4px;
|
||||
}
|
||||
.grid3 > [class*="pull-"], .grid4 > [class*="pull-"]{
|
||||
float:none !important;
|
||||
display:inline-block;
|
||||
position:absolute;
|
||||
right:11px; top:0;
|
||||
margin-top:0;
|
||||
}
|
||||
.grid3:last-child , .grid4:last-child {
|
||||
border-bottom:none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@media (max-width: 979px) {
|
||||
body.navbar-fixed {
|
||||
padding-top:0;
|
||||
}
|
||||
.navbar-fixed-top {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
|
||||
padding-top:0;
|
||||
padding-bottom:0;
|
||||
}
|
||||
#sidebar.fixed {
|
||||
position:absolute;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* form elements */
|
||||
@media only screen and (max-width: 767px) {
|
||||
.help-inline , .input-icon + .help-inline {
|
||||
padding-left:0;
|
||||
display:block !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 640px) {
|
||||
.wizard-steps li .step{
|
||||
padding:2px 7px;
|
||||
border-width:3px;
|
||||
}
|
||||
.wizard-steps li:before , .wizard-steps li:after {
|
||||
border-width:3px;
|
||||
}
|
||||
.wizard-steps li.complete .step:before{
|
||||
padding:5px 4px;
|
||||
font-size:13px;
|
||||
}
|
||||
.wizard-steps li:after {
|
||||
top:-12px;
|
||||
}
|
||||
|
||||
.step-content .step-pane {
|
||||
padding:4px 4px 6px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 400px) {
|
||||
.itemdiv.memberdiv {
|
||||
float:none;
|
||||
width:auto;
|
||||
}
|
||||
}
|
|
@ -1,950 +0,0 @@
|
|||
/* skin#1 */
|
||||
.skin-1 .navbar-inverse .navbar-inner {
|
||||
background:#2C6AA0;
|
||||
}
|
||||
|
||||
.skin-1 #sidebar:before {
|
||||
background-color:#222A2D;
|
||||
}
|
||||
.skin-1 #sidebar:before , #sidebar {
|
||||
border-right:none;
|
||||
}
|
||||
|
||||
.skin-1 .nav-list > li {
|
||||
border-color:#3F4E54;
|
||||
border-top-width:0;
|
||||
}
|
||||
.skin-1 .nav-list > li > a , .skin-1 .menu-min .nav-list > li.open > a{
|
||||
background-color:#222A2D;
|
||||
color:#B1BAC1;
|
||||
}
|
||||
.skin-1 .nav-list > li:hover > a {
|
||||
background-color:#414B51;
|
||||
color:#E1EAF1;
|
||||
}
|
||||
.skin-1 .nav-list > li > a > .arrow {
|
||||
color:#B1BAC1;
|
||||
}
|
||||
.skin-1 .nav-list > li.open > a > .arrow {
|
||||
color:#85C0EC;
|
||||
}
|
||||
|
||||
|
||||
.skin-1 .nav-list > li.active > a:after ,.skin-1 .nav-list > li.active.open > ul.submenu > li.active > a:after {
|
||||
border-right-color:#FFF;
|
||||
border-width:16px 10px;
|
||||
top:2px;
|
||||
}
|
||||
.skin-1 .nav-list > li.active.open > ul.submenu > li.active > a:after {
|
||||
top:1px;
|
||||
}
|
||||
.skin-1 .nav-list > li.active:after {
|
||||
display:none;
|
||||
}
|
||||
.skin-1 .menu-min .nav-list > li.active > a:after {
|
||||
border-width:10px 6px;
|
||||
top:8px;
|
||||
}
|
||||
.skin-1 .menu-min .nav-list > li.active:hover > a:after {
|
||||
border-right-color:#242A2B;
|
||||
}
|
||||
|
||||
|
||||
.skin-1 .nav-list > li.open > a , .skin-1 .nav-list > li.open > a:hover
|
||||
{
|
||||
color:#85C0EC;
|
||||
background-color:#222A2D;
|
||||
}
|
||||
.skin-1 .nav-list > li.active > a , .skin-1 .nav-list > li.active > a:hover,
|
||||
.skin-1 .menu-min .nav-list > li.active > a , .skin-1 .menu-min .nav-list > li.active > a:hover
|
||||
{
|
||||
background-color:#141A1B;
|
||||
color:#55A0DC;
|
||||
}
|
||||
|
||||
|
||||
.skin-1 .nav-list > li > ul.submenu {
|
||||
background-color:#3A4344;
|
||||
border-top-color:#5A6364;
|
||||
}
|
||||
.skin-1 .nav-list > li.active > ul.submenu {
|
||||
background-color:#141A1B;
|
||||
border-top-color:#2F3E44;
|
||||
}
|
||||
|
||||
.skin-1 .nav-list > li > .submenu > li > a {
|
||||
color:#D1DAE1;
|
||||
border-bottom-color:#5A6364;
|
||||
}
|
||||
.skin-1 .nav-list > li > .submenu > li:first-child > a {
|
||||
border-top-color:transparent;
|
||||
}
|
||||
.skin-1 .nav-list > li > .submenu > li > a:hover {
|
||||
color:#8AB4DE;
|
||||
}
|
||||
.skin-1 .nav-list > li > .submenu > li.active > a {
|
||||
color:#55A0DC;
|
||||
border-bottom-color:#2F3E44;
|
||||
}
|
||||
|
||||
.skin-1 .nav-list > li > .submenu > li > a > [class*="icon-"]:first-child {
|
||||
display:none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.skin-1 .menu-min .nav-list > li:hover > a{
|
||||
color:#E1EAF1;
|
||||
}
|
||||
.skin-1 .menu-min .nav-list > li > a > span{
|
||||
background-color:#414B51;
|
||||
}
|
||||
.skin-1 .menu-min .nav-list > li.active > a > span{
|
||||
background-color:#242A2B;
|
||||
}
|
||||
|
||||
.skin-1 .menu-min .nav-list > li.active:hover > a,
|
||||
.skin-1 .menu-min .nav-list > li.active > a > span{
|
||||
color:#55A0DC;
|
||||
}
|
||||
.skin-1 .menu-min .nav-list > li > a.active ,
|
||||
.skin-1 .menu-min .nav-list > li.open.active > a
|
||||
{
|
||||
background-color:#141A1B;
|
||||
}
|
||||
|
||||
.skin-1 .menu-min .nav-list > li > a > span,
|
||||
.skin-1 .menu-min .nav-list > li > ul.submenu {
|
||||
border-color:#3F4E54;
|
||||
margin-top:1px;
|
||||
border-left-color:#242A2B;
|
||||
}
|
||||
|
||||
.skin-1 .nav-list > li.active > .submenu > li:before, .skin-1 .nav-list > li.active > .submenu > li:after {
|
||||
border-color:#3F4E54;
|
||||
}
|
||||
.skin-1 .menu-min .nav-list > li > a.dropdown-toggle > span {
|
||||
border-bottom-color:#5A606A;
|
||||
}
|
||||
|
||||
|
||||
.skin-1 #sidebar-collapse {
|
||||
background-color:#141A1B;
|
||||
border-color:#3F4E54;
|
||||
border-top-width:1px;
|
||||
}
|
||||
.skin-1 #sidebar-collapse:before {
|
||||
border-color:#3F4E54;
|
||||
}
|
||||
.skin-1 #sidebar-collapse > [class*="icon-"] {
|
||||
background-color:#222A2D;
|
||||
}
|
||||
|
||||
|
||||
.skin-1 #sidebar-shortcuts , .skin-1 #sidebar-shortcuts-mini {
|
||||
background-color:#141A1B;
|
||||
border-color:#3F4E54;
|
||||
}
|
||||
.skin-1 #sidebar > #nav-search {
|
||||
background-color:#141A1B;
|
||||
border-color:#3F4E54;
|
||||
}
|
||||
|
||||
.skin-1 .menu-min #sidebar-shortcuts-large {
|
||||
background-color:#141A1B;
|
||||
top:-1px;
|
||||
box-shadow:none;
|
||||
border:none;
|
||||
top:0;
|
||||
}
|
||||
|
||||
.skin-1 #breadcrumbs {
|
||||
border:none;
|
||||
background-color:#F0F0F0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media only screen and (max-width: 979px) {
|
||||
.skin-1 #sidebar {
|
||||
border:none;
|
||||
box-shadow:none;
|
||||
}
|
||||
.skin-1 .nav-list > li.active > a:after ,.skin-1 .nav-list > li.active.open > ul.submenu > li.active > a:after {
|
||||
display:none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* skin#2 */
|
||||
.skin-2 .navbar-inverse .navbar-inner {
|
||||
background:#C6487E;
|
||||
}
|
||||
.skin-2 #sidebar:before {
|
||||
background-color:#505050;
|
||||
}
|
||||
.skin-2 #sidebar:before , .skin-2 #sidebar {
|
||||
border-right:none;
|
||||
}
|
||||
|
||||
|
||||
.skin-2 .nav-list > li {
|
||||
border-color:#444;
|
||||
border-top-width:0;
|
||||
}
|
||||
.skin-2 .nav-list > li:last-child {
|
||||
border-bottom-width:0;
|
||||
}
|
||||
|
||||
.skin-2 .nav-list > li > a , .skin-2 .menu-min .nav-list > li.open > a {
|
||||
background-color:#393939;
|
||||
}
|
||||
.skin-2 .nav-list > li.active > a {
|
||||
color:#FFF;
|
||||
}
|
||||
.skin-2 .nav-list > li > a:hover:before{
|
||||
display:none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.skin-2 .nav-list > li.active > a:after ,.skin-2 .nav-list > li.active.open > ul.submenu > li.active > a:after {
|
||||
border-right-color:#FFF;
|
||||
right:0; top:2px;
|
||||
border-width:16px 10px;
|
||||
}
|
||||
.skin-2 .nav-list > li.active.open > ul.submenu > li.active > a:after {
|
||||
top:1px;
|
||||
}
|
||||
.skin-2 .menu-min .nav-list > li.active > a:after {
|
||||
border-width:10px 6px;
|
||||
top:8px;
|
||||
}
|
||||
|
||||
.skin-2 .menu-min .nav-list > li.active:hover > a:after {
|
||||
border-right-color:#292929;
|
||||
}
|
||||
|
||||
.skin-2 .nav-list > li.active:after {
|
||||
display:none;
|
||||
}
|
||||
.skin-2 .nav-list > li.active.open > .submenu > li.active > a:after {
|
||||
border-right-color:#FFF;
|
||||
right:-1px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.skin-2 .nav-list > li > .submenu {
|
||||
background-color:#303030;
|
||||
border-top-color:#666;
|
||||
}
|
||||
.skin-2 .nav-list > li.active > .submenu {
|
||||
background-color:#222;
|
||||
}
|
||||
.skin-2 .nav-list > li > .submenu > li:first-child > a {
|
||||
border-top:none;
|
||||
}
|
||||
.skin-2 .nav-list > li > .submenu > li > a {
|
||||
color:#CCC;
|
||||
border-bottom-color:#555;
|
||||
}
|
||||
.skin-2 .nav-list > li > .submenu > li > a > [class*="icon-"]:first-child {
|
||||
display:none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.skin-2 .nav-list > li > a > span {
|
||||
color:#DDD;
|
||||
}
|
||||
.skin-2 .nav-list > li > a:hover > span {
|
||||
color:#000;
|
||||
font-weight:bold;
|
||||
opacity:0.5;
|
||||
filter:alpha(opacity=50);
|
||||
}
|
||||
.skin-2 .nav-list > li.active > a:hover > span {
|
||||
color:#FFF;
|
||||
opacity:1;
|
||||
filter:alpha(opacity=100);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.skin-2 .nav-list > li > a > .arrow
|
||||
{ color:#AAA;}
|
||||
.skin-2 .nav-list > li > a:hover > .arrow
|
||||
{ color:#FFF;}
|
||||
|
||||
|
||||
|
||||
.skin-2 .menu-min .nav-list > li > a > span {
|
||||
color:#FFF;
|
||||
font-weight:bold;
|
||||
opacity:1;
|
||||
filter:alpha(opacity=100);
|
||||
background-color:#292929;
|
||||
border:none;
|
||||
box-shadow:none;
|
||||
text-shadow:1px 1px 0 rgba(0,0,0,0.5);
|
||||
|
||||
margin-top:2px;
|
||||
}
|
||||
.skin-2 .menu-min .nav-list > li > a.dropdown-toggle > span {
|
||||
margin-top:0;
|
||||
background-color:#292929;
|
||||
}
|
||||
|
||||
.skin-2 .menu-min .nav-list > li > ul.submenu {
|
||||
box-shadow:none;
|
||||
border:none;
|
||||
background-color:#303030;
|
||||
|
||||
margin-left:1px;
|
||||
margin-top:1px;
|
||||
border-left:1px solid #FFF;
|
||||
}
|
||||
.skin-2 .nav-list > li > ul.submenu > li > a:hover{
|
||||
color:#FFF;
|
||||
}
|
||||
.skin-2 .nav-list > li > ul.submenu > li:before , .skin-2 .nav-list > li > ul.submenu > li:after{/* hide tree like menu */
|
||||
display:none;
|
||||
}
|
||||
.skin-2 .nav-list > li > ul.submenu > li > a {
|
||||
padding-left:28px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* default */
|
||||
.skin-2 .nav-list > li > a,
|
||||
.skin-2 .menu-min .nav-list > li > a > span
|
||||
{
|
||||
color:#CCC;
|
||||
}
|
||||
|
||||
.skin-2 .nav-list > li:nth-child(1) > a,
|
||||
.skin-2 .menu-min .nav-list > li:nth-child(1) > a > span
|
||||
{
|
||||
color:#00BE67;
|
||||
}
|
||||
.skin-2 .nav-list > li:nth-child(2) > a,
|
||||
.skin-2 .menu-min .nav-list > li:nth-child(2) > a > span
|
||||
{
|
||||
color:#5ED02B;
|
||||
}
|
||||
.skin-2 .nav-list > li:nth-child(3) > a,
|
||||
.skin-2 .menu-min .nav-list > li:nth-child(3) > a > span
|
||||
{
|
||||
color:#A7D700;
|
||||
}
|
||||
.skin-2 .nav-list > li:nth-child(4) > a,
|
||||
.skin-2 .menu-min .nav-list > li:nth-child(4) > a > span
|
||||
{
|
||||
color:#CEE100;
|
||||
}
|
||||
.skin-2 .nav-list > li:nth-child(5) > a,
|
||||
.skin-2 .menu-min .nav-list > li:nth-child(5) > a > span
|
||||
{
|
||||
color:#F8C600;
|
||||
}
|
||||
.skin-2 .nav-list > li:nth-child(6) > a,
|
||||
.skin-2 .menu-min .nav-list > li:nth-child(6) > a > span
|
||||
{
|
||||
color:#FFAB00;
|
||||
}
|
||||
.skin-2 .nav-list > li:nth-child(7) > a,
|
||||
.skin-2 .menu-min .nav-list > li:nth-child(7) > a > span
|
||||
{
|
||||
color:#FF6E00;
|
||||
}
|
||||
.skin-2 .nav-list > li:nth-child(8) > a,
|
||||
.skin-2 .menu-min .nav-list > li:nth-child(8) > a > span
|
||||
{
|
||||
color:#F21C30;
|
||||
}
|
||||
.skin-2 .nav-list > li:nth-child(9) > a,
|
||||
.skin-2 .menu-min .nav-list > li:nth-child(9) > a > span
|
||||
{
|
||||
color:#EE218B;
|
||||
}
|
||||
.skin-2 .nav-list > li:nth-child(10) > a,
|
||||
.skin-2 .menu-min .nav-list > li:nth-child(10) > a > span
|
||||
{
|
||||
color:#C55EE7;
|
||||
}
|
||||
.skin-2 .nav-list > li:nth-child(11) > a,
|
||||
.skin-2 .menu-min .nav-list > li:nth-child(11) > a > span
|
||||
{
|
||||
color:#218BEE;
|
||||
}
|
||||
.skin-2 .nav-list > li:nth-child(12) > a,
|
||||
.skin-2 .menu-min .nav-list > li:nth-child(12) > a > span
|
||||
{
|
||||
color:#2ECEE7;
|
||||
}
|
||||
|
||||
|
||||
.skin-2 .menu-min .nav-list > li.active > a > [class*="icon-"],
|
||||
.skin-2 .nav-list > li:not(.active):hover > a > [class*="icon-"] {
|
||||
color:#FFF;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.skin-2 .nav-list > li.active > a > span
|
||||
{
|
||||
color:#FFF;
|
||||
}
|
||||
|
||||
.skin-2 .nav-list > li.active > ul.submenu {
|
||||
background-color:#222;
|
||||
}
|
||||
.skin-2 .nav-list > li > ul.submenu:before {
|
||||
display:block; content:"";
|
||||
position:absolute;
|
||||
left:0; top:0; right:0; bottom:0;
|
||||
background-color:#393939;
|
||||
opacity:0.12;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*default*/
|
||||
.skin-2 .nav-list > li > a:hover,
|
||||
.skin-2 .menu-min .nav-list > li:hover > a,
|
||||
.skin-2 .menu-min .nav-list > li.active > a
|
||||
{
|
||||
background-color:#C6487E;
|
||||
}
|
||||
.skin-2 .nav-list > li > ul.submenu:before {
|
||||
background-color:#35262D;
|
||||
}
|
||||
|
||||
.skin-2 .nav-list > li:nth-child(1) > a:hover,
|
||||
.skin-2 .menu-min .nav-list > li:nth-child(1):hover > a,
|
||||
.skin-2 .menu-min .nav-list > li.active:nth-child(1) > a,
|
||||
.skin-2 .nav-list > li:nth-child(1) > ul.submenu:before
|
||||
{
|
||||
background-color:#00BE67;
|
||||
}
|
||||
.skin-2 .nav-list > li:nth-child(2) > a:hover,
|
||||
.skin-2 .menu-min .nav-list > li:nth-child(2):hover > a,
|
||||
.skin-2 .menu-min .nav-list > li.active:nth-child(2) > a,
|
||||
.skin-2 .nav-list > li:nth-child(2) > ul.submenu:before
|
||||
{
|
||||
background-color:#5ED02B;
|
||||
}
|
||||
.skin-2 .nav-list > li:nth-child(3) > a:hover,
|
||||
.skin-2 .menu-min .nav-list > li:nth-child(3):hover > a,
|
||||
.skin-2 .menu-min .nav-list > li.active:nth-child(3) > a,
|
||||
.skin-2 .nav-list > li:nth-child(3) > ul.submenu:before
|
||||
{
|
||||
background-color:#A7D700;
|
||||
}
|
||||
.skin-2 .nav-list > li:nth-child(4) > a:hover,
|
||||
.skin-2 .menu-min .nav-list > li:nth-child(4):hover > a,
|
||||
.skin-2 .menu-min .nav-list > li.active:nth-child(4) > a,
|
||||
.skin-2 .nav-list > li:nth-child(4) > ul.submenu:before
|
||||
{
|
||||
background-color:#CEE100;
|
||||
}
|
||||
.skin-2 .nav-list > li:nth-child(5) > a:hover,
|
||||
.skin-2 .menu-min .nav-list > li:nth-child(5):hover > a,
|
||||
.skin-2 .menu-min .nav-list > li.active:nth-child(5) > a,
|
||||
.skin-2 .nav-list > li:nth-child(5) > ul.submenu:before
|
||||
{
|
||||
background-color:#F8C600;
|
||||
}
|
||||
.skin-2 .nav-list > li:nth-child(6) > a:hover,
|
||||
.skin-2 .menu-min .nav-list > li:nth-child(6):hover > a,
|
||||
.skin-2 .menu-min .nav-list > li.active:nth-child(6) > a,
|
||||
.skin-2 .nav-list > li:nth-child(6) > ul.submenu:before
|
||||
{
|
||||
background-color:#FFAB00;
|
||||
}
|
||||
.skin-2 .nav-list > li:nth-child(7) > a:hover,
|
||||
.skin-2 .menu-min .nav-list > li:nth-child(7):hover > a,
|
||||
.skin-2 .menu-min .nav-list > li.active:nth-child(7) > a,
|
||||
.skin-2 .nav-list > li:nth-child(7) > ul.submenu:before
|
||||
{
|
||||
background-color:#FF6E00;
|
||||
}
|
||||
.skin-2 .nav-list > li:nth-child(8) > a:hover,
|
||||
.skin-2 .menu-min .nav-list > li:nth-child(8):hover > a,
|
||||
.skin-2 .menu-min .nav-list > li.active:nth-child(8) > a,
|
||||
.skin-2 .nav-list > li:nth-child(8) > ul.submenu:before
|
||||
{
|
||||
background-color:#F21C30;
|
||||
}
|
||||
.skin-2 .nav-list > li:nth-child(9) > a:hover,
|
||||
.skin-2 .menu-min .nav-list > li:nth-child(9):hover > a,
|
||||
.skin-2 .menu-min .nav-list > li.active:nth-child(9) > a,
|
||||
.skin-2 .nav-list > li:nth-child(9) > ul.submenu:before
|
||||
{
|
||||
background-color:#EE218B;
|
||||
}
|
||||
.skin-2 .nav-list > li:nth-child(10) > a:hover,
|
||||
.skin-2 .menu-min .nav-list > li:nth-child(10):hover > a,
|
||||
.skin-2 .menu-min .nav-list > li.active:nth-child(10) > a,
|
||||
.skin-2 .nav-list > li:nth-child(10) > ul.submenu:before
|
||||
{
|
||||
background-color:#C55EE7;
|
||||
}
|
||||
.skin-2 .nav-list > li:nth-child(11) > a:hover,
|
||||
.skin-2 .menu-min .nav-list > li:nth-child(11):hover > a,
|
||||
.skin-2 .menu-min .nav-list > li.active:nth-child(11) > a,
|
||||
.skin-2 .nav-list > li:nth-child(11) > ul.submenu:before
|
||||
{
|
||||
background-color:#218BEE;
|
||||
}
|
||||
.skin-2 .nav-list > li:nth-child(12) > a:hover,
|
||||
.skin-2 .menu-min .nav-list > li:nth-child(12):hover > a,
|
||||
.skin-2 .menu-min .nav-list > li.active:nth-child(12) > a,
|
||||
.skin-2 .nav-list > li:nth-child(12) > ul.submenu:before
|
||||
{
|
||||
background-color:#2ECEE7;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.skin-2 .nav-list > li > ul.submenu { border-top-style:inset;}
|
||||
.skin-2 .menu-min .nav-list > li > ul.submenu {border-top-color:#666 !important;}
|
||||
|
||||
.skin-2 .nav-list > li > ul.submenu {border-top-color:#C6487E;}
|
||||
.skin-2 .nav-list > li:nth-child(1) > ul.submenu {border-top-color:#00BE67;}
|
||||
.skin-2 .nav-list > li:nth-child(2) > ul.submenu {border-top-color:#5ED02B;}
|
||||
.skin-2 .nav-list > li:nth-child(3) > ul.submenu {border-top-color:#A7D700;}
|
||||
.skin-2 .nav-list > li:nth-child(4) > ul.submenu {border-top-color:#CEE100;}
|
||||
.skin-2 .nav-list > li:nth-child(5) > ul.submenu {border-top-color:#F8C600;}
|
||||
.skin-2 .nav-list > li:nth-child(6) > ul.submenu {border-top-color:#FFAB00;}
|
||||
.skin-2 .nav-list > li:nth-child(7) > ul.submenu {border-top-color:#FF6E00;}
|
||||
.skin-2 .nav-list > li:nth-child(8) > ul.submenu {border-top-color:#F21C30;}
|
||||
.skin-2 .nav-list > li:nth-child(9) > ul.submenu {border-top-color:#EE218B;}
|
||||
.skin-2 .nav-list > li:nth-child(10) > ul.submenu{border-top-color:#C55EE7;}
|
||||
.skin-2 .nav-list > li:nth-child(11) > ul.submenu{border-top-color:#218BEE;}
|
||||
.skin-2 .nav-list > li:nth-child(12) > ul.submenu{border-top-color:#2ECEE7;}
|
||||
|
||||
.skin-2 .nav-list > li > ul.submenu > li.active > a {color:#C6487E;}
|
||||
.skin-2 .nav-list > li:nth-child(1) > ul.submenu > li.active > a {color:#00BE67;}
|
||||
.skin-2 .nav-list > li:nth-child(2) > ul.submenu > li.active > a {color:#5ED02B;}
|
||||
.skin-2 .nav-list > li:nth-child(3) > ul.submenu > li.active > a {color:#A7D700;}
|
||||
.skin-2 .nav-list > li:nth-child(4) > ul.submenu > li.active > a {color:#CEE100;}
|
||||
.skin-2 .nav-list > li:nth-child(5) > ul.submenu > li.active > a {color:#F8C600;}
|
||||
.skin-2 .nav-list > li:nth-child(6) > ul.submenu > li.active > a {color:#FFAB00;}
|
||||
.skin-2 .nav-list > li:nth-child(7) > ul.submenu > li.active > a {color:#FF6E00;}
|
||||
.skin-2 .nav-list > li:nth-child(8) > ul.submenu > li.active > a {color:#F21C30;}
|
||||
.skin-2 .nav-list > li:nth-child(9) > ul.submenu > li.active > a {color:#EE218B;}
|
||||
.skin-2 .nav-list > li:nth-child(10) > ul.submenu > li.active > a {color:#C55EE7;}
|
||||
.skin-2 .nav-list > li:nth-child(11) > ul.submenu > li.active > a {color:#218BEE;}
|
||||
.skin-2 .nav-list > li:nth-child(12) > ul.submenu > li.active > a {color:#2ECEE7;}
|
||||
|
||||
|
||||
.skin-2 .nav-list > li.active > a,
|
||||
.skin-2 .nav-list > li.active > a:hover
|
||||
{
|
||||
background-color:#242424;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.skin-2 #sidebar-collapse {
|
||||
background-color:#2C2C2C;
|
||||
border-top:1px solid #666;
|
||||
border-bottom:1px solid #777;
|
||||
}
|
||||
.skin-2 #sidebar-collapse:before {
|
||||
border-color:#666;
|
||||
}
|
||||
.skin-2 #sidebar-collapse > [class*="icon-"] {
|
||||
background-color:#333;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.skin-2 #sidebar-shortcuts {
|
||||
background-color:#393939;
|
||||
border-color:#666;
|
||||
min-height:40px;
|
||||
}
|
||||
.skin-2 #sidebar > #nav-search {
|
||||
background-color:#393939;
|
||||
border-color:#666;
|
||||
}
|
||||
|
||||
.skin-2 #sidebar-shortcuts .btn {
|
||||
|
||||
border-radius:32px !important;
|
||||
border-width:2px;
|
||||
background-color:#555 !important;
|
||||
}
|
||||
.skin-2 #sidebar-shortcuts .btn:hover {
|
||||
background-color:#222 !important;
|
||||
}
|
||||
.skin-2 .menu-min #sidebar-shortcuts-large {
|
||||
border:none;
|
||||
box-shadow:none;
|
||||
background-color:#393939;
|
||||
top:0px;
|
||||
}
|
||||
.skin-2 #sidebar-shortcuts-mini {
|
||||
background-color:#141A1B;
|
||||
border-color:#3F4E54;
|
||||
}
|
||||
.skin-2 #sidebar-shortcuts-mini .btn {
|
||||
border-width:2px !important;
|
||||
border-radius:32px !important;
|
||||
padding:6px !important;
|
||||
opacity:1;
|
||||
background-color:inherit;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.skin-2 #breadcrumbs {
|
||||
border:none;
|
||||
background-color:#E7F2F8;
|
||||
margin:8px 8px 0;
|
||||
border-radius:4px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@media only screen and (max-width: 979px) {
|
||||
.skin-2 #sidebar {
|
||||
border:none;
|
||||
box-shadow:none;
|
||||
}
|
||||
.skin-2 .nav-list > li.active > a:after , .skin-2 .nav-list > li.active.open > .submenu > li.active > a:after {
|
||||
display:none;
|
||||
}
|
||||
.skin-2 #breadcrumbs {
|
||||
margin:0;
|
||||
border-radius:0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* skin#3 */
|
||||
.skin-3 #main-content
|
||||
{
|
||||
background: #FFF;
|
||||
|
||||
background: -moz-linear-gradient(top, #EEF5FA 0%, #FFF 8%) 0 4px;
|
||||
background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEF5FA), color-stop(4%, #FFF)) 0 4px;
|
||||
background: -webkit-linear-gradient(top, #EEF5FA 0%, #FFF 8%) 0 4px;
|
||||
background: -o-linear-gradient(top, #EEF5FA 0%, #FFF 8%) 0 4px;
|
||||
background: -ms-linear-gradient(top, #EEF5FA 0%, #FFF 8%) 0 4px;
|
||||
background: linear-gradient(top, #EEF5FA 0%, #FFF 8%) 0 4px;
|
||||
|
||||
-moz-background-size: 100% 26px;
|
||||
-webkit-background-size: 100% 26px;
|
||||
-o-background-size: 100% 26px;
|
||||
-ms-background-size: 100% 26px;
|
||||
background-size: 100% 26px;
|
||||
}
|
||||
|
||||
|
||||
.skin-3 .navbar-inverse .navbar-inner {
|
||||
background:#393939;
|
||||
}
|
||||
|
||||
.skin-3 #sidebar:before {
|
||||
background-color:#D6D6D6;
|
||||
}
|
||||
.skin-3 #sidebar:before , .skin-3 #sidebar {
|
||||
border-right:1px solid #A4C6DD;
|
||||
}
|
||||
|
||||
|
||||
.skin-3 #page-content {
|
||||
background-color:transparent;/* so that #main-content's background can be seen */
|
||||
}
|
||||
.skin-3 .infobox:not(.infobox-dark) {
|
||||
border-style:solid;
|
||||
background-color:transparent;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.skin-3 .nav-list > li {
|
||||
border-color:#F2F2F2;
|
||||
border-bottom-width:0;
|
||||
position:relative;
|
||||
}
|
||||
.skin-3 .nav-list > li:before {
|
||||
display:inline-block; content:"";
|
||||
position:absolute; z-index:1;
|
||||
left:0; top:0; bottom:0; max-width:0; overflow:hidden;
|
||||
border-left:3px solid #444;
|
||||
}
|
||||
.skin-3 .nav-list > li.active:before {
|
||||
border-left-color:#4D96CB;
|
||||
}
|
||||
|
||||
.skin-3 .nav-list > li:first-child {
|
||||
border-top:1px solid #F2F2F2;
|
||||
}
|
||||
.skin-3 .nav-list > li:last-child {
|
||||
border-bottom-width:1px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.skin-3 .nav-list > li:hover {
|
||||
border-left-color:#1963AA;
|
||||
border-top-color:#EEE;
|
||||
}
|
||||
.skin-3 .nav-list > li:hover + li {
|
||||
border-top-color:#EEE;
|
||||
}
|
||||
.skin-3 .nav-list > li:last-child:hover {
|
||||
border-bottom-color:#EEE;
|
||||
}
|
||||
.skin-3 .nav-list > li.active {
|
||||
border-left-color:#1A67BD;
|
||||
border-top-color:#A4C6DD !important;
|
||||
}
|
||||
.skin-3 .nav-list > li.active + li {
|
||||
border-top-color:#A4C6DD;
|
||||
}
|
||||
.skin-3 .nav-list > li.active:last-child {
|
||||
border-bottom-color:#A4C6DD;
|
||||
}
|
||||
|
||||
|
||||
.skin-3 .nav-list > li > a:hover:before{
|
||||
display:none;
|
||||
}
|
||||
.skin-3 .nav-list > li > a {
|
||||
background-color:#E0E0E0;
|
||||
color:#5A5A5A;
|
||||
}
|
||||
.skin-3 .nav-list > li:hover > a {
|
||||
background-color:#EEE;
|
||||
color:#1963AA;
|
||||
}
|
||||
.skin-3 .nav-list > li > a:focus{
|
||||
color:#1963AA;
|
||||
}
|
||||
|
||||
.skin-3 .nav-list > li.open > a {
|
||||
background-color:#F3F3F3;
|
||||
color:#1963AA;
|
||||
}
|
||||
.skin-3 .menu-min .nav-list > li.open > a {
|
||||
background-color:#E0E0E0;
|
||||
color:#5A5A5A;
|
||||
}
|
||||
.skin-3 .menu-min .nav-list > li.open > a > span {
|
||||
color:#1963AA;
|
||||
}
|
||||
.skin-3 .menu-min .nav-list > li.active > a > span {
|
||||
border-left-color:#EEE;
|
||||
}
|
||||
|
||||
.skin-3 .nav-list > li.active > a {
|
||||
background-color:#EEF8FF;
|
||||
color:#4D96CB;
|
||||
}
|
||||
|
||||
|
||||
.skin-3 .nav-list > li.active > a:after , .skin-3 .nav-list > li.active.open > .submenu > li.active > a:after{
|
||||
border-right-color:#FFF;
|
||||
right:-1px; top:0; z-index:12;
|
||||
border-width:18px 12px;
|
||||
}
|
||||
.skin-3 .nav-list > li.active > a:before , .skin-3 .nav-list > li.active.open > .submenu > li.active > a:before{/*the blue one under the white one!*/
|
||||
content:""; display:block;
|
||||
position:absolute;
|
||||
right:0; top:0; z-index:11; /**/ left:auto; bottom:auto; width:auto; max-width:auto; background-color:transparent;
|
||||
border-style:solid;
|
||||
border-width:18px 12px;
|
||||
border-color:transparent;
|
||||
border-right-color:#A4C6DD;
|
||||
}
|
||||
.skin-3 .nav-list > li.active.open > .submenu > li.active > a:before,
|
||||
.skin-3 .nav-list > li.active.open > .submenu > li.active > a:after {
|
||||
border-width:14px 10px;
|
||||
top:2px;
|
||||
}
|
||||
|
||||
.skin-3 .nav-list > li.active.open > a:before {
|
||||
display:none;
|
||||
}
|
||||
.skin-3 .nav-list > li.active:after {/* the white border on right */
|
||||
display:none;
|
||||
}
|
||||
|
||||
|
||||
.skin-3 .menu-min .nav-list > li.active > a {
|
||||
background-color:#4D96CB;
|
||||
color:#FFF;
|
||||
}
|
||||
.skin-3 .menu-min .nav-list > li.active > a > span {
|
||||
color:#4D96CB;
|
||||
}
|
||||
.skin-3 .menu-min .nav-list > li:before{
|
||||
display:none;
|
||||
}
|
||||
.skin-3 .menu-min .nav-list > li.active > a:after {
|
||||
border-width:12px 7px;
|
||||
top:5px;
|
||||
}
|
||||
.skin-3 .menu-min .nav-list > li.active > a:before ,
|
||||
.skin-3 .menu-min .nav-list > li.active.open > .submenu > li.active > a:before {
|
||||
display:none;
|
||||
}
|
||||
.skin-3 .menu-min #sidebar-shortcuts {
|
||||
border-left:none;
|
||||
}
|
||||
.skin-3 #sidebar.menu-min > #nav-search {
|
||||
border-left:none;
|
||||
}
|
||||
|
||||
.skin-3 .menu-min .nav-list > li > .submenu,
|
||||
.skin-3 .menu-min .nav-list > li.active > .submenu {
|
||||
border-left-color:#CCC;
|
||||
}
|
||||
|
||||
.skin-3 .nav-list > li > a > .arrow {
|
||||
right:12px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.skin-3 #sidebar-collapse {
|
||||
background-color:#D0D0D0;
|
||||
border-color:#FFF;
|
||||
}
|
||||
.skin-3 #sidebar-collapse:before {
|
||||
border-color:#FFF;
|
||||
}
|
||||
.skin-3 #sidebar-collapse > [class*="icon-"] {
|
||||
background-color:#FFF;
|
||||
border-color:#999;
|
||||
color:#999;
|
||||
}
|
||||
|
||||
|
||||
.skin-3 #sidebar-shortcuts {
|
||||
background-color:#E0E0E0;
|
||||
border-bottom:none;
|
||||
border-color:#FFF;
|
||||
min-height:40px;
|
||||
border-left:3px solid #444;
|
||||
}
|
||||
.skin-3 #sidebar > #nav-search {
|
||||
background-color:#E0E0E0;
|
||||
border-bottom:none;
|
||||
border-color:#FFF;
|
||||
border-left:3px solid #444;
|
||||
}
|
||||
|
||||
.skin-3 #sidebar-shortcuts-mini {
|
||||
background-color:#E0E0E0;
|
||||
}
|
||||
.skin-3 #sidebar-shortcuts-mini > .btn {
|
||||
opacity:1;
|
||||
}
|
||||
.skin-3 .menu-min #sidebar-shortcuts-large {
|
||||
background-color:#F5F5F5;
|
||||
top:-1px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.skin-3 #breadcrumbs {
|
||||
border:none;
|
||||
border-radius:4px;
|
||||
background-color:#E7F2F8;
|
||||
|
||||
margin:8px 8px 0;
|
||||
}
|
||||
.skin-3 #nav-search-input {
|
||||
border-radius:4px;
|
||||
}
|
||||
.skin-3 #page-content > .page-header:first-child {
|
||||
border-bottom-color:#C9C9C9;
|
||||
}
|
||||
.skin-3 .hr {
|
||||
border-color:#D5D5D5;
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 979px) {
|
||||
|
||||
.skin-3 #sidebar,
|
||||
.skin-3 .nav-list > li ,
|
||||
.skin-3 #sidebar-shortcuts {
|
||||
border-left:none;
|
||||
}
|
||||
.skin-3 #sidebar {
|
||||
border-color:#A4C6DD;
|
||||
}
|
||||
|
||||
.skin-3 #breadcrumbs {
|
||||
border-radius:0;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
.skin-3 #menu-toggler {
|
||||
background-color:#62A8D1;
|
||||
color:#FFF;
|
||||
}
|
||||
.skin-3 #menu-toggler:after , .skin-3 #menu-toggler:before {
|
||||
border-color:#FFF;
|
||||
}
|
||||
.skin-3 #menu-toggler > span {
|
||||
border-top-color:#62A8D1;
|
||||
}
|
||||
.skin-3 #menu-toggler > span:after {
|
||||
color:#FFF;
|
||||
}
|
||||
|
||||
.skin-3 .nav-list > li.active > a:after , .skin-3 .nav-list > li.active.open > .submenu > li.active > a:after,
|
||||
.skin-3 .nav-list > li.active > a:before , .skin-3 .nav-list > li.active.open > .submenu > li.active > a:before
|
||||
{
|
||||
display:none;
|
||||
}
|
||||
|
||||
|
||||
}
|
|
@ -1,121 +0,0 @@
|
|||
/*!
|
||||
* Timepicker Component for Twitter Bootstrap
|
||||
*
|
||||
* Copyright 2013 Joris de Wit
|
||||
*
|
||||
* Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
|
||||
*
|
||||
* For the full copyright and license information, please view the LICENSE
|
||||
* file that was distributed with this source code.
|
||||
*/
|
||||
.bootstrap-timepicker {
|
||||
position: relative;
|
||||
}
|
||||
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
|
||||
left: auto;
|
||||
right: 12px;
|
||||
}
|
||||
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
|
||||
left: auto;
|
||||
right: 13px;
|
||||
}
|
||||
.bootstrap-timepicker .add-on {
|
||||
cursor: pointer;
|
||||
}
|
||||
.bootstrap-timepicker .add-on i {
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
.bootstrap-timepicker-widget.dropdown-menu {
|
||||
padding: 2px 3px 2px 2px;
|
||||
}
|
||||
.bootstrap-timepicker-widget.dropdown-menu.open {
|
||||
display: inline-block;
|
||||
}
|
||||
.bootstrap-timepicker-widget.dropdown-menu:before {
|
||||
border-bottom: 7px solid rgba(0, 0, 0, 0.2);
|
||||
border-left: 7px solid transparent;
|
||||
border-right: 7px solid transparent;
|
||||
content: "";
|
||||
display: inline-block;
|
||||
left: 9px;
|
||||
position: absolute;
|
||||
top: -7px;
|
||||
}
|
||||
.bootstrap-timepicker-widget.dropdown-menu:after {
|
||||
border-bottom: 6px solid #FFFFFF;
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
content: "";
|
||||
display: inline-block;
|
||||
left: 10px;
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
}
|
||||
.bootstrap-timepicker-widget a.btn,
|
||||
.bootstrap-timepicker-widget input {
|
||||
border-radius: 4px;
|
||||
}
|
||||
.bootstrap-timepicker-widget table {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
.bootstrap-timepicker-widget table td {
|
||||
text-align: center;
|
||||
height: 30px;
|
||||
margin: 0;
|
||||
padding: 2px;
|
||||
}
|
||||
.bootstrap-timepicker-widget table td:not(.separator) {
|
||||
min-width: 30px;
|
||||
}
|
||||
.bootstrap-timepicker-widget table td span {
|
||||
width: 100%;
|
||||
}
|
||||
.bootstrap-timepicker-widget table td a {
|
||||
border: 1px transparent solid;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: 8px 0;
|
||||
outline: 0;
|
||||
color: #333;
|
||||
}
|
||||
.bootstrap-timepicker-widget table td a:hover {
|
||||
text-decoration: none;
|
||||
background-color: #eee;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
border-color: #ddd;
|
||||
}
|
||||
.bootstrap-timepicker-widget table td a i {
|
||||
margin-top: 2px;
|
||||
}
|
||||
.bootstrap-timepicker-widget table td input {
|
||||
width: 25px;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
}
|
||||
.bootstrap-timepicker-widget .modal-content {
|
||||
padding: 4px;
|
||||
}
|
||||
@media (min-width: 767px) {
|
||||
.bootstrap-timepicker-widget.modal {
|
||||
width: 200px;
|
||||
margin-left: -100px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.bootstrap-timepicker {
|
||||
width: 100%;
|
||||
}
|
||||
.bootstrap-timepicker .dropdown-menu {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
|
@ -1,414 +0,0 @@
|
|||
/* @group Base */
|
||||
.chzn-container {
|
||||
font-size: 13px;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
.chzn-container .chzn-drop {
|
||||
background: #fff;
|
||||
border: 1px solid #aaa;
|
||||
border-top: 0;
|
||||
position: absolute;
|
||||
top: 29px;
|
||||
left: 0;
|
||||
-webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
|
||||
-moz-box-shadow : 0 4px 5px rgba(0,0,0,.15);
|
||||
box-shadow : 0 4px 5px rgba(0,0,0,.15);
|
||||
z-index: 1010;
|
||||
}
|
||||
/* @end */
|
||||
|
||||
/* @group Single Chosen */
|
||||
.chzn-container-single .chzn-single {
|
||||
background-color: #ffffff;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
|
||||
background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||||
background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||||
background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||||
background-image: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius : 5px;
|
||||
border-radius : 5px;
|
||||
-moz-background-clip : padding;
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip : padding-box;
|
||||
border: 1px solid #aaaaaa;
|
||||
-webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
|
||||
-moz-box-shadow : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
|
||||
box-shadow : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
position: relative;
|
||||
height: 23px;
|
||||
line-height: 24px;
|
||||
padding: 0 0 0 8px;
|
||||
color: #444444;
|
||||
text-decoration: none;
|
||||
}
|
||||
.chzn-container-single .chzn-default {
|
||||
color: #999;
|
||||
}
|
||||
.chzn-container-single .chzn-single span {
|
||||
margin-right: 26px;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
-o-text-overflow: ellipsis;
|
||||
-ms-text-overflow: ellipsis;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.chzn-container-single .chzn-single abbr {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 26px;
|
||||
top: 6px;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
font-size: 1px;
|
||||
background: url('chosen-sprite.png') -42px 1px no-repeat;
|
||||
}
|
||||
.chzn-container-single .chzn-single abbr:hover {
|
||||
background-position: -42px -10px;
|
||||
}
|
||||
.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
|
||||
background-position: -42px -10px;
|
||||
}
|
||||
.chzn-container-single .chzn-single div {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
display: block;
|
||||
height: 100%;
|
||||
width: 18px;
|
||||
}
|
||||
.chzn-container-single .chzn-single div b {
|
||||
background: url('chosen-sprite.png') no-repeat 0px 2px;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.chzn-container-single .chzn-search {
|
||||
padding: 3px 4px;
|
||||
position: relative;
|
||||
margin: 0;
|
||||
white-space: nowrap;
|
||||
z-index: 1010;
|
||||
}
|
||||
.chzn-container-single .chzn-search input {
|
||||
background: #fff url('chosen-sprite.png') no-repeat 100% -20px;
|
||||
background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
|
||||
background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
margin: 1px 0;
|
||||
padding: 4px 20px 4px 5px;
|
||||
outline: 0;
|
||||
border: 1px solid #aaa;
|
||||
font-family: sans-serif;
|
||||
font-size: 1em;
|
||||
}
|
||||
.chzn-container-single .chzn-drop {
|
||||
-webkit-border-radius: 0 0 4px 4px;
|
||||
-moz-border-radius : 0 0 4px 4px;
|
||||
border-radius : 0 0 4px 4px;
|
||||
-moz-background-clip : padding;
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip : padding-box;
|
||||
}
|
||||
/* @end */
|
||||
|
||||
.chzn-container-single-nosearch .chzn-search input {
|
||||
position: absolute;
|
||||
left: -9000px;
|
||||
}
|
||||
|
||||
/* @group Multi Chosen */
|
||||
.chzn-container-multi .chzn-choices {
|
||||
background-color: #fff;
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
|
||||
background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
border: 1px solid #aaa;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
cursor: text;
|
||||
overflow: hidden;
|
||||
height: auto !important;
|
||||
height: 1%;
|
||||
position: relative;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices li {
|
||||
float: left;
|
||||
list-style: none;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-field {
|
||||
white-space: nowrap;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-field input {
|
||||
color: #666;
|
||||
background: transparent !important;
|
||||
border: 0 !important;
|
||||
font-family: sans-serif;
|
||||
font-size: 100%;
|
||||
height: 15px;
|
||||
padding: 5px;
|
||||
margin: 1px 0;
|
||||
outline: 0;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow : none;
|
||||
box-shadow : none;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-field .default {
|
||||
color: #999;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-choice {
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius : 3px;
|
||||
border-radius : 3px;
|
||||
-moz-background-clip : padding;
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip : padding-box;
|
||||
background-color: #e4e4e4;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
|
||||
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
-webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
|
||||
-moz-box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
|
||||
box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
|
||||
color: #333;
|
||||
border: 1px solid #aaaaaa;
|
||||
line-height: 13px;
|
||||
padding: 3px 20px 3px 5px;
|
||||
margin: 3px 0 3px 5px;
|
||||
position: relative;
|
||||
cursor: default;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-choice.search-choice-disabled {
|
||||
background-color: #e4e4e4;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
|
||||
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
|
||||
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
color: #666;
|
||||
border: 1px solid #cccccc;
|
||||
padding-right: 5px;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-choice-focus {
|
||||
background: #d4d4d4;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 3px;
|
||||
top: 4px;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
font-size: 1px;
|
||||
background: url('chosen-sprite.png') -42px 1px no-repeat;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
|
||||
background-position: -42px -10px;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
|
||||
background-position: -42px -10px;
|
||||
}
|
||||
/* @end */
|
||||
|
||||
/* @group Results */
|
||||
.chzn-container .chzn-results {
|
||||
margin: 0 4px 4px 0;
|
||||
max-height: 240px;
|
||||
padding: 0 0 0 4px;
|
||||
position: relative;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.chzn-container-multi .chzn-results {
|
||||
margin: -1px 0 0;
|
||||
padding: 0;
|
||||
}
|
||||
.chzn-container .chzn-results li {
|
||||
display: none;
|
||||
line-height: 15px;
|
||||
padding: 5px 6px;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.chzn-container .chzn-results .active-result {
|
||||
cursor: pointer;
|
||||
display: list-item;
|
||||
}
|
||||
.chzn-container .chzn-results .highlighted {
|
||||
background-color: #3875d7;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 );
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
|
||||
background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
|
||||
background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
|
||||
background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
|
||||
background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
|
||||
color: #fff;
|
||||
}
|
||||
.chzn-container .chzn-results li em {
|
||||
background: #feffde;
|
||||
font-style: normal;
|
||||
}
|
||||
.chzn-container .chzn-results .highlighted em {
|
||||
background: transparent;
|
||||
}
|
||||
.chzn-container .chzn-results .no-results {
|
||||
background: #f4f4f4;
|
||||
display: list-item;
|
||||
}
|
||||
.chzn-container .chzn-results .group-result {
|
||||
cursor: default;
|
||||
color: #999;
|
||||
font-weight: bold;
|
||||
}
|
||||
.chzn-container .chzn-results .group-option {
|
||||
padding-left: 15px;
|
||||
}
|
||||
.chzn-container-multi .chzn-drop .result-selected {
|
||||
display: none;
|
||||
}
|
||||
.chzn-container .chzn-results-scroll {
|
||||
background: white;
|
||||
margin: 0 4px;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
width: 321px; /* This should by dynamic with js */
|
||||
z-index: 1;
|
||||
}
|
||||
.chzn-container .chzn-results-scroll span {
|
||||
display: inline-block;
|
||||
height: 17px;
|
||||
text-indent: -5000px;
|
||||
width: 9px;
|
||||
}
|
||||
.chzn-container .chzn-results-scroll-down {
|
||||
bottom: 0;
|
||||
}
|
||||
.chzn-container .chzn-results-scroll-down span {
|
||||
background: url('chosen-sprite.png') no-repeat -4px -3px;
|
||||
}
|
||||
.chzn-container .chzn-results-scroll-up span {
|
||||
background: url('chosen-sprite.png') no-repeat -22px -3px;
|
||||
}
|
||||
/* @end */
|
||||
|
||||
/* @group Active */
|
||||
.chzn-container-active .chzn-single {
|
||||
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
|
||||
-moz-box-shadow : 0 0 5px rgba(0,0,0,.3);
|
||||
box-shadow : 0 0 5px rgba(0,0,0,.3);
|
||||
border: 1px solid #5897fb;
|
||||
}
|
||||
.chzn-container-active .chzn-single-with-drop {
|
||||
border: 1px solid #aaa;
|
||||
-webkit-box-shadow: 0 1px 0 #fff inset;
|
||||
-moz-box-shadow : 0 1px 0 #fff inset;
|
||||
box-shadow : 0 1px 0 #fff inset;
|
||||
background-color: #eee;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
|
||||
background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
|
||||
background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
|
||||
background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
|
||||
background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
|
||||
-webkit-border-bottom-left-radius : 0;
|
||||
-webkit-border-bottom-right-radius: 0;
|
||||
-moz-border-radius-bottomleft : 0;
|
||||
-moz-border-radius-bottomright: 0;
|
||||
border-bottom-left-radius : 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
.chzn-container-active .chzn-single-with-drop div {
|
||||
background: transparent;
|
||||
border-left: none;
|
||||
}
|
||||
.chzn-container-active .chzn-single-with-drop div b {
|
||||
background-position: -18px 2px;
|
||||
}
|
||||
.chzn-container-active .chzn-choices {
|
||||
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
|
||||
-moz-box-shadow : 0 0 5px rgba(0,0,0,.3);
|
||||
box-shadow : 0 0 5px rgba(0,0,0,.3);
|
||||
border: 1px solid #5897fb;
|
||||
}
|
||||
.chzn-container-active .chzn-choices .search-field input {
|
||||
color: #111 !important;
|
||||
}
|
||||
/* @end */
|
||||
|
||||
/* @group Disabled Support */
|
||||
.chzn-disabled {
|
||||
cursor: default;
|
||||
opacity:0.5 !important;
|
||||
}
|
||||
.chzn-disabled .chzn-single {
|
||||
cursor: default;
|
||||
}
|
||||
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/* @group Right to Left */
|
||||
.chzn-rtl { text-align: right; }
|
||||
.chzn-rtl .chzn-single { padding: 0 8px 0 0; overflow: visible; }
|
||||
.chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; direction: rtl; }
|
||||
|
||||
.chzn-rtl .chzn-single div { left: 3px; right: auto; }
|
||||
.chzn-rtl .chzn-single abbr {
|
||||
left: 26px;
|
||||
right: auto;
|
||||
}
|
||||
.chzn-rtl .chzn-choices .search-field input { direction: rtl; }
|
||||
.chzn-rtl .chzn-choices li { float: right; }
|
||||
.chzn-rtl .chzn-choices .search-choice { padding: 3px 5px 3px 19px; margin: 3px 5px 3px 0; }
|
||||
.chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; }
|
||||
.chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; }
|
||||
.chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 15px; }
|
||||
.chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; }
|
||||
.chzn-rtl .chzn-search input {
|
||||
background: #fff url('chosen-sprite.png') no-repeat -30px -20px;
|
||||
background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
|
||||
background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat -30px -20px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat -30px -20px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
padding: 4px 5px 4px 20px;
|
||||
direction: rtl;
|
||||
}
|
||||
.chzn-container-single.chzn-rtl .chzn-single div b {
|
||||
background-position: 6px 2px;
|
||||
}
|
||||
.chzn-container-single.chzn-rtl .chzn-single-with-drop div b {
|
||||
background-position: -12px 2px;
|
||||
}
|
||||
/* @end */
|
||||
|
||||
/* @group Retina compatibility */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
|
||||
.chzn-rtl .chzn-search input, .chzn-container-single .chzn-single abbr, .chzn-container-single .chzn-single div b, .chzn-container-single .chzn-search input, .chzn-container-multi .chzn-choices .search-choice .search-choice-close, .chzn-container .chzn-results-scroll-down span, .chzn-container .chzn-results-scroll-up span {
|
||||
background-image: url('chosen-sprite@2x.png') !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 52px 37px !important;
|
||||
}
|
||||
}
|
||||
/* @end */
|
|
@ -1,127 +0,0 @@
|
|||
/*!
|
||||
* 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;
|
||||
}
|
|
@ -1,442 +0,0 @@
|
|||
/*!
|
||||
* 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 !important;
|
||||
}
|
||||
.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.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 {
|
||||
color: #999999;
|
||||
}
|
||||
.datepicker th.datepicker-switch {
|
||||
width: 145px;
|
||||
}
|
||||
.datepicker thead tr:first-child th,
|
||||
.datepicker tfoot tr:first-child th {
|
||||
cursor: pointer;
|
||||
}
|
||||
.datepicker thead tr:first-child th:hover,
|
||||
.datepicker tfoot tr:first-child 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;
|
||||
}
|
|
@ -1,540 +0,0 @@
|
|||
/*!
|
||||
* Font Awesome 3.0.2
|
||||
* the iconic font designed for use with Twitter Bootstrap
|
||||
* -------------------------------------------------------
|
||||
* The full suite of pictographic icons, examples, and documentation
|
||||
* can be found at: http://fortawesome.github.com/Font-Awesome/
|
||||
*
|
||||
* License
|
||||
* -------------------------------------------------------
|
||||
* - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL
|
||||
* - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
|
||||
* http://opensource.org/licenses/mit-license.html
|
||||
* - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/
|
||||
* - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
|
||||
* "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome"
|
||||
|
||||
* Contact
|
||||
* -------------------------------------------------------
|
||||
* Email: dave@davegandy.com
|
||||
* Twitter: http://twitter.com/fortaweso_me
|
||||
* Work: Lead Product Designer @ http://kyruus.com
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'FontAwesome';
|
||||
src: url('../font/fontawesome-webfont.eot?v=3.0.1');
|
||||
src: url('../font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
|
||||
url('../font/fontawesome-webfont.woff?v=3.0.1') format('woff'),
|
||||
url('../font/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
/* Font Awesome styles
|
||||
------------------------------------------------------- */
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
font-family: FontAwesome;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
text-decoration: inherit;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
|
||||
/* sprites.less reset */
|
||||
display: inline;
|
||||
width: auto;
|
||||
height: auto;
|
||||
line-height: normal;
|
||||
vertical-align: baseline;
|
||||
background-image: none;
|
||||
background-position: 0% 0%;
|
||||
background-repeat: repeat;
|
||||
margin-top: 0;
|
||||
}
|
||||
/* more sprites.less reset */
|
||||
.icon-white,
|
||||
.nav-pills > .active > a > [class^="icon-"],
|
||||
.nav-pills > .active > a > [class*=" icon-"],
|
||||
.nav-list > .active > a > [class^="icon-"],
|
||||
.nav-list > .active > a > [class*=" icon-"],
|
||||
.navbar-inverse .nav > .active > a > [class^="icon-"],
|
||||
.navbar-inverse .nav > .active > a > [class*=" icon-"],
|
||||
.dropdown-menu > li > a:hover > [class^="icon-"],
|
||||
.dropdown-menu > li > a:hover > [class*=" icon-"],
|
||||
.dropdown-menu > .active > a > [class^="icon-"],
|
||||
.dropdown-menu > .active > a > [class*=" icon-"],
|
||||
.dropdown-submenu:hover > a > [class^="icon-"],
|
||||
.dropdown-submenu:hover > a > [class*=" icon-"] {
|
||||
background-image: none;
|
||||
}
|
||||
[class^="icon-"]:before,
|
||||
[class*=" icon-"]:before {
|
||||
text-decoration: inherit;
|
||||
display: inline-block;
|
||||
speak: none;
|
||||
}
|
||||
/* makes sure icons active on rollover in links */
|
||||
a [class^="icon-"],
|
||||
a [class*=" icon-"] {
|
||||
display: inline-block;
|
||||
}
|
||||
/* makes the font 33% larger relative to the icon container */
|
||||
.icon-large:before {
|
||||
vertical-align: -10%;
|
||||
font-size: 1.3333333333333333em;
|
||||
}
|
||||
.btn [class^="icon-"],
|
||||
.nav [class^="icon-"],
|
||||
.btn [class*=" icon-"],
|
||||
.nav [class*=" icon-"] {
|
||||
display: inline;
|
||||
/* keeps button heights with and without icons the same */
|
||||
|
||||
}
|
||||
.btn [class^="icon-"].icon-large,
|
||||
.nav [class^="icon-"].icon-large,
|
||||
.btn [class*=" icon-"].icon-large,
|
||||
.nav [class*=" icon-"].icon-large {
|
||||
line-height: .9em;
|
||||
}
|
||||
.btn [class^="icon-"].icon-spin,
|
||||
.nav [class^="icon-"].icon-spin,
|
||||
.btn [class*=" icon-"].icon-spin,
|
||||
.nav [class*=" icon-"].icon-spin {
|
||||
display: inline-block;
|
||||
}
|
||||
.nav-tabs [class^="icon-"],
|
||||
.nav-pills [class^="icon-"],
|
||||
.nav-tabs [class*=" icon-"],
|
||||
.nav-pills [class*=" icon-"] {
|
||||
/* keeps button heights with and without icons the same */
|
||||
|
||||
}
|
||||
.nav-tabs [class^="icon-"],
|
||||
.nav-pills [class^="icon-"],
|
||||
.nav-tabs [class*=" icon-"],
|
||||
.nav-pills [class*=" icon-"],
|
||||
.nav-tabs [class^="icon-"].icon-large,
|
||||
.nav-pills [class^="icon-"].icon-large,
|
||||
.nav-tabs [class*=" icon-"].icon-large,
|
||||
.nav-pills [class*=" icon-"].icon-large {
|
||||
line-height: .9em;
|
||||
}
|
||||
li [class^="icon-"],
|
||||
.nav li [class^="icon-"],
|
||||
li [class*=" icon-"],
|
||||
.nav li [class*=" icon-"] {
|
||||
display: inline-block;
|
||||
width: 1.25em;
|
||||
text-align: center;
|
||||
}
|
||||
li [class^="icon-"].icon-large,
|
||||
.nav li [class^="icon-"].icon-large,
|
||||
li [class*=" icon-"].icon-large,
|
||||
.nav li [class*=" icon-"].icon-large {
|
||||
/* increased font size for icon-large */
|
||||
|
||||
width: 1.5625em;
|
||||
}
|
||||
ul.icons {
|
||||
list-style-type: none;
|
||||
text-indent: -0.75em;
|
||||
}
|
||||
ul.icons li [class^="icon-"],
|
||||
ul.icons li [class*=" icon-"] {
|
||||
width: .75em;
|
||||
}
|
||||
.icon-muted {
|
||||
color: #eeeeee;
|
||||
}
|
||||
.icon-border {
|
||||
border: solid 1px #eeeeee;
|
||||
padding: .2em .25em .15em;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.icon-2x {
|
||||
font-size: 2em;
|
||||
}
|
||||
.icon-2x.icon-border {
|
||||
border-width: 2px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.icon-3x {
|
||||
font-size: 3em;
|
||||
}
|
||||
.icon-3x.icon-border {
|
||||
border-width: 3px;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.icon-4x {
|
||||
font-size: 4em;
|
||||
}
|
||||
.icon-4x.icon-border {
|
||||
border-width: 4px;
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
.pull-right {
|
||||
float: right;
|
||||
}
|
||||
.pull-left {
|
||||
float: left;
|
||||
}
|
||||
[class^="icon-"].pull-left,
|
||||
[class*=" icon-"].pull-left {
|
||||
margin-right: .3em;
|
||||
}
|
||||
[class^="icon-"].pull-right,
|
||||
[class*=" icon-"].pull-right {
|
||||
margin-left: .3em;
|
||||
}
|
||||
.btn [class^="icon-"].pull-left.icon-2x,
|
||||
.btn [class*=" icon-"].pull-left.icon-2x,
|
||||
.btn [class^="icon-"].pull-right.icon-2x,
|
||||
.btn [class*=" icon-"].pull-right.icon-2x {
|
||||
margin-top: .18em;
|
||||
}
|
||||
.btn [class^="icon-"].icon-spin.icon-large,
|
||||
.btn [class*=" icon-"].icon-spin.icon-large {
|
||||
line-height: .8em;
|
||||
}
|
||||
.btn.btn-small [class^="icon-"].pull-left.icon-2x,
|
||||
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
|
||||
.btn.btn-small [class^="icon-"].pull-right.icon-2x,
|
||||
.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
|
||||
margin-top: .25em;
|
||||
}
|
||||
.btn.btn-large [class^="icon-"],
|
||||
.btn.btn-large [class*=" icon-"] {
|
||||
margin-top: 0;
|
||||
}
|
||||
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
|
||||
.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
|
||||
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
|
||||
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
|
||||
margin-top: .05em;
|
||||
}
|
||||
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
|
||||
.btn.btn-large [class*=" icon-"].pull-left.icon-2x {
|
||||
margin-right: .2em;
|
||||
}
|
||||
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
|
||||
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
|
||||
margin-left: .2em;
|
||||
}
|
||||
.icon-spin {
|
||||
display: inline-block;
|
||||
-moz-animation: spin 2s infinite linear;
|
||||
-o-animation: spin 2s infinite linear;
|
||||
-webkit-animation: spin 2s infinite linear;
|
||||
animation: spin 2s infinite linear;
|
||||
}
|
||||
@-moz-keyframes spin {
|
||||
0% { -moz-transform: rotate(0deg); }
|
||||
100% { -moz-transform: rotate(359deg); }
|
||||
}
|
||||
@-webkit-keyframes spin {
|
||||
0% { -webkit-transform: rotate(0deg); }
|
||||
100% { -webkit-transform: rotate(359deg); }
|
||||
}
|
||||
@-o-keyframes spin {
|
||||
0% { -o-transform: rotate(0deg); }
|
||||
100% { -o-transform: rotate(359deg); }
|
||||
}
|
||||
@-ms-keyframes spin {
|
||||
0% { -ms-transform: rotate(0deg); }
|
||||
100% { -ms-transform: rotate(359deg); }
|
||||
}
|
||||
@keyframes spin {
|
||||
0% { transform: rotate(0deg); }
|
||||
100% { transform: rotate(359deg); }
|
||||
}
|
||||
@-moz-document url-prefix() {
|
||||
.icon-spin {
|
||||
height: .9em;
|
||||
}
|
||||
.btn .icon-spin {
|
||||
height: auto;
|
||||
}
|
||||
.icon-spin.icon-large {
|
||||
height: 1.25em;
|
||||
}
|
||||
.btn .icon-spin.icon-large {
|
||||
height: .75em;
|
||||
}
|
||||
}
|
||||
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
|
||||
readers do not read off random characters that represent icons */
|
||||
.icon-glass:before { content: "\f000"; }
|
||||
.icon-music:before { content: "\f001"; }
|
||||
.icon-search:before { content: "\f002"; }
|
||||
.icon-envelope:before { content: "\f003"; }
|
||||
.icon-heart:before { content: "\f004"; }
|
||||
.icon-star:before { content: "\f005"; }
|
||||
.icon-star-empty:before { content: "\f006"; }
|
||||
.icon-user:before { content: "\f007"; }
|
||||
.icon-film:before { content: "\f008"; }
|
||||
.icon-th-large:before { content: "\f009"; }
|
||||
.icon-th:before { content: "\f00a"; }
|
||||
.icon-th-list:before { content: "\f00b"; }
|
||||
.icon-ok:before { content: "\f00c"; }
|
||||
.icon-remove:before { content: "\f00d"; }
|
||||
.icon-zoom-in:before { content: "\f00e"; }
|
||||
|
||||
.icon-zoom-out:before { content: "\f010"; }
|
||||
.icon-off:before { content: "\f011"; }
|
||||
.icon-signal:before { content: "\f012"; }
|
||||
.icon-cog:before { content: "\f013"; }
|
||||
.icon-trash:before { content: "\f014"; }
|
||||
.icon-home:before { content: "\f015"; }
|
||||
.icon-file:before { content: "\f016"; }
|
||||
.icon-time:before { content: "\f017"; }
|
||||
.icon-road:before { content: "\f018"; }
|
||||
.icon-download-alt:before { content: "\f019"; }
|
||||
.icon-download:before { content: "\f01a"; }
|
||||
.icon-upload:before { content: "\f01b"; }
|
||||
.icon-inbox:before { content: "\f01c"; }
|
||||
.icon-play-circle:before { content: "\f01d"; }
|
||||
.icon-repeat:before { content: "\f01e"; }
|
||||
|
||||
/* \f020 doesn't work in Safari. all shifted one down */
|
||||
.icon-refresh:before { content: "\f021"; }
|
||||
.icon-list-alt:before { content: "\f022"; }
|
||||
.icon-lock:before { content: "\f023"; }
|
||||
.icon-flag:before { content: "\f024"; }
|
||||
.icon-headphones:before { content: "\f025"; }
|
||||
.icon-volume-off:before { content: "\f026"; }
|
||||
.icon-volume-down:before { content: "\f027"; }
|
||||
.icon-volume-up:before { content: "\f028"; }
|
||||
.icon-qrcode:before { content: "\f029"; }
|
||||
.icon-barcode:before { content: "\f02a"; }
|
||||
.icon-tag:before { content: "\f02b"; }
|
||||
.icon-tags:before { content: "\f02c"; }
|
||||
.icon-book:before { content: "\f02d"; }
|
||||
.icon-bookmark:before { content: "\f02e"; }
|
||||
.icon-print:before { content: "\f02f"; }
|
||||
|
||||
.icon-camera:before { content: "\f030"; }
|
||||
.icon-font:before { content: "\f031"; }
|
||||
.icon-bold:before { content: "\f032"; }
|
||||
.icon-italic:before { content: "\f033"; }
|
||||
.icon-text-height:before { content: "\f034"; }
|
||||
.icon-text-width:before { content: "\f035"; }
|
||||
.icon-align-left:before { content: "\f036"; }
|
||||
.icon-align-center:before { content: "\f037"; }
|
||||
.icon-align-right:before { content: "\f038"; }
|
||||
.icon-align-justify:before { content: "\f039"; }
|
||||
.icon-list:before { content: "\f03a"; }
|
||||
.icon-indent-left:before { content: "\f03b"; }
|
||||
.icon-indent-right:before { content: "\f03c"; }
|
||||
.icon-facetime-video:before { content: "\f03d"; }
|
||||
.icon-picture:before { content: "\f03e"; }
|
||||
|
||||
.icon-pencil:before { content: "\f040"; }
|
||||
.icon-map-marker:before { content: "\f041"; }
|
||||
.icon-adjust:before { content: "\f042"; }
|
||||
.icon-tint:before { content: "\f043"; }
|
||||
.icon-edit:before { content: "\f044"; }
|
||||
.icon-share:before { content: "\f045"; }
|
||||
.icon-check:before { content: "\f046"; }
|
||||
.icon-move:before { content: "\f047"; }
|
||||
.icon-step-backward:before { content: "\f048"; }
|
||||
.icon-fast-backward:before { content: "\f049"; }
|
||||
.icon-backward:before { content: "\f04a"; }
|
||||
.icon-play:before { content: "\f04b"; }
|
||||
.icon-pause:before { content: "\f04c"; }
|
||||
.icon-stop:before { content: "\f04d"; }
|
||||
.icon-forward:before { content: "\f04e"; }
|
||||
|
||||
.icon-fast-forward:before { content: "\f050"; }
|
||||
.icon-step-forward:before { content: "\f051"; }
|
||||
.icon-eject:before { content: "\f052"; }
|
||||
.icon-chevron-left:before { content: "\f053"; }
|
||||
.icon-chevron-right:before { content: "\f054"; }
|
||||
.icon-plus-sign:before { content: "\f055"; }
|
||||
.icon-minus-sign:before { content: "\f056"; }
|
||||
.icon-remove-sign:before { content: "\f057"; }
|
||||
.icon-ok-sign:before { content: "\f058"; }
|
||||
.icon-question-sign:before { content: "\f059"; }
|
||||
.icon-info-sign:before { content: "\f05a"; }
|
||||
.icon-screenshot:before { content: "\f05b"; }
|
||||
.icon-remove-circle:before { content: "\f05c"; }
|
||||
.icon-ok-circle:before { content: "\f05d"; }
|
||||
.icon-ban-circle:before { content: "\f05e"; }
|
||||
|
||||
.icon-arrow-left:before { content: "\f060"; }
|
||||
.icon-arrow-right:before { content: "\f061"; }
|
||||
.icon-arrow-up:before { content: "\f062"; }
|
||||
.icon-arrow-down:before { content: "\f063"; }
|
||||
.icon-share-alt:before { content: "\f064"; }
|
||||
.icon-resize-full:before { content: "\f065"; }
|
||||
.icon-resize-small:before { content: "\f066"; }
|
||||
.icon-plus:before { content: "\f067"; }
|
||||
.icon-minus:before { content: "\f068"; }
|
||||
.icon-asterisk:before { content: "\f069"; }
|
||||
.icon-exclamation-sign:before { content: "\f06a"; }
|
||||
.icon-gift:before { content: "\f06b"; }
|
||||
.icon-leaf:before { content: "\f06c"; }
|
||||
.icon-fire:before { content: "\f06d"; }
|
||||
.icon-eye-open:before { content: "\f06e"; }
|
||||
|
||||
.icon-eye-close:before { content: "\f070"; }
|
||||
.icon-warning-sign:before { content: "\f071"; }
|
||||
.icon-plane:before { content: "\f072"; }
|
||||
.icon-calendar:before { content: "\f073"; }
|
||||
.icon-random:before { content: "\f074"; }
|
||||
.icon-comment:before { content: "\f075"; }
|
||||
.icon-magnet:before { content: "\f076"; }
|
||||
.icon-chevron-up:before { content: "\f077"; }
|
||||
.icon-chevron-down:before { content: "\f078"; }
|
||||
.icon-retweet:before { content: "\f079"; }
|
||||
.icon-shopping-cart:before { content: "\f07a"; }
|
||||
.icon-folder-close:before { content: "\f07b"; }
|
||||
.icon-folder-open:before { content: "\f07c"; }
|
||||
.icon-resize-vertical:before { content: "\f07d"; }
|
||||
.icon-resize-horizontal:before { content: "\f07e"; }
|
||||
|
||||
.icon-bar-chart:before { content: "\f080"; }
|
||||
.icon-twitter-sign:before { content: "\f081"; }
|
||||
.icon-facebook-sign:before { content: "\f082"; }
|
||||
.icon-camera-retro:before { content: "\f083"; }
|
||||
.icon-key:before { content: "\f084"; }
|
||||
.icon-cogs:before { content: "\f085"; }
|
||||
.icon-comments:before { content: "\f086"; }
|
||||
.icon-thumbs-up:before { content: "\f087"; }
|
||||
.icon-thumbs-down:before { content: "\f088"; }
|
||||
.icon-star-half:before { content: "\f089"; }
|
||||
.icon-heart-empty:before { content: "\f08a"; }
|
||||
.icon-signout:before { content: "\f08b"; }
|
||||
.icon-linkedin-sign:before { content: "\f08c"; }
|
||||
.icon-pushpin:before { content: "\f08d"; }
|
||||
.icon-external-link:before { content: "\f08e"; }
|
||||
|
||||
.icon-signin:before { content: "\f090"; }
|
||||
.icon-trophy:before { content: "\f091"; }
|
||||
.icon-github-sign:before { content: "\f092"; }
|
||||
.icon-upload-alt:before { content: "\f093"; }
|
||||
.icon-lemon:before { content: "\f094"; }
|
||||
.icon-phone:before { content: "\f095"; }
|
||||
.icon-check-empty:before { content: "\f096"; }
|
||||
.icon-bookmark-empty:before { content: "\f097"; }
|
||||
.icon-phone-sign:before { content: "\f098"; }
|
||||
.icon-twitter:before { content: "\f099"; }
|
||||
.icon-facebook:before { content: "\f09a"; }
|
||||
.icon-github:before { content: "\f09b"; }
|
||||
.icon-unlock:before { content: "\f09c"; }
|
||||
.icon-credit-card:before { content: "\f09d"; }
|
||||
.icon-rss:before { content: "\f09e"; }
|
||||
|
||||
.icon-hdd:before { content: "\f0a0"; }
|
||||
.icon-bullhorn:before { content: "\f0a1"; }
|
||||
.icon-bell:before { content: "\f0a2"; }
|
||||
.icon-certificate:before { content: "\f0a3"; }
|
||||
.icon-hand-right:before { content: "\f0a4"; }
|
||||
.icon-hand-left:before { content: "\f0a5"; }
|
||||
.icon-hand-up:before { content: "\f0a6"; }
|
||||
.icon-hand-down:before { content: "\f0a7"; }
|
||||
.icon-circle-arrow-left:before { content: "\f0a8"; }
|
||||
.icon-circle-arrow-right:before { content: "\f0a9"; }
|
||||
.icon-circle-arrow-up:before { content: "\f0aa"; }
|
||||
.icon-circle-arrow-down:before { content: "\f0ab"; }
|
||||
.icon-globe:before { content: "\f0ac"; }
|
||||
.icon-wrench:before { content: "\f0ad"; }
|
||||
.icon-tasks:before { content: "\f0ae"; }
|
||||
|
||||
.icon-filter:before { content: "\f0b0"; }
|
||||
.icon-briefcase:before { content: "\f0b1"; }
|
||||
.icon-fullscreen:before { content: "\f0b2"; }
|
||||
|
||||
.icon-group:before { content: "\f0c0"; }
|
||||
.icon-link:before { content: "\f0c1"; }
|
||||
.icon-cloud:before { content: "\f0c2"; }
|
||||
.icon-beaker:before { content: "\f0c3"; }
|
||||
.icon-cut:before { content: "\f0c4"; }
|
||||
.icon-copy:before { content: "\f0c5"; }
|
||||
.icon-paper-clip:before { content: "\f0c6"; }
|
||||
.icon-save:before { content: "\f0c7"; }
|
||||
.icon-sign-blank:before { content: "\f0c8"; }
|
||||
.icon-reorder:before { content: "\f0c9"; }
|
||||
.icon-list-ul:before { content: "\f0ca"; }
|
||||
.icon-list-ol:before { content: "\f0cb"; }
|
||||
.icon-strikethrough:before { content: "\f0cc"; }
|
||||
.icon-underline:before { content: "\f0cd"; }
|
||||
.icon-table:before { content: "\f0ce"; }
|
||||
|
||||
.icon-magic:before { content: "\f0d0"; }
|
||||
.icon-truck:before { content: "\f0d1"; }
|
||||
.icon-pinterest:before { content: "\f0d2"; }
|
||||
.icon-pinterest-sign:before { content: "\f0d3"; }
|
||||
.icon-google-plus-sign:before { content: "\f0d4"; }
|
||||
.icon-google-plus:before { content: "\f0d5"; }
|
||||
.icon-money:before { content: "\f0d6"; }
|
||||
.icon-caret-down:before { content: "\f0d7"; }
|
||||
.icon-caret-up:before { content: "\f0d8"; }
|
||||
.icon-caret-left:before { content: "\f0d9"; }
|
||||
.icon-caret-right:before { content: "\f0da"; }
|
||||
.icon-columns:before { content: "\f0db"; }
|
||||
.icon-sort:before { content: "\f0dc"; }
|
||||
.icon-sort-down:before { content: "\f0dd"; }
|
||||
.icon-sort-up:before { content: "\f0de"; }
|
||||
|
||||
.icon-envelope-alt:before { content: "\f0e0"; }
|
||||
.icon-linkedin:before { content: "\f0e1"; }
|
||||
.icon-undo:before { content: "\f0e2"; }
|
||||
.icon-legal:before { content: "\f0e3"; }
|
||||
.icon-dashboard:before { content: "\f0e4"; }
|
||||
.icon-comment-alt:before { content: "\f0e5"; }
|
||||
.icon-comments-alt:before { content: "\f0e6"; }
|
||||
.icon-bolt:before { content: "\f0e7"; }
|
||||
.icon-sitemap:before { content: "\f0e8"; }
|
||||
.icon-umbrella:before { content: "\f0e9"; }
|
||||
.icon-paste:before { content: "\f0ea"; }
|
||||
.icon-lightbulb:before { content: "\f0eb"; }
|
||||
.icon-exchange:before { content: "\f0ec"; }
|
||||
.icon-cloud-download:before { content: "\f0ed"; }
|
||||
.icon-cloud-upload:before { content: "\f0ee"; }
|
||||
|
||||
.icon-user-md:before { content: "\f0f0"; }
|
||||
.icon-stethoscope:before { content: "\f0f1"; }
|
||||
.icon-suitcase:before { content: "\f0f2"; }
|
||||
.icon-bell-alt:before { content: "\f0f3"; }
|
||||
.icon-coffee:before { content: "\f0f4"; }
|
||||
.icon-food:before { content: "\f0f5"; }
|
||||
.icon-file-alt:before { content: "\f0f6"; }
|
||||
.icon-building:before { content: "\f0f7"; }
|
||||
.icon-hospital:before { content: "\f0f8"; }
|
||||
.icon-ambulance:before { content: "\f0f9"; }
|
||||
.icon-medkit:before { content: "\f0fa"; }
|
||||
.icon-fighter-jet:before { content: "\f0fb"; }
|
||||
.icon-beer:before { content: "\f0fc"; }
|
||||
.icon-h-sign:before { content: "\f0fd"; }
|
||||
.icon-plus-sign-alt:before { content: "\f0fe"; }
|
||||
|
||||
.icon-double-angle-left:before { content: "\f100"; }
|
||||
.icon-double-angle-right:before { content: "\f101"; }
|
||||
.icon-double-angle-up:before { content: "\f102"; }
|
||||
.icon-double-angle-down:before { content: "\f103"; }
|
||||
.icon-angle-left:before { content: "\f104"; }
|
||||
.icon-angle-right:before { content: "\f105"; }
|
||||
.icon-angle-up:before { content: "\f106"; }
|
||||
.icon-angle-down:before { content: "\f107"; }
|
||||
.icon-desktop:before { content: "\f108"; }
|
||||
.icon-laptop:before { content: "\f109"; }
|
||||
.icon-tablet:before { content: "\f10a"; }
|
||||
.icon-mobile-phone:before { content: "\f10b"; }
|
||||
.icon-circle-blank:before { content: "\f10c"; }
|
||||
.icon-quote-left:before { content: "\f10d"; }
|
||||
.icon-quote-right:before { content: "\f10e"; }
|
||||
|
||||
.icon-spinner:before { content: "\f110"; }
|
||||
.icon-circle:before { content: "\f111"; }
|
||||
.icon-reply:before { content: "\f112"; }
|
||||
.icon-github-alt:before { content: "\f113"; }
|
||||
.icon-folder-close-alt:before { content: "\f114"; }
|
||||
.icon-folder-open-alt:before { content: "\f115"; }
|
|
@ -1,218 +0,0 @@
|
|||
/*! jQuery UI - v1.10.2 - 2013-04-17
|
||||
* http://jqueryui.com
|
||||
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.slider.css
|
||||
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */
|
||||
|
||||
/* Layout helpers
|
||||
----------------------------------*/
|
||||
.ui-helper-hidden {
|
||||
display: none;
|
||||
}
|
||||
.ui-helper-hidden-accessible {
|
||||
border: 0;
|
||||
clip: rect(0 0 0 0);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
}
|
||||
.ui-helper-reset {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
line-height: 1.3;
|
||||
text-decoration: none;
|
||||
font-size: 100%;
|
||||
list-style: none;
|
||||
}
|
||||
.ui-helper-clearfix:before,
|
||||
.ui-helper-clearfix:after {
|
||||
content: "";
|
||||
display: table;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.ui-helper-clearfix:after {
|
||||
clear: both;
|
||||
}
|
||||
.ui-helper-clearfix {
|
||||
min-height: 0; /* support: IE7 */
|
||||
}
|
||||
.ui-helper-zfix {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
filter:Alpha(Opacity=0);
|
||||
}
|
||||
|
||||
.ui-front {
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
|
||||
/* Interaction Cues
|
||||
----------------------------------*/
|
||||
.ui-state-disabled {
|
||||
cursor: default !important;
|
||||
}
|
||||
|
||||
|
||||
/* Icons
|
||||
----------------------------------*/
|
||||
|
||||
/* states and images */
|
||||
.ui-icon {
|
||||
display: block;
|
||||
text-indent: -99999px;
|
||||
overflow: hidden;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
|
||||
/* Misc visuals
|
||||
----------------------------------*/
|
||||
|
||||
/* Overlays */
|
||||
.ui-widget-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.ui-resizable {
|
||||
position: relative;
|
||||
}
|
||||
.ui-resizable-handle {
|
||||
position: absolute;
|
||||
font-size: 0.1px;
|
||||
display: block;
|
||||
}
|
||||
.ui-resizable-disabled .ui-resizable-handle,
|
||||
.ui-resizable-autohide .ui-resizable-handle {
|
||||
display: none;
|
||||
}
|
||||
.ui-resizable-n {
|
||||
cursor: n-resize;
|
||||
height: 7px;
|
||||
width: 100%;
|
||||
top: -5px;
|
||||
left: 0;
|
||||
}
|
||||
.ui-resizable-s {
|
||||
cursor: s-resize;
|
||||
height: 7px;
|
||||
width: 100%;
|
||||
bottom: -5px;
|
||||
left: 0;
|
||||
}
|
||||
.ui-resizable-e {
|
||||
cursor: e-resize;
|
||||
width: 7px;
|
||||
right: -5px;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
}
|
||||
.ui-resizable-w {
|
||||
cursor: w-resize;
|
||||
width: 7px;
|
||||
left: -5px;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
}
|
||||
.ui-resizable-se {
|
||||
cursor: se-resize;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
right: 1px;
|
||||
bottom: 1px;
|
||||
}
|
||||
.ui-resizable-sw {
|
||||
cursor: sw-resize;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
left: -5px;
|
||||
bottom: -5px;
|
||||
}
|
||||
.ui-resizable-nw {
|
||||
cursor: nw-resize;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
left: -5px;
|
||||
top: -5px;
|
||||
}
|
||||
.ui-resizable-ne {
|
||||
cursor: ne-resize;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
right: -5px;
|
||||
top: -5px;
|
||||
}
|
||||
.ui-slider {
|
||||
position: relative;
|
||||
text-align: left;
|
||||
}
|
||||
.ui-slider .ui-slider-handle {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
width: 1.2em;
|
||||
height: 1.2em;
|
||||
cursor: default;
|
||||
}
|
||||
.ui-slider .ui-slider-range {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
font-size: .7em;
|
||||
display: block;
|
||||
border: 0;
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
/* For IE8 - See #6727 */
|
||||
.ui-slider.ui-state-disabled .ui-slider-handle,
|
||||
.ui-slider.ui-state-disabled .ui-slider-range {
|
||||
filter: inherit;
|
||||
}
|
||||
|
||||
.ui-slider-horizontal {
|
||||
height: .8em;
|
||||
}
|
||||
.ui-slider-horizontal .ui-slider-handle {
|
||||
top: -.3em;
|
||||
margin-left: -.6em;
|
||||
}
|
||||
.ui-slider-horizontal .ui-slider-range {
|
||||
top: 0;
|
||||
height: 100%;
|
||||
}
|
||||
.ui-slider-horizontal .ui-slider-range-min {
|
||||
left: 0;
|
||||
}
|
||||
.ui-slider-horizontal .ui-slider-range-max {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.ui-slider-vertical {
|
||||
width: .8em;
|
||||
height: 100px;
|
||||
}
|
||||
.ui-slider-vertical .ui-slider-handle {
|
||||
left: -.3em;
|
||||
margin-left: 0;
|
||||
margin-bottom: -.6em;
|
||||
}
|
||||
.ui-slider-vertical .ui-slider-range {
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.ui-slider-vertical .ui-slider-range-min {
|
||||
bottom: 0;
|
||||
}
|
||||
.ui-slider-vertical .ui-slider-range-max {
|
||||
top: 0;
|
||||
}
|
|
@ -1,55 +0,0 @@
|
|||
body {
|
||||
padding-bottom: 0px;
|
||||
background-color:#E4E6E9;
|
||||
|
||||
font-family: 'Source Sans Pro';
|
||||
font-size:14px;
|
||||
line-height: 14px;
|
||||
color:#393939;
|
||||
|
||||
min-height:100%;
|
||||
}
|
||||
|
||||
/* Header */
|
||||
|
||||
.skin-1 .navbar-inverse .navbar-inner {
|
||||
background: #2c6aa0 url('../mlpma/topright.png') right center no-repeat;
|
||||
}
|
||||
|
||||
.navbar-inverse .brand {
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
.navbar-inverse .brand,
|
||||
.navbar-inverse .ace-nav > li > a {
|
||||
text-shadow: 1px 1px 1px black;
|
||||
}
|
||||
|
||||
.navbar-inverse .ace-nav > li {
|
||||
background: transparent;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#nav-search-input {
|
||||
width: inherit;
|
||||
}
|
||||
|
||||
#sidebar-shortcuts {
|
||||
max-height: inherit;
|
||||
}
|
||||
|
||||
#sidebar-shortcuts #nowplaying {
|
||||
font-size: 13px;
|
||||
line-height: 14px;
|
||||
padding: 8px 2px 5px 2px;
|
||||
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
#footer {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
table tr.input td {
|
||||
vertical-align: middle;
|
||||
}
|
|
@ -1,286 +0,0 @@
|
|||
$(function() {
|
||||
|
||||
handle_side_menu();
|
||||
add_browser_detection(jQuery);
|
||||
general_things();
|
||||
widget_boxes();
|
||||
|
||||
//bootstrap v 2.3.1 prevents this event which firefox's middle mouse button "new tab link" action, so we off it!
|
||||
$(document).off('click.dropdown-menu');
|
||||
|
||||
$('#jquery_jplayer').jPlayer({
|
||||
swfPath: '/static/jplayer/jplayer.swf',
|
||||
solution: ($.browser.webkit) ? 'flash, html' : 'flash',
|
||||
supplied: 'mp3',
|
||||
preload: 'metadata',
|
||||
volume: 0.8,
|
||||
muted: false,
|
||||
backgroundColor: '#000000',
|
||||
cssSelectorAncestor: '#jp_container',
|
||||
cssSelector: {
|
||||
videoPlay: '.jp-video-play',
|
||||
play: '.jp-play',
|
||||
pause: '.jp-pause',
|
||||
stop: '.jp-stop',
|
||||
seekBar: '.jp-seek-bar',
|
||||
playBar: '.jp-play-bar',
|
||||
mute: '.jp-mute',
|
||||
unmute: '.jp-unmute',
|
||||
volumeBar: '.jp-volume-bar',
|
||||
volumeBarValue: '.jp-volume-bar-value',
|
||||
volumeMax: '.jp-volume-max',
|
||||
currentTime: '.jp-current-time',
|
||||
duration: '.jp-duration',
|
||||
fullScreen: '.jp-full-screen',
|
||||
restoreScreen: '.jp-restore-screen',
|
||||
repeat: '.jp-repeat',
|
||||
repeatOff: '.jp-repeat-off',
|
||||
gui: '.jp-gui',
|
||||
noSolution: '.jp-no-solution'
|
||||
},
|
||||
errorAlerts: false,
|
||||
warningAlerts: false
|
||||
});
|
||||
|
||||
$('body').initPage();
|
||||
|
||||
$('form.form-search').submit(function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
var query = $(this).find('#nav-search-input').val();
|
||||
var url = $(this).attr('action')+'/search/'+query;
|
||||
|
||||
History.pushState(null,'Search Results',url);
|
||||
|
||||
return false;
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
$.fn.initPage = function(){
|
||||
|
||||
var $this = $(this);
|
||||
|
||||
$this.find('.btn-play-song').on('click', function(e) {
|
||||
|
||||
e.preventDefault();
|
||||
|
||||
$('#jquery_jplayer').jPlayer("setMedia", {
|
||||
mp3: $(this).attr('href')
|
||||
}).jPlayer("play");
|
||||
|
||||
$('#jp_container').slideDown();
|
||||
|
||||
$('#nowplaying-title').text($(this).data('title'));
|
||||
$('#nowplaying-artist').text($(this).data('artist'));
|
||||
|
||||
});
|
||||
|
||||
// Chain
|
||||
return $this;
|
||||
};
|
||||
|
||||
function handle_side_menu() {
|
||||
$('#menu-toggler').on('click', function() {
|
||||
$('#sidebar').toggleClass('display');
|
||||
$(this).toggleClass('display');
|
||||
return false;
|
||||
});
|
||||
|
||||
//mini
|
||||
var $minimized = false;
|
||||
$('#sidebar-collapse').on('click', function(){
|
||||
$('#sidebar').toggleClass('menu-min');
|
||||
$(this.firstChild).toggleClass('icon-double-angle-right');
|
||||
|
||||
$minimized = $('#sidebar').hasClass('menu-min');
|
||||
if($minimized) {
|
||||
$('.open > .submenu').removeClass('open');
|
||||
}
|
||||
});
|
||||
|
||||
//opening submenu
|
||||
$('.nav-list .dropdown-toggle').each(function(){
|
||||
var sub = $(this).next().get(0);
|
||||
|
||||
$(this).on('click', function(){
|
||||
if($minimized) {
|
||||
return false;
|
||||
}
|
||||
$('.open > .submenu').each(function(){
|
||||
if(this != sub && !$(this.parentNode).hasClass('active')) {
|
||||
$(this).slideUp(200).parent().removeClass('open');//.find('.arrow').removeClass('icon-chevron-down');
|
||||
}
|
||||
});
|
||||
|
||||
$(sub).slideToggle(200).parent().toggleClass('open');//.find('.arrow').toggleClass('icon-chevron-down');
|
||||
return false;
|
||||
});
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
function enable_search_ahead() {
|
||||
var inp = $('#nav-search-input');
|
||||
inp.typeahead({
|
||||
source: ["Alabama","Alaska","Arizona","Arkansas","California","Colorado","Connecticut","Delaware","Florida","Georgia","Hawaii","Idaho","Illinois","Indiana","Iowa","Kansas","Kentucky","Louisiana","Maine","Maryland","Massachusetts","Michigan","Minnesota","Mississippi","Missouri","Montana","Nebraska","Nevada","New Hampshire","New Jersey","New Mexico","New York","North Dakota","North Carolina","Ohio","Oklahoma","Oregon","Pennsylvania","Rhode Island","South Carolina","South Dakota","Tennessee","Texas","Utah","Vermont","Virginia","Washington","West Virginia","Wisconsin","Wyoming"],
|
||||
updater:function (item) {
|
||||
inp.focus();
|
||||
return item;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
function general_things() {
|
||||
$('.ace-nav [class*="icon-animated-"]').closest('a').on('click', function(){
|
||||
var icon = $(this).find('[class*="icon-animated-"]').eq(0);
|
||||
var $match = icon.attr('class').match(/icon\-animated\-([\d\w]+)/);
|
||||
icon.removeClass($match[0]);
|
||||
$(this).off('click');
|
||||
});
|
||||
|
||||
|
||||
//simple settings
|
||||
|
||||
$('#ace-settings-btn').on('click', function(){
|
||||
$(this).toggleClass('open');
|
||||
$('#ace-settings-box').toggleClass('open');
|
||||
});
|
||||
|
||||
$('#ace-settings-header').removeAttr('checked').on('click', function(){
|
||||
if(this.checked) {
|
||||
$('.navbar.navbar-inverse').addClass('navbar-fixed-top');
|
||||
$(document.body).addClass('navbar-fixed');
|
||||
}
|
||||
else {
|
||||
$('.navbar.navbar-inverse').removeClass('navbar-fixed-top');
|
||||
$(document.body).removeClass('navbar-fixed');
|
||||
|
||||
if($('#ace-settings-sidebar').get(0).checked) $('#ace-settings-sidebar').click();
|
||||
}
|
||||
});
|
||||
|
||||
$('#ace-settings-sidebar').removeAttr('checked').on('click', function(){
|
||||
if(this.checked) {
|
||||
$('#sidebar').addClass('fixed');
|
||||
if(! $('#ace-settings-header').get(0).checked) $('#ace-settings-header').click();
|
||||
}
|
||||
else {
|
||||
$('#sidebar').removeClass('fixed');
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
$('#btn-scroll-up').on('click', function(){
|
||||
var duration = Math.max(100, parseInt($('html').scrollTop() / 3));
|
||||
$('html,body').animate({scrollTop: 0}, duration);
|
||||
return false;
|
||||
});
|
||||
}
|
||||
|
||||
function widget_boxes() {
|
||||
$('.widget-toolbar > a[data-action]').each(function() {
|
||||
var $this = $(this);
|
||||
var $action = $this.data('action');
|
||||
var $box = $this.closest('.widget-box');
|
||||
|
||||
if($action == 'collapse') {
|
||||
var $body = $box.find('.widget-body');
|
||||
var $icon = $this.find('[class*=icon-]').eq(0);
|
||||
var $match = $icon.attr('class').match(/icon\-(.*)\-(up|down)/);
|
||||
var $icon_down = 'icon-'+$match[1]+'-down';
|
||||
var $icon_up = 'icon-'+$match[1]+'-up';
|
||||
|
||||
|
||||
$body = $body.wrapInner('<div class="widget-body-inner"></div>').find(':first-child').eq(0);
|
||||
$this.on('click', function(ev){
|
||||
if($box.hasClass('collapsed')) {
|
||||
if($icon) $icon.addClass($icon_up).removeClass($icon_down);
|
||||
$box.removeClass('collapsed');
|
||||
$body.slideDown(200);
|
||||
}
|
||||
else {
|
||||
if($icon) $icon.addClass($icon_down).removeClass($icon_up);
|
||||
$body.slideUp(300, function(){$box.addClass('collapsed')});
|
||||
}
|
||||
ev.preventDefault();
|
||||
});
|
||||
if($box.hasClass('collapsed') && $icon) $icon.addClass($icon_down).removeClass($icon_up);
|
||||
|
||||
}
|
||||
else if($action == 'close') {
|
||||
$this.on('click', function(ev){
|
||||
$box.hide(300 , function(){$box.remove();});
|
||||
ev.preventDefault();
|
||||
});
|
||||
}
|
||||
else if($action == 'reload') {
|
||||
$this.on('click', function(ev){
|
||||
$this.blur();
|
||||
//var $body = $box.find('.widget-body');
|
||||
var $remove = false;
|
||||
if(!$box.hasClass('position-relative')) {$remove = true; $box.addClass('position-relative');}
|
||||
$box.append('<div class="widget-box-layer"><i class="icon-spinner icon-spin icon-2x white"></i></div>');
|
||||
setTimeout(function(){
|
||||
$box.find('> div:last-child').remove();
|
||||
if($remove) $box.removeClass('position-relative');
|
||||
}, parseInt(Math.random() * 1000 + 1000));
|
||||
ev.preventDefault();
|
||||
});
|
||||
}
|
||||
else if($action == 'settings') {
|
||||
$this.on('click', function(ev){
|
||||
ev.preventDefault();
|
||||
});
|
||||
}
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
//code taken from http://code.jquery.com/jquery-1.8.3.js to provide simple browser detection for 1.9+ versions
|
||||
function add_browser_detection($) {
|
||||
if(!$.browser) {
|
||||
var matched, browser;
|
||||
|
||||
// Use of jQuery.browser is frowned upon.
|
||||
// More details: http://api.jquery.com/jQuery.browser
|
||||
// jQuery.uaMatch maintained for back-compat
|
||||
$.uaMatch = function( ua ) {
|
||||
ua = ua.toLowerCase();
|
||||
|
||||
var match = /(chrome)[ \/]([\w.]+)/.exec( ua ) ||
|
||||
/(webkit)[ \/]([\w.]+)/.exec( ua ) ||
|
||||
/(opera)(?:.*version|)[ \/]([\w.]+)/.exec( ua ) ||
|
||||
/(msie) ([\w.]+)/.exec( ua ) ||
|
||||
ua.indexOf("compatible") < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec( ua ) ||
|
||||
[];
|
||||
|
||||
return {
|
||||
browser: match[ 1 ] || "",
|
||||
version: match[ 2 ] || "0"
|
||||
};
|
||||
};
|
||||
|
||||
matched = $.uaMatch( navigator.userAgent );
|
||||
browser = {};
|
||||
|
||||
if ( matched.browser ) {
|
||||
browser[ matched.browser ] = true;
|
||||
browser.version = matched.version;
|
||||
}
|
||||
|
||||
// Chrome is Webkit, but Webkit is also Safari.
|
||||
if ( browser.chrome ) {
|
||||
browser.webkit = true;
|
||||
} else if ( browser.webkit ) {
|
||||
browser.safari = true;
|
||||
}
|
||||
|
||||
$.browser = browser;
|
||||
|
||||
}
|
||||
}
|
Before Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 109 KiB |
Before Width: | Height: | Size: 133 KiB |
Before Width: | Height: | Size: 118 KiB |
Before Width: | Height: | Size: 154 KiB |
Before Width: | Height: | Size: 132 KiB |
Before Width: | Height: | Size: 94 KiB |
Before Width: | Height: | Size: 16 KiB |
Before Width: | Height: | Size: 21 KiB |
Before Width: | Height: | Size: 23 KiB |
Before Width: | Height: | Size: 20 KiB |
Before Width: | Height: | Size: 20 KiB |
Before Width: | Height: | Size: 12 KiB |
Before Width: | Height: | Size: 1.1 KiB |