Adding new admin template files with bootstrap support
This commit is contained in:
sajjadcb
parent
7b5c1b574d
commit
a26099dfea
609 changed files with 182851 additions and 0 deletions
|
|
@ -0,0 +1,5 @@
|
|||
<div class="pagination" align="center">
|
||||
{if $pagination}
|
||||
Pages : {if $first_link !=''}<a {$first_link}>«</a>{/if} {if $pre_link !=''}<a {$pre_link} >‹</a>{/if} {$pagination} {if $next_link !=''}<a {$next_link}>›</a>{/if} {if $last_link !=''}<a {$last_link}>»</a>{/if}
|
||||
{/if}
|
||||
</div>
|
||||
47
upload/admin_area/styles/cb_2014/layout/body.html
Normal file
47
upload/admin_area/styles/cb_2014/layout/body.html
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
{include file="$layout_dir/global_header.html" }
|
||||
</head>
|
||||
<body>
|
||||
{include file="$layout_dir/header.html"}
|
||||
<div class="main-container container" id="main-container">
|
||||
<div class="main-container-inner">
|
||||
<div class="sidebar" id="sidebar">
|
||||
{include file="$layout_dir/left_menu.html"}
|
||||
</div>
|
||||
<div class="main-content">
|
||||
<div id="breadcrumbs" class="breadcrumbs">
|
||||
|
||||
<ul class="breadcrumb">
|
||||
<li>
|
||||
<i class="icon-home home-icon"></i>
|
||||
<a href="#">Home</a>
|
||||
</li>
|
||||
<li class="active">Dashboard</li>
|
||||
</ul><!-- .breadcrumb -->
|
||||
|
||||
<div id="nav-search" class="nav-search">
|
||||
<form class="form-search">
|
||||
<span class="input-icon">
|
||||
<input type="text" autocomplete="off" id="nav-search-input" class="nav-search-input" placeholder="Search ...">
|
||||
<i class="icon-search nav-search-icon"></i>
|
||||
</span>
|
||||
</form>
|
||||
</div><!-- #nav-search -->
|
||||
</div>
|
||||
<div class="page-content">
|
||||
<!-- Setting Body File -->
|
||||
{if $Cbucket->show_page}
|
||||
{foreach from=$template_files item=file}
|
||||
{include file="$layout_dir/$file"}
|
||||
{/foreach}
|
||||
{/if}
|
||||
<!-- Setting Body File -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{include file="$layout_dir/footer.html" }
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
151
upload/admin_area/styles/cb_2014/layout/comments.html
Normal file
151
upload/admin_area/styles/cb_2014/layout/comments.html
Normal file
|
|
@ -0,0 +1,151 @@
|
|||
<span class="page_title">Comments Manager</span>
|
||||
<br />
|
||||
<div style="padding:10px;">
|
||||
<div style="clear:both; height:5px;"></div>
|
||||
<a href="?type=v" title="View Video Comments">View Video Comments</a> | <a href="?type=t">View Topic Posts</a> | <a href="?type=c">View Channel Comments</a> | <a href="?type=cl">View Collection Comments</a> | <a href="?type=p">View Photo Comments</a>
|
||||
<div style="clear:both; height:5px;"></div>
|
||||
</div>
|
||||
|
||||
<form name="comments_manager" method="post">
|
||||
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td width="30" align="center" valign="middle"><img src="{$imageurl}/arrow_return.png" width="25" height="25"></td>
|
||||
<td height="50" style="padding-left:15px">
|
||||
<input type="submit" name="mark_spam" value="Mark Spam" class="button" id="mark_spam"/>
|
||||
<input type="submit" name="not_spam" value="Not Spam" class="button" id="not_spam"/>
|
||||
<input type="submit" name="delete_selected" value="Delete" class="button" onclick="return confirm_it('Are you sure you want to delete selected comment(s)')"/>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td width="40" align="center" valign="middle" class="left_head">
|
||||
<input type="checkbox" name="checkall" onclick="checkUncheckAll(this);"/></td>
|
||||
<td width="50" class="head">CID</td>
|
||||
<td class="head">Comment</td>
|
||||
<td width="50" class="right_head"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
{if $comments}
|
||||
|
||||
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
|
||||
{foreach from=$comments item=comment}
|
||||
|
||||
{if $comment.anonym_name != ""}
|
||||
{assign var=comment_owner value=$comment.anonym_name}
|
||||
{else}
|
||||
{assign var=comment_owner value=$userquery->get_user_details($comment.3)}
|
||||
{/if}
|
||||
|
||||
<tr class="video_opt_td" id="comment_{$comment.comment_id}" style="background-color:{if $comment.spam_votes > 0} #ffd7d7{else}{$bgcolor}{/if};">
|
||||
<td width="40" align="center" valign="top" class="video_opt_td"><input name="check_comments[]" type="checkbox" id="check_comments" value="{$comment.comment_id}" /></td>
|
||||
<td width="50" align="left" valign="top" class="video_opt_td">{$comment.comment_id}</td>
|
||||
<td valign="top" class="video_opt_td" onmouseover="$('#comm_opt-{$comment.comment_id}').show()" onmouseout="$('#comm_opt-{$comment.comment_id}').hide()" >
|
||||
{if $type == '' || $type == 'v'}
|
||||
<span class="vdo_sets">
|
||||
{if is_array($comment_owner)} <a href="{$userquery->profile_link($comment_owner)}"><strong>{$comment_owner.username}</strong></a> {else} <strong>{$comment_owner}</strong> {/if} commented on <strong>{$comment.date_added|date_format}</strong> on a video named <span style="text-transform:none"><a href="{videoLink vdetails=$comment}" title="{$comment.title}">{$comment.title|truncate:40}</a></span>
|
||||
</span>
|
||||
|
||||
<div style="height:5px; clear:both;"></div>
|
||||
<span style="font-size:11px;" id="{$comment.comment_id}" class="edit_comment">{$comment.comment}</span>
|
||||
<div style="height:20px;">
|
||||
<div id="comm_opt-{$comment.comment_id}" class="vid_opts" style="display:none">
|
||||
<a href="{videoLink vdetails=$comment}#{if $comment.spam_votes > 0}spam_{/if}comment_{$comment.comment_id}" target="_blank">{lang code='view'} {lang code='comment'}</a> |
|
||||
|
||||
<a href="#" id="spam_comment_{$comment.comment_id}" onclick="admin_spam_comment({$comment.comment_id}); return false;"{if $comment.spam_votes ==0} style="display:inline"{else} style="display:none;"{/if}>Mark {lang code='spam'}</a> <a href="#" id="remove_spam_comment_{$comment.comment_id}" onclick="admin_remove_spam({$comment.comment_id}); return false;"
|
||||
{if $comment.spam_votes !=0} style="display:inline"{else} style="display:none;"{/if}>{lang code='remove'} {lang code='spam'}</a> |
|
||||
|
||||
<a href="#" onclick="delete_comment('{$comment.comment_id}','v'); return false;">{lang code='delete'}</a>
|
||||
</div></div>
|
||||
</td>
|
||||
<td width="50" valign="top" class="video_opt_td"> </td>
|
||||
</tr>
|
||||
{/if}
|
||||
|
||||
{if $type == 't'}
|
||||
<span class="vdo_sets">
|
||||
{if is_array($comment_owner)} <a href="{$userquery->profile_link($comment_owner)}"><strong>{$comment_owner.username}</strong></a> {else} <strong>{$comment_owner}</strong> {/if} commented on <strong>{$comment.date_added|date_format}</strong> on a topic named <span style="text-transform:none"><a href="{$cbgroup->topic_link($comment)}" title="{$comment.topic_title}">{$comment.topic_title|truncate:40}</a></span>
|
||||
</span>
|
||||
<div style="height:5px; clear:both;"></div>
|
||||
<span style="font-size:11px;" class="edit_comment">{$comment.comment}</span>
|
||||
<div style="height:20px;">
|
||||
<div id="comm_opt-{$comment.comment_id}" class="vid_opts" style="display:none">
|
||||
<a href="{$cbgroup->topic_link($comment)}#{if $comment.spam_votes > 0}spam_{/if}comment_{$comment.comment_id}" target="_blank">{lang code='view'} {lang code='comment'}</a> |
|
||||
|
||||
<a href="#" id="spam_comment_{$comment.comment_id}" onclick="admin_spam_comment({$comment.comment_id}); return false;"{if $comment.spam_votes ==0} style="display:inline"{else} style="display:none;"{/if}>Mark {lang code='spam'}</a> <a href="#" id="remove_spam_comment_{$comment.comment_id}" onclick="admin_remove_spam({$comment.comment_id}); return false;"
|
||||
{if $comment.spam_votes !=0} style="display:inline"{else} style="display:none;"{/if}>{lang code='remove'} {lang code='spam'}</a> |
|
||||
|
||||
<a href="#" onclick="delete_comment('{$comment.comment_id}','v'); return false;">{lang code='delete'}</a>
|
||||
</div></div>
|
||||
{/if}
|
||||
|
||||
{if $type == 'c'}
|
||||
<span class="vdo_sets">
|
||||
{if is_array($comment_owner)} <a href="{$userquery->profile_link($comment_owner)}"><strong>{$comment_owner.username}</strong></a> {else} <strong>{$comment_owner}</strong> {/if} commented on <strong>{$comment.date_added|date_format}</strong> on a channel named <span style="text-transform:none"><a href="{$userquery->profile_link($comment)}" title="{$comment.username}">{$comment.username|truncate:40}</a></span>
|
||||
</span>
|
||||
<div style="height:5px; clear:both;"></div>
|
||||
<span style="font-size:11px;" class="edit_comment">{$comment.comment}</span>
|
||||
|
||||
<div style="height:20px;">
|
||||
<div id="comm_opt-{$comment.comment_id}" class="vid_opts" style="display:none">
|
||||
<a href="{$userquery->profile_link($comment)}#{if $comment.spam_votes > 0}spam_{/if}comment_{$comment.comment_id}" target="_blank">{lang code='view'} {lang code='comment'}</a> |
|
||||
|
||||
<a href="#" id="spam_comment_{$comment.comment_id}" onclick="admin_spam_comment({$comment.comment_id}); return false;"{if $comment.spam_votes ==0} style="display:inline"{else} style="display:none;"{/if}>Mark {lang code='spam'}</a> <a href="#" id="remove_spam_comment_{$comment.comment_id}" onclick="admin_remove_spam({$comment.comment_id}); return false;"
|
||||
{if $comment.spam_votes !=0} style="display:inline"{else} style="display:none;"{/if}>{lang code='remove'} {lang code='spam'}</a> |
|
||||
|
||||
<a href="#" onclick="delete_comment('{$comment.comment_id}','v'); return false;">{lang code='delete'}</a>
|
||||
</div></div>
|
||||
{/if}
|
||||
|
||||
{if $type == 'cl'}
|
||||
<span class="vdo_sets">
|
||||
{if is_array($comment_owner)} <a href="{$userquery->profile_link($comment_owner)}"><strong>{$comment_owner.username}</strong></a> {else} <strong>{$comment_owner}</strong> {/if} commented on <strong>{$comment.date_added|date_format}</strong> on a collection named <span style="text-transform:none"><a href="{$cbcollection->collection_links($comment,'vc')}" title="{$comment.collection_name}">{$comment.collection_name|truncate:40}</a></span>
|
||||
</span>
|
||||
<div style="height:5px; clear:both;"></div>
|
||||
<span style="font-size:11px;" class="edit_comment">{$comment.comment}</span>
|
||||
|
||||
<div style="height:20px;">
|
||||
<div id="comm_opt-{$comment.comment_id}" class="vid_opts" style="display:none">
|
||||
<a href="{$cbcollection->collection_links($comment,'vc')}#{if $comment.spam_votes > 0}spam_{/if}comment_{$comment.comment_id}" target="_blank">{lang code='view'} {lang code='comment'}</a> |
|
||||
|
||||
<a href="#" id="spam_comment_{$comment.comment_id}" onclick="admin_spam_comment({$comment.comment_id}); return false;"{if $comment.spam_votes ==0} style="display:inline"{else} style="display:none;"{/if}>Mark {lang code='spam'}</a> <a href="#" id="remove_spam_comment_{$comment.comment_id}" onclick="admin_remove_spam({$comment.comment_id}); return false;"
|
||||
{if $comment.spam_votes !=0} style="display:inline"{else} style="display:none;"{/if}>{lang code='remove'} {lang code='spam'}</a> |
|
||||
|
||||
<a href="#" onclick="delete_comment('{$comment.comment_id}','v'); return false;">{lang code='delete'}</a>
|
||||
</div></div>
|
||||
{/if}
|
||||
|
||||
{if $type == 'p'}
|
||||
<span class="vdo_sets">
|
||||
{if is_array($comment_owner)} <a href="{$userquery->profile_link($comment_owner)}"><strong>{$comment_owner.username}</strong></a> {else} <strong>{$comment_owner}</strong> {/if} commented on <strong>{$comment.date_added|date_format}</strong> on a photo named <span style="text-transform:none"><a href="{$cbphoto->photo_links($comment,'view_photo')}" title="{$comment.photo_title}">{$comment.photo_title|truncate:40}</a></span>
|
||||
</span>
|
||||
<div style="height:5px; clear:both;"></div>
|
||||
<span style="font-size:11px;" class="edit_comment">{$comment.comment}</span>
|
||||
|
||||
<div style="height:20px;">
|
||||
<div id="comm_opt-{$comment.comment_id}" class="vid_opts" style="display:none">
|
||||
<a href="{$cbphoto->photo_links($comment,'view_photo')}#{if $comment.spam_votes > 0}spam_{/if}comment_{$comment.comment_id}" target="_blank">{lang code='view'} {lang code='comment'}</a> |
|
||||
|
||||
<a href="#" id="spam_comment_{$comment.comment_id}" onclick="admin_spam_comment({$comment.comment_id}); return false;"{if $comment.spam_votes ==0} style="display:inline"{else} style="display:none;"{/if}>Mark {lang code='spam'}</a> <a href="#" id="remove_spam_comment_{$comment.comment_id}" onclick="admin_remove_spam({$comment.comment_id}); return false;"
|
||||
{if $comment.spam_votes !=0} style="display:inline"{else} style="display:none;"{/if}>{lang code='remove'} {lang code='spam'}</a> |
|
||||
|
||||
<a href="#" onclick="delete_comment('{$comment.comment_id}','v'); return false;">{lang code='delete'}</a>
|
||||
</div></div>
|
||||
{/if}
|
||||
|
||||
{if $bgcolor == ""}
|
||||
{assign var = bgcolor value = "#EEE"}
|
||||
{else}
|
||||
{assign var = bgcolor value = ""}
|
||||
{/if}
|
||||
{/foreach}
|
||||
</table>
|
||||
{else}
|
||||
<div align="center"><em>{lang code='no_comments'}</em></div>
|
||||
{/if}
|
||||
</form>
|
||||
<div style="height:10px; clear:both"></div>
|
||||
{include file="$style_dir/blocks/pagination.html" }
|
||||
84
upload/admin_area/styles/cb_2014/layout/email_settings.html
Normal file
84
upload/admin_area/styles/cb_2014/layout/email_settings.html
Normal file
|
|
@ -0,0 +1,84 @@
|
|||
<h2>Email Settings</h2>
|
||||
<form action="" method="post" enctype="multipart/form-data" name="player_settings">
|
||||
<fieldset class="fieldset" style="border:none">
|
||||
|
||||
<div class="form-group">
|
||||
<label for="mail_type">Mailer <br />Select Mailer Type php Mail() or SMTP</label>
|
||||
<select class="form-control" name="mail_type" id="mail_type">
|
||||
<option value="mail" {if $row.mail_type=='mail'} selected="selected"{/if}>PHP mail()</option>
|
||||
<option value="smtp" {if $row.mail_type=='smtp'} selected="selected"{/if}>smtp</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="smtp_host">SMTP Host<br />if using smtp, Set SMTP server port</label>
|
||||
<input class="form-control" type="text" name="smtp_host" id="smtp_host" value="{$row.smtp_host}" />
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="smtp_user">SMTP Username<br />if using smtp, please enter SMTP username</label>
|
||||
<input type="text" class="form-control" name="smtp_user" id="smtp_user" value="{$row.smtp_user}" />
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="smtp_pass">SMTP Password<br />Enter SMTP password</label>
|
||||
<input type="password" class="form-control" name="smtp_pass" id="smtp_pass" value="{$row.smtp_pass}" />
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="smtp_auth">SMTP Auth<br />Enable SMTP Authentication</label>
|
||||
<select class="form-control" name="smtp_auth" id="smtp_auth">
|
||||
<option value="yes" {if $row.smtp_auth=='yes'} selected="selected"{/if}>yes</option>
|
||||
<option value="no" {if $row.smtp_auth=='no'} selected="selected"{/if}>no</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-grou">
|
||||
<label for=""></label>
|
||||
</div>
|
||||
<input type="submit" class="btn btn-info" value="Update" name="update_settings" />
|
||||
</fieldset>
|
||||
|
||||
</form>
|
||||
|
||||
|
||||
<h2>Email Templates Settings</h2>
|
||||
|
||||
<div>
|
||||
{assign var=templates value=$cbemail->get_templates()}
|
||||
|
||||
{if $templates}
|
||||
<form name="email_templates" method="post">
|
||||
<ul class="optionsLists" >
|
||||
|
||||
{foreach from=$templates item=template name=etemp}
|
||||
<li {if $smarty.foreach.etemp.iteration=='1'} class="selected"{/if}
|
||||
onclick="
|
||||
$('.tempselected').removeClass('selected').hide();
|
||||
$('#template-{$template.email_template_id}').show().addClass('tempselected');
|
||||
|
||||
$('.selected').removeClass('selected');
|
||||
$(this).toggleClass('selected');
|
||||
|
||||
">{$template.email_template_name}</li>
|
||||
{/foreach}
|
||||
|
||||
</ul>
|
||||
<div class="optionsListsCont">
|
||||
{foreach from=$templates item=template name=etemp}
|
||||
<div id="template-{$template.email_template_id}"
|
||||
{if $smarty.foreach.etemp.iteration!='1'} style="display:none" {else}class="tempselected"{/if}>
|
||||
<label for="subject{$template.email_template_id}">Email Subject</label>
|
||||
<div class="templateCodeCont" style="padding:3px">
|
||||
<input type="text" name="subject{$template.email_template_id}" id="subject{$template.email_template_id}"
|
||||
value="{$template.email_template_subject|form_val}" style="border:0px; background:none; width:100%" />
|
||||
</div>
|
||||
<br />
|
||||
<label for="message{$template.email_template_id}">Email message</label>
|
||||
<div class="templateCodeCont">
|
||||
<textarea class="form-control" name="message{$template.email_template_id}" cols="60" rows="8" id="message{$template.email_template_id}" class="templateCode">{$template.email_template|form_val}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
{/foreach}
|
||||
<div align="right" style="margin-top:5px">
|
||||
<input type="submit" class="btn btn-info" value="Save Templates" name="update" /></div>
|
||||
</div>
|
||||
</form>
|
||||
{/if}
|
||||
</div>
|
||||
52
upload/admin_area/styles/cb_2014/layout/footer.html
Normal file
52
upload/admin_area/styles/cb_2014/layout/footer.html
Normal file
|
|
@ -0,0 +1,52 @@
|
|||
|
||||
<!-- basic scripts -->
|
||||
|
||||
<!--[if !IE]> -->
|
||||
|
||||
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
|
||||
|
||||
<!-- <![endif]-->
|
||||
|
||||
<!--[if IE]>
|
||||
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!--[if !IE]> -->
|
||||
|
||||
<script type="text/javascript">
|
||||
window.jQuery || document.write("<script src='{$theme_url}/assets/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
|
||||
</script>
|
||||
|
||||
<!-- <![endif]-->
|
||||
|
||||
<!--[if IE]>
|
||||
<script type="text/javascript">
|
||||
window.jQuery || document.write("<script src='{$theme_url}/assets/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
|
||||
</script>
|
||||
<![endif]-->
|
||||
|
||||
<script type="text/javascript">
|
||||
if("ontouchend" in document) document.write("<script src='{$theme_url}/assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
|
||||
</script>
|
||||
<script src="{$theme_url}/assets/js/bootstrap.min.js"></script>
|
||||
<script src="{$theme_url}/assets/js/typeahead-bs2.min.js"></script>
|
||||
|
||||
<!-- page specific plugin scripts -->
|
||||
|
||||
<!--[if lte IE 8]>
|
||||
<script src="assets/js/excanvas.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="{$theme_url}/assets/js/jquery-ui-1.10.3.custom.min.js"></script>
|
||||
<script src="{$theme_url}/assets/js/jquery.ui.touch-punch.min.js"></script>
|
||||
<script src="{$theme_url}/assets/js/jquery.slimscroll.min.js"></script>
|
||||
<script src="{$theme_url}/assets/js/jquery.easy-pie-chart.min.js"></script>
|
||||
<script src="{$theme_url}/assets/js/jquery.sparkline.min.js"></script>
|
||||
<script src="{$theme_url}/assets/js/flot/jquery.flot.min.js"></script>
|
||||
<script src="{$theme_url}/assets/js/flot/jquery.flot.pie.min.js"></script>
|
||||
<script src="{$theme_url}/assets/js/flot/jquery.flot.resize.min.js"></script>
|
||||
|
||||
<!-- ace scripts -->
|
||||
|
||||
<script src="{$theme_url}/assets/js/ace-elements.min.js"></script>
|
||||
<script src="{$theme_url}/assets/js/ace.min.js"></script>
|
||||
38
upload/admin_area/styles/cb_2014/layout/global_header.html
Normal file
38
upload/admin_area/styles/cb_2014/layout/global_header.html
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
<meta charset="UTF-8">
|
||||
<title>ClipBucket v2.7</title>
|
||||
<link rel="stylesheet" href="{$theme_url}/bootstrap/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="{$theme_url}/assets/css/font-awesome.min.css" />
|
||||
<link rel="stylesheet" href="{$theme_url}/css/styles.css" />
|
||||
|
||||
<!--[if IE 7]>
|
||||
<link rel="stylesheet" href="{$theme_url}/assets/css/font-awesome-ie7.min.css" />
|
||||
<![endif]-->
|
||||
|
||||
<!-- page specific plugin styles -->
|
||||
|
||||
<!-- fonts -->
|
||||
|
||||
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300" />
|
||||
|
||||
<!-- ace styles -->
|
||||
|
||||
<link rel="stylesheet" href="{$theme_url}/assets/css/ace.min.css" />
|
||||
<link rel="stylesheet" href="{$theme_url}/assets/css/ace-rtl.min.css" />
|
||||
<link rel="stylesheet" href="{$theme_url}/assets/css/ace-skins.min.css" />
|
||||
|
||||
<!--[if lte IE 8]>
|
||||
<link rel="stylesheet" href="{$theme_url}/assets/css/ace-ie.min.css" />
|
||||
<![endif]-->
|
||||
|
||||
<!-- inline styles related to this page -->
|
||||
|
||||
<!-- ace settings handler -->
|
||||
|
||||
<script src="{$theme_url}/assets/js/ace-extra.min.js"></script>
|
||||
|
||||
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="assets/js/html5shiv.js"></script>
|
||||
<script src="assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
12
upload/admin_area/styles/cb_2014/layout/header.html
Normal file
12
upload/admin_area/styles/cb_2014/layout/header.html
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<div id="navbar" class="navbar navbar-default">
|
||||
<div id="navbar-container" class="navbar-container container">
|
||||
<div class="navbar-header pull-left">
|
||||
<a class="navbar-brand" href="#">
|
||||
<small>
|
||||
<i class="icon-leaf"></i>
|
||||
ClipBucket
|
||||
</small>
|
||||
</a><!-- /.brand -->
|
||||
</div><!-- /.navbar-header -->
|
||||
</div><!-- /.container -->
|
||||
</div>
|
||||
200
upload/admin_area/styles/cb_2014/layout/index.html
Normal file
200
upload/admin_area/styles/cb_2014/layout/index.html
Normal file
|
|
@ -0,0 +1,200 @@
|
|||
|
||||
|
||||
<table width="100%" border="0" class="index_table">
|
||||
<tr>
|
||||
<td valign="top" style="padding-right:13px">
|
||||
|
||||
<div class="widgets-wrap" id="column1">
|
||||
|
||||
|
||||
<div class="dragbox" id="cbstats" >
|
||||
<h2>{$title} Quick Stats</h2>
|
||||
<div class="dragbox-content" >
|
||||
<div class="item clearfix">
|
||||
<div class="stats_subitem">Videos</div>
|
||||
<div class="stats_subitem_d">Total : <strong>{get_videos count_only=yes}</strong> | Active : <strong>{get_videos count_only=yes active="yes"}</strong> | Flagged : <strong>{$cbvid->action->count_flagged_objects()}</strong> | Processing : <strong>{get_videos count_only=yes status='Processing'}</strong></div>
|
||||
</div>
|
||||
|
||||
<div class="item clearfix">
|
||||
<div class="stats_subitem">Groups</div>
|
||||
<div class="stats_subitem_d">Total : <strong>{get_groups count_only=yes}</strong> | Active : <strong>{get_groups count_only=yes active='yes'}</strong> | Flagged : <strong>{$cbgroup->action->count_flagged_objects()}</strong></div>
|
||||
</div>
|
||||
|
||||
<div class="item clearfix">
|
||||
<div class="stats_subitem">Members</div>
|
||||
<div class="stats_subitem_d">Total : <strong>{get_users count_only=yes}</strong> | Active : <strong>{get_users count_only=yes status='Ok'}</strong> | Flagged : <strong>{$userquery->action->count_flagged_objects()}</strong> | Banned : <strong>{get_users count_only=yes ban='yes'}</strong></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="item clearfix">
|
||||
<div class="stats_subitem">Photos</div>
|
||||
<div class="stats_subitem_d">Total : <strong>{get_photos count_only=yes}</strong> | Active : <strong>{get_photos count_only=yes active='yes'}</strong> | Flagged : <strong>{$cbphoto->action->count_flagged_objects()}</strong> </div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="item clearfix">
|
||||
<div class="stats_subitem">Collections</div>
|
||||
<div class="stats_subitem_d">Total : <strong>{get_collections count_only=yes}</strong> | Active : <strong>{get_collections count_only=yes active='yes'}</strong>
|
||||
| Flagged : <strong>{$cbcollection->action->count_flagged_objects()} </strong>
|
||||
| Videos : <strong>{get_collections count_only=yes type='videos'}</strong> | Photos : <strong>{get_collections count_only=yes type='photos'}</strong>
|
||||
</strong> </div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="item">
|
||||
{assign var=users value=$userquery->get_online_users()}
|
||||
<strong><a href="online_users.php">Online Users({$userquery->get_online_users(false,true)})</a></strong><br />
|
||||
|
||||
{if $users}
|
||||
{foreach from=$users item=user name=onlines}
|
||||
{if $user.username!=""}
|
||||
<strong><a href="{$userquery->profile_link($user)}" target="_blank">{$user.username}{if $user.logins>1}({$user.logins}){/if}</a>{if !$smarty.foreach.onlines.last}, {/if}</strong> {/if}
|
||||
{/foreach}
|
||||
|
||||
|
||||
{foreach from=$users item=user name=onlines}
|
||||
{if $user.session_string=='guest'}
|
||||
<strong>and {$user.logins} guest{if $user.logins>1}s{/if}</strong>
|
||||
{/if}
|
||||
{/foreach}
|
||||
|
||||
{else}
|
||||
No User is Online
|
||||
{/if}
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="item subitem">
|
||||
{if $Cbucket->cbinfo.new_available}
|
||||
<div class="stats_subitem" style="width:60%; color:#060">Currently you are running <strong>{$ClipBucket->cbinfo.version} {$ClipBucket->cbinfo.state}</strong><br />
|
||||
Latest Version <strong>{$Cbucket->cbinfo.latest.version} {$Cbucket->cbinfo.latest.state} </strong></div>
|
||||
<div class="stats_subitem" style="width:39%"><span class="simple_button"><a href="{$Cbucket->cbinfo.latest.link}">Update Now</a></span></div>
|
||||
<div class="clearfix"></div>
|
||||
{else}
|
||||
<div>
|
||||
Currently you are running <strong>{$Cbucket->cbinfo.version} {$Cbucket->cbinfo.state}</strong> - No New Version Available</div>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="dragbox" id="cbnews" >
|
||||
<h2>ClipBucket News</h2>
|
||||
<div class="dragbox-content" >
|
||||
<div id="clipbucket_news"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="height:20px;"></div>
|
||||
<div style="font-size:12px">
|
||||
<h2>Words from ClipBucket!</h2>
|
||||
<p>ClipBucket is developed by <strong><a href="http://arslanhassan.com">Arslan Hassan</a></strong> and <strong><a href="http://clip-bucket.com/fawaz-tahir">Fawaz Tahir</a></strong>, we started with a small website application with only functionality of serving videos to the community later on we decided to add every possible social networking feature to make social communities more interactive. We didn't have any milestones, no road map, no charts, no nothing. Only thing we had was a vision as of our captain <strong><a href="http://clip-bucket.com/jahanzeb-hassan">Jahanzeb Hassan</a></strong> and plenty of hard work. </p>
|
||||
<p>We also have two more members named <a href="http://clip-bucket.com/ruman-malik">Ruman Malik</a> and <a href="http://clip-bucket.com/zomail-tahir">Zomail Tahir</a> who manage sales and support department.</p>
|
||||
<p><strong>ClipBucket team gives special thanks to</strong><br />
|
||||
<br />
|
||||
* Frank White for helping us knowing the basics of professional application development<br />
|
||||
* Christian Russemen for keep our community active<br />
|
||||
* BigStack for his great forum support
|
||||
<br />
|
||||
* You for using ClipBucket.</p>
|
||||
<h3>What lies head?</h3>
|
||||
<p>* Easy ClipBucket integeration with other applications<br />
|
||||
* Make more secured, fast and optimized<br />
|
||||
* HTML5 ready with mobile support<br />
|
||||
* Full documentation of our source code
|
||||
</p>
|
||||
<h3>Where in the world we belong to?</h3>
|
||||
<p>We belong to <a href="http://clip-bucket.com/pakistan">Islamic Republic of Pakistan</a> :) you may have seen many negative news about Pakistan on television but there are still <a href="http://clip-bucket.com/pakistan#the_truth">some facts</a> you should know about. Its a great country for us and we will always love it.<br />
|
||||
<strong>Pakistan Zindabad </strong><br />
|
||||
<strong><br />
|
||||
</strong></p></div>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
<td width="210" valign="top">
|
||||
|
||||
|
||||
|
||||
<div class="widgets-wrap" style="width:210px" id="column2">
|
||||
|
||||
<!-- Admin Todo List -->
|
||||
<div class="dragbox" id="todo_list" >
|
||||
<h2>Todo List</h2>
|
||||
<div class="dragbox-content" >
|
||||
<div class="item"><a href="video_manager.php?search=search&active=no">Approve Videos ({get_videos active='no' count_only=true})</a></div>
|
||||
<div class="item"><a href="members.php?search=yes&status=ToActivate">Approve Members ({get_users status='ToActivate' count_only=true})</a></div>
|
||||
<div class="item"><a href="groups_manager.php?active=no&search=yes">Approve Groups ({get_groups active='no' count_only=true})</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Admin Todo List -->
|
||||
|
||||
<!-- Admin Todo List -->
|
||||
<div class="dragbox" id="quick_actions" >
|
||||
<h2>Quick Action</h2>
|
||||
<div class="dragbox-content" >
|
||||
<div class="item"><a href="main.php">Website Settings</a></div>
|
||||
<div class="item"><a href="add_member.php">Add Members</a></div>
|
||||
<div class="item"><a href="add_group.php">Add Group</a></div>
|
||||
<div class="item"><a href="cb_mod_check.php">Check Video Modules</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Admin Todo List -->
|
||||
|
||||
|
||||
<!-- Admin personal Note Widget -->
|
||||
<div class="dragbox" id="private_notes" >
|
||||
<h2>Personal Notes</h2>
|
||||
<div class="dragbox-content" >
|
||||
{assign var=notes value=$myquery->get_notes()}
|
||||
|
||||
<div id="the_notes">
|
||||
{if $notes}
|
||||
<div id="no_note"></div>
|
||||
{foreach from=$notes item=note}
|
||||
<div class="item" id="note-{$note.note_id}">
|
||||
<img src="{$imageurl}/cross.png" class="delete_note" onclick="delete_note('{$note.note_id}');" />
|
||||
{$note.note|nl2br}
|
||||
</div>
|
||||
{/foreach}
|
||||
{else}
|
||||
<div id="no_note" align="center"><strong><em>No notes</em></strong></div>
|
||||
{/if}
|
||||
</div>
|
||||
<form method="post">
|
||||
<textarea name="personal_note" id="personal_note" style="width:90%; height:50px; margin:5px; border:1px solid #999"></textarea>
|
||||
<div align="right" style="padding-right:10px"><a href="javascript:void(0)"
|
||||
onclick="add_note('#personal_note')">Add Note</a></div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Admin personal Note Widget -->
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
|
||||
<script>
|
||||
{literal}
|
||||
$(document).ready(function(){
|
||||
$.ajax({
|
||||
url : baseurl+'/ajax.php',
|
||||
type: "POST",
|
||||
dataType : 'text',
|
||||
data : {'mode':'get_news'},
|
||||
success : function(news){ $('#clipbucket_news').html(news) },
|
||||
timeout : 5000,
|
||||
error : function(err) { $('#clipbucket_news').html(' <div align="center"><em><strong>Unable to fetch news</strong></em></div>')},
|
||||
|
||||
});
|
||||
});
|
||||
{/literal}
|
||||
</script>
|
||||
32
upload/admin_area/styles/cb_2014/layout/left_menu.html
Normal file
32
upload/admin_area/styles/cb_2014/layout/left_menu.html
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
{$adminMenu = $Cbucket->AdminMenu}
|
||||
|
||||
<ul class="nav nav-list" id="sidebar">
|
||||
<li class="active">
|
||||
<a href="index.php">
|
||||
<i class="icon-dashboard"></i>
|
||||
<span class="menu-text"> Dashboard </span>
|
||||
</a>
|
||||
</li>
|
||||
{foreach from=$adminMenu key=name item=oneMenuItem}
|
||||
<li>
|
||||
<a href="#" class="dropdown-toggle">
|
||||
<i class="icon-list"></i>
|
||||
<span class="menu-text"> {$name} </span>
|
||||
<b class="arrow icon-angle-down"></b>
|
||||
</a>
|
||||
<ul class="submenu">
|
||||
{foreach from=$oneMenuItem key=name item=oneSubMenuItem}
|
||||
<li>
|
||||
<a href="{$oneSubMenuItem}">
|
||||
<i class="icon-leaf"></i>
|
||||
{$name}
|
||||
</a>
|
||||
</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
<div id="sidebar-collapse" class="sidebar-collapse">
|
||||
<i data-icon2="icon-double-angle-right" data-icon1="icon-double-angle-left" class="icon-double-angle-left"></i>
|
||||
</div>
|
||||
41
upload/admin_area/styles/cb_2014/layout/login.html
Normal file
41
upload/admin_area/styles/cb_2014/layout/login.html
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
<body>
|
||||
|
||||
<div class="header_grey_bar">
|
||||
<img src="{$imageurl}/dot.gif" class="cbicon" /> {$title} — <a href="{$baseurl}">Back To Main Website</a>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
|
||||
{include file="$style_dir/msg.html" }
|
||||
|
||||
<div style="height:400px; background-image:url({$imageurl}/bgs/login.png); background-repeat:repeat-x" align="center">
|
||||
<div id="login_box">
|
||||
<form name="form1" method="post" action="">
|
||||
<table width="78%" border="0" align="center" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td align="left"><label for="username">Username</label></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left">
|
||||
<input type="text" name="username" id="username" class="textfield">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left"><label for="password">Password</label></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<input type="password" name="password" id="password" class="textfield">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><label>
|
||||
<input type="submit" name="login" class="button" value=" Login ">
|
||||
</label></td>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div align="center" class="login_footer">© ClipBucket Copyright 2007 – {$smarty.now|date_format:"%Y"} | Arslan Hassan</div>
|
||||
</body>
|
||||
</html>
|
||||
1199
upload/admin_area/styles/cb_2014/layout/main.html
Normal file
1199
upload/admin_area/styles/cb_2014/layout/main.html
Normal file
File diff suppressed because it is too large
Load diff
196
upload/admin_area/styles/cb_2014/layout/manage_pages.html
Normal file
196
upload/admin_area/styles/cb_2014/layout/manage_pages.html
Normal file
|
|
@ -0,0 +1,196 @@
|
|||
|
||||
<span class="page_title">Manage Pages</span>
|
||||
|
||||
{if $mode =="new"}
|
||||
<form method="post">
|
||||
<fieldset class="fieldset cbform">
|
||||
<legend>Add New Page
|
||||
</legend><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="block">
|
||||
<tr>
|
||||
<td width="200"><label for="page_name">Page Name</label></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<input name="page_name" type="text" id="page_name" value="{'page_name'|post}"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><label for="page_title">Page Title</label></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input type="text" name="page_title" id="page_title" value="{'page_title'|post}" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><label for="page_content">Page Content</label></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="background-color:#FFF">
|
||||
<textarea name="page_content" id="page_content" style="width:100%; min-height:250px">{'page_content'|post|form_val}</textarea><script type="text/javascript">
|
||||
{literal}new nicEditor({fullPanel : true,maxHeight:350}).panelInstance('page_content');{/literal}
|
||||
</script></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="background-color:#FFF"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="right" style="background-color:#FFF">
|
||||
<input type="submit" name="add_page" id="add_page" value="Create new page" class="button"/></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</fieldset>
|
||||
</form>
|
||||
{/if}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
{if $mode =="edit" && $page.page_name!=''}
|
||||
<form method="post">
|
||||
<fieldset class="fieldset cbform">
|
||||
<legend>Add New Page
|
||||
</legend><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="block">
|
||||
<tr>
|
||||
<td width="200"><label for="page_name">Page Name</label></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<input name="page_name" type="text" id="page_name" value="{$page.page_name}"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><label for="page_title">Page Title</label></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input type="text" name="page_title" id="page_title" value="{$page.page_title}" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><label for="page_content">Page Content</label></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="background-color:#FFF">
|
||||
<textarea name="page_content" id="page_content" style="width:100%; min-height:250px">{$page.page_content|form_val}</textarea><script type="text/javascript">
|
||||
{literal}new nicEditor({fullPanel : true,maxHeight:350}).panelInstance('page_content');{/literal}
|
||||
</script></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="background-color:#FFF"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="right" style="background-color:#FFF">
|
||||
<input type="submit" name="update_page" id="update_page" value="Update page" class="button"/></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</fieldset>
|
||||
</form>
|
||||
{/if}
|
||||
|
||||
|
||||
|
||||
|
||||
{if $mode=='manage'}
|
||||
<form name="page_form" action="?" method="post">
|
||||
<table width="99%" border="0" align="center" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td width="30" align="center" valign="middle"><img src="{$imageurl}/arrow_return.png" width="25" height="25"></td>
|
||||
<td height="50" style="padding-left:15px">
|
||||
<input type="submit" name="activate_selected" value="Activate" class="button"/>
|
||||
<input type="submit" name="deactivate_selected" value="Deactivate" class="button" />
|
||||
<input type="submit" name="update_order" value="Update order" class="button" />
|
||||
<input type="submit" name="delete_selected" value="Delete" class="button" onclick="return confirm_it('Are you sure you want to delete selected page(s)')"/>
|
||||
|
||||
</td>
|
||||
<td align="right" style="padding-left:15px"><input type="button" value="Create New Page" class="button" onClick="window.location='?mode=new'"/></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
<table width="99%" border="0" align="center" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td width="30" align="center" valign="middle" class="left_head">
|
||||
<input type="checkbox" name="checkall" onclick="checkUncheckAll(this);"/></td>
|
||||
<td width="50" class="head_sep_left">PID</td>
|
||||
<td width="50" class="head_sep_left">Order</td>
|
||||
<td class="head"><div class="head_sep_left" style="width:250px">Details</div></td>
|
||||
<td width="50" class="right_head"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<table width="99%" border="0" align="center" cellpadding="0" cellspacing="0">
|
||||
{assign var = bgcolor value = ""}
|
||||
{section name=list loop=$cbpages}
|
||||
<tr class="video_opt_td" bgcolor="{$bgcolor}">
|
||||
<td width="30" align="center" valign="top" class="video_opt_td"> <input name="check_page[]" type="checkbox" id="check_video" value="{$cbpages[list].page_id}" /></td>
|
||||
<td width="50" align="center" valign="top" class="video_opt_td">{$cbpages[list].page_id}</td>
|
||||
<td width="50" align="center" valign="top" class="video_opt_td"><input type="text" style="border: 1px solid rgb(153, 153, 153); padding: 2px; width: 30px;" value="{$cbpages[list].page_order}" name="page_ord_{$cbpages[list].page_id}"/></td>
|
||||
<td valign="top" class="video_opt_td"
|
||||
onmouseover="$('#vid_opt-{$cbpages[list].page_id}').show()"
|
||||
onmouseout="$('#vid_opt-{$cbpages[list].page_id}').hide()" style="padding-left:10px">
|
||||
<a href="{$cbpage->page_link($cbpages[list])}" target="_blank" style="text-indent:10px">
|
||||
{$cbpages[list].page_name}
|
||||
</a> —
|
||||
<span class="vdo_sets">
|
||||
Active:<strong>{$cbpages[list].active} </strong> •
|
||||
Added:<strong>{$cbpages[list].date_added|niceTime} </strong>
|
||||
{if $cbpages[list].delete_able =='no'} • <strong>UNDELETE-ABLE</strong>{/if}
|
||||
• Display in footer:<strong>{$cbpages[list].display} </strong>
|
||||
</span>
|
||||
|
||||
<br />
|
||||
<div id="vid_opt-{$cbpages[list].page_id}" style="display:none" class="vid_opts">
|
||||
|
||||
<a href="{$cbpage->page_link($cbpages[list])}">View</a> |
|
||||
<a href="?mode=edit&pid={$cbpages[list].page_id}">Edit</a>
|
||||
{if $cbpages[list].active == yes} |
|
||||
<a href="?deactivate={$cbpages[list].page_id}">Deactivate</a> {else} |
|
||||
<a href="?activate={$cbpages[list].page_id}">Activate</a> {/if} |
|
||||
<a href="?delete={$cbpages[list].page_id}">Delete</a> |
|
||||
|
||||
{if $cbpages[list].display!='yes'}
|
||||
<a href="?display={$cbpages[list].page_id}">Display in footer</a>
|
||||
{else}
|
||||
<a href="?hide={$cbpages[list].page_id}">Hide in footer</a>
|
||||
{/if}
|
||||
</div>
|
||||
</td>
|
||||
<td width="50" valign="top" class="video_opt_td"> </td>
|
||||
</tr>
|
||||
{if $bgcolor == ""}
|
||||
{assign var = bgcolor value = "#EEEEEE"}
|
||||
{else}
|
||||
{assign var = bgcolor value = ""}
|
||||
{/if}
|
||||
|
||||
{/section}
|
||||
</table>
|
||||
|
||||
<table width="99%" border="0" align="center" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td width="30" align="center" valign="middle"><img src="{$imageurl}/arrow_return_invert.png" width="25" height="25"></td>
|
||||
<td height="50" style="padding-left:15px">
|
||||
<input type="submit" name="activate_selected" value="Activate" class="button"/>
|
||||
<input type="submit" name="deactivate_selected" value="Deactivate" class="button" />
|
||||
<input type="submit" name="update_order" value="Update order" class="button" />
|
||||
<input type="submit" name="delete_selected" value="Delete" class="button" onclick="return confirm_it('Are you sure you want to delete selected page(s)')"/>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
{/if}
|
||||
BIN
upload/admin_area/styles/cb_2014/theme/assets/avatars/avatar.png
Normal file
BIN
upload/admin_area/styles/cb_2014/theme/assets/avatars/avatar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 752 B |
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8 KiB |
BIN
upload/admin_area/styles/cb_2014/theme/assets/avatars/user.jpg
Normal file
BIN
upload/admin_area/styles/cb_2014/theme/assets/avatars/user.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
|
|
@ -0,0 +1,13 @@
|
|||
/* included only when we don't want to use fonts from google server */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local('Open Sans Light'), local('OpenSans-Light'), url(../font/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Open Sans'), local('OpenSans'), url(../font/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
|
||||
}
|
||||
1
upload/admin_area/styles/cb_2014/theme/assets/css/ace-ie.min.css
vendored
Normal file
1
upload/admin_area/styles/cb_2014/theme/assets/css/ace-ie.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
upload/admin_area/styles/cb_2014/theme/assets/css/ace-rtl.min.css
vendored
Normal file
1
upload/admin_area/styles/cb_2014/theme/assets/css/ace-rtl.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
upload/admin_area/styles/cb_2014/theme/assets/css/ace-skins.min.css
vendored
Normal file
1
upload/admin_area/styles/cb_2014/theme/assets/css/ace-skins.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
upload/admin_area/styles/cb_2014/theme/assets/css/ace.min.css
vendored
Normal file
1
upload/admin_area/styles/cb_2014/theme/assets/css/ace.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
656
upload/admin_area/styles/cb_2014/theme/assets/css/bootstrap-editable.css
vendored
Normal file
656
upload/admin_area/styles/cb_2014/theme/assets/css/bootstrap-editable.css
vendored
Normal file
|
|
@ -0,0 +1,656 @@
|
|||
/*! X-editable - v1.4.6
|
||||
* In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
|
||||
* http://github.com/vitalets/x-editable
|
||||
* Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */
|
||||
|
||||
.editableform {
|
||||
margin-bottom: 0; /* overwrites bootstrap margin */
|
||||
}
|
||||
|
||||
.editableform .control-group {
|
||||
margin-bottom: 0; /* overwrites bootstrap margin */
|
||||
white-space: nowrap; /* prevent wrapping buttons on new line */
|
||||
line-height: 20px; /* overwriting bootstrap line-height. See #133 */
|
||||
}
|
||||
|
||||
.editable-buttons {
|
||||
display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */
|
||||
vertical-align: top;
|
||||
margin-left: 7px;
|
||||
/* inline-block emulation for IE7*/
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
|
||||
.editable-buttons.editable-buttons-bottom {
|
||||
display: block;
|
||||
margin-top: 7px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.editable-input {
|
||||
vertical-align: top;
|
||||
display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */
|
||||
width: auto; /* bootstrap-responsive has width: 100% that breakes layout */
|
||||
white-space: normal; /* reset white-space decalred in parent*/
|
||||
/* display-inline emulation for IE7*/
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
|
||||
.editable-buttons .editable-cancel {
|
||||
margin-left: 7px;
|
||||
}
|
||||
|
||||
/*for jquery-ui buttons need set height to look more pretty*/
|
||||
.editable-buttons button.ui-button-icon-only {
|
||||
height: 24px;
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
.editableform-loading {
|
||||
background: url('../img/loading.gif') center center no-repeat;
|
||||
height: 25px;
|
||||
width: auto;
|
||||
min-width: 25px;
|
||||
}
|
||||
|
||||
.editable-inline .editableform-loading {
|
||||
background-position: left 5px;
|
||||
}
|
||||
|
||||
.editable-error-block {
|
||||
max-width: 300px;
|
||||
margin: 5px 0 0 0;
|
||||
width: auto;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
/*add padding for jquery ui*/
|
||||
.editable-error-block.ui-state-error {
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
.editable-error {
|
||||
color: red;
|
||||
}
|
||||
|
||||
/* ---- For specific types ---- */
|
||||
|
||||
.editableform .editable-date {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */
|
||||
.editable-inline .add-on .icon-th {
|
||||
margin-top: 3px;
|
||||
margin-left: 1px;
|
||||
}
|
||||
|
||||
|
||||
/* checklist vertical alignment */
|
||||
.editable-checklist label input[type="checkbox"],
|
||||
.editable-checklist label span {
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.editable-checklist label {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* set exact width of textarea to fit buttons toolbar */
|
||||
.editable-wysihtml5 {
|
||||
width: 566px;
|
||||
height: 250px;
|
||||
}
|
||||
|
||||
/* clear button shown as link in date inputs */
|
||||
.editable-clear {
|
||||
clear: both;
|
||||
font-size: 0.9em;
|
||||
text-decoration: none;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* IOS-style clear button for text inputs */
|
||||
.editable-clear-x {
|
||||
background: url('../img/clear.png') center center no-repeat;
|
||||
display: block;
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
position: absolute;
|
||||
opacity: 0.6;
|
||||
z-index: 100;
|
||||
|
||||
top: 50%;
|
||||
right: 6px;
|
||||
margin-top: -6px;
|
||||
|
||||
}
|
||||
|
||||
.editable-clear-x:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.editable-pre-wrapped {
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
.editable-container.editable-popup {
|
||||
max-width: none !important; /* without this rule poshytip/tooltip does not stretch */
|
||||
}
|
||||
|
||||
.editable-container.popover {
|
||||
width: auto; /* without this rule popover does not stretch */
|
||||
}
|
||||
|
||||
.editable-container.editable-inline {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: auto;
|
||||
/* inline-block emulation for IE7*/
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
|
||||
.editable-container.ui-widget {
|
||||
font-size: inherit; /* jqueryui widget font 1.1em too big, overwrite it */
|
||||
z-index: 9990; /* should be less than select2 dropdown z-index to close dropdown first when click */
|
||||
}
|
||||
.editable-click,
|
||||
a.editable-click,
|
||||
a.editable-click:hover {
|
||||
text-decoration: none;
|
||||
border-bottom: dashed 1px #0088cc;
|
||||
}
|
||||
|
||||
.editable-click.editable-disabled,
|
||||
a.editable-click.editable-disabled,
|
||||
a.editable-click.editable-disabled:hover {
|
||||
color: #585858;
|
||||
cursor: default;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.editable-empty, .editable-empty:hover, .editable-empty:focus{
|
||||
font-style: italic;
|
||||
color: #DD1144;
|
||||
/* border-bottom: none; */
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.editable-unsaved {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.editable-unsaved:after {
|
||||
/* content: '*'*/
|
||||
}
|
||||
|
||||
.editable-bg-transition {
|
||||
-webkit-transition: background-color 1400ms ease-out;
|
||||
-moz-transition: background-color 1400ms ease-out;
|
||||
-o-transition: background-color 1400ms ease-out;
|
||||
-ms-transition: background-color 1400ms ease-out;
|
||||
transition: background-color 1400ms ease-out;
|
||||
}
|
||||
|
||||
/*see https://github.com/vitalets/x-editable/issues/139 */
|
||||
.form-horizontal .editable
|
||||
{
|
||||
padding-top: 5px;
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
|
||||
/*!
|
||||
* Datepicker for Bootstrap
|
||||
*
|
||||
* Copyright 2012 Stefan Petre
|
||||
* Improvements by Andrew Rowls
|
||||
* Licensed under the Apache License v2.0
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
*/
|
||||
.datepicker {
|
||||
padding: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
direction: ltr;
|
||||
/*.dow {
|
||||
border-top: 1px solid #ddd !important;
|
||||
}*/
|
||||
|
||||
}
|
||||
.datepicker-inline {
|
||||
width: 220px;
|
||||
}
|
||||
.datepicker.datepicker-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.datepicker.datepicker-rtl table tr td span {
|
||||
float: right;
|
||||
}
|
||||
.datepicker-dropdown {
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
.datepicker-dropdown:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 7px solid transparent;
|
||||
border-right: 7px solid transparent;
|
||||
border-bottom: 7px solid #ccc;
|
||||
border-bottom-color: rgba(0, 0, 0, 0.2);
|
||||
position: absolute;
|
||||
top: -7px;
|
||||
left: 6px;
|
||||
}
|
||||
.datepicker-dropdown:after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid #ffffff;
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
left: 7px;
|
||||
}
|
||||
.datepicker > div {
|
||||
display: none;
|
||||
}
|
||||
.datepicker.days div.datepicker-days {
|
||||
display: block;
|
||||
}
|
||||
.datepicker.months div.datepicker-months {
|
||||
display: block;
|
||||
}
|
||||
.datepicker.years div.datepicker-years {
|
||||
display: block;
|
||||
}
|
||||
.datepicker table {
|
||||
margin: 0;
|
||||
}
|
||||
.datepicker td,
|
||||
.datepicker th {
|
||||
text-align: center;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
}
|
||||
.table-striped .datepicker table tr td,
|
||||
.table-striped .datepicker table tr th {
|
||||
background-color: transparent;
|
||||
}
|
||||
.datepicker table tr td.day:hover {
|
||||
background: #eeeeee;
|
||||
cursor: pointer;
|
||||
}
|
||||
.datepicker table tr td.old,
|
||||
.datepicker table tr td.new {
|
||||
color: #999999;
|
||||
}
|
||||
.datepicker table tr td.disabled,
|
||||
.datepicker table tr td.disabled:hover {
|
||||
background: none;
|
||||
color: #999999;
|
||||
cursor: default;
|
||||
}
|
||||
.datepicker table tr td.today,
|
||||
.datepicker table tr td.today:hover,
|
||||
.datepicker table tr td.today.disabled,
|
||||
.datepicker table tr td.today.disabled:hover {
|
||||
background-color: #fde19a;
|
||||
background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
|
||||
background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
|
||||
background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
|
||||
background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
|
||||
background-image: linear-gradient(top, #fdd49a, #fdf59a);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
|
||||
border-color: #fdf59a #fdf59a #fbed50;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
color: #000;
|
||||
}
|
||||
.datepicker table tr td.today:hover,
|
||||
.datepicker table tr td.today:hover:hover,
|
||||
.datepicker table tr td.today.disabled:hover,
|
||||
.datepicker table tr td.today.disabled:hover:hover,
|
||||
.datepicker table tr td.today:active,
|
||||
.datepicker table tr td.today:hover:active,
|
||||
.datepicker table tr td.today.disabled:active,
|
||||
.datepicker table tr td.today.disabled:hover:active,
|
||||
.datepicker table tr td.today.active,
|
||||
.datepicker table tr td.today:hover.active,
|
||||
.datepicker table tr td.today.disabled.active,
|
||||
.datepicker table tr td.today.disabled:hover.active,
|
||||
.datepicker table tr td.today.disabled,
|
||||
.datepicker table tr td.today:hover.disabled,
|
||||
.datepicker table tr td.today.disabled.disabled,
|
||||
.datepicker table tr td.today.disabled:hover.disabled,
|
||||
.datepicker table tr td.today[disabled],
|
||||
.datepicker table tr td.today:hover[disabled],
|
||||
.datepicker table tr td.today.disabled[disabled],
|
||||
.datepicker table tr td.today.disabled:hover[disabled] {
|
||||
background-color: #fdf59a;
|
||||
}
|
||||
.datepicker table tr td.today:active,
|
||||
.datepicker table tr td.today:hover:active,
|
||||
.datepicker table tr td.today.disabled:active,
|
||||
.datepicker table tr td.today.disabled:hover:active,
|
||||
.datepicker table tr td.today.active,
|
||||
.datepicker table tr td.today:hover.active,
|
||||
.datepicker table tr td.today.disabled.active,
|
||||
.datepicker table tr td.today.disabled:hover.active {
|
||||
background-color: #fbf069 \9;
|
||||
}
|
||||
.datepicker table tr td.today:hover:hover {
|
||||
color: #000;
|
||||
}
|
||||
.datepicker table tr td.today.active:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.datepicker table tr td.range,
|
||||
.datepicker table tr td.range:hover,
|
||||
.datepicker table tr td.range.disabled,
|
||||
.datepicker table tr td.range.disabled:hover {
|
||||
background: #eeeeee;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.datepicker table tr td.range.today,
|
||||
.datepicker table tr td.range.today:hover,
|
||||
.datepicker table tr td.range.today.disabled,
|
||||
.datepicker table tr td.range.today.disabled:hover {
|
||||
background-color: #f3d17a;
|
||||
background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
|
||||
background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
|
||||
background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
|
||||
background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
|
||||
background-image: linear-gradient(top, #f3c17a, #f3e97a);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
|
||||
border-color: #f3e97a #f3e97a #edde34;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.datepicker table tr td.range.today:hover,
|
||||
.datepicker table tr td.range.today:hover:hover,
|
||||
.datepicker table tr td.range.today.disabled:hover,
|
||||
.datepicker table tr td.range.today.disabled:hover:hover,
|
||||
.datepicker table tr td.range.today:active,
|
||||
.datepicker table tr td.range.today:hover:active,
|
||||
.datepicker table tr td.range.today.disabled:active,
|
||||
.datepicker table tr td.range.today.disabled:hover:active,
|
||||
.datepicker table tr td.range.today.active,
|
||||
.datepicker table tr td.range.today:hover.active,
|
||||
.datepicker table tr td.range.today.disabled.active,
|
||||
.datepicker table tr td.range.today.disabled:hover.active,
|
||||
.datepicker table tr td.range.today.disabled,
|
||||
.datepicker table tr td.range.today:hover.disabled,
|
||||
.datepicker table tr td.range.today.disabled.disabled,
|
||||
.datepicker table tr td.range.today.disabled:hover.disabled,
|
||||
.datepicker table tr td.range.today[disabled],
|
||||
.datepicker table tr td.range.today:hover[disabled],
|
||||
.datepicker table tr td.range.today.disabled[disabled],
|
||||
.datepicker table tr td.range.today.disabled:hover[disabled] {
|
||||
background-color: #f3e97a;
|
||||
}
|
||||
.datepicker table tr td.range.today:active,
|
||||
.datepicker table tr td.range.today:hover:active,
|
||||
.datepicker table tr td.range.today.disabled:active,
|
||||
.datepicker table tr td.range.today.disabled:hover:active,
|
||||
.datepicker table tr td.range.today.active,
|
||||
.datepicker table tr td.range.today:hover.active,
|
||||
.datepicker table tr td.range.today.disabled.active,
|
||||
.datepicker table tr td.range.today.disabled:hover.active {
|
||||
background-color: #efe24b \9;
|
||||
}
|
||||
.datepicker table tr td.selected,
|
||||
.datepicker table tr td.selected:hover,
|
||||
.datepicker table tr td.selected.disabled,
|
||||
.datepicker table tr td.selected.disabled:hover {
|
||||
background-color: #9e9e9e;
|
||||
background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
|
||||
background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
|
||||
background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
|
||||
background-image: -o-linear-gradient(top, #b3b3b3, #808080);
|
||||
background-image: linear-gradient(top, #b3b3b3, #808080);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
|
||||
border-color: #808080 #808080 #595959;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.datepicker table tr td.selected:hover,
|
||||
.datepicker table tr td.selected:hover:hover,
|
||||
.datepicker table tr td.selected.disabled:hover,
|
||||
.datepicker table tr td.selected.disabled:hover:hover,
|
||||
.datepicker table tr td.selected:active,
|
||||
.datepicker table tr td.selected:hover:active,
|
||||
.datepicker table tr td.selected.disabled:active,
|
||||
.datepicker table tr td.selected.disabled:hover:active,
|
||||
.datepicker table tr td.selected.active,
|
||||
.datepicker table tr td.selected:hover.active,
|
||||
.datepicker table tr td.selected.disabled.active,
|
||||
.datepicker table tr td.selected.disabled:hover.active,
|
||||
.datepicker table tr td.selected.disabled,
|
||||
.datepicker table tr td.selected:hover.disabled,
|
||||
.datepicker table tr td.selected.disabled.disabled,
|
||||
.datepicker table tr td.selected.disabled:hover.disabled,
|
||||
.datepicker table tr td.selected[disabled],
|
||||
.datepicker table tr td.selected:hover[disabled],
|
||||
.datepicker table tr td.selected.disabled[disabled],
|
||||
.datepicker table tr td.selected.disabled:hover[disabled] {
|
||||
background-color: #808080;
|
||||
}
|
||||
.datepicker table tr td.selected:active,
|
||||
.datepicker table tr td.selected:hover:active,
|
||||
.datepicker table tr td.selected.disabled:active,
|
||||
.datepicker table tr td.selected.disabled:hover:active,
|
||||
.datepicker table tr td.selected.active,
|
||||
.datepicker table tr td.selected:hover.active,
|
||||
.datepicker table tr td.selected.disabled.active,
|
||||
.datepicker table tr td.selected.disabled:hover.active {
|
||||
background-color: #666666 \9;
|
||||
}
|
||||
.datepicker table tr td.active,
|
||||
.datepicker table tr td.active:hover,
|
||||
.datepicker table tr td.active.disabled,
|
||||
.datepicker table tr td.active.disabled:hover {
|
||||
background-color: #006dcc;
|
||||
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
|
||||
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: linear-gradient(top, #0088cc, #0044cc);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
|
||||
border-color: #0044cc #0044cc #002a80;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.datepicker table tr td.active:hover,
|
||||
.datepicker table tr td.active:hover:hover,
|
||||
.datepicker table tr td.active.disabled:hover,
|
||||
.datepicker table tr td.active.disabled:hover:hover,
|
||||
.datepicker table tr td.active:active,
|
||||
.datepicker table tr td.active:hover:active,
|
||||
.datepicker table tr td.active.disabled:active,
|
||||
.datepicker table tr td.active.disabled:hover:active,
|
||||
.datepicker table tr td.active.active,
|
||||
.datepicker table tr td.active:hover.active,
|
||||
.datepicker table tr td.active.disabled.active,
|
||||
.datepicker table tr td.active.disabled:hover.active,
|
||||
.datepicker table tr td.active.disabled,
|
||||
.datepicker table tr td.active:hover.disabled,
|
||||
.datepicker table tr td.active.disabled.disabled,
|
||||
.datepicker table tr td.active.disabled:hover.disabled,
|
||||
.datepicker table tr td.active[disabled],
|
||||
.datepicker table tr td.active:hover[disabled],
|
||||
.datepicker table tr td.active.disabled[disabled],
|
||||
.datepicker table tr td.active.disabled:hover[disabled] {
|
||||
background-color: #0044cc;
|
||||
}
|
||||
.datepicker table tr td.active:active,
|
||||
.datepicker table tr td.active:hover:active,
|
||||
.datepicker table tr td.active.disabled:active,
|
||||
.datepicker table tr td.active.disabled:hover:active,
|
||||
.datepicker table tr td.active.active,
|
||||
.datepicker table tr td.active:hover.active,
|
||||
.datepicker table tr td.active.disabled.active,
|
||||
.datepicker table tr td.active.disabled:hover.active {
|
||||
background-color: #003399 \9;
|
||||
}
|
||||
.datepicker table tr td span {
|
||||
display: block;
|
||||
width: 23%;
|
||||
height: 54px;
|
||||
line-height: 54px;
|
||||
float: left;
|
||||
margin: 1%;
|
||||
cursor: pointer;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.datepicker table tr td span:hover {
|
||||
background: #eeeeee;
|
||||
}
|
||||
.datepicker table tr td span.disabled,
|
||||
.datepicker table tr td span.disabled:hover {
|
||||
background: none;
|
||||
color: #999999;
|
||||
cursor: default;
|
||||
}
|
||||
.datepicker table tr td span.active,
|
||||
.datepicker table tr td span.active:hover,
|
||||
.datepicker table tr td span.active.disabled,
|
||||
.datepicker table tr td span.active.disabled:hover {
|
||||
background-color: #006dcc;
|
||||
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
|
||||
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: linear-gradient(top, #0088cc, #0044cc);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
|
||||
border-color: #0044cc #0044cc #002a80;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.datepicker table tr td span.active:hover,
|
||||
.datepicker table tr td span.active:hover:hover,
|
||||
.datepicker table tr td span.active.disabled:hover,
|
||||
.datepicker table tr td span.active.disabled:hover:hover,
|
||||
.datepicker table tr td span.active:active,
|
||||
.datepicker table tr td span.active:hover:active,
|
||||
.datepicker table tr td span.active.disabled:active,
|
||||
.datepicker table tr td span.active.disabled:hover:active,
|
||||
.datepicker table tr td span.active.active,
|
||||
.datepicker table tr td span.active:hover.active,
|
||||
.datepicker table tr td span.active.disabled.active,
|
||||
.datepicker table tr td span.active.disabled:hover.active,
|
||||
.datepicker table tr td span.active.disabled,
|
||||
.datepicker table tr td span.active:hover.disabled,
|
||||
.datepicker table tr td span.active.disabled.disabled,
|
||||
.datepicker table tr td span.active.disabled:hover.disabled,
|
||||
.datepicker table tr td span.active[disabled],
|
||||
.datepicker table tr td span.active:hover[disabled],
|
||||
.datepicker table tr td span.active.disabled[disabled],
|
||||
.datepicker table tr td span.active.disabled:hover[disabled] {
|
||||
background-color: #0044cc;
|
||||
}
|
||||
.datepicker table tr td span.active:active,
|
||||
.datepicker table tr td span.active:hover:active,
|
||||
.datepicker table tr td span.active.disabled:active,
|
||||
.datepicker table tr td span.active.disabled:hover:active,
|
||||
.datepicker table tr td span.active.active,
|
||||
.datepicker table tr td span.active:hover.active,
|
||||
.datepicker table tr td span.active.disabled.active,
|
||||
.datepicker table tr td span.active.disabled:hover.active {
|
||||
background-color: #003399 \9;
|
||||
}
|
||||
.datepicker table tr td span.old,
|
||||
.datepicker table tr td span.new {
|
||||
color: #999999;
|
||||
}
|
||||
.datepicker th.datepicker-switch {
|
||||
width: 145px;
|
||||
}
|
||||
.datepicker thead tr:first-child th,
|
||||
.datepicker tfoot tr th {
|
||||
cursor: pointer;
|
||||
}
|
||||
.datepicker thead tr:first-child th:hover,
|
||||
.datepicker tfoot tr th:hover {
|
||||
background: #eeeeee;
|
||||
}
|
||||
.datepicker .cw {
|
||||
font-size: 10px;
|
||||
width: 12px;
|
||||
padding: 0 2px 0 5px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.datepicker thead tr:first-child th.cw {
|
||||
cursor: default;
|
||||
background-color: transparent;
|
||||
}
|
||||
.input-append.date .add-on i,
|
||||
.input-prepend.date .add-on i {
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
.input-daterange input {
|
||||
text-align: center;
|
||||
}
|
||||
.input-daterange input:first-child {
|
||||
-webkit-border-radius: 3px 0 0 3px;
|
||||
-moz-border-radius: 3px 0 0 3px;
|
||||
border-radius: 3px 0 0 3px;
|
||||
}
|
||||
.input-daterange input:last-child {
|
||||
-webkit-border-radius: 0 3px 3px 0;
|
||||
-moz-border-radius: 0 3px 3px 0;
|
||||
border-radius: 0 3px 3px 0;
|
||||
}
|
||||
.input-daterange .add-on {
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
min-width: 16px;
|
||||
height: 18px;
|
||||
padding: 4px 5px;
|
||||
font-weight: normal;
|
||||
line-height: 18px;
|
||||
text-align: center;
|
||||
text-shadow: 0 1px 0 #ffffff;
|
||||
vertical-align: middle;
|
||||
background-color: #eeeeee;
|
||||
border: 1px solid #ccc;
|
||||
margin-left: -5px;
|
||||
margin-right: -5px;
|
||||
}
|
||||
121
upload/admin_area/styles/cb_2014/theme/assets/css/bootstrap-timepicker.css
vendored
Normal file
121
upload/admin_area/styles/cb_2014/theme/assets/css/bootstrap-timepicker.css
vendored
Normal file
|
|
@ -0,0 +1,121 @@
|
|||
/*!
|
||||
* 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%;
|
||||
}
|
||||
}
|
||||
9
upload/admin_area/styles/cb_2014/theme/assets/css/bootstrap.min.css
vendored
Normal file
9
upload/admin_area/styles/cb_2014/theme/assets/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 646 B |
Binary file not shown.
|
After Width: | Height: | Size: 872 B |
430
upload/admin_area/styles/cb_2014/theme/assets/css/chosen.css
Normal file
430
upload/admin_area/styles/cb_2014/theme/assets/css/chosen.css
Normal file
|
|
@ -0,0 +1,430 @@
|
|||
/* @group Base */
|
||||
.chosen-container {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
font-size: 13px;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.chosen-container .chosen-drop {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: -9999px;
|
||||
z-index: 1010;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
border: 1px solid #aaa;
|
||||
border-top: 0;
|
||||
background: #fff;
|
||||
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
.chosen-container.chosen-with-drop .chosen-drop {
|
||||
left: 0;
|
||||
}
|
||||
.chosen-container a {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
/* @group Single Chosen */
|
||||
.chosen-container-single .chosen-single {
|
||||
position: relative;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
padding: 0 0 0 8px;
|
||||
height: 23px;
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 5px;
|
||||
background-color: #fff;
|
||||
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
|
||||
background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||||
background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||||
background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||||
background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||||
background-clip: padding-box;
|
||||
box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
|
||||
color: #444;
|
||||
text-decoration: none;
|
||||
white-space: nowrap;
|
||||
line-height: 24px;
|
||||
}
|
||||
.chosen-container-single .chosen-default {
|
||||
color: #999;
|
||||
}
|
||||
.chosen-container-single .chosen-single span {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
margin-right: 26px;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.chosen-container-single .chosen-single-with-deselect span {
|
||||
margin-right: 38px;
|
||||
}
|
||||
.chosen-container-single .chosen-single abbr {
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
right: 26px;
|
||||
display: block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
background: url('chosen-sprite.png') -42px 1px no-repeat;
|
||||
font-size: 1px;
|
||||
}
|
||||
.chosen-container-single .chosen-single abbr:hover {
|
||||
background-position: -42px -10px;
|
||||
}
|
||||
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
|
||||
background-position: -42px -10px;
|
||||
}
|
||||
.chosen-container-single .chosen-single div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
display: block;
|
||||
width: 18px;
|
||||
height: 100%;
|
||||
}
|
||||
.chosen-container-single .chosen-single div b {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url('chosen-sprite.png') no-repeat 0px 2px;
|
||||
}
|
||||
.chosen-container-single .chosen-search {
|
||||
position: relative;
|
||||
z-index: 1010;
|
||||
margin: 0;
|
||||
padding: 3px 4px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.chosen-container-single .chosen-search input[type="text"] {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 1px 0;
|
||||
padding: 4px 20px 4px 5px;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
outline: 0;
|
||||
border: 1px solid #aaa;
|
||||
background: white url('chosen-sprite.png') no-repeat 100% -20px;
|
||||
background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
|
||||
background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
font-size: 1em;
|
||||
font-family: sans-serif;
|
||||
line-height: normal;
|
||||
border-radius: 0;
|
||||
}
|
||||
.chosen-container-single .chosen-drop {
|
||||
margin-top: -1px;
|
||||
border-radius: 0 0 4px 4px;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
|
||||
position: absolute;
|
||||
left: -9999px;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
/* @group Results */
|
||||
.chosen-container .chosen-results {
|
||||
position: relative;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
margin: 0 4px 4px 0;
|
||||
padding: 0 0 0 4px;
|
||||
max-height: 240px;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.chosen-container .chosen-results li {
|
||||
display: none;
|
||||
margin: 0;
|
||||
padding: 5px 6px;
|
||||
list-style: none;
|
||||
line-height: 15px;
|
||||
}
|
||||
.chosen-container .chosen-results li.active-result {
|
||||
display: list-item;
|
||||
cursor: pointer;
|
||||
}
|
||||
.chosen-container .chosen-results li.disabled-result {
|
||||
display: list-item;
|
||||
color: #ccc;
|
||||
cursor: default;
|
||||
}
|
||||
.chosen-container .chosen-results li.highlighted {
|
||||
background-color: #3875d7;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
|
||||
background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
|
||||
background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
|
||||
background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
|
||||
background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
|
||||
color: #fff;
|
||||
}
|
||||
.chosen-container .chosen-results li.no-results {
|
||||
display: list-item;
|
||||
background: #f4f4f4;
|
||||
}
|
||||
.chosen-container .chosen-results li.group-result {
|
||||
display: list-item;
|
||||
font-weight: bold;
|
||||
cursor: default;
|
||||
}
|
||||
.chosen-container .chosen-results li.group-option {
|
||||
padding-left: 15px;
|
||||
}
|
||||
.chosen-container .chosen-results li em {
|
||||
font-style: normal;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
/* @group Multi Chosen */
|
||||
.chosen-container-multi .chosen-choices {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
height: auto !important;
|
||||
height: 1%;
|
||||
border: 1px solid #aaa;
|
||||
background-color: #fff;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
|
||||
background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
cursor: text;
|
||||
}
|
||||
.chosen-container-multi .chosen-choices li {
|
||||
float: left;
|
||||
list-style: none;
|
||||
}
|
||||
.chosen-container-multi .chosen-choices li.search-field {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
|
||||
margin: 1px 0;
|
||||
padding: 5px;
|
||||
height: 15px;
|
||||
outline: 0;
|
||||
border: 0 !important;
|
||||
background: transparent !important;
|
||||
box-shadow: none;
|
||||
color: #666;
|
||||
font-size: 100%;
|
||||
font-family: sans-serif;
|
||||
line-height: normal;
|
||||
border-radius: 0;
|
||||
}
|
||||
.chosen-container-multi .chosen-choices li.search-field .default {
|
||||
color: #999;
|
||||
}
|
||||
.chosen-container-multi .chosen-choices li.search-choice {
|
||||
position: relative;
|
||||
margin: 3px 0 3px 5px;
|
||||
padding: 3px 20px 3px 5px;
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 3px;
|
||||
background-color: #e4e4e4;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
|
||||
background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-clip: padding-box;
|
||||
box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
|
||||
color: #333;
|
||||
line-height: 13px;
|
||||
cursor: default;
|
||||
}
|
||||
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
right: 3px;
|
||||
display: block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
background: url('chosen-sprite.png') -42px 1px no-repeat;
|
||||
font-size: 1px;
|
||||
}
|
||||
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
|
||||
background-position: -42px -10px;
|
||||
}
|
||||
.chosen-container-multi .chosen-choices li.search-choice-disabled {
|
||||
padding-right: 5px;
|
||||
border: 1px solid #ccc;
|
||||
background-color: #e4e4e4;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 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(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
color: #666;
|
||||
}
|
||||
.chosen-container-multi .chosen-choices li.search-choice-focus {
|
||||
background: #d4d4d4;
|
||||
}
|
||||
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
|
||||
background-position: -42px -10px;
|
||||
}
|
||||
.chosen-container-multi .chosen-results {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.chosen-container-multi .chosen-drop .result-selected {
|
||||
display: list-item;
|
||||
color: #ccc;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
/* @group Active */
|
||||
.chosen-container-active .chosen-single {
|
||||
border: 1px solid #5897fb;
|
||||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
.chosen-container-active.chosen-with-drop .chosen-single {
|
||||
border: 1px solid #aaa;
|
||||
-moz-border-radius-bottomright: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
-moz-border-radius-bottomleft: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
|
||||
background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
|
||||
background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
|
||||
background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
|
||||
background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
|
||||
box-shadow: 0 1px 0 #fff inset;
|
||||
}
|
||||
.chosen-container-active.chosen-with-drop .chosen-single div {
|
||||
border-left: none;
|
||||
background: transparent;
|
||||
}
|
||||
.chosen-container-active.chosen-with-drop .chosen-single div b {
|
||||
background-position: -18px 2px;
|
||||
}
|
||||
.chosen-container-active .chosen-choices {
|
||||
border: 1px solid #5897fb;
|
||||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
|
||||
color: #111 !important;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
/* @group Disabled Support */
|
||||
.chosen-disabled {
|
||||
opacity: 0.5 !important;
|
||||
cursor: default;
|
||||
}
|
||||
.chosen-disabled .chosen-single {
|
||||
cursor: default;
|
||||
}
|
||||
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
/* @group Right to Left */
|
||||
.chosen-rtl {
|
||||
text-align: right;
|
||||
}
|
||||
.chosen-rtl .chosen-single {
|
||||
overflow: visible;
|
||||
padding: 0 8px 0 0;
|
||||
}
|
||||
.chosen-rtl .chosen-single span {
|
||||
margin-right: 0;
|
||||
margin-left: 26px;
|
||||
direction: rtl;
|
||||
}
|
||||
.chosen-rtl .chosen-single-with-deselect span {
|
||||
margin-left: 38px;
|
||||
}
|
||||
.chosen-rtl .chosen-single div {
|
||||
right: auto;
|
||||
left: 3px;
|
||||
}
|
||||
.chosen-rtl .chosen-single abbr {
|
||||
right: auto;
|
||||
left: 26px;
|
||||
}
|
||||
.chosen-rtl .chosen-choices li {
|
||||
float: right;
|
||||
}
|
||||
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
|
||||
direction: rtl;
|
||||
}
|
||||
.chosen-rtl .chosen-choices li.search-choice {
|
||||
margin: 3px 5px 3px 0;
|
||||
padding: 3px 5px 3px 19px;
|
||||
}
|
||||
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
|
||||
right: auto;
|
||||
left: 4px;
|
||||
}
|
||||
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
|
||||
.chosen-rtl .chosen-drop {
|
||||
left: 9999px;
|
||||
}
|
||||
.chosen-rtl.chosen-container-single .chosen-results {
|
||||
margin: 0 0 4px 4px;
|
||||
padding: 0 4px 0 0;
|
||||
}
|
||||
.chosen-rtl .chosen-results li.group-option {
|
||||
padding-right: 15px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
|
||||
border-right: none;
|
||||
}
|
||||
.chosen-rtl .chosen-search input[type="text"] {
|
||||
padding: 4px 5px 4px 20px;
|
||||
background: white url('chosen-sprite.png') no-repeat -30px -20px;
|
||||
background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
|
||||
background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat -30px -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat -30px -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
direction: rtl;
|
||||
}
|
||||
.chosen-rtl.chosen-container-single .chosen-single div b {
|
||||
background-position: 6px 2px;
|
||||
}
|
||||
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single 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) {
|
||||
.chosen-rtl .chosen-search input[type="text"],
|
||||
.chosen-container-single .chosen-single abbr,
|
||||
.chosen-container-single .chosen-single div b,
|
||||
.chosen-container-single .chosen-search input[type="text"],
|
||||
.chosen-container-multi .chosen-choices .search-choice .search-choice-close,
|
||||
.chosen-container .chosen-results-scroll-down span,
|
||||
.chosen-container .chosen-results-scroll-up span {
|
||||
background-image: url('chosen-sprite@2x.png') !important;
|
||||
background-size: 52px 37px !important;
|
||||
background-repeat: no-repeat !important;
|
||||
}
|
||||
}
|
||||
/* @end */
|
||||
3
upload/admin_area/styles/cb_2014/theme/assets/css/chosen.min.css
vendored
Normal file
3
upload/admin_area/styles/cb_2014/theme/assets/css/chosen.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,69 @@
|
|||
/*
|
||||
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);
|
||||
}
|
||||
|
|
@ -0,0 +1,127 @@
|
|||
/*!
|
||||
* Colorpicker for Bootstrap
|
||||
*
|
||||
* Copyright 2012 Stefan Petre
|
||||
* Licensed under the Apache License v2.0
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
*/
|
||||
.colorpicker-saturation {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-image: url(img/saturation.png);
|
||||
cursor: crosshair;
|
||||
float: left;
|
||||
}
|
||||
.colorpicker-saturation i {
|
||||
display: block;
|
||||
height: 5px;
|
||||
width: 5px;
|
||||
border: 1px solid #000;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
margin: -4px 0 0 -4px;
|
||||
}
|
||||
.colorpicker-saturation i b {
|
||||
display: block;
|
||||
height: 5px;
|
||||
width: 5px;
|
||||
border: 1px solid #fff;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.colorpicker-hue, .colorpicker-alpha {
|
||||
width: 15px;
|
||||
height: 100px;
|
||||
float: left;
|
||||
cursor: row-resize;
|
||||
margin-left: 4px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.colorpicker-hue i, .colorpicker-alpha i {
|
||||
display: block;
|
||||
height: 1px;
|
||||
background: #000;
|
||||
border-top: 1px solid #fff;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
margin-top: -1px;
|
||||
}
|
||||
.colorpicker-hue {
|
||||
background-image: url(img/hue.png);
|
||||
}
|
||||
.colorpicker-alpha {
|
||||
background-image: url(img/alpha.png);
|
||||
display: none;
|
||||
}
|
||||
.colorpicker {
|
||||
*zoom: 1;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: 4px;
|
||||
min-width: 120px;
|
||||
margin-top: 1px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.colorpicker:before, .colorpicker:after {
|
||||
display: table;
|
||||
content: "";
|
||||
}
|
||||
.colorpicker:after {
|
||||
clear: both;
|
||||
}
|
||||
.colorpicker:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 7px solid transparent;
|
||||
border-right: 7px solid transparent;
|
||||
border-bottom: 7px solid #ccc;
|
||||
border-bottom-color: rgba(0, 0, 0, 0.2);
|
||||
position: absolute;
|
||||
top: -7px;
|
||||
left: 6px;
|
||||
}
|
||||
.colorpicker:after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid #ffffff;
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
left: 7px;
|
||||
}
|
||||
.colorpicker div {
|
||||
position: relative;
|
||||
}
|
||||
.colorpicker.alpha {
|
||||
min-width: 140px;
|
||||
}
|
||||
.colorpicker.alpha .colorpicker-alpha {
|
||||
display: block;
|
||||
}
|
||||
.colorpicker-color {
|
||||
height: 10px;
|
||||
margin-top: 5px;
|
||||
clear: both;
|
||||
background-image: url(img/alpha.png);
|
||||
background-position: 0 100%;
|
||||
}
|
||||
.colorpicker-color div {
|
||||
height: 10px;
|
||||
}
|
||||
.input-append.color .add-on i, .input-prepend.color .add-on i {
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
301
upload/admin_area/styles/cb_2014/theme/assets/css/datepicker.css
Normal file
301
upload/admin_area/styles/cb_2014/theme/assets/css/datepicker.css
Normal file
|
|
@ -0,0 +1,301 @@
|
|||
/*!
|
||||
* 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.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.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;
|
||||
}
|
||||
|
|
@ -0,0 +1,244 @@
|
|||
/*!
|
||||
* Stylesheet for the Date Range Picker, for use with Bootstrap 3.x
|
||||
*
|
||||
* Copyright 2013 Dan Grossman ( http://www.dangrossman.info )
|
||||
* Licensed under the Apache License v2.0
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Built for http://www.improvely.com
|
||||
*/
|
||||
|
||||
.daterangepicker.dropdown-menu {
|
||||
max-width: none;
|
||||
}
|
||||
|
||||
.daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {
|
||||
float: left;
|
||||
margin: 4px;
|
||||
}
|
||||
|
||||
.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar {
|
||||
float: right;
|
||||
margin: 4px;
|
||||
}
|
||||
|
||||
.daterangepicker .ranges {
|
||||
width: 160px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.daterangepicker .ranges .range_inputs>div {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.daterangepicker .ranges .range_inputs>div:nth-child(2) {
|
||||
padding-left: 11px;
|
||||
}
|
||||
|
||||
.daterangepicker .calendar {
|
||||
display: none;
|
||||
max-width: 270px;
|
||||
}
|
||||
|
||||
.daterangepicker .calendar th, .daterangepicker .calendar td {
|
||||
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
min-width: 32px;
|
||||
}
|
||||
|
||||
.daterangepicker .ranges label {
|
||||
color: #333;
|
||||
display: block;
|
||||
font-size: 11px;
|
||||
font-weight: normal;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
margin-bottom: 2px;
|
||||
text-shadow: #fff 1px 1px 0px;
|
||||
text-transform: uppercase;
|
||||
width: 74px;
|
||||
}
|
||||
|
||||
.daterangepicker .ranges input {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.daterangepicker .ranges .input-mini {
|
||||
background-color: #eee;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px;
|
||||
color: #555;
|
||||
display: block;
|
||||
font-size: 11px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
vertical-align: middle;
|
||||
margin: 0 0 10px 0;
|
||||
padding: 0 6px;
|
||||
width: 74px;
|
||||
}
|
||||
|
||||
.daterangepicker .ranges ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.daterangepicker .ranges li {
|
||||
font-size: 13px;
|
||||
background: #f5f5f5;
|
||||
border: 1px solid #f5f5f5;
|
||||
color: #08c;
|
||||
padding: 3px 12px;
|
||||
margin-bottom: 8px;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
|
||||
background: #08c;
|
||||
border: 1px solid #08c;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.daterangepicker .calendar-date {
|
||||
border: 1px solid #ddd;
|
||||
padding: 4px;
|
||||
border-radius: 4px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.daterangepicker .calendar-time {
|
||||
text-align: center;
|
||||
margin: 8px auto 0 auto;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.daterangepicker {
|
||||
position: absolute;
|
||||
background: #fff;
|
||||
top: 100px;
|
||||
left: 20px;
|
||||
padding: 4px;
|
||||
margin-top: 1px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.daterangepicker.opensleft:before {
|
||||
position: absolute;
|
||||
top: -7px;
|
||||
right: 9px;
|
||||
display: inline-block;
|
||||
border-right: 7px solid transparent;
|
||||
border-bottom: 7px solid #ccc;
|
||||
border-left: 7px solid transparent;
|
||||
border-bottom-color: rgba(0, 0, 0, 0.2);
|
||||
content: '';
|
||||
}
|
||||
|
||||
.daterangepicker.opensleft:after {
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
right: 10px;
|
||||
display: inline-block;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid #fff;
|
||||
border-left: 6px solid transparent;
|
||||
content: '';
|
||||
}
|
||||
|
||||
.daterangepicker.opensright:before {
|
||||
position: absolute;
|
||||
top: -7px;
|
||||
left: 9px;
|
||||
display: inline-block;
|
||||
border-right: 7px solid transparent;
|
||||
border-bottom: 7px solid #ccc;
|
||||
border-left: 7px solid transparent;
|
||||
border-bottom-color: rgba(0, 0, 0, 0.2);
|
||||
content: '';
|
||||
}
|
||||
|
||||
.daterangepicker.opensright:after {
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
left: 10px;
|
||||
display: inline-block;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid #fff;
|
||||
border-left: 6px solid transparent;
|
||||
content: '';
|
||||
}
|
||||
|
||||
.daterangepicker table {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.daterangepicker td, .daterangepicker th {
|
||||
text-align: center;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.daterangepicker td.off {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.daterangepicker td.disabled {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
.daterangepicker td.in-range {
|
||||
background: #ebf4f8;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.daterangepicker td.active, .daterangepicker td.active:hover {
|
||||
background-color: #357ebd;
|
||||
border-color: #3071a9;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.daterangepicker td.week, .daterangepicker th.week {
|
||||
font-size: 80%;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
|
||||
font-size: 12px;
|
||||
padding: 1px;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.daterangepicker select.monthselect {
|
||||
margin-right: 2%;
|
||||
width: 56%;
|
||||
}
|
||||
|
||||
.daterangepicker select.yearselect {
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.ampmselect {
|
||||
width: 50px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
410
upload/admin_area/styles/cb_2014/theme/assets/css/dropzone.css
Normal file
410
upload/admin_area/styles/cb_2014/theme/assets/css/dropzone.css
Normal file
|
|
@ -0,0 +1,410 @@
|
|||
/* The MIT License */
|
||||
.dropzone,
|
||||
.dropzone *,
|
||||
.dropzone-previews,
|
||||
.dropzone-previews * {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.dropzone {
|
||||
position: relative;
|
||||
border: 1px solid rgba(0,0,0,0.08);
|
||||
background: rgba(0,0,0,0.02);
|
||||
padding: 1em;
|
||||
}
|
||||
.dropzone.dz-clickable {
|
||||
cursor: pointer;
|
||||
}
|
||||
.dropzone.dz-clickable .dz-message,
|
||||
.dropzone.dz-clickable .dz-message span {
|
||||
cursor: pointer;
|
||||
}
|
||||
.dropzone.dz-clickable * {
|
||||
cursor: default;
|
||||
}
|
||||
.dropzone .dz-message {
|
||||
opacity: 1;
|
||||
-ms-filter: none;
|
||||
filter: none;
|
||||
}
|
||||
.dropzone.dz-drag-hover {
|
||||
border-color: rgba(0,0,0,0.15);
|
||||
background: rgba(0,0,0,0.04);
|
||||
}
|
||||
.dropzone.dz-started .dz-message {
|
||||
display: none;
|
||||
}
|
||||
.dropzone .dz-preview,
|
||||
.dropzone-previews .dz-preview {
|
||||
background: rgba(255,255,255,0.8);
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin: 17px;
|
||||
vertical-align: top;
|
||||
border: 1px solid #acacac;
|
||||
padding: 6px 6px 6px 6px;
|
||||
}
|
||||
.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
|
||||
.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
|
||||
display: none;
|
||||
}
|
||||
.dropzone .dz-preview .dz-details,
|
||||
.dropzone-previews .dz-preview .dz-details {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
position: relative;
|
||||
background: #ebebeb;
|
||||
padding: 5px;
|
||||
margin-bottom: 22px;
|
||||
}
|
||||
.dropzone .dz-preview .dz-details .dz-filename,
|
||||
.dropzone-previews .dz-preview .dz-details .dz-filename {
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.dropzone .dz-preview .dz-details img,
|
||||
.dropzone-previews .dz-preview .dz-details img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
.dropzone .dz-preview .dz-details .dz-size,
|
||||
.dropzone-previews .dz-preview .dz-details .dz-size {
|
||||
position: absolute;
|
||||
bottom: -28px;
|
||||
left: 3px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
}
|
||||
.dropzone .dz-preview.dz-error .dz-error-mark,
|
||||
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
|
||||
display: block;
|
||||
}
|
||||
.dropzone .dz-preview.dz-success .dz-success-mark,
|
||||
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
|
||||
display: block;
|
||||
}
|
||||
.dropzone .dz-preview:hover .dz-details img,
|
||||
.dropzone-previews .dz-preview:hover .dz-details img {
|
||||
display: none;
|
||||
}
|
||||
.dropzone .dz-preview .dz-success-mark,
|
||||
.dropzone-previews .dz-preview .dz-success-mark,
|
||||
.dropzone .dz-preview .dz-error-mark,
|
||||
.dropzone-previews .dz-preview .dz-error-mark {
|
||||
display: none;
|
||||
position: absolute;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
font-size: 30px;
|
||||
text-align: center;
|
||||
right: -10px;
|
||||
top: -10px;
|
||||
}
|
||||
.dropzone .dz-preview .dz-success-mark,
|
||||
.dropzone-previews .dz-preview .dz-success-mark {
|
||||
color: #8cc657;
|
||||
}
|
||||
.dropzone .dz-preview .dz-error-mark,
|
||||
.dropzone-previews .dz-preview .dz-error-mark {
|
||||
color: #ee162d;
|
||||
}
|
||||
.dropzone .dz-preview .dz-progress,
|
||||
.dropzone-previews .dz-preview .dz-progress {
|
||||
position: absolute;
|
||||
top: 100px;
|
||||
left: 6px;
|
||||
right: 6px;
|
||||
height: 6px;
|
||||
background: #d7d7d7;
|
||||
display: none;
|
||||
}
|
||||
.dropzone .dz-preview .dz-progress .dz-upload,
|
||||
.dropzone-previews .dz-preview .dz-progress .dz-upload {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 0%;
|
||||
background-color: #8cc657;
|
||||
}
|
||||
.dropzone .dz-preview.dz-processing .dz-progress,
|
||||
.dropzone-previews .dz-preview.dz-processing .dz-progress {
|
||||
display: block;
|
||||
}
|
||||
.dropzone .dz-preview .dz-error-message,
|
||||
.dropzone-previews .dz-preview .dz-error-message {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: -5px;
|
||||
left: -20px;
|
||||
background: rgba(245,245,245,0.8);
|
||||
padding: 8px 10px;
|
||||
color: #800;
|
||||
min-width: 140px;
|
||||
max-width: 500px;
|
||||
z-index: 500;
|
||||
}
|
||||
.dropzone .dz-preview:hover.dz-error .dz-error-message,
|
||||
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
|
||||
display: block;
|
||||
}
|
||||
.dropzone {
|
||||
border: 1px solid rgba(0,0,0,0.03);
|
||||
min-height: 360px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
background: rgba(0,0,0,0.03);
|
||||
padding: 23px;
|
||||
}
|
||||
.dropzone .dz-default.dz-message {
|
||||
opacity: 1;
|
||||
-ms-filter: none;
|
||||
filter: none;
|
||||
-webkit-transition: opacity 0.3s ease-in-out;
|
||||
-moz-transition: opacity 0.3s ease-in-out;
|
||||
-o-transition: opacity 0.3s ease-in-out;
|
||||
-ms-transition: opacity 0.3s ease-in-out;
|
||||
transition: opacity 0.3s ease-in-out;
|
||||
background-image: url("../images/spritemap.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0 0;
|
||||
position: absolute;
|
||||
width: 428px;
|
||||
height: 123px;
|
||||
margin-left: -214px;
|
||||
margin-top: -61.5px;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
}
|
||||
@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
|
||||
.dropzone .dz-default.dz-message {
|
||||
background-image: url("../images/spritemap@2x.png");
|
||||
-webkit-background-size: 428px 406px;
|
||||
-moz-background-size: 428px 406px;
|
||||
background-size: 428px 406px;
|
||||
}
|
||||
}
|
||||
.dropzone .dz-default.dz-message span {
|
||||
display: none;
|
||||
}
|
||||
.dropzone.dz-square .dz-default.dz-message {
|
||||
background-position: 0 -123px;
|
||||
width: 268px;
|
||||
margin-left: -134px;
|
||||
height: 174px;
|
||||
margin-top: -87px;
|
||||
}
|
||||
.dropzone.dz-drag-hover .dz-message {
|
||||
opacity: 0.15;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
|
||||
filter: alpha(opacity=15);
|
||||
}
|
||||
.dropzone.dz-started .dz-message {
|
||||
display: block;
|
||||
opacity: 0;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
filter: alpha(opacity=0);
|
||||
}
|
||||
.dropzone .dz-preview,
|
||||
.dropzone-previews .dz-preview {
|
||||
-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
|
||||
box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
|
||||
font-size: 14px;
|
||||
}
|
||||
.dropzone .dz-preview.dz-image-preview:hover .dz-details img,
|
||||
.dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
|
||||
display: block;
|
||||
opacity: 0.1;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
|
||||
filter: alpha(opacity=10);
|
||||
}
|
||||
.dropzone .dz-preview.dz-success .dz-success-mark,
|
||||
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
|
||||
opacity: 1;
|
||||
-ms-filter: none;
|
||||
filter: none;
|
||||
}
|
||||
.dropzone .dz-preview.dz-error .dz-error-mark,
|
||||
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
|
||||
opacity: 1;
|
||||
-ms-filter: none;
|
||||
filter: none;
|
||||
}
|
||||
.dropzone .dz-preview.dz-error .dz-progress .dz-upload,
|
||||
.dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload {
|
||||
background: #ee1e2d;
|
||||
}
|
||||
.dropzone .dz-preview .dz-error-mark,
|
||||
.dropzone-previews .dz-preview .dz-error-mark,
|
||||
.dropzone .dz-preview .dz-success-mark,
|
||||
.dropzone-previews .dz-preview .dz-success-mark {
|
||||
display: block;
|
||||
opacity: 0;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
filter: alpha(opacity=0);
|
||||
-webkit-transition: opacity 0.4s ease-in-out;
|
||||
-moz-transition: opacity 0.4s ease-in-out;
|
||||
-o-transition: opacity 0.4s ease-in-out;
|
||||
-ms-transition: opacity 0.4s ease-in-out;
|
||||
transition: opacity 0.4s ease-in-out;
|
||||
background-image: url("../images/spritemap.png");
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
|
||||
.dropzone .dz-preview .dz-error-mark,
|
||||
.dropzone-previews .dz-preview .dz-error-mark,
|
||||
.dropzone .dz-preview .dz-success-mark,
|
||||
.dropzone-previews .dz-preview .dz-success-mark {
|
||||
background-image: url("../images/spritemap@2x.png");
|
||||
-webkit-background-size: 428px 406px;
|
||||
-moz-background-size: 428px 406px;
|
||||
background-size: 428px 406px;
|
||||
}
|
||||
}
|
||||
.dropzone .dz-preview .dz-error-mark span,
|
||||
.dropzone-previews .dz-preview .dz-error-mark span,
|
||||
.dropzone .dz-preview .dz-success-mark span,
|
||||
.dropzone-previews .dz-preview .dz-success-mark span {
|
||||
display: none;
|
||||
}
|
||||
.dropzone .dz-preview .dz-error-mark,
|
||||
.dropzone-previews .dz-preview .dz-error-mark {
|
||||
background-position: -268px -123px;
|
||||
}
|
||||
.dropzone .dz-preview .dz-success-mark,
|
||||
.dropzone-previews .dz-preview .dz-success-mark {
|
||||
background-position: -268px -163px;
|
||||
}
|
||||
.dropzone .dz-preview .dz-progress .dz-upload,
|
||||
.dropzone-previews .dz-preview .dz-progress .dz-upload {
|
||||
-webkit-animation: loading 0.4s linear infinite;
|
||||
-moz-animation: loading 0.4s linear infinite;
|
||||
-o-animation: loading 0.4s linear infinite;
|
||||
-ms-animation: loading 0.4s linear infinite;
|
||||
animation: loading 0.4s linear infinite;
|
||||
-webkit-transition: width 0.3s ease-in-out;
|
||||
-moz-transition: width 0.3s ease-in-out;
|
||||
-o-transition: width 0.3s ease-in-out;
|
||||
-ms-transition: width 0.3s ease-in-out;
|
||||
transition: width 0.3s ease-in-out;
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 0%;
|
||||
height: 100%;
|
||||
background-image: url("../images/spritemap.png");
|
||||
background-repeat: repeat-x;
|
||||
background-position: 0px -400px;
|
||||
}
|
||||
@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
|
||||
.dropzone .dz-preview .dz-progress .dz-upload,
|
||||
.dropzone-previews .dz-preview .dz-progress .dz-upload {
|
||||
background-image: url("../images/spritemap@2x.png");
|
||||
-webkit-background-size: 428px 406px;
|
||||
-moz-background-size: 428px 406px;
|
||||
background-size: 428px 406px;
|
||||
}
|
||||
}
|
||||
.dropzone .dz-preview.dz-success .dz-progress,
|
||||
.dropzone-previews .dz-preview.dz-success .dz-progress {
|
||||
display: block;
|
||||
opacity: 0;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
filter: alpha(opacity=0);
|
||||
-webkit-transition: opacity 0.4s ease-in-out;
|
||||
-moz-transition: opacity 0.4s ease-in-out;
|
||||
-o-transition: opacity 0.4s ease-in-out;
|
||||
-ms-transition: opacity 0.4s ease-in-out;
|
||||
transition: opacity 0.4s ease-in-out;
|
||||
}
|
||||
.dropzone .dz-preview .dz-error-message,
|
||||
.dropzone-previews .dz-preview .dz-error-message {
|
||||
display: block;
|
||||
opacity: 0;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
filter: alpha(opacity=0);
|
||||
-webkit-transition: opacity 0.3s ease-in-out;
|
||||
-moz-transition: opacity 0.3s ease-in-out;
|
||||
-o-transition: opacity 0.3s ease-in-out;
|
||||
-ms-transition: opacity 0.3s ease-in-out;
|
||||
transition: opacity 0.3s ease-in-out;
|
||||
}
|
||||
.dropzone .dz-preview:hover.dz-error .dz-error-message,
|
||||
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
|
||||
opacity: 1;
|
||||
-ms-filter: none;
|
||||
filter: none;
|
||||
}
|
||||
.dropzone a.dz-remove,
|
||||
.dropzone-previews a.dz-remove {
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #eee));
|
||||
background-image: -webkit-linear-gradient(top, #fafafa 0, #eee 100%);
|
||||
background-image: -moz-linear-gradient(top, #fafafa 0, #eee 100%);
|
||||
background-image: -o-linear-gradient(top, #fafafa 0, #eee 100%);
|
||||
background-image: -ms-linear-gradient(top, #fafafa 0, #eee 100%);
|
||||
background-image: linear-gradient(top, #fafafa 0, #eee 100%);
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #eee;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
padding: 4px 5px;
|
||||
text-align: center;
|
||||
color: #aaa;
|
||||
margin-top: 26px;
|
||||
}
|
||||
.dropzone a.dz-remove:hover,
|
||||
.dropzone-previews a.dz-remove:hover {
|
||||
color: #666;
|
||||
}
|
||||
@-moz-keyframes loading {
|
||||
0% {
|
||||
background-position: 0 -400px;
|
||||
}
|
||||
|
||||
100% {
|
||||
background-position: -7px -400px;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes loading {
|
||||
0% {
|
||||
background-position: 0 -400px;
|
||||
}
|
||||
|
||||
100% {
|
||||
background-position: -7px -400px;
|
||||
}
|
||||
}
|
||||
@-o-keyframes loading {
|
||||
0% {
|
||||
background-position: 0 -400px;
|
||||
}
|
||||
|
||||
100% {
|
||||
background-position: -7px -400px;
|
||||
}
|
||||
}
|
||||
@-ms-keyframes loading {
|
||||
0% {
|
||||
background-position: 0 -400px;
|
||||
}
|
||||
|
||||
100% {
|
||||
background-position: -7px -400px;
|
||||
}
|
||||
}
|
||||
@keyframes loading {
|
||||
0% {
|
||||
background-position: 0 -400px;
|
||||
}
|
||||
|
||||
100% {
|
||||
background-position: -7px -400px;
|
||||
}
|
||||
}
|
||||
384
upload/admin_area/styles/cb_2014/theme/assets/css/font-awesome-ie7.min.css
vendored
Normal file
384
upload/admin_area/styles/cb_2014/theme/assets/css/font-awesome-ie7.min.css
vendored
Normal file
|
|
@ -0,0 +1,384 @@
|
|||
.icon-large{font-size:1.3333333333333333em;margin-top:-4px;padding-top:3px;margin-bottom:-4px;padding-bottom:3px;vertical-align:middle;}
|
||||
.nav [class^="icon-"],.nav [class*=" icon-"]{vertical-align:inherit;margin-top:-4px;padding-top:3px;margin-bottom:-4px;padding-bottom:3px;}.nav [class^="icon-"].icon-large,.nav [class*=" icon-"].icon-large{vertical-align:-25%;}
|
||||
.nav-pills [class^="icon-"].icon-large,.nav-tabs [class^="icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large{line-height:.75em;margin-top:-7px;padding-top:5px;margin-bottom:-5px;padding-bottom:4px;}
|
||||
.btn [class^="icon-"].pull-left,.btn [class*=" icon-"].pull-left,.btn [class^="icon-"].pull-right,.btn [class*=" icon-"].pull-right{vertical-align:inherit;}
|
||||
.btn [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large{margin-top:-0.5em;}
|
||||
a [class^="icon-"],a [class*=" icon-"]{cursor:pointer;}
|
||||
.icon-glass{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-music{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-search{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-envelope-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-heart{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-star{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-star-empty{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-user{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-film{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-th-large{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-th{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-th-list{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-ok{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-remove{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-zoom-in{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-zoom-out{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-off{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-power-off{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-signal{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-cog{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-gear{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-trash{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-home{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-file-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-time{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-road{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-download-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-download{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-upload{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-inbox{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-play-circle{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-repeat{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-rotate-right{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-refresh{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-list-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-lock{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-flag{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-headphones{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-volume-off{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-volume-down{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-volume-up{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-qrcode{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-barcode{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-tag{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-tags{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-book{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-bookmark{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-print{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-camera{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-font{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-bold{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-italic{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-text-height{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-text-width{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-align-left{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-align-center{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-align-right{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-align-justify{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-list{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-indent-left{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-indent-right{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-facetime-video{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-picture{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-pencil{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-map-marker{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-adjust{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-tint{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-edit{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-share{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-check{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-move{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-step-backward{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-fast-backward{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-backward{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-play{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-pause{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-stop{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-forward{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-fast-forward{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-step-forward{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-eject{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-chevron-left{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-chevron-right{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-plus-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-minus-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-remove-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-ok-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-question-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-info-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-screenshot{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-remove-circle{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-ok-circle{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-ban-circle{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-arrow-left{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-arrow-right{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-arrow-up{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-arrow-down{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-share-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-mail-forward{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-resize-full{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-resize-small{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-plus{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-minus{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-asterisk{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-exclamation-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-gift{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-leaf{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-fire{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-eye-open{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-eye-close{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-warning-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-plane{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-calendar{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-random{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-comment{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-magnet{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-chevron-up{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-chevron-down{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-retweet{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-shopping-cart{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-folder-close{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-folder-open{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-resize-vertical{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-resize-horizontal{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-bar-chart{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-twitter-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-facebook-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-camera-retro{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-key{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-cogs{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-gears{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-comments{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-thumbs-up-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-thumbs-down-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-star-half{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-heart-empty{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-signout{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-linkedin-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-pushpin{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-external-link{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-signin{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-trophy{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-github-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-upload-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-lemon{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-phone{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-check-empty{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-unchecked{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-bookmark-empty{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-phone-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-twitter{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-facebook{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-github{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-unlock{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-credit-card{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-rss{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-hdd{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-bullhorn{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-bell{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-certificate{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-hand-right{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-hand-left{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-hand-up{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-hand-down{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-circle-arrow-left{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-circle-arrow-right{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-circle-arrow-up{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-circle-arrow-down{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-globe{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-wrench{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-tasks{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-filter{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-briefcase{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-fullscreen{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-group{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-link{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-cloud{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-beaker{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-cut{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-copy{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-paper-clip{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-paperclip{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-save{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-sign-blank{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-reorder{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-list-ul{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-list-ol{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-strikethrough{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-underline{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-table{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-magic{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-truck{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-pinterest{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-pinterest-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-google-plus-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-google-plus{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-money{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-caret-down{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-caret-up{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-caret-left{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-caret-right{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-columns{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-sort{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-sort-down{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-sort-up{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-envelope{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-linkedin{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-undo{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-rotate-left{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-legal{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-dashboard{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-comment-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-comments-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-bolt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-sitemap{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-umbrella{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-paste{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-lightbulb{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-exchange{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-cloud-download{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-cloud-upload{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-user-md{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-stethoscope{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-suitcase{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-bell-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-coffee{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-food{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-file-text-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-building{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-hospital{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-ambulance{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-medkit{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-fighter-jet{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-beer{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-h-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-plus-sign-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-double-angle-left{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-double-angle-right{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-double-angle-up{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-double-angle-down{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-angle-left{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-angle-right{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-angle-up{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-angle-down{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-desktop{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-laptop{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-tablet{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-mobile-phone{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-circle-blank{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-quote-left{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-quote-right{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-spinner{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-circle{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-reply{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-mail-reply{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-github-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-folder-close-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-folder-open-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-expand-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-collapse-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-smile{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-frown{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-meh{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-gamepad{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-keyboard{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-flag-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-flag-checkered{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-terminal{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-code{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-reply-all{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-mail-reply-all{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-star-half-empty{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-star-half-full{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-location-arrow{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-crop{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-code-fork{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-unlink{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-question{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-info{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-exclamation{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-superscript{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-subscript{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-eraser{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-puzzle-piece{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-microphone{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-microphone-off{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-shield{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-calendar-empty{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-fire-extinguisher{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-rocket{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-maxcdn{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-chevron-sign-left{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-chevron-sign-right{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-chevron-sign-up{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-chevron-sign-down{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-html5{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-css3{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-anchor{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-unlock-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-bullseye{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-ellipsis-horizontal{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-ellipsis-vertical{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-rss-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-play-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-ticket{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-minus-sign-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-check-minus{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-level-up{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-level-down{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-check-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-edit-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-external-link-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-share-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-compass{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-collapse{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-collapse-top{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-expand{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-eur{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-euro{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-gbp{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-usd{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-dollar{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-inr{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-rupee{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-jpy{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-yen{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-cny{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-renminbi{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-krw{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-won{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-btc{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-bitcoin{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-file{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-file-text{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-sort-by-alphabet{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-sort-by-alphabet-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-sort-by-attributes{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-sort-by-attributes-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-sort-by-order{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-sort-by-order-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-thumbs-up{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-thumbs-down{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-youtube-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-youtube{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-xing{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-xing-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-youtube-play{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-dropbox{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-stackexchange{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-instagram{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-flickr{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-adn{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-bitbucket{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-bitbucket-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-tumblr{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-tumblr-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-long-arrow-down{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-long-arrow-up{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-long-arrow-left{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-long-arrow-right{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-apple{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-windows{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-android{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-linux{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-dribbble{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-skype{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-foursquare{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-trello{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-female{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-male{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-gittip{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-sun{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-moon{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-archive{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-bug{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-vk{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-weibo{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-renren{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
403
upload/admin_area/styles/cb_2014/theme/assets/css/font-awesome.min.css
vendored
Normal file
403
upload/admin_area/styles/cb_2014/theme/assets/css/font-awesome.min.css
vendored
Normal file
|
|
@ -0,0 +1,403 @@
|
|||
@font-face{font-family:'FontAwesome';src:url('../font/fontawesome-webfont.eot?v=3.2.1');src:url('../font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),url('../font/fontawesome-webfont.woff?v=3.2.1') format('woff'),url('../font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;*margin-right:.3em;}
|
||||
[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;}
|
||||
.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em;}
|
||||
a [class^="icon-"],a [class*=" icon-"]{display:inline;}
|
||||
[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.1428571428571428em;text-align:right;padding-right:0.2857142857142857em;}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.4285714285714286em;}
|
||||
.icons-ul{margin-left:2.142857142857143em;list-style-type:none;}.icons-ul>li{position:relative;}
|
||||
.icons-ul .icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;text-align:center;line-height:inherit;}
|
||||
[class^="icon-"].hide,[class*=" icon-"].hide{display:none;}
|
||||
.icon-muted{color:#eeeeee;}
|
||||
.icon-light{color:#ffffff;}
|
||||
.icon-dark{color:#333333;}
|
||||
.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;}
|
||||
.icon-5x{font-size:5em;}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;}
|
||||
.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;}
|
||||
[class^="icon-"],[class*=" icon-"]{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;}
|
||||
.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;}
|
||||
.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-"],.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;}
|
||||
.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;}
|
||||
.nav-list [class^="icon-"],.nav-list [class*=" icon-"]{line-height:inherit;}
|
||||
.icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;}
|
||||
.icon-stack .icon-stack-base{font-size:2em;*line-height:1em;}
|
||||
.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;}
|
||||
a .icon-stack,a .icon-spin{display:inline-block;text-decoration:none;}
|
||||
@-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);}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
|
||||
.icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
|
||||
.icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
|
||||
.icon-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);}
|
||||
.icon-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);}
|
||||
a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block;}
|
||||
.icon-glass:before{content:"\f000";}
|
||||
.icon-music:before{content:"\f001";}
|
||||
.icon-search:before{content:"\f002";}
|
||||
.icon-envelope-alt: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-power-off:before,.icon-off:before{content:"\f011";}
|
||||
.icon-signal:before{content:"\f012";}
|
||||
.icon-gear:before,.icon-cog:before{content:"\f013";}
|
||||
.icon-trash:before{content:"\f014";}
|
||||
.icon-home:before{content:"\f015";}
|
||||
.icon-file-alt: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-rotate-right:before,.icon-repeat:before{content:"\f01e";}
|
||||
.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-mail-forward:before,.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-gears:before,.icon-cogs:before{content:"\f085";}
|
||||
.icon-comments:before{content:"\f086";}
|
||||
.icon-thumbs-up-alt:before{content:"\f087";}
|
||||
.icon-thumbs-down-alt: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-unchecked:before,.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-paperclip:before,.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:before{content:"\f0e0";}
|
||||
.icon-linkedin:before{content:"\f0e1";}
|
||||
.icon-rotate-left:before,.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-text-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-mail-reply:before,.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";}
|
||||
.icon-expand-alt:before{content:"\f116";}
|
||||
.icon-collapse-alt:before{content:"\f117";}
|
||||
.icon-smile:before{content:"\f118";}
|
||||
.icon-frown:before{content:"\f119";}
|
||||
.icon-meh:before{content:"\f11a";}
|
||||
.icon-gamepad:before{content:"\f11b";}
|
||||
.icon-keyboard:before{content:"\f11c";}
|
||||
.icon-flag-alt:before{content:"\f11d";}
|
||||
.icon-flag-checkered:before{content:"\f11e";}
|
||||
.icon-terminal:before{content:"\f120";}
|
||||
.icon-code:before{content:"\f121";}
|
||||
.icon-reply-all:before{content:"\f122";}
|
||||
.icon-mail-reply-all:before{content:"\f122";}
|
||||
.icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123";}
|
||||
.icon-location-arrow:before{content:"\f124";}
|
||||
.icon-crop:before{content:"\f125";}
|
||||
.icon-code-fork:before{content:"\f126";}
|
||||
.icon-unlink:before{content:"\f127";}
|
||||
.icon-question:before{content:"\f128";}
|
||||
.icon-info:before{content:"\f129";}
|
||||
.icon-exclamation:before{content:"\f12a";}
|
||||
.icon-superscript:before{content:"\f12b";}
|
||||
.icon-subscript:before{content:"\f12c";}
|
||||
.icon-eraser:before{content:"\f12d";}
|
||||
.icon-puzzle-piece:before{content:"\f12e";}
|
||||
.icon-microphone:before{content:"\f130";}
|
||||
.icon-microphone-off:before{content:"\f131";}
|
||||
.icon-shield:before{content:"\f132";}
|
||||
.icon-calendar-empty:before{content:"\f133";}
|
||||
.icon-fire-extinguisher:before{content:"\f134";}
|
||||
.icon-rocket:before{content:"\f135";}
|
||||
.icon-maxcdn:before{content:"\f136";}
|
||||
.icon-chevron-sign-left:before{content:"\f137";}
|
||||
.icon-chevron-sign-right:before{content:"\f138";}
|
||||
.icon-chevron-sign-up:before{content:"\f139";}
|
||||
.icon-chevron-sign-down:before{content:"\f13a";}
|
||||
.icon-html5:before{content:"\f13b";}
|
||||
.icon-css3:before{content:"\f13c";}
|
||||
.icon-anchor:before{content:"\f13d";}
|
||||
.icon-unlock-alt:before{content:"\f13e";}
|
||||
.icon-bullseye:before{content:"\f140";}
|
||||
.icon-ellipsis-horizontal:before{content:"\f141";}
|
||||
.icon-ellipsis-vertical:before{content:"\f142";}
|
||||
.icon-rss-sign:before{content:"\f143";}
|
||||
.icon-play-sign:before{content:"\f144";}
|
||||
.icon-ticket:before{content:"\f145";}
|
||||
.icon-minus-sign-alt:before{content:"\f146";}
|
||||
.icon-check-minus:before{content:"\f147";}
|
||||
.icon-level-up:before{content:"\f148";}
|
||||
.icon-level-down:before{content:"\f149";}
|
||||
.icon-check-sign:before{content:"\f14a";}
|
||||
.icon-edit-sign:before{content:"\f14b";}
|
||||
.icon-external-link-sign:before{content:"\f14c";}
|
||||
.icon-share-sign:before{content:"\f14d";}
|
||||
.icon-compass:before{content:"\f14e";}
|
||||
.icon-collapse:before{content:"\f150";}
|
||||
.icon-collapse-top:before{content:"\f151";}
|
||||
.icon-expand:before{content:"\f152";}
|
||||
.icon-euro:before,.icon-eur:before{content:"\f153";}
|
||||
.icon-gbp:before{content:"\f154";}
|
||||
.icon-dollar:before,.icon-usd:before{content:"\f155";}
|
||||
.icon-rupee:before,.icon-inr:before{content:"\f156";}
|
||||
.icon-yen:before,.icon-jpy:before{content:"\f157";}
|
||||
.icon-renminbi:before,.icon-cny:before{content:"\f158";}
|
||||
.icon-won:before,.icon-krw:before{content:"\f159";}
|
||||
.icon-bitcoin:before,.icon-btc:before{content:"\f15a";}
|
||||
.icon-file:before{content:"\f15b";}
|
||||
.icon-file-text:before{content:"\f15c";}
|
||||
.icon-sort-by-alphabet:before{content:"\f15d";}
|
||||
.icon-sort-by-alphabet-alt:before{content:"\f15e";}
|
||||
.icon-sort-by-attributes:before{content:"\f160";}
|
||||
.icon-sort-by-attributes-alt:before{content:"\f161";}
|
||||
.icon-sort-by-order:before{content:"\f162";}
|
||||
.icon-sort-by-order-alt:before{content:"\f163";}
|
||||
.icon-thumbs-up:before{content:"\f164";}
|
||||
.icon-thumbs-down:before{content:"\f165";}
|
||||
.icon-youtube-sign:before{content:"\f166";}
|
||||
.icon-youtube:before{content:"\f167";}
|
||||
.icon-xing:before{content:"\f168";}
|
||||
.icon-xing-sign:before{content:"\f169";}
|
||||
.icon-youtube-play:before{content:"\f16a";}
|
||||
.icon-dropbox:before{content:"\f16b";}
|
||||
.icon-stackexchange:before{content:"\f16c";}
|
||||
.icon-instagram:before{content:"\f16d";}
|
||||
.icon-flickr:before{content:"\f16e";}
|
||||
.icon-adn:before{content:"\f170";}
|
||||
.icon-bitbucket:before{content:"\f171";}
|
||||
.icon-bitbucket-sign:before{content:"\f172";}
|
||||
.icon-tumblr:before{content:"\f173";}
|
||||
.icon-tumblr-sign:before{content:"\f174";}
|
||||
.icon-long-arrow-down:before{content:"\f175";}
|
||||
.icon-long-arrow-up:before{content:"\f176";}
|
||||
.icon-long-arrow-left:before{content:"\f177";}
|
||||
.icon-long-arrow-right:before{content:"\f178";}
|
||||
.icon-apple:before{content:"\f179";}
|
||||
.icon-windows:before{content:"\f17a";}
|
||||
.icon-android:before{content:"\f17b";}
|
||||
.icon-linux:before{content:"\f17c";}
|
||||
.icon-dribbble:before{content:"\f17d";}
|
||||
.icon-skype:before{content:"\f17e";}
|
||||
.icon-foursquare:before{content:"\f180";}
|
||||
.icon-trello:before{content:"\f181";}
|
||||
.icon-female:before{content:"\f182";}
|
||||
.icon-male:before{content:"\f183";}
|
||||
.icon-gittip:before{content:"\f184";}
|
||||
.icon-sun:before{content:"\f185";}
|
||||
.icon-moon:before{content:"\f186";}
|
||||
.icon-archive:before{content:"\f187";}
|
||||
.icon-bug:before{content:"\f188";}
|
||||
.icon-vk:before{content:"\f189";}
|
||||
.icon-weibo:before{content:"\f18a";}
|
||||
.icon-renren:before{content:"\f18b";}
|
||||
|
|
@ -0,0 +1,589 @@
|
|||
/*!
|
||||
* FullCalendar v1.6.4 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;
|
||||
zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
|
||||
}
|
||||
|
||||
.fc-view {
|
||||
width: 100%;
|
||||
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-container > * {
|
||||
z-index: 8;
|
||||
}
|
||||
|
||||
.fc-event-container > .ui-draggable-dragging,
|
||||
.fc-event-container > .ui-resizable-resizing {
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
/*!
|
||||
* FullCalendar v1.6.4 Print Stylesheet
|
||||
* Docs & License: http://arshaw.com/fullcalendar/
|
||||
* (c) 2013 Adam Shaw
|
||||
*/
|
||||
|
||||
/*
|
||||
* Include this stylesheet on your page to get a more printer-friendly calendar.
|
||||
* When including this stylesheet, use the media='print' attribute of the <link> tag.
|
||||
* Make sure to include this stylesheet IN ADDITION to the regular fullcalendar.css.
|
||||
*/
|
||||
|
||||
|
||||
/* Events
|
||||
-----------------------------------------------------*/
|
||||
|
||||
.fc-event {
|
||||
background: #fff !important;
|
||||
color: #000 !important;
|
||||
}
|
||||
|
||||
/* for vertical events */
|
||||
|
||||
.fc-event-bg {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.fc-event .ui-resizable-handle {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 112 B |
Binary file not shown.
|
After Width: | Height: | Size: 1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 170 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 111 B |
Binary file not shown.
|
After Width: | Height: | Size: 215 B |
Binary file not shown.
|
After Width: | Height: | Size: 217 B |
Binary file not shown.
|
After Width: | Height: | Size: 108 B |
Binary file not shown.
|
After Width: | Height: | Size: 108 B |
Binary file not shown.
|
After Width: | Height: | Size: 111 B |
Binary file not shown.
|
After Width: | Height: | Size: 216 B |
Binary file not shown.
|
After Width: | Height: | Size: 214 B |
Binary file not shown.
|
After Width: | Height: | Size: 9.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 157 B |
Binary file not shown.
|
After Width: | Height: | Size: 182 B |
BIN
upload/admin_area/styles/cb_2014/theme/assets/css/img/alpha.png
Normal file
BIN
upload/admin_area/styles/cb_2014/theme/assets/css/img/alpha.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
BIN
upload/admin_area/styles/cb_2014/theme/assets/css/img/hue.png
Normal file
BIN
upload/admin_area/styles/cb_2014/theme/assets/css/img/hue.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.6 KiB |
6
upload/admin_area/styles/cb_2014/theme/assets/css/jquery-ui-1.10.3.custom.min.css
vendored
Normal file
6
upload/admin_area/styles/cb_2014/theme/assets/css/jquery-ui-1.10.3.custom.min.css
vendored
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
/*! jQuery UI - v1.10.3 - 2013-07-07
|
||||
* http://jqueryui.com
|
||||
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.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-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}.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}
|
||||
6
upload/admin_area/styles/cb_2014/theme/assets/css/jquery-ui-1.10.3.full.min.css
vendored
Normal file
6
upload/admin_area/styles/cb_2014/theme/assets/css/jquery-ui-1.10.3.full.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,101 @@
|
|||
/* 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;
|
||||
}
|
||||
|
|
@ -0,0 +1,418 @@
|
|||
.navbar {
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
padding-left:0; padding-right:0;
|
||||
margin-left:0; margin-right:0;
|
||||
|
||||
//.navbar-inner {
|
||||
border:none;
|
||||
.box-shadow(none);
|
||||
.border-radius(0);
|
||||
|
||||
margin:0;
|
||||
padding-left:0; padding-right:0;
|
||||
|
||||
min-height:@navbar-mh;
|
||||
position:relative;
|
||||
|
||||
background:@navbar-bg;
|
||||
// }
|
||||
|
||||
> .container {
|
||||
padding-left:0;
|
||||
padding-right:0;
|
||||
}
|
||||
|
||||
.navbar-text, .navbar-link {
|
||||
color:@navbar-text-color;
|
||||
}
|
||||
.navbar-brand {
|
||||
color:@navbar-text-color;
|
||||
font-size:@brand-size;
|
||||
text-shadow:none;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
&:hover , &:focus {
|
||||
color: @navbar-text-color;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-header {
|
||||
margin:0 !important;
|
||||
}
|
||||
|
||||
|
||||
.navbar-nav {
|
||||
> li {
|
||||
> a {
|
||||
& , &:hover , &:focus {
|
||||
font-size:13px;
|
||||
text-shadow:none;
|
||||
color:@navbar-text-color;
|
||||
}
|
||||
}
|
||||
}//li
|
||||
}//.nav
|
||||
|
||||
}
|
||||
.navbar-fixed-top, .navbar-fixed-bottom {
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
.navbar-container {
|
||||
padding-left:10px;
|
||||
padding-right:20px;
|
||||
}
|
||||
.navbar-container.container {
|
||||
padding-left:0;
|
||||
padding-right:0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* ace-nav */
|
||||
.ace-nav {
|
||||
height:100%;
|
||||
margin:0 !important;
|
||||
|
||||
> li {
|
||||
line-height:@navbar-mh;
|
||||
height:@navbar-mh;
|
||||
|
||||
border-left:1px solid #DDD;
|
||||
padding:0;
|
||||
|
||||
position:relative;
|
||||
float:left !important;
|
||||
|
||||
&:first-child {
|
||||
border-left:none;
|
||||
}
|
||||
|
||||
> a {
|
||||
background-color: @ace-nav-default;
|
||||
color: #FFF;
|
||||
|
||||
display: block;
|
||||
line-height: inherit;
|
||||
text-align: center;
|
||||
|
||||
height: 100%;
|
||||
width: auto;
|
||||
min-width: 50px;
|
||||
padding: 0 8px;
|
||||
|
||||
position: relative;
|
||||
|
||||
> [class*="icon-"] {
|
||||
font-size: 16px;
|
||||
color: #FFF;
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
> .badge {
|
||||
position: relative;
|
||||
top: -4px;
|
||||
left: 2px;
|
||||
|
||||
padding-right: 5px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
> a:hover , > a:focus {
|
||||
background-color: desaturate(darken(@ace-nav-default, 4%), 4%);
|
||||
}
|
||||
&.open > a {
|
||||
background-color: desaturate(darken(@ace-nav-default, 4%), 4%) !important;
|
||||
}
|
||||
|
||||
/* different colors */
|
||||
.ace-nav-color(@color) {
|
||||
@ace-nav-class: ~`"ace-nav-@{color}"`;
|
||||
@ace-nav-bg: ~`"ace-nav-@{color}"`;
|
||||
@ace-nav-cl: @@ace-nav-bg;
|
||||
|
||||
&.@{color} > a {
|
||||
background-color:@ace-nav-cl;
|
||||
&:hover , &:focus {
|
||||
background-color: desaturate(darken(@ace-nav-cl, 4%), 4%);
|
||||
}
|
||||
}
|
||||
&.open.@{color} > a {
|
||||
background-color: desaturate(darken(@ace-nav-cl, 4%), 4%) !important;
|
||||
}
|
||||
}
|
||||
&.open > a {
|
||||
color:#FFF !important;
|
||||
}
|
||||
.ace-nav-color(~"grey");
|
||||
.ace-nav-color(~"purple");
|
||||
.ace-nav-color(~"green");
|
||||
.ace-nav-color(~"light-blue");
|
||||
.ace-nav-color(~"light-blue2");
|
||||
.ace-nav-color(~"red");
|
||||
.ace-nav-color(~"light-green");
|
||||
.ace-nav-color(~"light-purple");
|
||||
.ace-nav-color(~"light-orange");
|
||||
.ace-nav-color(~"light-pink");
|
||||
.ace-nav-color(~"dark");
|
||||
.ace-nav-color(~"white-opaque");
|
||||
.ace-nav-color(~"dark-opaque");
|
||||
|
||||
|
||||
|
||||
|
||||
//margins
|
||||
.marginX (@index) when (@index > 0) {
|
||||
&.margin-@{index} { margin-left: unit(@index,px); }
|
||||
.marginX(@index - 1);
|
||||
}
|
||||
.marginX(4);
|
||||
|
||||
&.no-border {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
|
||||
///
|
||||
.dropdown-menu {
|
||||
z-index: @zindex-navbar-fixed + 1;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-user-photo {
|
||||
margin: -4px 8px 0 0;
|
||||
|
||||
border-radius: 100%;
|
||||
border: 2px solid #FFF;
|
||||
|
||||
max-width: 40px;
|
||||
}
|
||||
|
||||
|
||||
li:last-child a [class^="icon-"] {/* the arrow indicating "See more" on each dropdown , and the icons of user menu */
|
||||
display: inline-block;
|
||||
width: 1.25em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* ace-nav responsive */
|
||||
@media only screen and (max-width: @screen-xs-max) {
|
||||
.navbar-container {
|
||||
padding-left:0;
|
||||
padding-right:0;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: @screen-xs-max) {
|
||||
.ace-nav > li:nth-last-child(4) > .dropdown-menu.pull-right {
|
||||
right:-80px;
|
||||
}
|
||||
.ace-nav > li:nth-last-child(4) > .dropdown-menu.pull-right:before,
|
||||
.ace-nav > li:nth-last-child(4) > .dropdown-menu.pull-right:after {
|
||||
right:100px;
|
||||
}
|
||||
|
||||
.ace-nav > li:nth-last-child(3) > .dropdown-menu.pull-right {
|
||||
right:-40px;
|
||||
}
|
||||
.ace-nav > li:nth-last-child(3) > .dropdown-menu.pull-right:before,
|
||||
.ace-nav > li:nth-last-child(3) > .dropdown-menu.pull-right:after {
|
||||
right:60px;
|
||||
}
|
||||
|
||||
.user-menu.dropdown-close.pull-right {
|
||||
right: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: @screen-xs) {
|
||||
.ace-nav > li:nth-last-child(4) > .dropdown-menu.pull-right {
|
||||
right:-120px;
|
||||
}
|
||||
.ace-nav > li:nth-last-child(4) > .dropdown-menu.pull-right:before,
|
||||
.ace-nav > li:nth-last-child(4) > .dropdown-menu.pull-right:after {
|
||||
right:140px;
|
||||
}
|
||||
|
||||
.ace-nav > li:nth-last-child(3) > .dropdown-menu.pull-right {
|
||||
right:-80px;
|
||||
}
|
||||
.ace-nav > li:nth-last-child(3) > .dropdown-menu.pull-right:before,
|
||||
.ace-nav > li:nth-last-child(3) > .dropdown-menu.pull-right:after {
|
||||
right:100px;
|
||||
}
|
||||
|
||||
.ace-nav > li:nth-last-child(2) > .dropdown-menu.pull-right {
|
||||
right:-50px;
|
||||
}
|
||||
.ace-nav > li:nth-last-child(2) > .dropdown-menu.pull-right:before,
|
||||
.ace-nav > li:nth-last-child(2) > .dropdown-menu.pull-right:after {
|
||||
right:70px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: @screen-topbar-down) {
|
||||
.ace-nav > li:nth-last-child(4) > .dropdown-menu.pull-right {
|
||||
left:-5px;
|
||||
right:auto;
|
||||
}
|
||||
.ace-nav > li:nth-last-child(4) > .dropdown-menu.pull-right:before,
|
||||
.ace-nav > li:nth-last-child(4) > .dropdown-menu.pull-right:after {
|
||||
right:auto;
|
||||
left:25px;
|
||||
}
|
||||
|
||||
.ace-nav > li:nth-last-child(3) > .dropdown-menu.pull-right {
|
||||
left:-60px;
|
||||
right:auto;
|
||||
}
|
||||
.ace-nav > li:nth-last-child(3) > .dropdown-menu.pull-right:before,
|
||||
.ace-nav > li:nth-last-child(3) > .dropdown-menu.pull-right:after {
|
||||
left:80px;
|
||||
right:auto;
|
||||
}
|
||||
|
||||
.ace-nav > li:nth-last-child(2) > .dropdown-menu.pull-right {
|
||||
left:-110px;
|
||||
right:auto;
|
||||
}
|
||||
.ace-nav > li:nth-last-child(2) > .dropdown-menu.pull-right:before,
|
||||
.ace-nav > li:nth-last-child(2) > .dropdown-menu.pull-right:after {
|
||||
left:130px;
|
||||
right:auto;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* move the icons to the line below */
|
||||
@media only screen and (max-width: @screen-topbar-down) {
|
||||
.navbar .navbar-header.pull-left {
|
||||
display:block;
|
||||
float:none !important;
|
||||
}
|
||||
.navbar .navbar-header.pull-right {
|
||||
display:block;
|
||||
float:none !important;
|
||||
}
|
||||
|
||||
/*.navbar .navbar-inner {
|
||||
border-bottom-width:0;
|
||||
}*/
|
||||
.ace-nav {
|
||||
display:block;
|
||||
float:none !important;
|
||||
text-align:center;
|
||||
|
||||
background-color:#404040;
|
||||
|
||||
border:1px solid #DDD;
|
||||
border-width:1px 0;
|
||||
|
||||
letter-spacing: -3px;
|
||||
}
|
||||
.ace-nav > li{
|
||||
display:inline-block;
|
||||
float:none !important;
|
||||
text-align:left;
|
||||
|
||||
letter-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: @screen-tiny) {
|
||||
.ace-nav > li > a {
|
||||
padding:0 5px !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.user-menu > li > a {
|
||||
padding:4px 12px;
|
||||
|
||||
> [class*="icon-"] {
|
||||
margin-right:6px;
|
||||
font-size:120%;
|
||||
}
|
||||
}
|
||||
|
||||
.user-info {
|
||||
max-width:100px;
|
||||
display:inline-block;
|
||||
overflow:hidden;
|
||||
text-overflow:ellipsis;
|
||||
white-space:nowrap;
|
||||
text-align:left;
|
||||
|
||||
vertical-align:top;
|
||||
line-height:15px;
|
||||
position:relative; top:6px;
|
||||
|
||||
small {
|
||||
display:block;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: @screen-topbar-down-min) and (max-width: @screen-xs) , (max-width: 360px) {
|
||||
.user-menu {
|
||||
padding-top:42px !important;
|
||||
}
|
||||
.ace-nav .nav-user-photo {
|
||||
margin-right:0;
|
||||
}
|
||||
.user-info {
|
||||
position:absolute !important;
|
||||
margin-top:40px; margin-left:1px; right:2px;
|
||||
|
||||
z-index:1032;
|
||||
color:#777; font-size:14px;
|
||||
width:156px;
|
||||
max-width:156px;
|
||||
|
||||
padding-left:8px;
|
||||
padding-right:8px;
|
||||
height:32px;
|
||||
line-height:26px !important;
|
||||
|
||||
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,117 @@
|
|||
@media only screen and (max-width: @screen-xs) {
|
||||
.hidden-480{
|
||||
display:none !important;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: @screen-tiny) {
|
||||
.hidden-320{
|
||||
display:none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: @screen-xs) {
|
||||
[class*="vspace-xs"] {
|
||||
display:block;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: @screen-xs-max) {
|
||||
[class*="vspace-sm"] {
|
||||
display:block;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: @screen-sm-max) {
|
||||
[class*="vspace-md"] {
|
||||
display:block;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: @screen-md-max) {
|
||||
[class*="vspace-lg"] {
|
||||
display:block;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: @screen-sm-max) {
|
||||
.main-content {
|
||||
margin-left:0 !important;
|
||||
}
|
||||
}
|
||||
// page-content less padding
|
||||
@media only screen and (max-width: @screen-xs-max) {
|
||||
.page-content {
|
||||
padding-left: @grid-gutter-width / 2;
|
||||
padding-right: @grid-gutter-width / 2;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: @screen-sm-max) {
|
||||
body.breadcrumbs-fixed {
|
||||
padding-top:45px;
|
||||
}
|
||||
.navbar-fixed-top {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.sidebar.fixed , .sidebar.sidebar-fixed {
|
||||
position:absolute;
|
||||
}
|
||||
}
|
||||
@media (max-width: @screen-topbar-down) {
|
||||
body.navbar-fixed {
|
||||
padding-top: 90px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// error pages
|
||||
@media only screen and (max-width: @screen-xs-max) {
|
||||
.error-container {
|
||||
margin:12px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: @screen-xs) {
|
||||
.error-container {
|
||||
margin:6px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* custom grid */
|
||||
@media only screen and (max-width: 360px) {
|
||||
.grid2 , .grid3 , .grid4{
|
||||
float:none;
|
||||
display:block;
|
||||
width:96%;
|
||||
border-left:none;
|
||||
position:relative;
|
||||
margin-bottom:11px;
|
||||
border-bottom:1px solid #E3E3E3;
|
||||
padding-bottom:4px;
|
||||
}
|
||||
.grid2 > [class*="pull-"], .grid3 > [class*="pull-"], .grid4 > [class*="pull-"]{
|
||||
float:none !important;
|
||||
display:inline-block;
|
||||
position:absolute;
|
||||
right:11px; top:0;
|
||||
margin-top:0;
|
||||
}
|
||||
.grid2:last-child , .grid3:last-child , .grid4:last-child {
|
||||
border-bottom:none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@media only screen and (max-width: @screen-xs) {
|
||||
.ace-settings-container , body.breadcrumbs-fixed .ace-settings-container {
|
||||
top: 65px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
2169
upload/admin_area/styles/cb_2014/theme/assets/css/less/ace-rtl.less
Normal file
2169
upload/admin_area/styles/cb_2014/theme/assets/css/less/ace-rtl.less
Normal file
File diff suppressed because it is too large
Load diff
|
|
@ -0,0 +1,66 @@
|
|||
@import "bootstrap/variables.less";
|
||||
@import "bootstrap/mixins.less";
|
||||
|
||||
@import "variables.less";//there are also some variables on top of some other less files
|
||||
@import "mixins.less";
|
||||
|
||||
|
||||
@import "general.less";//includes general basic styling of page
|
||||
@import "basic.less";//includes styling of some elements such as pagination, etc
|
||||
@import "utility.less";//includes some utility classes such as headers, colors, font sizing, etc
|
||||
@import "ace-nav.less";//ace top navigation
|
||||
|
||||
@import "breadcrumbs.less";
|
||||
@import "searchbox.less";
|
||||
@import "sidebar.less";
|
||||
|
||||
|
||||
@import "buttons.less";
|
||||
@import "label-badge.less";
|
||||
@import "dropdown.less";
|
||||
@import "form.less";
|
||||
@import "tab-accordion.less";
|
||||
@import "tables.less";
|
||||
@import "widget.less";
|
||||
@import "tooltip-popover.less";
|
||||
@import "progressbar.less";
|
||||
@import "infobox.less";
|
||||
|
||||
@import "page.pricing.less";
|
||||
@import "page.login.less";
|
||||
@import "page.invoice.less";
|
||||
@import "page.error.less";
|
||||
@import "gallery.less";
|
||||
@import "items.less";
|
||||
@import "page.profile.less";
|
||||
@import "page.inbox.less";
|
||||
@import "page.timeline.less";
|
||||
|
||||
|
||||
@import "thirdparty-calendar.less";
|
||||
@import "thirdparty-chosen.less";
|
||||
@import "thirdparty-select2.less";
|
||||
@import "thirdparty-colorbox.less";
|
||||
@import "thirdparty-fuelux.less";//fuelux spinner, tree & wizard
|
||||
@import "thirdparty-gritter.less";
|
||||
@import "thirdparty-wysiwyg.less";
|
||||
@import "thirdparty-editable.less";
|
||||
|
||||
@import "thirdparty-slider.less";//jquery ui slider
|
||||
@import "thirdparty-jquery-ui.less";//other jquery ui widgets & elements
|
||||
@import "thirdparty-jqgrid.less";//jqGrid plugin
|
||||
@import "thirdparty-nestable.less";//nestable list
|
||||
@import "thirdparty-dropzone.less";//dropzone.js
|
||||
|
||||
|
||||
@import "icon-animated.less";
|
||||
|
||||
@import "other.less";//setting box, etc
|
||||
|
||||
@import "ext/bootstrap-tag.less";//less files provided by the thirdparty plugin, sometimes modified
|
||||
|
||||
|
||||
@import "bs3-reset.less";//resetting box-sizing to default content-box for third party elements
|
||||
|
||||
|
||||
@import "ace-responsive.less";
|
||||
|
|
@ -0,0 +1,209 @@
|
|||
//some elements variables
|
||||
@blockquote-border:#E5EAF1;
|
||||
|
||||
@modal-footer-border:#E4E9EE;
|
||||
@modal-footer-bg:#EFF3F8;
|
||||
|
||||
@pagination-color:#2283C5;
|
||||
@pagination-border:#E0E8EB;
|
||||
@pagination-bg:#FAFAFA;
|
||||
@pagination-bg-hover:#EAEFF2;
|
||||
|
||||
@pagination-bg-disabled:#F9F9F9;
|
||||
@pagination-border-disabled:#D9D9D9;
|
||||
|
||||
@pagination-color-active:#FFF;
|
||||
@pagination-bg-active:#6FAED9;
|
||||
@pagination-border-active:#6FAED9;
|
||||
|
||||
|
||||
|
||||
/* elements */
|
||||
[class*=" icon-"] , [class^="icon-"] {
|
||||
display:inline-block;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
a{
|
||||
&:focus, &:active {
|
||||
text-decoration:none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* header sizes */
|
||||
.h-size(@index) when (@index > 0){
|
||||
@h-tag : ~`"h@{index}"`;
|
||||
@{h-tag} {
|
||||
@tmpvar : ~`"h@{index}-size"`;//get the variable h1-size, h2-size , etc...
|
||||
font-size:unit(@@tmpvar , px);
|
||||
font-weight:normal;
|
||||
font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
|
||||
&.smaller {
|
||||
font-size:unit((@@tmpvar - 1) , px);
|
||||
}
|
||||
&.bigger {
|
||||
font-size:unit((@@tmpvar + 1) , px);
|
||||
}
|
||||
&.block {
|
||||
margin-bottom:16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.h-size(1);
|
||||
.h-size(2);
|
||||
.h-size(3);
|
||||
.h-size(4);
|
||||
.h-size(5);
|
||||
.h-size(6);
|
||||
|
||||
|
||||
|
||||
|
||||
/* some list styling */
|
||||
ul, ol {
|
||||
margin: 0 0 10px 25px;
|
||||
padding: 0;
|
||||
|
||||
&.margin-5 { margin-left: 5px; }
|
||||
&.margin-10 { margin-left: 10px; }
|
||||
&.margin-15 { margin-left: 15px; }
|
||||
&.margin-20 { margin-left: 20px; }
|
||||
}
|
||||
li > ul,
|
||||
li > ol {
|
||||
margin-left: 18px;
|
||||
}
|
||||
|
||||
.list-unstyled , .list-inline {
|
||||
margin-left: 0;
|
||||
|
||||
> li > [class*="icon-"]:first-child {
|
||||
width: 18px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.spaced > li {
|
||||
margin-top: 9px;
|
||||
margin-bottom: 9px;
|
||||
}
|
||||
.spaced2 > li {
|
||||
margin-top: 15px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
li.divider {
|
||||
margin-top: 3px;
|
||||
margin-bottom: 3px;
|
||||
height: 0;
|
||||
font-size: 0;
|
||||
|
||||
.spaced > & {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.spaced2 > & {
|
||||
margin-top: 8px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* little elements */
|
||||
blockquote{
|
||||
&, &.pull-right {
|
||||
border-color: @blockquote-border;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* modals */
|
||||
.modal-content {
|
||||
.border-radius(0);
|
||||
.box-shadow(none);
|
||||
}
|
||||
.modal-footer {
|
||||
padding-top: 12px;
|
||||
padding-bottom: 14px;
|
||||
|
||||
border-top-color: @modal-footer-border;
|
||||
.box-shadow(none);
|
||||
background-color: @modal-footer-bg;
|
||||
}
|
||||
.modal-header .close {
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
/* wells */
|
||||
.well {
|
||||
.border-radius(0);
|
||||
}
|
||||
.well h1, .well h2, .well h3, .well h4, .well h5, .well h6 {
|
||||
margin-top: 0;
|
||||
}
|
||||
.well h1, .well h2, .well h3 {
|
||||
line-height: 36px;
|
||||
}
|
||||
|
||||
|
||||
/* alerts */
|
||||
.alert {
|
||||
font-size: 14px;
|
||||
.border-radius(0);
|
||||
|
||||
.close {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
.alert-block p + p {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* pagination */
|
||||
.pagination > li > a , .pager > li > a,
|
||||
.pagination > li > span , .pager > li > span
|
||||
{
|
||||
border-width: 1px;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
.pagination > li > a, .pager > li > a
|
||||
{
|
||||
color: @pagination-color;
|
||||
background-color: @pagination-bg;
|
||||
margin: 0 -1px 0 0;
|
||||
border-color: @pagination-border;
|
||||
}
|
||||
.pagination > li > a:hover , .pager > li > a:hover {
|
||||
background-color: @pagination-bg-hover;
|
||||
}
|
||||
.pagination > li > a:focus , .pager > li > a:focus {
|
||||
background-color: spin(@pagination-bg-hover, 10%);
|
||||
}
|
||||
|
||||
.pagination > li.disabled > a , .pagination > li.disabled > a:hover ,
|
||||
.pager > li.disabled > a , .pager > li.disabled > a:hover {
|
||||
background-color: @pagination-bg-disabled;
|
||||
border-color: @pagination-border-disabled;
|
||||
}
|
||||
|
||||
.pagination > li.active > a, .pagination > li.active > a:hover {
|
||||
background-color: @pagination-bg-active;
|
||||
border-color: @pagination-border-active;
|
||||
color: @pagination-color-active;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
|
||||
.list-group-item {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,723 @@
|
|||
//
|
||||
// Mixins
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Utilities
|
||||
// -------------------------
|
||||
|
||||
// Clearfix
|
||||
// Source: http://nicolasgallagher.com/micro-clearfix-hack/
|
||||
//
|
||||
// For modern browsers
|
||||
// 1. The space content is one way to avoid an Opera bug when the
|
||||
// contenteditable attribute is included anywhere else in the document.
|
||||
// Otherwise it causes space to appear at the top and bottom of elements
|
||||
// that are clearfixed.
|
||||
// 2. The use of `table` rather than `block` is only necessary if using
|
||||
// `:before` to contain the top-margins of child elements.
|
||||
.clearfix() {
|
||||
&:before,
|
||||
&:after {
|
||||
content: " "; /* 1 */
|
||||
display: table; /* 2 */
|
||||
}
|
||||
&:after {
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
// Webkit-style focus
|
||||
.tab-focus() {
|
||||
// Default
|
||||
outline: thin dotted #333;
|
||||
// Webkit
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
// Center-align a block level element
|
||||
.center-block() {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
// Sizing shortcuts
|
||||
.size(@width; @height) {
|
||||
width: @width;
|
||||
height: @height;
|
||||
}
|
||||
.square(@size) {
|
||||
.size(@size; @size);
|
||||
}
|
||||
|
||||
// Placeholder text
|
||||
.placeholder(@color: @input-color-placeholder) {
|
||||
&:-moz-placeholder { color: @color; } // Firefox 4-18
|
||||
&::-moz-placeholder { color: @color; } // Firefox 19+
|
||||
&:-ms-input-placeholder { color: @color; } // Internet Explorer 10+
|
||||
&::-webkit-input-placeholder { color: @color; } // Safari and Chrome
|
||||
}
|
||||
|
||||
// Text overflow
|
||||
// Requires inline-block or block for proper styling
|
||||
.text-overflow() {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
// CSS image replacement
|
||||
// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757
|
||||
.hide-text() {
|
||||
font: ~"0/0" a;
|
||||
color: transparent;
|
||||
text-shadow: none;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// CSS3 PROPERTIES
|
||||
// --------------------------------------------------
|
||||
|
||||
// Single side border-radius
|
||||
.border-top-radius(@radius) {
|
||||
border-top-right-radius: @radius;
|
||||
border-top-left-radius: @radius;
|
||||
}
|
||||
.border-right-radius(@radius) {
|
||||
border-bottom-right-radius: @radius;
|
||||
border-top-right-radius: @radius;
|
||||
}
|
||||
.border-bottom-radius(@radius) {
|
||||
border-bottom-right-radius: @radius;
|
||||
border-bottom-left-radius: @radius;
|
||||
}
|
||||
.border-left-radius(@radius) {
|
||||
border-bottom-left-radius: @radius;
|
||||
border-top-left-radius: @radius;
|
||||
}
|
||||
|
||||
// Drop shadows
|
||||
.box-shadow(@shadow) {
|
||||
-webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1
|
||||
box-shadow: @shadow;
|
||||
}
|
||||
|
||||
// Transitions
|
||||
.transition(@transition) {
|
||||
-webkit-transition: @transition;
|
||||
transition: @transition;
|
||||
}
|
||||
.transition-delay(@transition-delay) {
|
||||
-webkit-transition-delay: @transition-delay;
|
||||
transition-delay: @transition-delay;
|
||||
}
|
||||
.transition-duration(@transition-duration) {
|
||||
-webkit-transition-duration: @transition-duration;
|
||||
transition-duration: @transition-duration;
|
||||
}
|
||||
.transition-transform(@transition) {
|
||||
-webkit-transition: -webkit-transform @transition;
|
||||
-moz-transition: -moz-transform @transition;
|
||||
-o-transition: -o-transform @transition;
|
||||
transition: transform @transition;
|
||||
}
|
||||
|
||||
// Transformations
|
||||
.rotate(@degrees) {
|
||||
-webkit-transform: rotate(@degrees);
|
||||
-ms-transform: rotate(@degrees); // IE9+
|
||||
transform: rotate(@degrees);
|
||||
}
|
||||
.scale(@ratio) {
|
||||
-webkit-transform: scale(@ratio);
|
||||
-ms-transform: scale(@ratio); // IE9+
|
||||
transform: scale(@ratio);
|
||||
}
|
||||
.translate(@x; @y) {
|
||||
-webkit-transform: translate(@x, @y);
|
||||
-ms-transform: translate(@x, @y); // IE9+
|
||||
transform: translate(@x, @y);
|
||||
}
|
||||
.skew(@x; @y) {
|
||||
-webkit-transform: skew(@x, @y);
|
||||
-ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
|
||||
transform: skew(@x, @y);
|
||||
}
|
||||
.translate3d(@x; @y; @z) {
|
||||
-webkit-transform: translate3d(@x, @y, @z);
|
||||
transform: translate3d(@x, @y, @z);
|
||||
}
|
||||
|
||||
// Backface visibility
|
||||
// Prevent browsers from flickering when using CSS 3D transforms.
|
||||
// Default value is `visible`, but can be changed to `hidden`
|
||||
// See git pull https://github.com/dannykeane/bootstrap.git backface-visibility for examples
|
||||
.backface-visibility(@visibility){
|
||||
-webkit-backface-visibility: @visibility;
|
||||
-moz-backface-visibility: @visibility;
|
||||
backface-visibility: @visibility;
|
||||
}
|
||||
|
||||
// Box sizing
|
||||
.box-sizing(@boxmodel) {
|
||||
-webkit-box-sizing: @boxmodel;
|
||||
-moz-box-sizing: @boxmodel;
|
||||
box-sizing: @boxmodel;
|
||||
}
|
||||
|
||||
// User select
|
||||
// For selecting text on the page
|
||||
.user-select(@select) {
|
||||
-webkit-user-select: @select;
|
||||
-moz-user-select: @select;
|
||||
-ms-user-select: @select; // IE10+
|
||||
-o-user-select: @select;
|
||||
user-select: @select;
|
||||
}
|
||||
|
||||
// Resize anything
|
||||
.resizable(@direction) {
|
||||
resize: @direction; // Options: horizontal, vertical, both
|
||||
overflow: auto; // Safari fix
|
||||
}
|
||||
|
||||
// CSS3 Content Columns
|
||||
.content-columns(@column-count; @column-gap: @grid-gutter-width) {
|
||||
-webkit-column-count: @column-count;
|
||||
-moz-column-count: @column-count;
|
||||
column-count: @column-count;
|
||||
-webkit-column-gap: @column-gap;
|
||||
-moz-column-gap: @column-gap;
|
||||
column-gap: @column-gap;
|
||||
}
|
||||
|
||||
// Optional hyphenation
|
||||
.hyphens(@mode: auto) {
|
||||
word-wrap: break-word;
|
||||
-webkit-hyphens: @mode;
|
||||
-moz-hyphens: @mode;
|
||||
-ms-hyphens: @mode; // IE10+
|
||||
-o-hyphens: @mode;
|
||||
hyphens: @mode;
|
||||
}
|
||||
|
||||
// Opacity
|
||||
.opacity(@opacity) {
|
||||
opacity: @opacity;
|
||||
// IE8 filter
|
||||
@opacity-ie: (@opacity * 100);
|
||||
filter: ~"alpha(opacity=@{opacity-ie})";
|
||||
}
|
||||
|
||||
|
||||
|
||||
// GRADIENTS
|
||||
// --------------------------------------------------
|
||||
|
||||
#gradient {
|
||||
|
||||
// Horizontal gradient, from left to right
|
||||
//
|
||||
// Creates two color stops, start and end, by specifying a color and position for each color stop.
|
||||
// Color stops are not available in IE9 and below.
|
||||
.horizontal(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {
|
||||
background-image: -webkit-gradient(linear, @start-percent top, @end-percent top, from(@start-color), to(@end-color)); // Safari 4+, Chrome 2+
|
||||
background-image: -webkit-linear-gradient(left, color-stop(@start-color @start-percent), color-stop(@end-color @end-percent)); // Safari 5.1+, Chrome 10+
|
||||
background-image: -moz-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // FF 3.6+
|
||||
background-image: linear-gradient(to right, @start-color @start-percent, @end-color @end-percent); // Standard, IE10
|
||||
background-repeat: repeat-x;
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down
|
||||
}
|
||||
|
||||
// Vertical gradient, from top to bottom
|
||||
//
|
||||
// Creates two color stops, start and end, by specifying a color and position for each color stop.
|
||||
// Color stops are not available in IE9 and below.
|
||||
.vertical(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {
|
||||
background-image: -webkit-gradient(linear, left @start-percent, left @end-percent, from(@start-color), to(@end-color)); // Safari 4+, Chrome 2+
|
||||
background-image: -webkit-linear-gradient(top, @start-color, @start-percent, @end-color, @end-percent); // Safari 5.1+, Chrome 10+
|
||||
background-image: -moz-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // FF 3.6+
|
||||
background-image: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent); // Standard, IE10
|
||||
background-repeat: repeat-x;
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down
|
||||
}
|
||||
|
||||
.directional(@start-color: #555; @end-color: #333; @deg: 45deg) {
|
||||
background-repeat: repeat-x;
|
||||
background-image: -webkit-linear-gradient(@deg, @start-color, @end-color); // Safari 5.1+, Chrome 10+
|
||||
background-image: -moz-linear-gradient(@deg, @start-color, @end-color); // FF 3.6+
|
||||
background-image: linear-gradient(@deg, @start-color, @end-color); // Standard, IE10
|
||||
}
|
||||
.horizontal-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {
|
||||
background-image: -webkit-gradient(left, linear, 0 0, 0 100%, from(@start-color), color-stop(@color-stop, @mid-color), to(@end-color));
|
||||
background-image: -webkit-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);
|
||||
background-image: -moz-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);
|
||||
background-image: linear-gradient(to right, @start-color, @mid-color @color-stop, @end-color);
|
||||
background-repeat: no-repeat;
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
|
||||
}
|
||||
.vertical-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@start-color), color-stop(@color-stop, @mid-color), to(@end-color));
|
||||
background-image: -webkit-linear-gradient(@start-color, @mid-color @color-stop, @end-color);
|
||||
background-image: -moz-linear-gradient(top, @start-color, @mid-color @color-stop, @end-color);
|
||||
background-image: linear-gradient(@start-color, @mid-color @color-stop, @end-color);
|
||||
background-repeat: no-repeat;
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
|
||||
}
|
||||
.radial(@inner-color: #555; @outer-color: #333) {
|
||||
background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(@inner-color), to(@outer-color));
|
||||
background-image: -webkit-radial-gradient(circle, @inner-color, @outer-color);
|
||||
background-image: -moz-radial-gradient(circle, @inner-color, @outer-color);
|
||||
background-image: radial-gradient(circle, @inner-color, @outer-color);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.striped(@color: #555; @angle: 45deg) {
|
||||
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.15)), color-stop(.75, rgba(255,255,255,.15)), color-stop(.75, transparent), to(transparent));
|
||||
background-image: -webkit-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
||||
background-image: -moz-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
||||
}
|
||||
}
|
||||
|
||||
// Reset filters for IE
|
||||
//
|
||||
// When you need to remove a gradient background, do not forget to use this to reset
|
||||
// the IE filter for IE9 and below.
|
||||
.reset-filter() {
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Retina images
|
||||
//
|
||||
// Short retina mixin for setting background-image and -size
|
||||
|
||||
.img-retina(@file-1x; @file-2x; @width-1x; @height-1x) {
|
||||
background-image: url("@{file-1x}");
|
||||
|
||||
@media
|
||||
only screen and (-webkit-min-device-pixel-ratio: 2),
|
||||
only screen and ( min--moz-device-pixel-ratio: 2),
|
||||
only screen and ( -o-min-device-pixel-ratio: 2/1),
|
||||
only screen and ( min-device-pixel-ratio: 2),
|
||||
only screen and ( min-resolution: 192dpi),
|
||||
only screen and ( min-resolution: 2dppx) {
|
||||
background-image: url("@{file-2x}");
|
||||
background-size: @width-1x @height-1x;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Responsive image
|
||||
//
|
||||
// Keep images from scaling beyond the width of their parents.
|
||||
|
||||
.img-responsive(@display: block;) {
|
||||
display: @display;
|
||||
max-width: 100%; // Part 1: Set a maximum relative to the parent
|
||||
height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
|
||||
}
|
||||
|
||||
|
||||
// COMPONENT MIXINS
|
||||
// --------------------------------------------------
|
||||
|
||||
// Horizontal dividers
|
||||
// -------------------------
|
||||
// Dividers (basically an hr) within dropdowns and nav lists
|
||||
.nav-divider(@color: #e5e5e5) {
|
||||
height: 1px;
|
||||
margin: ((@line-height-computed / 2) - 1) 0;
|
||||
overflow: hidden;
|
||||
background-color: @color;
|
||||
}
|
||||
|
||||
// Panels
|
||||
// -------------------------
|
||||
.panel-variant(@border; @heading-text-color; @heading-bg-color; @heading-border;) {
|
||||
border-color: @border;
|
||||
& > .panel-heading {
|
||||
color: @heading-text-color;
|
||||
background-color: @heading-bg-color;
|
||||
border-color: @heading-border;
|
||||
+ .panel-collapse .panel-body {
|
||||
border-top-color: @border;
|
||||
}
|
||||
}
|
||||
& > .panel-footer {
|
||||
+ .panel-collapse .panel-body {
|
||||
border-bottom-color: @border;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Alerts
|
||||
// -------------------------
|
||||
.alert-variant(@background; @border; @text-color) {
|
||||
background-color: @background;
|
||||
border-color: @border;
|
||||
color: @text-color;
|
||||
hr {
|
||||
border-top-color: darken(@border, 5%);
|
||||
}
|
||||
.alert-link {
|
||||
color: darken(@text-color, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
// Tables
|
||||
// -------------------------
|
||||
.table-row-variant(@state; @background; @border) {
|
||||
// Exact selectors below required to override `.table-striped` and prevent
|
||||
// inheritance to nested tables.
|
||||
.table > thead > tr,
|
||||
.table > tbody > tr,
|
||||
.table > tfoot > tr {
|
||||
> td.@{state},
|
||||
> th.@{state},
|
||||
&.@{state} > td,
|
||||
&.@{state} > th {
|
||||
background-color: @background;
|
||||
border-color: @border;
|
||||
}
|
||||
}
|
||||
|
||||
// Hover states for `.table-hover`
|
||||
// Note: this is not available for cells or rows within `thead` or `tfoot`.
|
||||
.table-hover > tbody > tr {
|
||||
> td.@{state}:hover,
|
||||
> th.@{state}:hover,
|
||||
&.@{state}:hover > td {
|
||||
background-color: darken(@background, 5%);
|
||||
border-color: darken(@border, 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Button variants
|
||||
// -------------------------
|
||||
// Easily pump out default styles, as well as :hover, :focus, :active,
|
||||
// and disabled options for all buttons
|
||||
.button-variant(@color; @background; @border) {
|
||||
color: @color;
|
||||
background-color: @background;
|
||||
border-color: @border;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.active,
|
||||
.open .dropdown-toggle& {
|
||||
color: @color;
|
||||
background-color: darken(@background, 8%);
|
||||
border-color: darken(@border, 12%);
|
||||
}
|
||||
&:active,
|
||||
&.active,
|
||||
.open .dropdown-toggle& {
|
||||
background-image: none;
|
||||
}
|
||||
&.disabled,
|
||||
&[disabled],
|
||||
fieldset[disabled] & {
|
||||
&,
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.active {
|
||||
background-color: @background;
|
||||
border-color: @border
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Button sizes
|
||||
// -------------------------
|
||||
.button-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {
|
||||
padding: @padding-vertical @padding-horizontal;
|
||||
font-size: @font-size;
|
||||
line-height: @line-height;
|
||||
border-radius: @border-radius;
|
||||
}
|
||||
|
||||
// Pagination
|
||||
// -------------------------
|
||||
.pagination-size(@padding-vertical; @padding-horizontal; @font-size; @border-radius) {
|
||||
> li {
|
||||
> a,
|
||||
> span {
|
||||
padding: @padding-vertical @padding-horizontal;
|
||||
font-size: @font-size;
|
||||
}
|
||||
&:first-child {
|
||||
> a,
|
||||
> span {
|
||||
.border-left-radius(@border-radius);
|
||||
}
|
||||
}
|
||||
&:last-child {
|
||||
> a,
|
||||
> span {
|
||||
.border-right-radius(@border-radius);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Labels
|
||||
// -------------------------
|
||||
.label-variant(@color) {
|
||||
background-color: @color;
|
||||
&[href] {
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: darken(@color, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Navbar vertical align
|
||||
// -------------------------
|
||||
// Vertically center elements in the navbar.
|
||||
// Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin.
|
||||
.navbar-vertical-align(@element-height) {
|
||||
margin-top: ((@navbar-height - @element-height) / 2);
|
||||
margin-bottom: ((@navbar-height - @element-height) / 2);
|
||||
}
|
||||
|
||||
// Progress bars
|
||||
// -------------------------
|
||||
.progress-bar-variant(@color) {
|
||||
background-color: @color;
|
||||
.progress-striped & {
|
||||
#gradient > .striped(@color);
|
||||
}
|
||||
}
|
||||
|
||||
// Responsive utilities
|
||||
// -------------------------
|
||||
// More easily include all the states for responsive-utilities.less.
|
||||
.responsive-visibility() {
|
||||
display: block !important;
|
||||
tr& { display: table-row !important; }
|
||||
th&,
|
||||
td& { display: table-cell !important; }
|
||||
}
|
||||
|
||||
.responsive-invisibility() {
|
||||
display: none !important;
|
||||
tr& { display: none !important; }
|
||||
th&,
|
||||
td& { display: none !important; }
|
||||
}
|
||||
|
||||
// Grid System
|
||||
// -----------
|
||||
|
||||
// Centered container element
|
||||
.container-fixed() {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding-left: (@grid-gutter-width / 2);
|
||||
padding-right: (@grid-gutter-width / 2);
|
||||
.clearfix();
|
||||
}
|
||||
|
||||
// Creates a wrapper for a series of columns
|
||||
.make-row(@gutter: @grid-gutter-width) {
|
||||
margin-left: (@gutter / -2);
|
||||
margin-right: (@gutter / -2);
|
||||
.clearfix();
|
||||
}
|
||||
|
||||
// Generate the extra small columns
|
||||
.make-xs-column(@columns; @gutter: @grid-gutter-width) {
|
||||
position: relative;
|
||||
float: left;
|
||||
width: percentage((@columns / @grid-columns));
|
||||
// Prevent columns from collapsing when empty
|
||||
min-height: 1px;
|
||||
// Inner gutter via padding
|
||||
padding-left: (@gutter / 2);
|
||||
padding-right: (@gutter / 2);
|
||||
}
|
||||
|
||||
// Generate the small columns
|
||||
.make-sm-column(@columns; @gutter: @grid-gutter-width) {
|
||||
position: relative;
|
||||
// Prevent columns from collapsing when empty
|
||||
min-height: 1px;
|
||||
// Inner gutter via padding
|
||||
padding-left: (@gutter / 2);
|
||||
padding-right: (@gutter / 2);
|
||||
|
||||
// Calculate width based on number of columns available
|
||||
@media (min-width: @screen-sm) {
|
||||
float: left;
|
||||
width: percentage((@columns / @grid-columns));
|
||||
}
|
||||
}
|
||||
|
||||
// Generate the small column offsets
|
||||
.make-sm-column-offset(@columns) {
|
||||
@media (min-width: @screen-sm) {
|
||||
margin-left: percentage((@columns / @grid-columns));
|
||||
}
|
||||
}
|
||||
.make-sm-column-push(@columns) {
|
||||
@media (min-width: @screen-sm) {
|
||||
left: percentage((@columns / @grid-columns));
|
||||
}
|
||||
}
|
||||
.make-sm-column-pull(@columns) {
|
||||
@media (min-width: @screen-sm) {
|
||||
right: percentage((@columns / @grid-columns));
|
||||
}
|
||||
}
|
||||
|
||||
// Generate the medium columns
|
||||
.make-md-column(@columns; @gutter: @grid-gutter-width) {
|
||||
position: relative;
|
||||
// Prevent columns from collapsing when empty
|
||||
min-height: 1px;
|
||||
// Inner gutter via padding
|
||||
padding-left: (@gutter / 2);
|
||||
padding-right: (@gutter / 2);
|
||||
|
||||
// Calculate width based on number of columns available
|
||||
@media (min-width: @screen-md) {
|
||||
float: left;
|
||||
width: percentage((@columns / @grid-columns));
|
||||
}
|
||||
}
|
||||
|
||||
// Generate the large column offsets
|
||||
.make-md-column-offset(@columns) {
|
||||
@media (min-width: @screen-md) {
|
||||
margin-left: percentage((@columns / @grid-columns));
|
||||
}
|
||||
}
|
||||
.make-md-column-push(@columns) {
|
||||
@media (min-width: @screen-md) {
|
||||
left: percentage((@columns / @grid-columns));
|
||||
}
|
||||
}
|
||||
.make-md-column-pull(@columns) {
|
||||
@media (min-width: @screen-md) {
|
||||
right: percentage((@columns / @grid-columns));
|
||||
}
|
||||
}
|
||||
|
||||
// Generate the large columns
|
||||
.make-lg-column(@columns; @gutter: @grid-gutter-width) {
|
||||
position: relative;
|
||||
// Prevent columns from collapsing when empty
|
||||
min-height: 1px;
|
||||
// Inner gutter via padding
|
||||
padding-left: (@gutter / 2);
|
||||
padding-right: (@gutter / 2);
|
||||
|
||||
// Calculate width based on number of columns available
|
||||
@media (min-width: @screen-lg) {
|
||||
float: left;
|
||||
width: percentage((@columns / @grid-columns));
|
||||
}
|
||||
}
|
||||
|
||||
// Generate the large column offsets
|
||||
.make-lg-column-offset(@columns) {
|
||||
@media (min-width: @screen-lg) {
|
||||
margin-left: percentage((@columns / @grid-columns));
|
||||
}
|
||||
}
|
||||
.make-lg-column-push(@columns) {
|
||||
@media (min-width: @screen-lg) {
|
||||
left: percentage((@columns / @grid-columns));
|
||||
}
|
||||
}
|
||||
.make-lg-column-pull(@columns) {
|
||||
@media (min-width: @screen-lg) {
|
||||
right: percentage((@columns / @grid-columns));
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Form validation states
|
||||
//
|
||||
// Used in forms.less to generate the form validation CSS for warnings, errors,
|
||||
// and successes.
|
||||
|
||||
.form-control-validation(@text-color: #555; @border-color: #ccc; @background-color: #f5f5f5) {
|
||||
// Color the label and help text
|
||||
.help-block,
|
||||
.control-label {
|
||||
color: @text-color;
|
||||
}
|
||||
// Set the border and box shadow on specific inputs to match
|
||||
.form-control {
|
||||
border-color: @border-color;
|
||||
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
|
||||
&:focus {
|
||||
border-color: darken(@border-color, 10%);
|
||||
@shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@border-color, 20%);
|
||||
.box-shadow(@shadow);
|
||||
}
|
||||
}
|
||||
// Set validation states also for addons
|
||||
.input-group-addon {
|
||||
color: @text-color;
|
||||
border-color: @border-color;
|
||||
background-color: @background-color;
|
||||
}
|
||||
}
|
||||
|
||||
// Form control focus state
|
||||
//
|
||||
// Generate a customized focus state and for any input with the specified color,
|
||||
// which defaults to the `@input-focus-border` variable.
|
||||
//
|
||||
// We highly encourage you to not customize the default value, but instead use
|
||||
// this to tweak colors on an as-needed basis. This aesthetic change is based on
|
||||
// WebKit's default styles, but applicable to a wider range of browsers. Its
|
||||
// usability and accessibility should be taken into account with any change.
|
||||
//
|
||||
// Example usage: change the default blue border and shadow to white for better
|
||||
// contrast against a dark gray background.
|
||||
|
||||
.form-control-focus(@color: @input-border-focus) {
|
||||
@color-rgba: rgba(red(@color), green(@color), blue(@color), .6);
|
||||
&:focus {
|
||||
border-color: @color;
|
||||
outline: 0;
|
||||
.box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}");
|
||||
}
|
||||
}
|
||||
|
||||
// Form control sizing
|
||||
//
|
||||
// Relative text size, padding, and border-radii changes for form controls. For
|
||||
// horizontal sizing, wrap controls in the predefined grid classes. `<select>`
|
||||
// element gets special love because it's special, and that's a fact!
|
||||
|
||||
.input-size(@input-height; @padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {
|
||||
height: @input-height;
|
||||
padding: @padding-vertical @padding-horizontal;
|
||||
font-size: @font-size;
|
||||
line-height: @line-height;
|
||||
border-radius: @border-radius;
|
||||
|
||||
select& {
|
||||
height: @input-height;
|
||||
line-height: @input-height;
|
||||
}
|
||||
|
||||
textarea& {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,620 @@
|
|||
//
|
||||
// Variables
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Global values
|
||||
// --------------------------------------------------
|
||||
|
||||
// Grays
|
||||
// -------------------------
|
||||
|
||||
@gray-darker: lighten(#000, 13.5%); // #222
|
||||
@gray-dark: lighten(#000, 20%); // #333
|
||||
@gray: lighten(#000, 33.5%); // #555
|
||||
@gray-light: lighten(#000, 60%); // #999
|
||||
@gray-lighter: lighten(#000, 93.5%); // #eee
|
||||
|
||||
// Brand colors
|
||||
// -------------------------
|
||||
|
||||
@brand-primary: #428bca;
|
||||
@brand-success: #5cb85c;
|
||||
@brand-warning: #f0ad4e;
|
||||
@brand-danger: #d9534f;
|
||||
@brand-info: #5bc0de;
|
||||
|
||||
// Scaffolding
|
||||
// -------------------------
|
||||
|
||||
@body-bg: #fff;
|
||||
@text-color: @gray-dark;
|
||||
|
||||
// Links
|
||||
// -------------------------
|
||||
|
||||
@link-color: @brand-primary;
|
||||
@link-hover-color: darken(@link-color, 15%);
|
||||
|
||||
// Typography
|
||||
// -------------------------
|
||||
|
||||
@font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
@font-family-serif: Georgia, "Times New Roman", Times, serif;
|
||||
@font-family-monospace: Monaco, Menlo, Consolas, "Courier New", monospace;
|
||||
@font-family-base: @font-family-sans-serif;
|
||||
|
||||
@font-size-base: 14px;
|
||||
@font-size-large: ceil(@font-size-base * 1.25); // ~18px
|
||||
@font-size-small: ceil(@font-size-base * 0.85); // ~12px
|
||||
|
||||
@line-height-base: 1.428571429; // 20/14
|
||||
@line-height-computed: floor(@font-size-base * @line-height-base); // ~20px
|
||||
|
||||
@headings-font-family: @font-family-base;
|
||||
@headings-font-weight: 500;
|
||||
@headings-line-height: 1.1;
|
||||
|
||||
// Iconography
|
||||
// -------------------------
|
||||
|
||||
@icon-font-path: "../fonts/";
|
||||
@icon-font-name: "glyphicons-halflings-regular";
|
||||
|
||||
|
||||
// Components
|
||||
// -------------------------
|
||||
// Based on 14px font-size and 1.428 line-height (~20px to start)
|
||||
|
||||
@padding-base-vertical: 6px;
|
||||
@padding-base-horizontal: 12px;
|
||||
|
||||
@padding-large-vertical: 10px;
|
||||
@padding-large-horizontal: 16px;
|
||||
|
||||
@padding-small-vertical: 5px;
|
||||
@padding-small-horizontal: 10px;
|
||||
|
||||
@line-height-large: 1.33;
|
||||
@line-height-small: 1.5;
|
||||
|
||||
@border-radius-base: 4px;
|
||||
@border-radius-large: 6px;
|
||||
@border-radius-small: 3px;
|
||||
|
||||
@component-active-bg: @brand-primary;
|
||||
|
||||
@caret-width-base: 4px;
|
||||
@caret-width-large: 5px;
|
||||
|
||||
// Tables
|
||||
// -------------------------
|
||||
|
||||
@table-cell-padding: 8px;
|
||||
@table-condensed-cell-padding: 5px;
|
||||
|
||||
@table-bg: transparent; // overall background-color
|
||||
@table-bg-accent: #f9f9f9; // for striping
|
||||
@table-bg-hover: #f5f5f5;
|
||||
@table-bg-active: @table-bg-hover;
|
||||
|
||||
@table-border-color: #ddd; // table and cell border
|
||||
|
||||
|
||||
// Buttons
|
||||
// -------------------------
|
||||
|
||||
@btn-font-weight: normal;
|
||||
|
||||
@btn-default-color: #333;
|
||||
@btn-default-bg: #fff;
|
||||
@btn-default-border: #ccc;
|
||||
|
||||
@btn-primary-color: #fff;
|
||||
@btn-primary-bg: @brand-primary;
|
||||
@btn-primary-border: darken(@btn-primary-bg, 5%);
|
||||
|
||||
@btn-success-color: #fff;
|
||||
@btn-success-bg: @brand-success;
|
||||
@btn-success-border: darken(@btn-success-bg, 5%);
|
||||
|
||||
@btn-warning-color: #fff;
|
||||
@btn-warning-bg: @brand-warning;
|
||||
@btn-warning-border: darken(@btn-warning-bg, 5%);
|
||||
|
||||
@btn-danger-color: #fff;
|
||||
@btn-danger-bg: @brand-danger;
|
||||
@btn-danger-border: darken(@btn-danger-bg, 5%);
|
||||
|
||||
@btn-info-color: #fff;
|
||||
@btn-info-bg: @brand-info;
|
||||
@btn-info-border: darken(@btn-info-bg, 5%);
|
||||
|
||||
@btn-link-disabled-color: @gray-light;
|
||||
|
||||
|
||||
// Forms
|
||||
// -------------------------
|
||||
|
||||
@input-bg: #fff;
|
||||
@input-bg-disabled: @gray-lighter;
|
||||
|
||||
@input-color: @gray;
|
||||
@input-border: #ccc;
|
||||
@input-border-radius: @border-radius-base;
|
||||
@input-border-focus: #66afe9;
|
||||
|
||||
@input-color-placeholder: @gray-light;
|
||||
|
||||
@input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2);
|
||||
@input-height-large: (floor(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
|
||||
@input-height-small: (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
|
||||
|
||||
@legend-color: @gray-dark;
|
||||
@legend-border-color: #e5e5e5;
|
||||
|
||||
@input-group-addon-bg: @gray-lighter;
|
||||
@input-group-addon-border-color: @input-border;
|
||||
|
||||
|
||||
// Dropdowns
|
||||
// -------------------------
|
||||
|
||||
@dropdown-bg: #fff;
|
||||
@dropdown-border: rgba(0,0,0,.15);
|
||||
@dropdown-fallback-border: #ccc;
|
||||
@dropdown-divider-bg: #e5e5e5;
|
||||
|
||||
@dropdown-link-active-color: #fff;
|
||||
@dropdown-link-active-bg: @component-active-bg;
|
||||
|
||||
@dropdown-link-color: @gray-dark;
|
||||
@dropdown-link-hover-color: #fff;
|
||||
@dropdown-link-hover-bg: @dropdown-link-active-bg;
|
||||
|
||||
@dropdown-link-disabled-color: @gray-light;
|
||||
|
||||
@dropdown-header-color: @gray-light;
|
||||
|
||||
@dropdown-caret-color: #000;
|
||||
|
||||
|
||||
// COMPONENT VARIABLES
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Z-index master list
|
||||
// -------------------------
|
||||
// Used for a bird's eye view of components dependent on the z-axis
|
||||
// Try to avoid customizing these :)
|
||||
|
||||
@zindex-navbar: 1000;
|
||||
@zindex-dropdown: 1000;
|
||||
@zindex-popover: 1010;
|
||||
@zindex-tooltip: 1030;
|
||||
@zindex-navbar-fixed: 1030;
|
||||
@zindex-modal-background: 1040;
|
||||
@zindex-modal: 1050;
|
||||
|
||||
// Media queries breakpoints
|
||||
// --------------------------------------------------
|
||||
|
||||
// Extra small screen / phone
|
||||
@screen-xs: 480px;
|
||||
@screen-phone: @screen-xs;
|
||||
|
||||
// Small screen / tablet
|
||||
@screen-sm: 768px;
|
||||
@screen-tablet: @screen-sm;
|
||||
|
||||
// Medium screen / desktop
|
||||
@screen-md: 992px;
|
||||
@screen-desktop: @screen-md;
|
||||
|
||||
// Large screen / wide desktop
|
||||
@screen-lg: 1200px;
|
||||
@screen-lg-desktop: @screen-lg;
|
||||
|
||||
// So media queries don't overlap when required, provide a maximum
|
||||
@screen-xs-max: (@screen-sm - 1);
|
||||
@screen-sm-max: (@screen-md - 1);
|
||||
@screen-md-max: (@screen-lg - 1);
|
||||
|
||||
|
||||
// Grid system
|
||||
// --------------------------------------------------
|
||||
|
||||
// Number of columns in the grid system
|
||||
@grid-columns: 12;
|
||||
// Padding, to be divided by two and applied to the left and right of all columns
|
||||
@grid-gutter-width: 24px;
|
||||
// Point at which the navbar stops collapsing
|
||||
@grid-float-breakpoint: @screen-tablet;
|
||||
|
||||
|
||||
// Navbar
|
||||
// -------------------------
|
||||
|
||||
// Basics of a navbar
|
||||
@navbar-height: 50px;
|
||||
@navbar-margin-bottom: @line-height-computed;
|
||||
@navbar-default-color: #777;
|
||||
@navbar-default-bg: #f8f8f8;
|
||||
@navbar-default-border: darken(@navbar-default-bg, 6.5%);
|
||||
@navbar-border-radius: @border-radius-base;
|
||||
@navbar-padding-horizontal: floor(@grid-gutter-width / 2);
|
||||
@navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2);
|
||||
|
||||
// Navbar links
|
||||
@navbar-default-link-color: #777;
|
||||
@navbar-default-link-hover-color: #333;
|
||||
@navbar-default-link-hover-bg: transparent;
|
||||
@navbar-default-link-active-color: #555;
|
||||
@navbar-default-link-active-bg: darken(@navbar-default-bg, 6.5%);
|
||||
@navbar-default-link-disabled-color: #ccc;
|
||||
@navbar-default-link-disabled-bg: transparent;
|
||||
|
||||
// Navbar brand label
|
||||
@navbar-default-brand-color: @navbar-default-link-color;
|
||||
@navbar-default-brand-hover-color: darken(@navbar-default-link-color, 10%);
|
||||
@navbar-default-brand-hover-bg: transparent;
|
||||
|
||||
// Navbar toggle
|
||||
@navbar-default-toggle-hover-bg: #ddd;
|
||||
@navbar-default-toggle-icon-bar-bg: #ccc;
|
||||
@navbar-default-toggle-border-color: #ddd;
|
||||
|
||||
|
||||
// Inverted navbar
|
||||
//
|
||||
// Reset inverted navbar basics
|
||||
@navbar-inverse-color: @gray-light;
|
||||
@navbar-inverse-bg: #222;
|
||||
@navbar-inverse-border: darken(@navbar-inverse-bg, 10%);
|
||||
|
||||
// Inverted navbar links
|
||||
@navbar-inverse-link-color: @gray-light;
|
||||
@navbar-inverse-link-hover-color: #fff;
|
||||
@navbar-inverse-link-hover-bg: transparent;
|
||||
@navbar-inverse-link-active-color: @navbar-inverse-link-hover-color;
|
||||
@navbar-inverse-link-active-bg: darken(@navbar-inverse-bg, 10%);
|
||||
@navbar-inverse-link-disabled-color: #444;
|
||||
@navbar-inverse-link-disabled-bg: transparent;
|
||||
|
||||
// Inverted navbar brand label
|
||||
@navbar-inverse-brand-color: @navbar-inverse-link-color;
|
||||
@navbar-inverse-brand-hover-color: #fff;
|
||||
@navbar-inverse-brand-hover-bg: transparent;
|
||||
|
||||
// Inverted navbar search
|
||||
// Normal navbar needs no special styles or vars
|
||||
@navbar-inverse-search-bg: lighten(@navbar-inverse-bg, 25%);
|
||||
@navbar-inverse-search-bg-focus: #fff;
|
||||
@navbar-inverse-search-border: @navbar-inverse-bg;
|
||||
@navbar-inverse-search-placeholder-color: #ccc;
|
||||
|
||||
// Inverted navbar toggle
|
||||
@navbar-inverse-toggle-hover-bg: #333;
|
||||
@navbar-inverse-toggle-icon-bar-bg: #fff;
|
||||
@navbar-inverse-toggle-border-color: #333;
|
||||
|
||||
|
||||
// Navs
|
||||
// -------------------------
|
||||
|
||||
@nav-link-padding: 10px 15px;
|
||||
@nav-link-hover-bg: @gray-lighter;
|
||||
|
||||
@nav-disabled-link-color: @gray-light;
|
||||
@nav-disabled-link-hover-color: @gray-light;
|
||||
|
||||
@nav-open-link-hover-color: #fff;
|
||||
@nav-open-caret-border-color: #fff;
|
||||
|
||||
// Tabs
|
||||
@nav-tabs-border-color: #ddd;
|
||||
|
||||
@nav-tabs-link-hover-border-color: @gray-lighter;
|
||||
|
||||
@nav-tabs-active-link-hover-bg: @body-bg;
|
||||
@nav-tabs-active-link-hover-color: @gray;
|
||||
@nav-tabs-active-link-hover-border-color: #ddd;
|
||||
|
||||
@nav-tabs-justified-link-border-color: #ddd;
|
||||
@nav-tabs-justified-active-link-border-color: @body-bg;
|
||||
|
||||
// Pills
|
||||
@nav-pills-active-link-hover-bg: @component-active-bg;
|
||||
@nav-pills-active-link-hover-color: #fff;
|
||||
|
||||
|
||||
// Pagination
|
||||
// -------------------------
|
||||
|
||||
@pagination-bg: #fff;
|
||||
@pagination-border: #ddd;
|
||||
|
||||
@pagination-hover-bg: @gray-lighter;
|
||||
|
||||
@pagination-active-bg: @brand-primary;
|
||||
@pagination-active-color: #fff;
|
||||
|
||||
@pagination-disabled-color: @gray-light;
|
||||
|
||||
|
||||
// Pager
|
||||
// -------------------------
|
||||
|
||||
@pager-border-radius: 15px;
|
||||
@pager-disabled-color: @gray-light;
|
||||
|
||||
|
||||
// Jumbotron
|
||||
// -------------------------
|
||||
|
||||
@jumbotron-padding: 30px;
|
||||
@jumbotron-color: inherit;
|
||||
@jumbotron-bg: @gray-lighter;
|
||||
|
||||
@jumbotron-heading-color: inherit;
|
||||
|
||||
|
||||
// Form states and alerts
|
||||
// -------------------------
|
||||
|
||||
@state-warning-text: #c09853;
|
||||
@state-warning-bg: #fcf8e3;
|
||||
@state-warning-border: darken(spin(@state-warning-bg, -10), 3%);
|
||||
|
||||
@state-danger-text: #b94a48;
|
||||
@state-danger-bg: #f2dede;
|
||||
@state-danger-border: darken(spin(@state-danger-bg, -10), 3%);
|
||||
|
||||
@state-success-text: #468847;
|
||||
@state-success-bg: #dff0d8;
|
||||
@state-success-border: darken(spin(@state-success-bg, -10), 5%);
|
||||
|
||||
@state-info-text: #3a87ad;
|
||||
@state-info-bg: #d9edf7;
|
||||
@state-info-border: darken(spin(@state-info-bg, -10), 7%);
|
||||
|
||||
|
||||
// Tooltips
|
||||
// -------------------------
|
||||
@tooltip-max-width: 200px;
|
||||
@tooltip-color: #fff;
|
||||
@tooltip-bg: #000;
|
||||
|
||||
@tooltip-arrow-width: 5px;
|
||||
@tooltip-arrow-color: @tooltip-bg;
|
||||
|
||||
|
||||
// Popovers
|
||||
// -------------------------
|
||||
@popover-bg: #fff;
|
||||
@popover-max-width: 276px;
|
||||
@popover-border-color: rgba(0,0,0,.2);
|
||||
@popover-fallback-border-color: #ccc;
|
||||
|
||||
@popover-title-bg: darken(@popover-bg, 3%);
|
||||
|
||||
@popover-arrow-width: 10px;
|
||||
@popover-arrow-color: #fff;
|
||||
|
||||
@popover-arrow-outer-width: (@popover-arrow-width + 1);
|
||||
@popover-arrow-outer-color: rgba(0,0,0,.25);
|
||||
@popover-arrow-outer-fallback-color: #999;
|
||||
|
||||
|
||||
// Labels
|
||||
// -------------------------
|
||||
|
||||
@label-default-bg: @gray-light;
|
||||
@label-primary-bg: @brand-primary;
|
||||
@label-success-bg: @brand-success;
|
||||
@label-info-bg: @brand-info;
|
||||
@label-warning-bg: @brand-warning;
|
||||
@label-danger-bg: @brand-danger;
|
||||
|
||||
@label-color: #fff;
|
||||
@label-link-hover-color: #fff;
|
||||
|
||||
|
||||
// Modals
|
||||
// -------------------------
|
||||
@modal-inner-padding: 20px;
|
||||
|
||||
@modal-title-padding: 15px;
|
||||
@modal-title-line-height: @line-height-base;
|
||||
|
||||
@modal-content-bg: #fff;
|
||||
@modal-content-border-color: rgba(0,0,0,.2);
|
||||
@modal-content-fallback-border-color: #999;
|
||||
|
||||
@modal-backdrop-bg: #000;
|
||||
@modal-header-border-color: #e5e5e5;
|
||||
@modal-footer-border-color: @modal-header-border-color;
|
||||
|
||||
|
||||
// Alerts
|
||||
// -------------------------
|
||||
@alert-padding: 15px;
|
||||
@alert-border-radius: @border-radius-base;
|
||||
@alert-link-font-weight: bold;
|
||||
|
||||
@alert-success-bg: @state-success-bg;
|
||||
@alert-success-text: @state-success-text;
|
||||
@alert-success-border: @state-success-border;
|
||||
|
||||
@alert-info-bg: @state-info-bg;
|
||||
@alert-info-text: @state-info-text;
|
||||
@alert-info-border: @state-info-border;
|
||||
|
||||
@alert-warning-bg: @state-warning-bg;
|
||||
@alert-warning-text: @state-warning-text;
|
||||
@alert-warning-border: @state-warning-border;
|
||||
|
||||
@alert-danger-bg: @state-danger-bg;
|
||||
@alert-danger-text: @state-danger-text;
|
||||
@alert-danger-border: @state-danger-border;
|
||||
|
||||
|
||||
// Progress bars
|
||||
// -------------------------
|
||||
@progress-bg: #f5f5f5;
|
||||
@progress-bar-color: #fff;
|
||||
|
||||
@progress-bar-bg: @brand-primary;
|
||||
@progress-bar-success-bg: @brand-success;
|
||||
@progress-bar-warning-bg: @brand-warning;
|
||||
@progress-bar-danger-bg: @brand-danger;
|
||||
@progress-bar-info-bg: @brand-info;
|
||||
|
||||
|
||||
// List group
|
||||
// -------------------------
|
||||
@list-group-bg: #fff;
|
||||
@list-group-border: #ddd;
|
||||
@list-group-border-radius: @border-radius-base;
|
||||
|
||||
@list-group-hover-bg: #f5f5f5;
|
||||
@list-group-active-color: #fff;
|
||||
@list-group-active-bg: @component-active-bg;
|
||||
@list-group-active-border: @list-group-active-bg;
|
||||
|
||||
@list-group-link-color: #555;
|
||||
@list-group-link-heading-color: #333;
|
||||
|
||||
|
||||
// Panels
|
||||
// -------------------------
|
||||
@panel-bg: #fff;
|
||||
@panel-inner-border: #ddd;
|
||||
@panel-border-radius: @border-radius-base;
|
||||
@panel-footer-bg: #f5f5f5;
|
||||
|
||||
@panel-default-text: @gray-dark;
|
||||
@panel-default-border: #ddd;
|
||||
@panel-default-heading-bg: #f5f5f5;
|
||||
|
||||
@panel-primary-text: #fff;
|
||||
@panel-primary-border: @brand-primary;
|
||||
@panel-primary-heading-bg: @brand-primary;
|
||||
|
||||
@panel-success-text: @state-success-text;
|
||||
@panel-success-border: @state-success-border;
|
||||
@panel-success-heading-bg: @state-success-bg;
|
||||
|
||||
@panel-warning-text: @state-warning-text;
|
||||
@panel-warning-border: @state-warning-border;
|
||||
@panel-warning-heading-bg: @state-warning-bg;
|
||||
|
||||
@panel-danger-text: @state-danger-text;
|
||||
@panel-danger-border: @state-danger-border;
|
||||
@panel-danger-heading-bg: @state-danger-bg;
|
||||
|
||||
@panel-info-text: @state-info-text;
|
||||
@panel-info-border: @state-info-border;
|
||||
@panel-info-heading-bg: @state-info-bg;
|
||||
|
||||
|
||||
// Thumbnails
|
||||
// -------------------------
|
||||
@thumbnail-padding: 4px;
|
||||
@thumbnail-bg: @body-bg;
|
||||
@thumbnail-border: #ddd;
|
||||
@thumbnail-border-radius: @border-radius-base;
|
||||
|
||||
@thumbnail-caption-color: @text-color;
|
||||
@thumbnail-caption-padding: 9px;
|
||||
|
||||
|
||||
// Wells
|
||||
// -------------------------
|
||||
@well-bg: #f5f5f5;
|
||||
|
||||
|
||||
// Badges
|
||||
// -------------------------
|
||||
@badge-color: #fff;
|
||||
@badge-link-hover-color: #fff;
|
||||
@badge-bg: @gray-light;
|
||||
|
||||
@badge-active-color: @link-color;
|
||||
@badge-active-bg: #fff;
|
||||
|
||||
@badge-font-weight: bold;
|
||||
@badge-line-height: 1;
|
||||
@badge-border-radius: 10px;
|
||||
|
||||
|
||||
// Breadcrumbs
|
||||
// -------------------------
|
||||
@breadcrumb-bg: #f5f5f5;
|
||||
@breadcrumb-color: #ccc;
|
||||
@breadcrumb-active-color: @gray-light;
|
||||
|
||||
|
||||
// Carousel
|
||||
// ------------------------
|
||||
|
||||
@carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6);
|
||||
|
||||
@carousel-control-color: #fff;
|
||||
@carousel-control-width: 15%;
|
||||
@carousel-control-opacity: .5;
|
||||
@carousel-control-font-size: 20px;
|
||||
|
||||
@carousel-indicator-active-bg: #fff;
|
||||
@carousel-indicator-border-color: #fff;
|
||||
|
||||
@carousel-caption-color: #fff;
|
||||
|
||||
|
||||
// Close
|
||||
// ------------------------
|
||||
@close-color: #000;
|
||||
@close-font-weight: bold;
|
||||
@close-text-shadow: 0 1px 0 #fff;
|
||||
|
||||
|
||||
// Code
|
||||
// ------------------------
|
||||
@code-color: #c7254e;
|
||||
@code-bg: #f9f2f4;
|
||||
|
||||
@pre-bg: #f5f5f5;
|
||||
@pre-color: @gray-dark;
|
||||
@pre-border-color: #ccc;
|
||||
@pre-scrollable-max-height: 340px;
|
||||
|
||||
// Type
|
||||
// ------------------------
|
||||
@text-muted: @gray-light;
|
||||
@abbr-border-color: @gray-light;
|
||||
@headings-small-color: @gray-light;
|
||||
@blockquote-small-color: @gray-light;
|
||||
@blockquote-border-color: @gray-lighter;
|
||||
@page-header-border-color: @gray-lighter;
|
||||
|
||||
// Miscellaneous
|
||||
// -------------------------
|
||||
|
||||
// Hr border color
|
||||
@hr-border: @gray-lighter;
|
||||
|
||||
// Horizontal forms & lists
|
||||
@component-offset-horizontal: 180px;
|
||||
|
||||
|
||||
// Container sizes
|
||||
// --------------------------------------------------
|
||||
|
||||
// Small screen / tablet
|
||||
@container-tablet: ((720px + @grid-gutter-width));
|
||||
|
||||
// Medium screen / desktop
|
||||
@container-desktop: ((940px + @grid-gutter-width));
|
||||
|
||||
// Large screen / wide desktop
|
||||
@container-lg-desktop: ((1140px + @grid-gutter-width));
|
||||
|
|
@ -0,0 +1,144 @@
|
|||
//some breadcrumbs variables
|
||||
@breadcrumb-bg:#F5F5F5;
|
||||
@breadcrumb-border:#E5E5E5;
|
||||
@breadcrumb-text-color:#555;
|
||||
@breadcrumb-link-color:#4C8FBD;
|
||||
|
||||
@breadcrumb-separator:"\f105";//font awesome icon
|
||||
|
||||
|
||||
|
||||
/* breadcrumbs and searchbox */
|
||||
.breadcrumbs {
|
||||
position:relative;
|
||||
|
||||
border-bottom:1px solid @breadcrumb-border;
|
||||
background-color:@breadcrumb-bg;
|
||||
|
||||
min-height:@breadcrumb-height;
|
||||
line-height:(@breadcrumb-height - 1);
|
||||
|
||||
padding:0 12px 0 0;
|
||||
|
||||
display:block;
|
||||
|
||||
&.fixed , &.breadcrumbs-fixed{
|
||||
position:fixed;
|
||||
right:0;
|
||||
left:(@sidebar-width);
|
||||
top:@navbar-mh;
|
||||
z-index:@zindex-navbar-fixed - 2;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.breadcrumb {
|
||||
background-color: transparent;
|
||||
display: inline-block;
|
||||
line-height: 24px;
|
||||
|
||||
margin: 0 22px 0 12px;
|
||||
padding: 0;
|
||||
|
||||
font-size:13px;
|
||||
color:#333;
|
||||
|
||||
border-radius:0;
|
||||
> li {
|
||||
& , &.active {
|
||||
color:@breadcrumb-text-color;
|
||||
}
|
||||
|
||||
> a {
|
||||
display:inline-block;
|
||||
padding:0 4px;
|
||||
color:@breadcrumb-link-color;
|
||||
}
|
||||
|
||||
+ li:before {
|
||||
font-family:FontAwesome;
|
||||
font-size:14px;
|
||||
content:@breadcrumb-separator;
|
||||
color:@breadcrumb-arrow-color;
|
||||
|
||||
margin-right: 2px;
|
||||
padding: 0 5px 0 2px;
|
||||
position:relative;
|
||||
top: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.home-icon {
|
||||
margin-left:4px; margin-right:2px;
|
||||
font-size:20px;
|
||||
position:relative; top:2px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: @screen-sm-max) {
|
||||
.breadcrumb {
|
||||
margin-left:90px;
|
||||
}
|
||||
.breadcrumbs.fixed , .breadcrumbs.breadcrumbs-fixed{
|
||||
position: relative !important;
|
||||
left: auto !important; right: auto !important;
|
||||
top: auto !important;
|
||||
z-index:auto !important;
|
||||
}
|
||||
body.breadcrumbs-fixed .ace-settings-container {
|
||||
top:50px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: @screen-xs) {
|
||||
.breadcrumb > li > a {
|
||||
padding:0 1px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: @screen-tiny) {
|
||||
.breadcrumb {
|
||||
margin-left:36px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.container.main-container {
|
||||
.breadcrumbs.breadcrumbs-fixed {
|
||||
left: auto !important;
|
||||
right: auto !important;
|
||||
}
|
||||
|
||||
@media (min-width: @screen-tablet) {
|
||||
.breadcrumbs.breadcrumbs-fixed {
|
||||
width: @container-tablet - @sidebar-width;
|
||||
}
|
||||
.menu-min + .main-content .breadcrumbs.breadcrumbs-fixed {
|
||||
width: @container-tablet - @sidebar-min-width;
|
||||
}
|
||||
}
|
||||
@media (min-width: @screen-desktop) {
|
||||
.breadcrumbs.breadcrumbs-fixed {
|
||||
width: @container-desktop - @sidebar-width;
|
||||
}
|
||||
.menu-min + .main-content .breadcrumbs.breadcrumbs-fixed {
|
||||
width: @container-desktop - @sidebar-min-width;
|
||||
}
|
||||
}
|
||||
@media (min-width: @screen-lg-desktop) {
|
||||
.breadcrumbs.breadcrumbs-fixed {
|
||||
width: @container-lg-desktop - @sidebar-width;
|
||||
}
|
||||
.menu-min + .main-content .breadcrumbs.breadcrumbs-fixed {
|
||||
width: @container-lg-desktop - @sidebar-min-width;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
//bootstrap mentions that the following need not be floated, as they are full width (100%)
|
||||
//but in our case it's needed, because sidebar is floated left(not position:absolute) and
|
||||
//the .row elements containing .col-*-12 have .clearfix behaviour,
|
||||
//which doesn't allow any floating elements on left or side, thus causing problems with our sidebar
|
||||
.col-xs-12 , .col-sm-12 , .col-md-12, .col-lg-12 {
|
||||
float:left;
|
||||
}
|
||||
|
||||
.col-xs-reset { width: auto; padding-left:0; padding-right:0; float:none; }
|
||||
|
||||
@media (min-width: @screen-tablet) {
|
||||
.col-sm-reset { width: auto; padding-left:0; padding-right:0; float:none; }
|
||||
}
|
||||
@media (min-width: @screen-desktop) {
|
||||
.col-md-reset { width: auto; padding-left:0; padding-right:0; float:none; }
|
||||
}
|
||||
@media (min-width: @screen-lg-desktop) {
|
||||
.col-lg-reset { width: auto; padding-left:0; padding-right:0; float:none; }
|
||||
}
|
||||
|
||||
|
||||
.jqstooltip , .legendColorBox div {
|
||||
.box-sizing(content-box);
|
||||
}
|
||||
.legendLabel {
|
||||
.box-sizing(content-box);
|
||||
height:20px;
|
||||
font-size:10px;
|
||||
}
|
||||
|
|
@ -0,0 +1,600 @@
|
|||
/** buttons */
|
||||
.btn {
|
||||
display:inline-block;
|
||||
|
||||
color:#FFF !important;
|
||||
text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25) !important;
|
||||
|
||||
background-image:none !important;
|
||||
border:5px solid #FFF;
|
||||
border-radius:0;
|
||||
box-shadow:none !important;
|
||||
|
||||
.transition(~"all ease .15s");
|
||||
|
||||
cursor:pointer;
|
||||
|
||||
vertical-align:middle;
|
||||
margin:0;
|
||||
|
||||
position:relative;
|
||||
|
||||
}
|
||||
|
||||
.btn-lg {
|
||||
border-width:5px;
|
||||
line-height: 1.35;
|
||||
padding: 7px 16px;
|
||||
}
|
||||
.btn-sm {
|
||||
border-width:4px;
|
||||
font-size:13px;
|
||||
padding: 4px 9px;
|
||||
line-height:1.39;
|
||||
}
|
||||
.btn-xs {
|
||||
border-width:3px;
|
||||
}
|
||||
.btn-minier {
|
||||
padding: 0 4px;
|
||||
line-height: 18px;
|
||||
border-width: 2px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
button.btn:active {
|
||||
top: 1px;
|
||||
left: 1px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
//button color
|
||||
.btn-color(@color1, @color2) {
|
||||
& , &:focus {
|
||||
background-color:@color1 !important;
|
||||
border-color:@color1;
|
||||
}
|
||||
|
||||
&:hover , .open &.dropdown-toggle {
|
||||
background-color:@color2 !important;
|
||||
border-color:@color1;
|
||||
}
|
||||
&.no-border:hover {
|
||||
border-color:@color2;
|
||||
}
|
||||
&.no-hover:hover {
|
||||
background-color:@color1 !important;
|
||||
}
|
||||
&.active {
|
||||
background-color: mix(@color1,@color2) !important;
|
||||
border-color: darken(mix(@color1,@color2),7%);
|
||||
}
|
||||
&.no-border.active {
|
||||
background-color: darken(mix(@color1,@color2),3%) !important;
|
||||
border-color: darken(mix(@color1,@color2),3%);
|
||||
}
|
||||
&.disabled, &[disabled], fieldset[disabled] & {
|
||||
&,
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.active {
|
||||
background-color:@color1 !important;
|
||||
border-color:@color1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn-color(@color-name) {
|
||||
@color1-name : ~`"btn-@{color-name}"`;
|
||||
@color2-name : ~`"btn-@{color-name}-hover"`;
|
||||
|
||||
.btn-color(@@color1-name, @@color2-name);
|
||||
}
|
||||
|
||||
|
||||
.btn , .btn-default {
|
||||
.btn-color(~"default");
|
||||
}
|
||||
.btn-primary {
|
||||
.btn-color(~"primary");
|
||||
}
|
||||
.btn-info {
|
||||
.btn-color(~"info");
|
||||
}
|
||||
.btn-success {
|
||||
.btn-color(~"success");
|
||||
}
|
||||
.btn-warning {
|
||||
.btn-color(~"warning");
|
||||
}
|
||||
.btn-danger {
|
||||
.btn-color(~"danger");
|
||||
}
|
||||
.btn-inverse {
|
||||
.btn-color(~"inverse");
|
||||
}
|
||||
.btn-pink {
|
||||
.btn-color(~"pink");
|
||||
}
|
||||
.btn-purple {
|
||||
.btn-color(~"purple");
|
||||
}
|
||||
.btn-grey {
|
||||
.btn-color(~"grey");
|
||||
}
|
||||
|
||||
.btn-yellow {
|
||||
.btn-color(~"yellow");
|
||||
color:@btn-yellow-color !important;
|
||||
text-shadow:0 -1px 0 rgba(255, 255, 255, 0.4) !important;
|
||||
}
|
||||
|
||||
.btn-light {
|
||||
.btn-color(~"light");
|
||||
color:@btn-light-color !important;
|
||||
text-shadow:0 -1px 0 rgba(250, 250, 250, 0.25) !important;
|
||||
}
|
||||
|
||||
.btn-light.btn-xs:after {
|
||||
left:-2px; right:-2px; top:-2px; bottom:-2px;
|
||||
}
|
||||
.btn-light.btn-sm:after {
|
||||
left:-4px; right:-4px; top:-4px; bottom:-4px;
|
||||
}
|
||||
.btn-light.btn-large:after {
|
||||
left:-6px; right:-6px; top:-6px; bottom:-6px;
|
||||
}
|
||||
|
||||
.btn.btn-white {
|
||||
border-width:1px;
|
||||
border-color:#CCC;
|
||||
color:#444 !important;
|
||||
text-shadow:none !important;
|
||||
background-color:#FFF !important;
|
||||
|
||||
&:hover, &:focus {
|
||||
background-color:#EBEBEB !important;
|
||||
}
|
||||
&.no-border {
|
||||
border-color: #CCC;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.btn.disabled, .btn[disabled] {
|
||||
&.active, &:focus, &:active {
|
||||
outline:none;
|
||||
}
|
||||
&:active {
|
||||
top:0; left:0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* active buttons */
|
||||
.btn.active {
|
||||
color:@btn-active-color;
|
||||
&:after {
|
||||
display:inline-block;
|
||||
content:"";
|
||||
position:absolute;
|
||||
border-bottom:1px solid @btn-active-color;
|
||||
left:-4px; right:-4px; bottom:-4px;
|
||||
}
|
||||
&.btn-sm:after {
|
||||
left:-3px; right:-3px; bottom:-3px;
|
||||
//border-bottom-width:1px;
|
||||
}
|
||||
&.btn-large:after {
|
||||
left:-5px; right:-5px; bottom:-5px;
|
||||
//border-bottom-width:1px;
|
||||
}
|
||||
&.btn-xs:after , &.btn-minier:after {
|
||||
left:-1px; right:-1px; bottom:-2px;
|
||||
//border-bottom-width:1px;
|
||||
}
|
||||
&.btn-minier:after {
|
||||
bottom:-1px;
|
||||
}
|
||||
|
||||
&.btn-yellow:after {
|
||||
border-bottom-color:@btn-yellow-active-border;
|
||||
}
|
||||
&.btn-light {
|
||||
color:#515151;
|
||||
&:after {
|
||||
border-bottom-color:#B5B5B5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* icons inside buttons */
|
||||
.btn {
|
||||
> [class*="icon-"] {
|
||||
display:inline;
|
||||
margin-right:4px;
|
||||
//min-width:12px;
|
||||
|
||||
&.icon-on-right {
|
||||
margin-right:0;
|
||||
margin-left:4px;
|
||||
}
|
||||
}
|
||||
> .icon-only[class*="icon-"] {
|
||||
margin:0;
|
||||
vertical-align:middle;
|
||||
text-align:center;
|
||||
padding:0;
|
||||
//min-width:24px;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-large > [class*="icon-"] {
|
||||
margin-right:6px;
|
||||
|
||||
&.icon-on-right {
|
||||
margin-right:0;
|
||||
margin-left:6px;
|
||||
}
|
||||
}
|
||||
.btn-sm > [class*="icon-"] {
|
||||
margin-right:3px;
|
||||
|
||||
&.icon-on-right {
|
||||
margin-right:0;
|
||||
margin-left:3px;
|
||||
}
|
||||
}
|
||||
.btn-xs > [class*="icon-"] , &.btn-minier > [class*="icon-"] {
|
||||
margin-right:2px;
|
||||
|
||||
&.icon-on-right {
|
||||
margin-right:0;
|
||||
margin-left:2px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.btn.btn-link {
|
||||
border:none !important;
|
||||
background:transparent none !important;
|
||||
color:@btn-link-color !important;
|
||||
text-shadow:none !important;
|
||||
padding:4px 12px !important;
|
||||
line-height:20px !important;
|
||||
|
||||
&:hover {
|
||||
background:none !important;
|
||||
text-shadow:none !important;
|
||||
}
|
||||
&.active {
|
||||
background:none !important;
|
||||
text-decoration:underline;
|
||||
color:lighten(@btn-link-color , 6%) !important;
|
||||
&:after {
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
&.disabled , &[disabled]{
|
||||
background:none;
|
||||
.opacity(0.65);
|
||||
&:hover {
|
||||
background:none !important;
|
||||
text-decoration:none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn.btn-no-border {
|
||||
border-width:0 !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* button groups */
|
||||
.btn-group {
|
||||
> .btn {
|
||||
& , + .btn {
|
||||
margin:0 1px 0 0;
|
||||
}
|
||||
&:first-child {
|
||||
margin:0 1px 0 0;
|
||||
}
|
||||
&:first-child , &:last-child {
|
||||
border-radius:0;
|
||||
}
|
||||
|
||||
/* caret inside buttons */
|
||||
> .caret {
|
||||
margin-top:15px;
|
||||
margin-left:1px;
|
||||
border-width:5px;
|
||||
border-top-color:#FFF;
|
||||
}
|
||||
|
||||
&.btn-sm > .caret {
|
||||
margin-top:10px;
|
||||
border-width:4px;
|
||||
}
|
||||
&.btn-large > .caret {
|
||||
margin-top:18px;
|
||||
border-width:6px;
|
||||
}
|
||||
&.btn-xs > .caret {
|
||||
margin-top:9px;
|
||||
border-width:4px;
|
||||
}
|
||||
&.btn-minier > .caret {
|
||||
margin-top:7px;
|
||||
border-width:3px;
|
||||
}
|
||||
|
||||
/* dropdown toggle */
|
||||
+ .btn.dropdown-toggle {
|
||||
padding-right:3px;
|
||||
padding-left:3px;
|
||||
}
|
||||
+ .btn-large.dropdown-toggle {
|
||||
padding-right:4px;
|
||||
padding-left:4px;
|
||||
}
|
||||
|
||||
}
|
||||
.dropdown-toggle {
|
||||
border-radius:0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.btn-group-active-state(@left, @right, @bottom, @width) {/* the border under an active button in button groups */
|
||||
&.active:after {
|
||||
left:unit(@left, px); right:unit(@right, px); bottom:unit(@bottom, px);
|
||||
border-bottom-width:unit(@width, px);
|
||||
}
|
||||
}
|
||||
> .btn , + .btn{
|
||||
margin:0 1px 0 0;
|
||||
border-width:3px;// !important;
|
||||
.btn-group-active-state(-2, -2, -2, 1);
|
||||
}
|
||||
> .btn-large , + .btn-large{
|
||||
border-width:4px;// !important;
|
||||
.btn-group-active-state(-3, -3, -3, 1);
|
||||
}
|
||||
> .btn-sm , + .btn-sm{
|
||||
border-width:2px;// !important;
|
||||
.btn-group-active-state(-1, -1, -1, 1);
|
||||
}
|
||||
> .btn-xs , + .btn-xs{
|
||||
border-width:1px;// !important;
|
||||
.btn-group-active-state(0, 0, 0, 1);
|
||||
}
|
||||
> .btn-minier , + .btn-minier{
|
||||
border-width:1px;// !important;
|
||||
.btn-group-active-state(0, 0, 0, 1);
|
||||
}
|
||||
}
|
||||
|
||||
.btn-group > .btn {
|
||||
border-radius:0 !important;
|
||||
}
|
||||
.btn-group-vertical > .btn , .btn-group-vertical > .btn + .btn {
|
||||
margin:1px 0 0;
|
||||
}
|
||||
.btn-group-vertical > .btn:first-child {
|
||||
margin-right:0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* application buttons */
|
||||
.btn.btn-app {
|
||||
display: inline-block;
|
||||
width: 100px;
|
||||
|
||||
font-size: 18px;
|
||||
font-weight: normal;
|
||||
color: #FFF;
|
||||
|
||||
text-align: center;
|
||||
text-shadow: 0 -1px -1px rgba(0,0,0,0.2) !important;
|
||||
|
||||
border: none;
|
||||
border-radius: 12px;
|
||||
|
||||
padding: 12px 0 8px;
|
||||
margin: 2px;
|
||||
|
||||
line-height: 1.7;
|
||||
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
//button color
|
||||
.btn-app-color(@color1, @color2, @percent) {
|
||||
& , &.no-hover:hover , &.disabled:hover {
|
||||
background: average(@color1, @color2) !important;
|
||||
#gradient > .vertical(@color1 , @color2) !important;
|
||||
}
|
||||
&:hover {
|
||||
background: average(darken(@color1,@percent), darken(@color2,@percent)) !important;
|
||||
#gradient > .vertical(darken(@color1,@percent) , darken(@color2,@percent)) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-app-color(@color-name, @percent:10%) {
|
||||
@color1-name : ~`"btn-app-@{color-name}-1"`;
|
||||
@color2-name : ~`"btn-app-@{color-name}-2"`;
|
||||
|
||||
.btn-app-color(@@color1-name, @@color2-name , @percent);
|
||||
}
|
||||
|
||||
.btn-app, .btn-app.btn-default {
|
||||
.btn-app-color(~"default" , 8%);
|
||||
}
|
||||
.btn-app.btn-primary {
|
||||
.btn-app-color(~"primary");
|
||||
}
|
||||
.btn-app.btn-info {
|
||||
.btn-app-color(~"info");
|
||||
}
|
||||
.btn-app.btn-success {
|
||||
.btn-app-color(~"success");
|
||||
}
|
||||
.btn-app.btn-danger {
|
||||
.btn-app-color(~"danger");
|
||||
}
|
||||
.btn-app.btn-warning {
|
||||
.btn-app-color(~"warning");
|
||||
}
|
||||
.btn-app.btn-purple {
|
||||
.btn-app-color(~"purple");
|
||||
}
|
||||
.btn-app.btn-pink {
|
||||
.btn-app-color(~"pink");
|
||||
}
|
||||
.btn-app.btn-inverse {
|
||||
.btn-app-color(~"inverse");
|
||||
}
|
||||
.btn-app.btn-grey {
|
||||
.btn-app-color(~"grey" , 5%);
|
||||
}
|
||||
|
||||
.btn.btn-app.btn-light {
|
||||
.btn-app-color(~"light" , 5%);
|
||||
|
||||
color: @btn-app-light-color !important;
|
||||
text-shadow: 0 1px 1px #EEE !important;
|
||||
}
|
||||
|
||||
.btn.btn-app.btn-yellow {
|
||||
.btn-app-color(~"yellow" , 5%);
|
||||
|
||||
color:@btn-app-yellow-color !important;
|
||||
text-shadow:0 -1px 0 rgba(255, 255, 255, 0.4) !important;
|
||||
}
|
||||
|
||||
|
||||
.btn.btn-app {
|
||||
&.btn-sm {
|
||||
width:80px;
|
||||
font-size:16px;
|
||||
border-radius:10px ;
|
||||
|
||||
line-height: 1.5;
|
||||
}
|
||||
&.btn-xs {
|
||||
width:64px;
|
||||
font-size:15px;
|
||||
border-radius:8px;
|
||||
padding-bottom:7px;
|
||||
padding-top:8px;
|
||||
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
|
||||
|
||||
> [class*=icon] {
|
||||
display:block;
|
||||
font-size:42px;
|
||||
|
||||
margin:0 0 4px;
|
||||
line-height:36px;
|
||||
min-width:0;
|
||||
|
||||
padding:0;
|
||||
}
|
||||
&.btn-sm > [class*=icon] {
|
||||
display:block;
|
||||
font-size:32px;
|
||||
line-height:30px;
|
||||
margin:0 0 3px;
|
||||
}
|
||||
&.btn-xs > [class*=icon] {
|
||||
display:block;
|
||||
font-size:24px;
|
||||
line-height:24px;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
&.no-radius {
|
||||
border-radius:0;
|
||||
}
|
||||
&.radius-4 {
|
||||
border-radius:4px;
|
||||
}
|
||||
|
||||
/* badge & label inside buttons */
|
||||
> .badge , > .label {
|
||||
position:absolute !important;
|
||||
top:-2px; right:-2px;
|
||||
padding:1px 3px;
|
||||
text-align:center;
|
||||
font-size:12px;
|
||||
|
||||
&.badge-left , &.label-left{
|
||||
right:auto;
|
||||
left:-2px;
|
||||
}
|
||||
}
|
||||
> .label {
|
||||
padding:1px 6px 3px;
|
||||
font-size:13px;
|
||||
}
|
||||
&.radius-4 , &.no-radius {
|
||||
> .badge {
|
||||
border-radius:3px;
|
||||
&.no-radius {// > .badge.no-radius
|
||||
border-radius:0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* active state */
|
||||
&.active {
|
||||
color:@btn-app-active;
|
||||
&:after {
|
||||
display:none;
|
||||
}
|
||||
&.btn-yellow {
|
||||
color:@btn-app-yellow-color;
|
||||
border-color:@btn-app-yellow-border;
|
||||
}
|
||||
&.btn-light {
|
||||
color:@btn-app-light-active;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.btn.btn-app {
|
||||
&.btn-light, &.btn-yellow {
|
||||
.box-shadow(~"0 0 0 1px rgba(0, 0, 0, 0.08) inset") !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,353 @@
|
|||
@dropdown-shadow:~"0 2px 4px rgba(0, 0, 0, 0.2)";
|
||||
|
||||
|
||||
/* dropdown menus */
|
||||
.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:focus > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > li > a:focus > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:focus > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"], .dropdown-submenu:focus > a > [class*=" icon-"] {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.dropdown-menu {
|
||||
.border-radius(0) !important;
|
||||
.box-shadow(@dropdown-shadow);
|
||||
> li > a {
|
||||
font-size:13px;
|
||||
padding-left:11px; padding-right:11px;
|
||||
margin-bottom:1px; margin-top:1px;
|
||||
}
|
||||
|
||||
&.dropdown-only-icon {
|
||||
min-width: 50px;
|
||||
> li {
|
||||
float:left;
|
||||
margin:0 4px;
|
||||
> a {
|
||||
[class*="icon-"] {
|
||||
width:18px;
|
||||
//font-size:16px;
|
||||
display:inline-block;
|
||||
}
|
||||
.icon-2x {
|
||||
width:36px;
|
||||
//font-size:22px;
|
||||
}
|
||||
}// > a
|
||||
}// > li
|
||||
}//&.dropdown-only-icon
|
||||
|
||||
}//.dropdown-menu
|
||||
|
||||
|
||||
|
||||
|
||||
//dropdown
|
||||
.dropdown-color(@bgcolor:~"menu";@txtcolor:#FFFFFF) {
|
||||
@dropdown-class:~`"dropdown-@{bgcolor}"`;
|
||||
@dropdown-bg:~`"dropdown-@{bgcolor}"`;
|
||||
@dropdown-cl:@@dropdown-bg;
|
||||
|
||||
|
||||
.@{dropdown-class} {
|
||||
li a:hover,
|
||||
li a:focus,
|
||||
li a:active,
|
||||
li.active a,
|
||||
li.active a:hover,
|
||||
.dropdown-submenu:hover > a,
|
||||
|
||||
.nav-tabs & li > a:focus
|
||||
{
|
||||
background:@dropdown-cl;
|
||||
color:@txtcolor;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-color();
|
||||
.dropdown-color(~"default");
|
||||
.dropdown-color(~"info");
|
||||
.dropdown-color(~"primary");
|
||||
.dropdown-color(~"success");
|
||||
.dropdown-color(~"warning");
|
||||
.dropdown-color(~"danger");
|
||||
.dropdown-color(~"inverse");
|
||||
.dropdown-color(~"purple");
|
||||
.dropdown-color(~"pink");
|
||||
.dropdown-color(~"grey");
|
||||
.dropdown-color(~"light" ; #333333);
|
||||
.dropdown-color(~"lighter" ; #444444);
|
||||
.dropdown-color(~"lightest" ; #444444);
|
||||
.dropdown-color(~"yellow" ; #444444);
|
||||
.dropdown-color(~"yellow2" ; #444444);
|
||||
.dropdown-color(~"light-blue" ; #445566);
|
||||
|
||||
|
||||
.dropdown-light , .dropdown-lighter , .dropdown-lightest {
|
||||
.dropdown-submenu:hover > a:after {
|
||||
border-left-color:#444;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* closer to the toggle button */
|
||||
.dropdown-menu {
|
||||
&.dropdown-close {
|
||||
top:92%; left:-5px;
|
||||
&.pull-right {
|
||||
left:auto;
|
||||
right:-5px;
|
||||
}
|
||||
}
|
||||
&.dropdown-closer {
|
||||
top:80%; left:-10px;
|
||||
&.pull-right {
|
||||
right:-10px;
|
||||
left:auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-submenu > .dropdown-menu {
|
||||
.border-radius(0);
|
||||
}
|
||||
.dropdown-submenu > a:after {
|
||||
margin-right:-5px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* colorpicker dropdown */
|
||||
.dropdown-colorpicker {
|
||||
> .dropdown-menu {
|
||||
top:80%;
|
||||
left:-7px;
|
||||
&.pull-right {
|
||||
right:-7px;
|
||||
left:auto;
|
||||
}
|
||||
|
||||
padding:4px;
|
||||
min-width:130px; max-width:130px;
|
||||
|
||||
> li {
|
||||
display:block;
|
||||
float:left;
|
||||
width:20px; height:20px;
|
||||
margin:2px;
|
||||
> .colorpick-btn {
|
||||
display:block;
|
||||
width:20px; height:20px;
|
||||
|
||||
margin:0; padding:0;
|
||||
border-radius:0;
|
||||
position:relative;
|
||||
|
||||
.transition(~"all ease 0.1s");
|
||||
|
||||
&:hover {
|
||||
text-decoration:none;
|
||||
.opacity(0.8);
|
||||
.scale(1.08);
|
||||
}
|
||||
&.selected:after {
|
||||
content:"\f00c";
|
||||
display:inline-block;
|
||||
font-family:FontAwesome; font-size:11px;
|
||||
color:#FFF;
|
||||
|
||||
position:absolute; left:0; right:0; text-align:center; line-height:20px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn-colorpicker {
|
||||
display:inline-block;
|
||||
width:20px; height:20px;
|
||||
background-color:#DDD;
|
||||
vertical-align:middle;
|
||||
|
||||
border-radius:0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* top user info dropdowns */
|
||||
.dropdown-navbar {
|
||||
padding:0;
|
||||
width: @navbar-dropdown-width;
|
||||
.box-shadow(@navbar-dropdown-shadow);
|
||||
|
||||
|
||||
> li {
|
||||
padding:0 8px;
|
||||
background-color:#FFFFFF;
|
||||
|
||||
&.dropdown-header {
|
||||
text-shadow:none;
|
||||
padding-top:0; padding-bottom:0;
|
||||
line-height:34px;
|
||||
font-size:13px; font-weight:bold; text-transform:none;
|
||||
border-bottom:1px solid;
|
||||
}
|
||||
|
||||
> [class*="icon-"] , > a > [class*="icon-"] {
|
||||
margin-right:5px !important;
|
||||
color:#555;
|
||||
font-size:14px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
> a {
|
||||
padding:10px 2px;
|
||||
margin:0;
|
||||
border-bottom:1px solid;
|
||||
font-size:12px;
|
||||
line-height:16px;
|
||||
color:#555;
|
||||
|
||||
&:active, &:hover, &:focus {
|
||||
background-color:transparent !important;
|
||||
color:#555;
|
||||
}
|
||||
.progress {
|
||||
margin-bottom:0;
|
||||
margin-top:4px;
|
||||
}
|
||||
.badge {
|
||||
line-height:16px;
|
||||
padding-right:4px; padding-left:4px;
|
||||
font-size:12px;
|
||||
}
|
||||
}
|
||||
&:last-child > a {
|
||||
border-bottom:0 solid #DDD;
|
||||
border-top:1px dotted transparent;
|
||||
color:#4F99C6;
|
||||
|
||||
text-align:center;
|
||||
font-size:13px;
|
||||
|
||||
&:hover {
|
||||
background-color:#FFF;
|
||||
color:#4F99C6;
|
||||
text-decoration:underline;
|
||||
> [class*="icon-"] {
|
||||
text-decoration:none;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}//end of li
|
||||
|
||||
|
||||
//navbar colors
|
||||
.navbar-colors(@border-color; @hover-color; @header-bg; @header-txt; @header-icon; @item-bottom) {
|
||||
border-color:@border-color;
|
||||
> li {
|
||||
&:hover {
|
||||
background-color:@hover-color !important;
|
||||
}
|
||||
&.dropdown-header {
|
||||
background-color:@header-bg !important;
|
||||
color:@header-txt;
|
||||
border-bottom-color:@border-color;
|
||||
|
||||
> [class*="icon-"] {
|
||||
color:@header-icon;
|
||||
}
|
||||
}
|
||||
> a {
|
||||
border-bottom-color:@item-bottom;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-colors(#BCD4E5 ; #F4F9FC ; #ECF2F7 ; #8090A0 ; #8090A0; #E4ECF3);
|
||||
&.navbar-pink {
|
||||
.navbar-colors(#E5BCD4 ; #FCF4F9 ; #F7ECF2 ; #B471A0 ; #C06090 ; #F3E4EC);
|
||||
}
|
||||
&.navbar-grey {
|
||||
.navbar-colors(#E5E5E5 ; #F8F8F8 ; #F2F2F2 ; #3A87AD ; #3A87AD; #EEEEEE);
|
||||
}
|
||||
&.navbar-green {
|
||||
.navbar-colors(#B4D5AC ; #F4F9EF ; #EBF7E4 ; #88AA66 ; #90C060; #ECF3E4);
|
||||
}
|
||||
|
||||
|
||||
|
||||
[class*="btn"][class*="icon-"] {
|
||||
display:inline-block;
|
||||
//border:none;
|
||||
margin:0 5px 0 0;
|
||||
width:24px;
|
||||
text-align:center;
|
||||
padding-left:0;
|
||||
padding-right:0;
|
||||
}
|
||||
|
||||
|
||||
/* user info on top navbar icons */
|
||||
.msg-photo {
|
||||
margin-right:6px;
|
||||
max-width:42px;
|
||||
}
|
||||
.msg-body {
|
||||
display:inline-block;
|
||||
line-height:20px;
|
||||
white-space:normal;
|
||||
vertical-align:middle;
|
||||
|
||||
max-width:175px;
|
||||
}
|
||||
.msg-title {
|
||||
display:inline-block;
|
||||
line-height:14px;
|
||||
}
|
||||
.msg-time {
|
||||
display:block;
|
||||
font-size:11px;
|
||||
color:#777;
|
||||
> [class*="icon-"] {
|
||||
font-size:14px;
|
||||
color:#555;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.dropdown-100 {
|
||||
min-width:100px;
|
||||
}
|
||||
.dropdown-125 {
|
||||
min-width:125px;
|
||||
}
|
||||
.dropdown-150 {
|
||||
min-width:150px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.dropdown-hover {
|
||||
position:relative;
|
||||
}
|
||||
.dropdown-hover:hover > .dropdown-menu {
|
||||
display: block;
|
||||
}
|
||||
125
upload/admin_area/styles/cb_2014/theme/assets/css/less/ext/bootstrap-tag.less
vendored
Normal file
125
upload/admin_area/styles/cb_2014/theme/assets/css/less/ext/bootstrap-tag.less
vendored
Normal file
|
|
@ -0,0 +1,125 @@
|
|||
.tags {
|
||||
display: inline-block;
|
||||
padding: 4px 6px;
|
||||
color: @ace-grey;
|
||||
vertical-align: middle;
|
||||
//.border-radius(@inputBorderRadius);
|
||||
background-color: #FFF;
|
||||
border: 1px solid @input-border;
|
||||
//.box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
|
||||
|
||||
//.transition(~"border linear .2s, box-shadow linear .2s");
|
||||
width: 206px;
|
||||
|
||||
&:hover {
|
||||
border-color:@input-hover-border;
|
||||
}
|
||||
|
||||
&-hover , &-hover:hover {
|
||||
border-color: @input-focus-border;
|
||||
outline: 0;
|
||||
outline: thin dotted \9; /* IE6-9 */
|
||||
}
|
||||
|
||||
&[class*="span"] {
|
||||
float: none;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
input[type="text"]:focus {
|
||||
border: none;
|
||||
display: inline;
|
||||
outline: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 14px;
|
||||
.box-shadow(none);
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.tags {
|
||||
.tag {
|
||||
display: inline-block;
|
||||
position:relative;
|
||||
|
||||
font-size: 13px;
|
||||
font-weight: normal;
|
||||
//line-height: 14px; // ensure proper line-height if floated
|
||||
|
||||
vertical-align: baseline;
|
||||
white-space: nowrap;
|
||||
|
||||
//background-color: #3E9BD0;
|
||||
//color:#FFF;
|
||||
|
||||
background-color:@tag-bg;
|
||||
color:#FFF;
|
||||
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.15);
|
||||
|
||||
padding: 4px 22px 5px 9px;
|
||||
// .border-radius(9px);
|
||||
margin-bottom: 3px;
|
||||
margin-right: 3px;
|
||||
.transition(~"all 0.2s");
|
||||
|
||||
&:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
//background-color: #B2CADD;
|
||||
}
|
||||
|
||||
/**
|
||||
&:nth-child(5n+1) {
|
||||
background-color:#48A2E0;
|
||||
}
|
||||
&:nth-child(5n+2) {
|
||||
background-color:#34C896;
|
||||
}
|
||||
&:nth-child(5n+3) {
|
||||
background-color:#B57BB3;
|
||||
}
|
||||
&:nth-child(5n+4) {
|
||||
background-color:#CC7DA8;
|
||||
}
|
||||
&:nth-child(5n+5) {
|
||||
background-color:#666;
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
// Important (red)
|
||||
&-important { background-color: @btn-danger; }
|
||||
// Warnings (orange)
|
||||
&-warning { background-color: @btn-warning; }
|
||||
// Success (green)
|
||||
&-success { background-color: @btn-success; }
|
||||
// Info (turquoise)
|
||||
&-info { background-color: @btn-info; }
|
||||
// Inverse (black)
|
||||
&-inverse { background-color: @btn-inverse; }
|
||||
|
||||
.close {
|
||||
font-size: 15px;
|
||||
line-height: 20px;
|
||||
|
||||
.opacity(1);
|
||||
color:#FFF;
|
||||
text-shadow:none;
|
||||
|
||||
float:none;
|
||||
position:absolute;
|
||||
right:0;
|
||||
top:0; bottom:0;
|
||||
width:18px;
|
||||
text-align:center;
|
||||
|
||||
&:hover {
|
||||
background-color:rgba(0,0,0,0.2);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,452 @@
|
|||
//some checkbox & switch variables
|
||||
@checkbox-color:#32A3CE;
|
||||
@checkbox-border-color:#C8C8C8;
|
||||
@checkbox-checked-border:#ADB8C0;
|
||||
@checkbox-hover-border:#FF893C;
|
||||
@checkbox2-bg:#F9A021;
|
||||
|
||||
@switch-checked-bg:#8AB2C9;
|
||||
@switch-checked-border:#468FCC;
|
||||
@switch4-bg:#8B9AA3;
|
||||
@switch4-color:#5B6A73;
|
||||
@switch4-checked-bg:#468FCC;
|
||||
|
||||
@switch6-checked-border:#B7D3E5;
|
||||
@switch6-checked-bg:#FF893C;
|
||||
|
||||
@switch7-checked-bg:#468FCC;
|
||||
@switch7-checked-border:#6FB3E0;
|
||||
|
||||
|
||||
@switch-1-text:"ON\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
|
||||
@switch-2-text:"YES\a0\a0\a0\a0\a0\a0\a0\a0NO";
|
||||
@switch-4-text:"ON\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
|
||||
@switch-5-text:"YES\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0NO";
|
||||
@switch-7-text:"OFF\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0ON";
|
||||
|
||||
|
||||
|
||||
|
||||
/* Checkbox & Radio */
|
||||
input[type=checkbox].ace , input[type=radio].ace {
|
||||
opacity:0;
|
||||
position:absolute;
|
||||
z-index:12;
|
||||
width:18px; height:18px;
|
||||
cursor:pointer;
|
||||
|
||||
&:checked, &:focus {
|
||||
outline:none !important;
|
||||
}
|
||||
|
||||
+ .lbl {
|
||||
position: relative; z-index:11;
|
||||
display:inline-block;
|
||||
margin:0;
|
||||
line-height:20px;
|
||||
|
||||
min-height:18px;
|
||||
min-width:18px;
|
||||
font-weight:normal;
|
||||
|
||||
|
||||
.checkbox-paddings() {// a little paddings for .lbl
|
||||
.checkbox-paddingX (@index) when (@index >= 0) {
|
||||
&.padding-@{index}::before {
|
||||
margin-right:unit(@index,px);
|
||||
}
|
||||
.checkbox-paddingX(@index - 4);
|
||||
}
|
||||
.checkbox-paddingX(16);
|
||||
}
|
||||
.checkbox-paddings();
|
||||
|
||||
|
||||
&::before {
|
||||
font-family:fontAwesome; font-weight:normal;
|
||||
font-size: 12px; color:@checkbox-color;
|
||||
content:"\a0";
|
||||
display:inline-block;
|
||||
background-color: #FAFAFA;
|
||||
border: 1px solid @checkbox-border-color;
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,0.05);/*, inset 0px -15px 10px -12px rgba(0,0,0,0.05);*/
|
||||
border-radius: 0;
|
||||
display: inline-block;
|
||||
text-align:center;
|
||||
|
||||
vertical-align:middle;
|
||||
|
||||
height:16px; line-height:14px;
|
||||
min-width:16px;
|
||||
|
||||
margin-right:1px;
|
||||
}
|
||||
}//.lbl
|
||||
|
||||
&:checked + .lbl::before ,
|
||||
{
|
||||
display:inline-block;
|
||||
content: '\f00c';
|
||||
background-color: #F5F8FC;
|
||||
border-color:@checkbox-checked-border;
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
|
||||
}
|
||||
&:hover + .lbl::before , + .lbl:hover::before {
|
||||
border-color:@checkbox-hover-border;
|
||||
}
|
||||
|
||||
|
||||
&:active , &:checked:active {
|
||||
+ .lbl::before {
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
&.ace-checkbox-2 + .lbl::before {
|
||||
box-shadow: none;
|
||||
}
|
||||
&.ace-checkbox-2:checked + .lbl::before {
|
||||
background-color: @checkbox2-bg;
|
||||
border-color: @checkbox2-bg;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
&:disabled + .lbl::before ,
|
||||
&[disabled] + .lbl::before ,
|
||||
&.disabled + .lbl::before {
|
||||
background-color:#DDD !important;
|
||||
border-color:#CCC !important;
|
||||
box-shadow:none !important;
|
||||
color:#BBB;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
input[type=radio].ace + .lbl::before {
|
||||
border-radius:100%;
|
||||
font-size:34px;
|
||||
font-family: Helvetica, Arial, "Sans-Serif";//looks better but incosistent
|
||||
line-height:13px;
|
||||
}
|
||||
*/
|
||||
input[type=radio].ace + .lbl::before {
|
||||
border-radius: 100%;
|
||||
font-size: 11px;
|
||||
font-family: FontAwesome;//let's use a fonts that's available everywhere
|
||||
text-shadow: 0 0 1px @checkbox-color;
|
||||
|
||||
line-height: 15px;
|
||||
height: 17px;
|
||||
min-width: 17px;
|
||||
}
|
||||
input[type=radio].ace:checked + .lbl::before {
|
||||
content:"\f111";
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* CSS3 on/off switches */
|
||||
//use like <input type="checkbox" class="ace ace-switch" /> <span class="lbl"></span>
|
||||
input[type=checkbox].ace.ace-switch {
|
||||
width:55px;
|
||||
height:25px;
|
||||
|
||||
+ .lbl {
|
||||
margin:0 4px;
|
||||
min-height:24px;
|
||||
|
||||
&::before {
|
||||
font-family:Arial, Helvetica, sans-serif;
|
||||
content:@switch-1-text;
|
||||
|
||||
color:#999;
|
||||
font-weight:bold;
|
||||
font-size:11px;
|
||||
|
||||
line-height:18px; line-height:21px\9;/*ie9*/
|
||||
height:20px;
|
||||
overflow:hidden;
|
||||
|
||||
border-radius:12px;
|
||||
|
||||
background-color: #F5F5F5;
|
||||
.box-shadow(~"inset 0px 2px 2px 0px rgba(0,0,0,.2)");
|
||||
|
||||
border: 1px solid #CCC;
|
||||
|
||||
text-align:left;
|
||||
float:left;
|
||||
padding:0;
|
||||
width:52px;
|
||||
text-indent:-19px; text-indent:~"-21px\9";
|
||||
margin-right:0;
|
||||
|
||||
.transition(~"text-indent .4s ease");
|
||||
}
|
||||
|
||||
&::after {
|
||||
font-family:Arial, Helvetica, sans-serif;
|
||||
content: '|||';
|
||||
font-size: 10px;
|
||||
font-weight:lighter;
|
||||
color:#D5D5D5;
|
||||
background-color:#FFF;
|
||||
|
||||
text-shadow:-1px 0px 0 rgba(0, 0, 0, 0.15);
|
||||
text-align:center;
|
||||
border-radius:100%;
|
||||
|
||||
width:22px; height:22px; line-height:20px;
|
||||
position: absolute;
|
||||
top: -2px; left: -3px;
|
||||
padding:0;
|
||||
|
||||
.box-shadow(~"0px 1px 1px 1px rgba(0,0,0,.3)");
|
||||
//text-shadow:0px 1px 1px rgba(0,0,0,0.3) inset;
|
||||
|
||||
.transition(~"left .4s ease");
|
||||
}
|
||||
}
|
||||
|
||||
&:checked + .lbl {
|
||||
&::before {
|
||||
text-indent:9px;
|
||||
|
||||
color:#FFF;
|
||||
background-color:@switch-checked-bg;
|
||||
border-color:@switch-checked-border;
|
||||
}
|
||||
&::after {
|
||||
left:34px;
|
||||
background-color:#FFF;
|
||||
color:@switch-checked-bg;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
&.ace-switch-2 + .lbl::before {
|
||||
content:@switch-2-text;
|
||||
}
|
||||
|
||||
&.ace-switch-3 + .lbl::after {
|
||||
font-family:FontAwesome;
|
||||
font-size:13px; line-height:23px;
|
||||
content:"\f00d";
|
||||
top:-1px;
|
||||
}
|
||||
&.ace-switch-3:checked + .lbl::after {
|
||||
content:"\f00c";
|
||||
}
|
||||
|
||||
/* switch style 4 & 5 */
|
||||
&.ace-switch-4 , &.ace-switch-5 {
|
||||
+ .lbl::before {
|
||||
content:@switch-4-text;
|
||||
font-family:Arial, Helvetica, sans-serif;
|
||||
font-weight:bolder;
|
||||
font-size:12px;
|
||||
line-height:23px; height:24px; overflow:hidden;
|
||||
line-height:25px\9;
|
||||
|
||||
border-radius:12px;
|
||||
|
||||
display:inline-block;
|
||||
background-color: @switch4-bg;
|
||||
border: 1px solid @switch4-bg;
|
||||
|
||||
color:#FFF;
|
||||
width:56px;
|
||||
text-indent:-25px; text-indent:~"-28px\9";
|
||||
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
|
||||
//margin-right:8px;
|
||||
|
||||
box-shadow:none;
|
||||
|
||||
.transition(~"all .4s ease");
|
||||
}
|
||||
|
||||
+ .lbl::after {
|
||||
font-family:Helvetica, Arial, sans-serif;
|
||||
content: '|||'; text-shadow:-1px 0px 0 rgba(0, 0, 0, 0.2);
|
||||
font-size: 8px; font-weight:lighter;
|
||||
color:@switch4-bg;
|
||||
text-align:center;
|
||||
position: absolute;
|
||||
border-radius:12px;
|
||||
|
||||
color:@switch4-color;
|
||||
top: 2px; left: 2px;
|
||||
width:20px; height:20px; line-height:18px;
|
||||
background-color:#FFF;
|
||||
|
||||
.transition(~"all .4s ease");
|
||||
}
|
||||
|
||||
|
||||
&:checked + .lbl {
|
||||
&::before {
|
||||
text-indent:9px;
|
||||
background-color:@switch4-checked-bg;
|
||||
border-color:#468FCC;
|
||||
}
|
||||
&::after {
|
||||
left:34px;
|
||||
background-color:#FFF;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
&.ace-switch-5 + .lbl::before {
|
||||
content:@switch-5-text;
|
||||
}
|
||||
&.ace-switch-5:checked + .lbl::before {
|
||||
text-indent:8px;
|
||||
}
|
||||
|
||||
|
||||
/* switch style 6 */
|
||||
&.ace-switch-6 {
|
||||
+ .lbl {
|
||||
position: relative;
|
||||
&::before {
|
||||
font-family:FontAwesome;
|
||||
content:"\f00d";
|
||||
text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
box-shadow:none;
|
||||
border:none;
|
||||
|
||||
font-weight:lighter;
|
||||
font-size:16px;
|
||||
|
||||
|
||||
border-radius:12px;
|
||||
|
||||
display:inline-block;
|
||||
background-color: #888;
|
||||
|
||||
color:#F2F2F2;
|
||||
|
||||
width:52px; height:22px; line-height:20px;
|
||||
text-indent:32px;
|
||||
|
||||
.transition(~"background 0.1s ease");
|
||||
}
|
||||
&::after {
|
||||
content: ''; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
|
||||
position: absolute;
|
||||
top: 2px; left: 3px;
|
||||
|
||||
border-radius:12px;
|
||||
box-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
|
||||
width:18px; height:18px;
|
||||
text-align:center;
|
||||
|
||||
background-color:#F2F2F2;
|
||||
border:4px solid #F2F2F2;
|
||||
|
||||
.transition(~"left 0.2s ease");
|
||||
}
|
||||
}
|
||||
|
||||
&:checked + .lbl {
|
||||
&::before {
|
||||
content: "\f00c";
|
||||
text-indent:6px;
|
||||
|
||||
color:#FFF;
|
||||
border-color:@switch6-checked-border;
|
||||
background-color:@switch6-checked-bg;
|
||||
}
|
||||
&::after {
|
||||
left:32px;
|
||||
|
||||
background-color:#FFF;
|
||||
border:4px solid #FFF;
|
||||
text-shadow:0 -1px 0 rgba(0, 200, 0, 0.25);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
&.ace-switch-7 {
|
||||
width:75px;
|
||||
|
||||
+ .lbl {
|
||||
position: relative;
|
||||
&::before {
|
||||
content:@switch-7-text;
|
||||
|
||||
font-weight:bolder;
|
||||
font-size:14px;
|
||||
line-height:20px;
|
||||
|
||||
display:inline-block;
|
||||
background-color: #FFF;
|
||||
border: 2px solid #AAA;
|
||||
border-radius:0;
|
||||
box-shadow:none;
|
||||
|
||||
color:#aaa;
|
||||
|
||||
width:74px; height:26px; line-height:22px; overflow:hidden;
|
||||
text-indent:4px;
|
||||
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
|
||||
//margin-right:8px;
|
||||
|
||||
.transition(~"all 0.2s ease");
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: '\f00d';
|
||||
font-family:FontAwesome;
|
||||
font-size: 16px;
|
||||
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
left: 39px;
|
||||
width:32px; height:20px; line-height:18px;
|
||||
|
||||
text-align:center;
|
||||
|
||||
background-color:#aaa;
|
||||
color:#FFF;
|
||||
border-radius:0;
|
||||
box-shadow:none;
|
||||
|
||||
.transition(~"all 0.2s ease-in-out");
|
||||
}
|
||||
}
|
||||
|
||||
&:checked + .lbl {
|
||||
&::before {
|
||||
color:@switch7-checked-bg;
|
||||
background-color: #FFF;
|
||||
text-indent:-33px;
|
||||
border-color:@switch7-checked-border;
|
||||
}
|
||||
&::after {
|
||||
left:3px;
|
||||
content:'\f00c';
|
||||
background-color:@switch7-checked-bg;
|
||||
color: #FFF;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,396 @@
|
|||
//some file input variables
|
||||
@file-input-bg:#FFF;
|
||||
@file-input-border:#D5D5D5;
|
||||
@file-input-shadow:~"0 0 0 4px rgba(0,0,0,0.06)";
|
||||
|
||||
@file-input-hover-border:#F59942;
|
||||
@file-input-hover-shadow:~"0 0 0 4px rgba(245, 153, 66, 0.3)";
|
||||
|
||||
@file-input-btn-bg:#6FB3E0;
|
||||
@file-input-name-color:#888;
|
||||
@file-input-selected-name-color:#666;
|
||||
|
||||
@file-input-icon-bg:#D1D1D1;//!ignore
|
||||
@file-input-selected-icon-bg:#EFAD62;//!ignore
|
||||
@file-input-selected-icon-picture-bg:#BD7A9D;//!ignore
|
||||
@file-input-selected-icon-film-bg:#87B87F;//!ignore
|
||||
@file-input-selected-icon-music-bg:#8B7AC9;//!ignore
|
||||
@file-input-selected-icon-archive-bg:#EFAD62;//!ignore
|
||||
|
||||
@file-remove-bg:#FB7142;
|
||||
@file-multi-remove-color:#F4C0B1;
|
||||
@file-multi-border:#AAA;
|
||||
|
||||
|
||||
|
||||
.ace-file-input {
|
||||
position:relative;
|
||||
height:38px;
|
||||
line-height:38px;
|
||||
margin-bottom:9px;
|
||||
|
||||
input[type=file] {
|
||||
position:fixed;
|
||||
z-index:-2;
|
||||
.opacity(0);
|
||||
}
|
||||
|
||||
|
||||
.file-label {
|
||||
display:block;
|
||||
position:absolute;
|
||||
top:0; left:0; right:0; height:30px;
|
||||
|
||||
background-color:@file-input-bg;
|
||||
border:1px solid @file-input-border;
|
||||
|
||||
cursor:pointer;
|
||||
|
||||
//.box-shadow(@file-input-shadow);
|
||||
.box-shadow(none);
|
||||
|
||||
.transition(~"all 0.15s");
|
||||
|
||||
&:hover {
|
||||
//.box-shadow(@file-input-hover-shadow);
|
||||
.box-shadow(none);
|
||||
border-color:@file-input-hover-border;
|
||||
}
|
||||
&:before { /* the button */
|
||||
display:inline-block;
|
||||
content:attr(data-title);
|
||||
|
||||
position:absolute;
|
||||
right:0; top:0; bottom:0; padding:0 8px;
|
||||
line-height:24px;
|
||||
text-align:center;
|
||||
|
||||
background-color:@file-input-btn-bg;
|
||||
color:#FFF;
|
||||
font-size:11px; font-weight:bold;
|
||||
|
||||
border:2px solid #FFF;
|
||||
border-left-width:4px;
|
||||
|
||||
.transition(~"all 0.3s");
|
||||
}
|
||||
|
||||
|
||||
.file-name { /* the file name container */
|
||||
display:inline-block;
|
||||
height:28px; max-width:80%; white-space:nowrap; overflow:hidden;
|
||||
line-height:28px;
|
||||
color:@file-input-name-color;
|
||||
font-size:13px;
|
||||
vertical-align: top;
|
||||
|
||||
position:static;
|
||||
padding-left:30px;
|
||||
|
||||
&:after { /* the file name */
|
||||
display:inline-block;
|
||||
content:attr(data-title);
|
||||
}
|
||||
}
|
||||
&.selected {
|
||||
right:16px;
|
||||
.file-name {
|
||||
color:@file-input-selected-name-color;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
[class*="icon-"] {
|
||||
.ace-file-icon();
|
||||
background-color:@file-input-icon-bg;//should be here
|
||||
}
|
||||
&.selected .file-name {
|
||||
[class*="icon-"] {
|
||||
background-color:@file-input-selected-icon-bg;
|
||||
}
|
||||
.icon-picture {
|
||||
background-color:@file-input-selected-icon-picture-bg;
|
||||
}
|
||||
.icon-film {
|
||||
background-color:@file-input-selected-icon-film-bg;
|
||||
}
|
||||
.icon-music {
|
||||
background-color:@file-input-selected-icon-music-bg;
|
||||
}
|
||||
.icon-archive {
|
||||
background-color:@file-input-selected-icon-archive-bg;
|
||||
}
|
||||
}
|
||||
&.hide-placeholder:before {
|
||||
display:none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
a:hover{
|
||||
text-decoration:none;
|
||||
}
|
||||
.remove { /* the remove button */
|
||||
position:absolute;
|
||||
right:-8px; top:6px;
|
||||
display:none;
|
||||
|
||||
width:17px; text-align:center;
|
||||
height:17px; line-height:15px;
|
||||
|
||||
font-size:11px; font-weight:normal;
|
||||
|
||||
background-color:@file-remove-bg;
|
||||
.border-radius(100%);
|
||||
color:#FFF;
|
||||
text-decoration:none;
|
||||
}
|
||||
.file-label.selected + .remove {
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.ace-file-icon() {
|
||||
display:inline-block;
|
||||
position:absolute;
|
||||
left:0; top:0; bottom:0;
|
||||
line-height:24px;
|
||||
width:26px;
|
||||
text-align:center;
|
||||
|
||||
font-family:FontAwesome; font-size:13px;
|
||||
|
||||
|
||||
border:2px solid #FFF;
|
||||
|
||||
color:#FFF;
|
||||
|
||||
.transition(~"all 0.1s");
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.ace-file-multiple {
|
||||
height:auto;
|
||||
.file-label {
|
||||
position:relative;
|
||||
height:auto;
|
||||
border:1px dashed @file-multi-border;
|
||||
border-radius:4px;
|
||||
text-align:center;
|
||||
|
||||
&:before {/* the button */
|
||||
display:inline-block;
|
||||
content:attr(data-title);
|
||||
|
||||
position:relative;
|
||||
right:0; left:0; margin:12px;
|
||||
line-height:22px;
|
||||
|
||||
background-color:#FFF;
|
||||
color:#CCC;
|
||||
font-size:18px; font-weight:bold;
|
||||
|
||||
border:none;
|
||||
}
|
||||
&.selected .file-name [class*="icon-"] {
|
||||
.ace-file-icon();
|
||||
}
|
||||
|
||||
|
||||
.file-name {
|
||||
position:relative;
|
||||
display:block;
|
||||
padding:0;
|
||||
height:auto;
|
||||
width:auto; max-width:100%; margin:0 4px;
|
||||
border-bottom:1px solid #DDD;
|
||||
text-align:left;
|
||||
|
||||
&:first-child {
|
||||
margin-top:1px;
|
||||
}
|
||||
&:last-child {
|
||||
border-bottom-width:0;
|
||||
margin-bottom:1px;
|
||||
}
|
||||
img {
|
||||
padding:2px;
|
||||
border:1px solid #D7D7D7;
|
||||
background-color:#FFF;
|
||||
background-repeat:no-repeat;
|
||||
background-position: center;
|
||||
|
||||
margin:4px 8px 4px 1px;
|
||||
}
|
||||
&:after { /* the file name */
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
&.selected .file-name:after { /* the file name */
|
||||
display:inline-block;
|
||||
white-space:pre;
|
||||
}
|
||||
.file-name img + [class*="icon-"] , &.selected .file-name img + [class*="icon-"] {
|
||||
display:none;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
.remove {
|
||||
right:-11px; top:-11px;
|
||||
border:3px solid #BBB;
|
||||
border-radius:32px;
|
||||
|
||||
background-color:#FFF;
|
||||
color:red;
|
||||
|
||||
width:22px;
|
||||
height:22px;
|
||||
line-height:15px;
|
||||
}
|
||||
.file-label.selected + .remove:hover {
|
||||
border-color:@file-multi-remove-color;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.ace-file-multiple .file-label {
|
||||
.file-name [class*="icon-"] {
|
||||
position:relative;
|
||||
display:block;
|
||||
text-align:center;
|
||||
height:auto; line-height:64px;
|
||||
width:auto;
|
||||
|
||||
font-size:64px; color:#D5D5D5;
|
||||
|
||||
margin:4px 0;
|
||||
|
||||
background-color:transparent;
|
||||
}
|
||||
|
||||
&.selected:after {
|
||||
display:none;
|
||||
}
|
||||
&.selected .file-name [class*="icon-"] {
|
||||
position:relative;
|
||||
margin-right:4px; margin-left:2px;
|
||||
line-height:24px;
|
||||
}
|
||||
|
||||
|
||||
.file-name.large {
|
||||
text-align:center;
|
||||
border-bottom:2px solid #222;
|
||||
margin:0 1px 3px;
|
||||
|
||||
&:last-child {
|
||||
margin:0 1px;
|
||||
border-bottom-width:0;
|
||||
}
|
||||
&:after { /* image caption */
|
||||
position:absolute;
|
||||
top:auto; bottom:0; left:0; right:0;
|
||||
padding:0 4px;
|
||||
background-color:#555;
|
||||
color:#FFF;
|
||||
.opacity(0.8);
|
||||
}
|
||||
|
||||
img {
|
||||
border-width:0;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.ace-file-input input[type=file] {
|
||||
&.disabled , &[disabled] , &[readonly] {
|
||||
+ .file-label {
|
||||
cursor: not-allowed;
|
||||
background-color:#EEE;
|
||||
&:hover {
|
||||
//box-shadow: 0 0 0 4px rgba(0,0,0,0.06);
|
||||
.box-shadow(none);
|
||||
border-color:#E3E3E3;
|
||||
}
|
||||
&:before {
|
||||
border-color:#EEE;
|
||||
background-color:#A1AAAF;
|
||||
}
|
||||
}
|
||||
}
|
||||
&[readonly] + .file-label {
|
||||
cursor:default;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
.ace-file-multiple input[type=file] {
|
||||
&.disabled , &[disabled] , &[readonly] {
|
||||
+ .file-label {
|
||||
&:hover {
|
||||
border-color:#AAA;
|
||||
}
|
||||
&:before {
|
||||
background-color:transparent;
|
||||
}
|
||||
|
||||
[class*="icon-"] {
|
||||
border-color:#EEE;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* IE9 needs this like IE8 to prevent "ACCESS denied" errors! */
|
||||
.ace-file-input input[type=file] {
|
||||
/*must be visible and on top for ie8/9 to actually work */
|
||||
width:~'100% \0/'; height:~'30px \0/';
|
||||
position:~'absolute \0/';
|
||||
z-index:~'1 \0/';
|
||||
filter:alpha(opacity=0);
|
||||
cursor:~'pointer \0/';
|
||||
}
|
||||
.ace-file-input input[type=file]:hover + .file-label {
|
||||
border-color: @file-input-hover-border~'\0/';
|
||||
}
|
||||
.ace-file-multiple input[type=file] {
|
||||
height:~'100%\0/';
|
||||
}
|
||||
.ace-file-input .remove {
|
||||
z-index:~'2\0/';
|
||||
}
|
||||
605
upload/admin_area/styles/cb_2014/theme/assets/css/less/form.less
Normal file
605
upload/admin_area/styles/cb_2014/theme/assets/css/less/form.less
Normal file
|
|
@ -0,0 +1,605 @@
|
|||
//some extra form variables
|
||||
//more important ones are inside "variables.less"
|
||||
@input-readonly-color:#939192;
|
||||
@input-readonly-bg:#F5F5F5;
|
||||
@input-readonly-focus-border:#AAA;
|
||||
@input-readonly-focus-bg:#F9F9F9;
|
||||
@input-readonly-focus-shadow:~"0px 0px 0px 2px rgba(150, 150, 150, 0.3)";
|
||||
|
||||
@input-disabled-color:#848484;
|
||||
@input-disabled-bg:#EEE;
|
||||
|
||||
@input-hover-border:lighten(greyscale(@input-focus-border),10%);
|
||||
|
||||
@option-hover-bg:#E5E9EE;
|
||||
|
||||
|
||||
//form error states
|
||||
@success-state-border:#92BF65;
|
||||
@success-state-color:#8BAD4C;
|
||||
@success-state-focus-border:#81A85A;
|
||||
@success-state-focus-color:#786;
|
||||
@success-state-focus-shadow:~"0px 0px 0px 2px rgba(130, 188, 58, 0.3)";
|
||||
@success-state-text-color:#7BA065;//the color of the help text, etc inside that control label
|
||||
|
||||
@error-state-border:#F09784;
|
||||
@error-state-color:#D68273;
|
||||
@error-state-focus-border:#DB8978;
|
||||
@error-state-focus-color:#866;
|
||||
@error-state-focus-shadow:~"0px 0px 0px 2px rgba(219, 137, 120, 0.3)";
|
||||
@error-state-text-color:#D16E6C;
|
||||
|
||||
@warning-state-border:#E0C43A;
|
||||
@warning-state-color:#D3BD50;
|
||||
@warning-state-focus-border:#D8BC41;
|
||||
@warning-state-focus-color:#875;
|
||||
@warning-state-focus-shadow:~"0px 0px 0px 2px rgba(216, 188, 65, 0.3)";
|
||||
@warning-state-text-color:#D19D59;
|
||||
|
||||
@info-state-border:#64A6BC;
|
||||
@info-state-color:#4B89AA;
|
||||
@info-state-focus-border:#5A81A8;
|
||||
@info-state-focus-color:#678;
|
||||
@info-state-focus-shadow:~"0px 0px 0px 2px rgba(58, 120, 188, 0.3)";
|
||||
@info-state-text-color:#657BA0;
|
||||
|
||||
@disabled-state-color:#848484;
|
||||
@disabled-state-bg:#EEE;
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** form elements */
|
||||
.form-line {
|
||||
margin-bottom:24px; padding-bottom:12px;
|
||||
border-bottom:1px solid #EEE;
|
||||
}
|
||||
.form-actions {
|
||||
display:block;
|
||||
|
||||
background-color: #F5F5F5;
|
||||
border-top: 1px solid #E5E5E5;
|
||||
margin-bottom: 20px;
|
||||
margin-top: 20px;
|
||||
padding: 19px 20px 20px;
|
||||
}
|
||||
|
||||
.help-button {
|
||||
display:inline-block;
|
||||
height:22px; width:22px; line-height:22px; text-align:center;
|
||||
padding:0;
|
||||
background-color:@help-button-bg;
|
||||
color:#FFF;
|
||||
font-size:12px; font-weight:bold;
|
||||
cursor:default;
|
||||
|
||||
margin-left:4px;
|
||||
.border-radius(100%);
|
||||
border-color:#FFF;
|
||||
border:2px solid #FFF;
|
||||
|
||||
.box-shadow(~"0px 1px 0px 1px rgba(0, 0, 0, 0.2)");
|
||||
|
||||
&:hover {
|
||||
background-color:@help-button-bg;
|
||||
text-shadow:none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
label {
|
||||
font-weight:normal;
|
||||
font-size:14px;
|
||||
}
|
||||
.form-group > label[class*="col-"] {
|
||||
padding-top:4px;
|
||||
margin-bottom:4px;
|
||||
}
|
||||
|
||||
|
||||
label , .lbl {
|
||||
vertical-align:middle;
|
||||
}
|
||||
td > label , th > label , label.inline{
|
||||
margin-bottom:0;
|
||||
line-height:inherit;
|
||||
}
|
||||
|
||||
|
||||
textarea,
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
input[type="datetime"],
|
||||
input[type="datetime-local"],
|
||||
input[type="date"],
|
||||
input[type="month"],
|
||||
input[type="time"],
|
||||
input[type="week"],
|
||||
input[type="number"],
|
||||
input[type="email"],
|
||||
input[type="url"],
|
||||
input[type="search"],
|
||||
input[type="tel"],
|
||||
input[type="color"] {
|
||||
.border-radius(0) !important;
|
||||
color:@input-color;
|
||||
background-color:@input-bg;
|
||||
border:1px solid @input-border;
|
||||
|
||||
padding:5px 4px;
|
||||
line-height:1.2;
|
||||
font-size:@font-size-base;
|
||||
font-family:inherit;
|
||||
|
||||
.box-shadow(none) !important;
|
||||
|
||||
.transition-duration(0.1s);
|
||||
|
||||
&:hover {
|
||||
border-color:@input-hover-border;
|
||||
}
|
||||
&:focus {
|
||||
//.box-shadow(@input-focus-shadow);
|
||||
.box-shadow(none);
|
||||
|
||||
color:@input-focus-color;
|
||||
border-color:@input-focus-border;
|
||||
background-color:@input-focus-bg;
|
||||
outline:none;
|
||||
}
|
||||
}
|
||||
|
||||
.form-control , select {
|
||||
border-radius : 0;
|
||||
.box-shadow(none) !important;
|
||||
|
||||
color:@input-color;
|
||||
background-color:@input-bg;
|
||||
border:1px solid @input-border;
|
||||
&:focus {
|
||||
|
||||
color:@input-focus-color;
|
||||
border-color:@input-focus-border;
|
||||
background-color:@input-focus-bg;
|
||||
outline:none;
|
||||
}
|
||||
}
|
||||
textarea.form-control {
|
||||
padding:5px 9px
|
||||
}
|
||||
select {
|
||||
padding:3px 4px;
|
||||
height: 30px;
|
||||
}
|
||||
select.form-control {
|
||||
padding:4px 6px;
|
||||
height: 32px;
|
||||
}
|
||||
select[multiple] , select.form-control[multiple] {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
|
||||
input.block {
|
||||
display:block;
|
||||
margin-bottom:9px;
|
||||
}
|
||||
|
||||
|
||||
textarea.autosize-transition {
|
||||
.transition-duration("height 0.2s");
|
||||
}
|
||||
.limiterBox {
|
||||
border: 1px solid #222;
|
||||
border-top: none;
|
||||
background-color: #333;
|
||||
padding: 3px 6px;
|
||||
font-size: 12px;
|
||||
color:#FFF;
|
||||
margin-top:6px;
|
||||
&:after {
|
||||
display:none;
|
||||
}
|
||||
&:before {
|
||||
display:block;
|
||||
content:"";
|
||||
|
||||
position: absolute;
|
||||
width: 0; height: 0;
|
||||
top: -8px;
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
|
||||
border-color: transparent;
|
||||
border-style: solid;
|
||||
border-bottom-color: #333;
|
||||
border-width: 0 8px 8px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
select {
|
||||
& , &.form-control {
|
||||
option {
|
||||
padding:3px 4px;
|
||||
&:active , &:hover, &:focus {
|
||||
background-color:@option-hover-bg;
|
||||
color:#111;
|
||||
}
|
||||
&[value=""] {
|
||||
padding:0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
input[disabled] {
|
||||
color:@input-disabled-color !important;
|
||||
background-color:@input-disabled-bg !important;
|
||||
&:hover {
|
||||
border-color:@input-border !important;
|
||||
}
|
||||
}
|
||||
input[readonly] {
|
||||
color:@input-readonly-color;
|
||||
background:@input-readonly-bg !important;
|
||||
cursor:default;
|
||||
|
||||
&:hover {
|
||||
border-color:lighten(@input-readonly-focus-border , 10%);
|
||||
}
|
||||
&:focus {
|
||||
//.box-shadow(@input-readonly-focus-shadow);
|
||||
.box-shadow(none);
|
||||
border-color:@input-readonly-focus-border;
|
||||
background-color:@input-readonly-focus-bg;
|
||||
}
|
||||
}
|
||||
|
||||
.help-inline {
|
||||
font-size:13px !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.input-icon {
|
||||
position:relative;
|
||||
span& {
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
> input {
|
||||
padding-left:24px;
|
||||
padding-right:6px;
|
||||
}
|
||||
&.input-icon-right > input {
|
||||
padding-left:6px;
|
||||
padding-right:24px;
|
||||
}
|
||||
|
||||
> [class*="icon-"] {
|
||||
padding:0 3px;
|
||||
z-index:2;
|
||||
position:absolute; top:1px; bottom:1px;
|
||||
left:3px;
|
||||
line-height:28px;
|
||||
|
||||
display:inline-block;
|
||||
color:#909090;
|
||||
font-size:16px;
|
||||
}
|
||||
|
||||
&.input-icon-right > [class*="icon-"] {
|
||||
left:auto;
|
||||
right:3px;
|
||||
}
|
||||
|
||||
> input:focus + [class*="icon-"] {
|
||||
color:#579;
|
||||
}
|
||||
|
||||
~ .help-inline {
|
||||
padding-left:8px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
//.form-group.has-warning & > [class*="icon-"] { color:@warning-state-color; }
|
||||
//.form-group.has-success & > [class*="icon-"] { color:@success-state-color; }
|
||||
//.form-group.has-error & > [class*="icon-"] { color:@error-state-color; }
|
||||
//.form-group.has-info & > [class*="icon-"] { color:@info-state-color; }
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* checkboxes , radio and switches */
|
||||
.form-search , .form-inline {
|
||||
.radio [type=radio] + label, .checkbox [type=checkbox] + label {
|
||||
float: left;
|
||||
margin-left: -20px;
|
||||
|
||||
.form-search & , .form-inline & {
|
||||
margin-left:0;
|
||||
margin-right:3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.input-append , .input-prepend {
|
||||
.form-search & .search-query:focus {
|
||||
.box-shadow(none);
|
||||
}
|
||||
input, select, .uneditable-input {
|
||||
.border-radius(0);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.input-mini {
|
||||
width: 60px;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.input-small {
|
||||
width: 90px;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.input-medium {
|
||||
width: 150px;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.input-large {
|
||||
width: 210px;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.input-xlarge {
|
||||
width: 270px;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.input-xxlarge {
|
||||
width: 530px;
|
||||
max-width: 100%;
|
||||
}
|
||||
input.input-lg {
|
||||
font-size: @font-size-large;
|
||||
}
|
||||
input.input-sm {
|
||||
font-size: @font-size-small;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@import "form-checkbox.less";
|
||||
|
||||
|
||||
|
||||
|
||||
/* addon */
|
||||
.input-group {
|
||||
.input-group-addon {
|
||||
.border-radius(0) !important;
|
||||
|
||||
.form-group.has-success & {
|
||||
border-color:@success-state-border;
|
||||
}
|
||||
.form-group.has-error & {
|
||||
border-color:@error-state-border;
|
||||
}
|
||||
.form-group.has-warning & {
|
||||
border-color:@warning-state-border;
|
||||
}
|
||||
.form-group.has-info & {
|
||||
border-color:@info-state-border;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
> .btn {
|
||||
line-height:20px;
|
||||
padding:0 6px;
|
||||
.border-radius(0) !important;
|
||||
|
||||
&.btn-sm {
|
||||
line-height:22px;
|
||||
}
|
||||
|
||||
+ .btn{
|
||||
margin-left:1px;
|
||||
}
|
||||
}
|
||||
|
||||
> .btn-group > .btn {
|
||||
line-height:23px;
|
||||
|
||||
&.btn-sm {
|
||||
line-height:26px;
|
||||
}
|
||||
}
|
||||
|
||||
> .btn , > .btn-group > .btn {
|
||||
& , &.btn-sm {
|
||||
> .caret {
|
||||
margin-top:10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
//file input control
|
||||
@import "form-file.less";
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** input error states */
|
||||
.form-group select,
|
||||
.form-group textarea,
|
||||
.form-group input[type="text"],
|
||||
.form-group input[type="password"],
|
||||
.form-group input[type="datetime"],
|
||||
.form-group input[type="datetime-local"],
|
||||
.form-group input[type="date"],
|
||||
.form-group input[type="month"],
|
||||
.form-group input[type="time"],
|
||||
.form-group input[type="week"],
|
||||
.form-group input[type="number"],
|
||||
.form-group input[type="email"],
|
||||
.form-group input[type="url"],
|
||||
.form-group input[type="search"],
|
||||
.form-group input[type="tel"],
|
||||
.form-group input[type="color"] {
|
||||
background:#FFF;
|
||||
}
|
||||
.form-group.has-success {
|
||||
input, select, textarea {
|
||||
border-color:@success-state-border;
|
||||
color:@success-state-color;
|
||||
.box-shadow(none);
|
||||
|
||||
&:focus {
|
||||
.box-shadow(@success-state-focus-shadow);
|
||||
color:@success-state-focus-color;
|
||||
border-color:@success-state-focus-border;
|
||||
|
||||
+ [class*="icon-"] {
|
||||
color:@success-state-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
[class*="icon-"] {
|
||||
color:@success-state-color;
|
||||
}
|
||||
.btn [class*="icon-"] {
|
||||
color:inherit;
|
||||
}
|
||||
|
||||
.control-label , .help-block , .help-inline {
|
||||
color:@success-state-text-color;
|
||||
}
|
||||
}
|
||||
|
||||
.form-group.has-info {
|
||||
input , select, textarea {
|
||||
border-color:@info-state-border;
|
||||
color:@info-state-color;
|
||||
.box-shadow(none);
|
||||
|
||||
&:focus {
|
||||
.box-shadow(@info-state-focus-shadow);
|
||||
color:@info-state-focus-color;
|
||||
border-color:@info-state-focus-border;
|
||||
|
||||
+ [class*="icon-"] {
|
||||
color:@info-state-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
[class*="icon-"] {
|
||||
color:@info-state-color;
|
||||
}
|
||||
.btn [class*="icon-"] {
|
||||
color:inherit;
|
||||
}
|
||||
|
||||
.control-label , .help-block , .help-inline {
|
||||
color:@info-state-text-color;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.form-group.has-error {
|
||||
input , select, textarea {
|
||||
border-color:@error-state-border;
|
||||
color:@error-state-color;
|
||||
.box-shadow(none);
|
||||
|
||||
&:focus {
|
||||
.box-shadow(@error-state-focus-shadow);
|
||||
color:@error-state-focus-color;
|
||||
border-color:@error-state-focus-border;
|
||||
|
||||
+ [class*="icon-"] {
|
||||
color:@error-state-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
[class*="icon-"] {
|
||||
color:@error-state-color;
|
||||
}
|
||||
.btn [class*="icon-"] {
|
||||
color:inherit;
|
||||
}
|
||||
|
||||
.control-label , .help-block , .help-inline {
|
||||
color:@error-state-text-color;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.form-group.has-warning {
|
||||
input , select, textarea {
|
||||
border-color:@warning-state-border;
|
||||
color:@warning-state-color;
|
||||
.box-shadow(none);
|
||||
|
||||
&:focus {
|
||||
.box-shadow(@warning-state-focus-shadow);
|
||||
color:@warning-state-focus-color;
|
||||
border-color:@warning-state-focus-border;
|
||||
|
||||
+ [class*="icon-"] {
|
||||
color:@warning-state-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
[class*="icon-"] {
|
||||
color:@warning-state-color;
|
||||
}
|
||||
.btn [class*="icon-"] {
|
||||
color:inherit;
|
||||
}
|
||||
|
||||
.control-label , .help-block , .help-inline {
|
||||
color:@warning-state-text-color;
|
||||
}
|
||||
}
|
||||
|
||||
.form-group input{
|
||||
&[disabled] , &:disabled{
|
||||
color:@disabled-state-color !important;
|
||||
background-color:@disabled-state-bg !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media only screen and (max-width: @screen-xs-max) {
|
||||
.help-inline , .input-icon + .help-inline {
|
||||
padding-left:0;
|
||||
display:block !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,150 @@
|
|||
/* gallery */
|
||||
.ace-thumbnails {
|
||||
list-style:none;
|
||||
margin:0; padding:0;
|
||||
|
||||
> li {
|
||||
float:left;
|
||||
display:block;
|
||||
position:relative;
|
||||
overflow:hidden;
|
||||
|
||||
margin:2px;
|
||||
border:2px solid #333;
|
||||
|
||||
> :first-child {
|
||||
display:block;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.tags {
|
||||
display:inline-block;
|
||||
position:absolute;
|
||||
bottom:0; right:0; left:0; overflow:visible;
|
||||
|
||||
direction:rtl;
|
||||
|
||||
//set these so that it's not confused with tags plugin
|
||||
padding:0; margin:0;
|
||||
height:auto; width:auto;
|
||||
background-color:transparent;
|
||||
border:none;
|
||||
vertical-align:inherit;
|
||||
|
||||
> .label-holder {
|
||||
.opacity(0.92);
|
||||
display:table;
|
||||
margin:1px 0 0 0;
|
||||
|
||||
direction:ltr;
|
||||
text-align:left;
|
||||
|
||||
&:hover {
|
||||
.opacity(1);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
> .tools {
|
||||
position:absolute;
|
||||
top:0; bottom:0;
|
||||
left:-30px;
|
||||
width:24px;
|
||||
|
||||
background-color:rgba(0,0,0,0.55);
|
||||
|
||||
text-align:center;
|
||||
vertical-align:middle;
|
||||
|
||||
.transition(~"all 0.2s ease");
|
||||
|
||||
&.tools-right {
|
||||
left:auto; right:-30px;
|
||||
}
|
||||
&.tools-bottom {
|
||||
width:auto; height:28px;
|
||||
left:0; right:0; top:auto;
|
||||
bottom:-30px;
|
||||
}
|
||||
&.tools-top {
|
||||
width:auto; height:28px;
|
||||
left:0; right:0; top:-30px;
|
||||
bottom:auto;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
> .tools { left:0; }
|
||||
> .tools.tools-bottom { top:auto; bottom:0; }
|
||||
> .tools.tools-top { bottom:auto; top:0; }
|
||||
> .tools.tools-right { left:auto; right:0; }
|
||||
}
|
||||
|
||||
> .tools > a , > :first-child .inner a {
|
||||
display:inline-block;
|
||||
color:#FFF;
|
||||
font-size:18px; font-weight:normal;
|
||||
padding:0 4px;
|
||||
|
||||
&:hover {
|
||||
text-decoration:none;
|
||||
color:#C9E2EA;
|
||||
}
|
||||
}
|
||||
.tools.tools-bottom > a , .tools.tools-top > a {
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
|
||||
/* the custom text on hover */
|
||||
> :first-child > .text {
|
||||
position:absolute;
|
||||
right:0; left:0; bottom:0; top:0;
|
||||
|
||||
text-align:center;
|
||||
color:#FFF;
|
||||
background-color:rgba(0,0,0,0.55);
|
||||
|
||||
.opacity(0);
|
||||
.transition(~"all 0.2s ease");
|
||||
|
||||
&:before {/* makes the inner text become vertically centered*/
|
||||
content: '';
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
vertical-align: middle;
|
||||
margin-right: 0; /* Adjusts for spacing */
|
||||
}
|
||||
|
||||
> .inner {
|
||||
padding:4px 0;
|
||||
margin:0;
|
||||
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
max-width: 90%;
|
||||
}
|
||||
}
|
||||
&:hover > :first-child > .text{
|
||||
.opacity(1);
|
||||
}
|
||||
|
||||
}//li
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* gallery */
|
||||
@media only screen and (max-width: @screen-xs) {
|
||||
.ace-thumbnails {
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.ace-thumbnails > li {
|
||||
float:none;
|
||||
display:inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,118 @@
|
|||
//some page-content variables
|
||||
@content-bg:#FFF;
|
||||
@content-header-border:#E2E2E2;
|
||||
@content-header-color:#2679B5;
|
||||
@content-header-size:24px;
|
||||
@content-header-small-color:#8089A0;
|
||||
@content-header-small-size:14px;
|
||||
|
||||
|
||||
|
||||
html {
|
||||
min-height:100%;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
body {
|
||||
padding-bottom: 0;
|
||||
background-color:@body-bg;
|
||||
min-height:100%;
|
||||
|
||||
font-family: 'Open Sans';
|
||||
font-size:13px;
|
||||
color:@text-color;
|
||||
|
||||
line-height:1.5;
|
||||
|
||||
|
||||
// &:before{
|
||||
// content:"";
|
||||
// display:none;
|
||||
// position:fixed;
|
||||
// top:0; bottom:0; left:0; right:0; z-index:-1;
|
||||
// background-color:#FFF;
|
||||
// }
|
||||
&.navbar-fixed {
|
||||
padding-top:@navbar-mh;
|
||||
}
|
||||
&.breadcrumbs-fixed {
|
||||
padding-top:@navbar-mh + @breadcrumb-height;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* ace default theme layout sections */
|
||||
.main-container {
|
||||
position: static;
|
||||
padding:0;
|
||||
}
|
||||
.main-container:after {
|
||||
background-color: #FFF;
|
||||
bottom: 0;
|
||||
content: "";
|
||||
display: block;
|
||||
max-width: inherit;
|
||||
//position: absolute;
|
||||
position:fixed;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: -2;
|
||||
}
|
||||
@media (min-width: @screen-tablet) {
|
||||
.container.main-container:after {
|
||||
.box-shadow(~"0 0 0 1px rgba(0,0,0,0.1)");
|
||||
}
|
||||
}
|
||||
|
||||
.main-container > .main-container-inner{
|
||||
position: relative;
|
||||
}
|
||||
.container.main-container {
|
||||
.sidebar.sidebar-fixed {
|
||||
& , &:before {
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.main-content {
|
||||
margin-left:@sidebar-width;
|
||||
margin-right:0; margin-top:0;
|
||||
min-height:100%;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.page-content {
|
||||
background:@content-bg;
|
||||
margin:0;
|
||||
padding:8px 20px 24px;
|
||||
}//.page-content
|
||||
|
||||
.page-header {
|
||||
margin:0 0 12px;
|
||||
border-bottom:1px dotted @content-header-border;
|
||||
|
||||
padding-bottom: 16px;
|
||||
padding-top: 7px;
|
||||
|
||||
h1 {
|
||||
padding:0;
|
||||
margin:0 8px;
|
||||
font-size:@content-header-size;
|
||||
font-weight:lighter;
|
||||
color:@content-header-color;
|
||||
|
||||
small {
|
||||
margin:0 6px;
|
||||
font-size:@content-header-small-size;
|
||||
font-weight:normal;
|
||||
color:@content-header-small-color;
|
||||
}//small
|
||||
}//h1
|
||||
}//.page-header
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,262 @@
|
|||
/* custom animated icons */
|
||||
.icon-animated-bell {
|
||||
display: inline-block;
|
||||
.animation(~"ringing 2.0s 5 ease 1.0s");
|
||||
.transform-origin(~"50% 0%");
|
||||
}
|
||||
|
||||
@-moz-keyframes ringing {
|
||||
0% { -moz-transform: rotate(-15deg);}
|
||||
2% { -moz-transform: rotate(15deg);}
|
||||
4% { -moz-transform: rotate(-18deg);}
|
||||
6% { -moz-transform: rotate(18deg);}
|
||||
8% { -moz-transform: rotate(-22deg);}
|
||||
10% { -moz-transform: rotate(22deg);}
|
||||
12% { -moz-transform: rotate(-18deg);}
|
||||
14% { -moz-transform: rotate(18deg);}
|
||||
16% { -moz-transform: rotate(-12deg);}
|
||||
18% { -moz-transform: rotate(12deg);}
|
||||
20% { -moz-transform: rotate(0deg);}
|
||||
}
|
||||
|
||||
@-webkit-keyframes ringing {
|
||||
0% { -webkit-transform: rotate(-15deg);}
|
||||
2% { -webkit-transform: rotate(15deg);}
|
||||
4% { -webkit-transform: rotate(-18deg);}
|
||||
6% { -webkit-transform: rotate(18deg);}
|
||||
8% { -webkit-transform: rotate(-22deg);}
|
||||
10% { -webkit-transform: rotate(22deg);}
|
||||
12% { -webkit-transform: rotate(-18deg);}
|
||||
14% { -webkit-transform: rotate(18deg);}
|
||||
16% { -webkit-transform: rotate(-12deg);}
|
||||
18% { -webkit-transform: rotate(12deg);}
|
||||
20% { -webkit-transform: rotate(0deg);}
|
||||
}
|
||||
|
||||
@-ms-keyframes ringing {
|
||||
0% { -ms-transform: rotate(-15deg);}
|
||||
2% { -ms-transform: rotate(15deg);}
|
||||
4% { -ms-transform: rotate(-18deg);}
|
||||
6% { -ms-transform: rotate(18deg);}
|
||||
8% { -ms-transform: rotate(-22deg);}
|
||||
10% { -ms-transform: rotate(22deg);}
|
||||
12% { -ms-transform: rotate(-18deg);}
|
||||
14% { -ms-transform: rotate(18deg);}
|
||||
16% { -ms-transform: rotate(-12deg);}
|
||||
18% { -ms-transform: rotate(12deg);}
|
||||
20% { -ms-transform: rotate(0deg);}
|
||||
}
|
||||
|
||||
@keyframes ringing {
|
||||
0% { transform: rotate(-15deg);}
|
||||
2% { transform: rotate(15deg);}
|
||||
4% { transform: rotate(-18deg);}
|
||||
6% { transform: rotate(18deg);}
|
||||
8% { transform: rotate(-22deg);}
|
||||
10% { transform: rotate(22deg);}
|
||||
12% { transform: rotate(-18deg);}
|
||||
14% { transform: rotate(18deg);}
|
||||
16% { transform: rotate(-12deg);}
|
||||
18% { transform: rotate(12deg);}
|
||||
20% { transform: rotate(0deg);}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.icon-animated-vertical {
|
||||
display: inline-block;
|
||||
.animation(~"vertical 2.0s 5 ease 2.0s");
|
||||
}
|
||||
|
||||
@-moz-keyframes vertical {
|
||||
0% { -moz-transform: translate(0,-3px);}
|
||||
4% { -moz-transform: translate(0,3px);}
|
||||
8% { -moz-transform: translate(0,-3px);}
|
||||
12% { -moz-transform: translate(0,3px);}
|
||||
16% { -moz-transform: translate(0,-3px);}
|
||||
20% { -moz-transform: translate(0,3px);}
|
||||
22% { -moz-transform: translate(0,0);}
|
||||
}
|
||||
@-webkit-keyframes vertical {
|
||||
0% { -webkit-transform: translate(0,-3px);}
|
||||
4% { -webkit-transform: translate(0,3px);}
|
||||
8% { -webkit-transform: translate(0,-3px);}
|
||||
12% { -webkit-transform: translate(0,3px);}
|
||||
16% { -webkit-transform: translate(0,-3px);}
|
||||
20% { -webkit-transform: translate(0,3px);}
|
||||
22% { -webkit-transform: translate(0,0);}
|
||||
}
|
||||
@-ms-keyframes vertical {
|
||||
0% { -ms-transform: translate(0,-3px);}
|
||||
4% { -ms-transform: translate(0,3px);}
|
||||
8% { -ms-transform: translate(0,-3px);}
|
||||
12% { -ms-transform: translate(0,3px);}
|
||||
16% { -ms-transform: translate(0,-3px);}
|
||||
20% { -ms-transform: translate(0,3px);}
|
||||
22% { -ms-transform: translate(0,0);}
|
||||
}
|
||||
@keyframes vertical {
|
||||
0% { transform: translate(0,-3px);}
|
||||
4% { transform: translate(0,3px);}
|
||||
8% { transform: translate(0,-3px);}
|
||||
12% { transform: translate(0,3px);}
|
||||
16% { transform: translate(0,-3px);}
|
||||
20% { transform: translate(0,3px);}
|
||||
22% { transform: translate(0,0);}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.icon-animated-hand-pointer {
|
||||
display: inline-block;
|
||||
.animation(~"hand-pointer 2.0s 4 ease 2.0s");
|
||||
}
|
||||
|
||||
@-moz-keyframes hand-pointer {
|
||||
0% { -moz-transform: translate(0,0);}
|
||||
6% { -moz-transform: translate(5px,0);}
|
||||
12% { -moz-transform: translate(0,0);}
|
||||
18% { -moz-transform: translate(5px,0);}
|
||||
24% { -moz-transform: translate(0,0);}
|
||||
30% { -moz-transform: translate(5px,0);}
|
||||
36% { -moz-transform: translate(0,0);}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.icon-animated-wrench {
|
||||
display: inline-block;
|
||||
.animation(~"wrenching 2.5s 4 ease");
|
||||
.transform-origin(~"90% 35%");
|
||||
}
|
||||
|
||||
@-moz-keyframes wrenching {
|
||||
0% { -moz-transform: rotate(-12deg);}
|
||||
8% { -moz-transform: rotate(12deg);}
|
||||
|
||||
10% { -moz-transform: rotate(24deg);}
|
||||
18% { -moz-transform: rotate(-24deg);}
|
||||
|
||||
20% { -moz-transform: rotate(-24deg);}
|
||||
28% { -moz-transform: rotate(24deg);}
|
||||
|
||||
30% { -moz-transform: rotate(24deg);}
|
||||
38% { -moz-transform: rotate(-24deg);}
|
||||
|
||||
40% { -moz-transform: rotate(-24deg);}
|
||||
48% { -moz-transform: rotate(24deg);}
|
||||
|
||||
50% { -moz-transform: rotate(24deg);}
|
||||
58% { -moz-transform: rotate(-24deg);}
|
||||
|
||||
60% { -moz-transform: rotate(-24deg);}
|
||||
68% { -moz-transform: rotate(24deg);}
|
||||
|
||||
75% { -moz-transform: rotate(0deg);}
|
||||
}
|
||||
|
||||
@-webkit-keyframes wrenching {
|
||||
0% { -webkit-transform: rotate(-12deg);}
|
||||
8% { -webkit-transform: rotate(12deg);}
|
||||
|
||||
10% { -webkit-transform: rotate(24deg);}
|
||||
18% { -webkit-transform: rotate(-24deg);}
|
||||
|
||||
20% { -webkit-transform: rotate(-24deg);}
|
||||
28% { -webkit-transform: rotate(24deg);}
|
||||
|
||||
30% { -webkit-transform: rotate(24deg);}
|
||||
38% { -webkit-transform: rotate(-24deg);}
|
||||
|
||||
40% { -webkit-transform: rotate(-24deg);}
|
||||
48% { -webkit-transform: rotate(24deg);}
|
||||
|
||||
50% { -webkit-transform: rotate(24deg);}
|
||||
58% { -webkit-transform: rotate(-24deg);}
|
||||
|
||||
60% { -webkit-transform: rotate(-24deg);}
|
||||
68% { -webkit-transform: rotate(24deg);}
|
||||
|
||||
75% { -webkit-transform: rotate(0deg);}
|
||||
}
|
||||
|
||||
@-o-keyframes wrenching {
|
||||
0% { -o-transform: rotate(-12deg);}
|
||||
8% { -o-transform: rotate(12deg);}
|
||||
|
||||
10% { -o-transform: rotate(24deg);}
|
||||
18% { -o-transform: rotate(-24deg);}
|
||||
|
||||
20% { -o-transform: rotate(-24deg);}
|
||||
28% { -o-transform: rotate(24deg);}
|
||||
|
||||
30% { -o-transform: rotate(24deg);}
|
||||
38% { -o-transform: rotate(-24deg);}
|
||||
|
||||
40% { -o-transform: rotate(-24deg);}
|
||||
48% { -o-transform: rotate(24deg);}
|
||||
|
||||
50% { -o-transform: rotate(24deg);}
|
||||
58% { -o-transform: rotate(-24deg);}
|
||||
|
||||
60% { -o-transform: rotate(-24deg);}
|
||||
68% { -o-transform: rotate(24deg);}
|
||||
|
||||
75% { -o-transform: rotate(0deg);}
|
||||
}
|
||||
|
||||
@-ms-keyframes wrenching {
|
||||
0% { -ms-transform: rotate(-12deg);}
|
||||
8% { -ms-transform: rotate(12deg);}
|
||||
|
||||
10% { -ms-transform: rotate(24deg);}
|
||||
18% { -ms-transform: rotate(-24deg);}
|
||||
|
||||
20% { -ms-transform: rotate(-24deg);}
|
||||
28% { -ms-transform: rotate(24deg);}
|
||||
|
||||
30% { -ms-transform: rotate(24deg);}
|
||||
38% { -ms-transform: rotate(-24deg);}
|
||||
|
||||
40% { -ms-transform: rotate(-24deg);}
|
||||
48% { -ms-transform: rotate(24deg);}
|
||||
|
||||
50% { -ms-transform: rotate(24deg);}
|
||||
58% { -ms-transform: rotate(-24deg);}
|
||||
|
||||
60% { -ms-transform: rotate(-24deg);}
|
||||
68% { -ms-transform: rotate(24deg);}
|
||||
|
||||
75% { -ms-transform: rotate(0deg);}
|
||||
}
|
||||
|
||||
@keyframes wrenching {
|
||||
0% { transform: rotate(-12deg);}
|
||||
8% { transform: rotate(12deg);}
|
||||
|
||||
10% { transform: rotate(24deg);}
|
||||
18% { transform: rotate(-24deg);}
|
||||
|
||||
20% { transform: rotate(-24deg);}
|
||||
28% { transform: rotate(24deg);}
|
||||
|
||||
30% { transform: rotate(24deg);}
|
||||
38% { transform: rotate(-24deg);}
|
||||
|
||||
40% { transform: rotate(-24deg);}
|
||||
48% { transform: rotate(24deg);}
|
||||
|
||||
50% { transform: rotate(24deg);}
|
||||
58% { transform: rotate(-24deg);}
|
||||
|
||||
60% { transform: rotate(-24deg);}
|
||||
68% { transform: rotate(24deg);}
|
||||
|
||||
75% { transform: rotate(0deg);}
|
||||
}
|
||||
|
|
@ -0,0 +1,397 @@
|
|||
/** dashboard info and stats mini boxes **/
|
||||
.infobox-container {
|
||||
text-align:center;
|
||||
font-size:0;
|
||||
}
|
||||
.infobox {
|
||||
|
||||
|
||||
display:inline-block;
|
||||
width:210px; height:66px;
|
||||
|
||||
color:#555;
|
||||
background-color:#FFF;
|
||||
box-shadow:none;
|
||||
border-radius:0;
|
||||
|
||||
|
||||
margin:-1px 0 0 -1px;
|
||||
|
||||
padding:8px 3px 6px 9px;
|
||||
border:1px dotted;
|
||||
border-color:#D8D8D8 !important;
|
||||
|
||||
vertical-align:middle;
|
||||
text-align:left;
|
||||
|
||||
position:relative;
|
||||
|
||||
|
||||
> .infobox-icon {
|
||||
display:inline-block;
|
||||
vertical-align:top;
|
||||
|
||||
width:44px;
|
||||
|
||||
> [class*="icon-"] {
|
||||
display:inline-block;
|
||||
height:42px;
|
||||
margin:0;
|
||||
padding:1px 1px 0 2px;
|
||||
|
||||
background-color:transparent;
|
||||
border:none;
|
||||
|
||||
text-align:center;
|
||||
|
||||
position:relative;
|
||||
|
||||
.border-radius(100%);
|
||||
.box-shadow(~"1px 1px 0 rgba(0,0,0,0.2)");
|
||||
|
||||
&:before {
|
||||
font-size:24px;
|
||||
display:block;
|
||||
padding:6px 0 7px; width:40px; text-align:center;
|
||||
.border-radius(100%);
|
||||
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.14);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.infobox-content {
|
||||
color:#555;
|
||||
&:first-child {/* like in small infoboxes that have no number data etc */
|
||||
font-weight:bold;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
> .infobox-data {
|
||||
display:inline-block;
|
||||
|
||||
border:none;
|
||||
border-top-width:0;
|
||||
|
||||
font-size:13px;
|
||||
|
||||
text-align:left;
|
||||
|
||||
line-height:21px;
|
||||
min-width:130px;
|
||||
|
||||
padding-left:8px;
|
||||
|
||||
position:relative;
|
||||
top:0;
|
||||
|
||||
> .infobox-data-number {
|
||||
display:block;
|
||||
font-size:22px;
|
||||
margin:2px 0 4px;
|
||||
|
||||
position:relative;
|
||||
text-shadow:1px 1px 0 rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
> .infobox-text {
|
||||
display:block;
|
||||
font-size:16px;
|
||||
margin:2px 0 4px;
|
||||
|
||||
position:relative;
|
||||
text-shadow:none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
&.no-border {
|
||||
border:none !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 460px) {//@screen-topbar-down
|
||||
.infobox {
|
||||
min-width:95%;
|
||||
margin-top:2px;
|
||||
margin-bottom:2px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
//infobox color
|
||||
.infobox-color(@color) {
|
||||
@infobox-class:~`"infobox-@{color}"`;
|
||||
@infobox-bg:~`"infobox-@{color}"`;
|
||||
@infobox-cl:@@infobox-bg;
|
||||
|
||||
.@{infobox-class} {
|
||||
color:@infobox-cl;
|
||||
border-color:@infobox-cl;
|
||||
> .infobox-icon > [class*="icon-"] {
|
||||
background-color:@infobox-cl;
|
||||
}
|
||||
|
||||
&.infobox-dark {
|
||||
background-color:@infobox-cl;
|
||||
border-color:@infobox-cl;
|
||||
}
|
||||
}
|
||||
}
|
||||
.infobox-color(~"purple");
|
||||
.infobox-color(~"purple2");
|
||||
.infobox-color(~"pink");
|
||||
.infobox-color(~"blue");
|
||||
.infobox-color(~"blue2");
|
||||
.infobox-color(~"blue3");
|
||||
.infobox-color(~"red");
|
||||
.infobox-color(~"brown");
|
||||
.infobox-color(~"wood");
|
||||
.infobox-color(~"light-brown");
|
||||
.infobox-color(~"orange");
|
||||
.infobox-color(~"orange2");
|
||||
.infobox-color(~"green");
|
||||
.infobox-color(~"green2");
|
||||
.infobox-color(~"grey");
|
||||
.infobox-color(~"black");
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.infobox-dark {
|
||||
margin:1px 1px 0 0;
|
||||
border-color:transparent !important;
|
||||
border:none;
|
||||
|
||||
color:#FFF;
|
||||
padding:4px;
|
||||
> .infobox-icon > [class*="icon-"] {
|
||||
& , &:before {
|
||||
background-color:transparent;
|
||||
box-shadow:none; text-shadow:none;
|
||||
border-radius:0;
|
||||
font-size:30px;
|
||||
}
|
||||
&:before {
|
||||
.opacity(1);
|
||||
}
|
||||
}
|
||||
|
||||
.infobox-content {
|
||||
color:#FFF;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.infobox {
|
||||
> .infobox-progress {
|
||||
padding-top:0;
|
||||
display:inline-block;
|
||||
vertical-align:top;
|
||||
|
||||
width:44px;
|
||||
}
|
||||
|
||||
> .infobox-chart {
|
||||
padding-top:0;
|
||||
display:inline-block;
|
||||
vertical-align:text-bottom;
|
||||
width:44px;
|
||||
text-align:center;
|
||||
|
||||
> .sparkline {
|
||||
font-size:24px;
|
||||
}
|
||||
canvas {
|
||||
vertical-align:middle !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* stat trend indicators and badges */
|
||||
> .stat {
|
||||
display:inline-block;
|
||||
position:absolute; right:20px; top:11px;
|
||||
|
||||
text-shadow:none;
|
||||
color:#ABBAC3;
|
||||
|
||||
font-size:13px; font-weight:bold;
|
||||
|
||||
padding-right:18px; padding-top:3px;
|
||||
|
||||
&:before {
|
||||
display:inline-block;
|
||||
content:"";
|
||||
|
||||
width:8px; height:11px;
|
||||
background-color:#ABBAC3;
|
||||
|
||||
position:absolute; right:4px; top:7px;
|
||||
}
|
||||
&:after {
|
||||
display:inline-block;
|
||||
content:"";
|
||||
|
||||
position:absolute; right:1px; top:-8px;
|
||||
|
||||
border:12px solid transparent;
|
||||
border-width:8px 7px;
|
||||
border-bottom-color:#ABBAC3;
|
||||
}
|
||||
|
||||
&.stat-success {/*pointing up*/
|
||||
color:#77C646;
|
||||
&:before {
|
||||
background-color:#77C646;
|
||||
}
|
||||
&:after {
|
||||
border-bottom-color:#77C646;
|
||||
}
|
||||
}
|
||||
|
||||
&.stat-important {/*pointing down*/
|
||||
color:#E4564F;
|
||||
&:before {
|
||||
background-color:#E4564F;
|
||||
top:3px;
|
||||
}
|
||||
&:after {
|
||||
border-top-color:#E4564F;
|
||||
border-bottom-color:transparent;
|
||||
bottom:-6px; top:auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.infobox-dark > .stat {
|
||||
color:#FFF;
|
||||
&:before {
|
||||
background-color:#E1E5E8;
|
||||
}
|
||||
&:after {
|
||||
border-bottom-color:#E1E5E8;
|
||||
}
|
||||
|
||||
&.stat-success {
|
||||
color:#FFF;
|
||||
&:before {
|
||||
background-color:#D0E29E;
|
||||
}
|
||||
&:after {
|
||||
border-bottom-color:#D0E29E;
|
||||
}
|
||||
}
|
||||
&.stat-important {
|
||||
color:#FFF;
|
||||
&:before {
|
||||
background-color:#FF8482;
|
||||
top:3px;
|
||||
}
|
||||
&:after {
|
||||
border-top-color:#FF8482;
|
||||
border-bottom-color:transparent;
|
||||
bottom:-6px; top:auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
> .badge {
|
||||
position:absolute; right:20px; top:11px;
|
||||
border-radius:0;
|
||||
|
||||
text-shadow:none;
|
||||
color:#FFF;
|
||||
|
||||
font-size:11px; font-weight:bold;
|
||||
line-height:15px; height:16px;
|
||||
|
||||
padding:0 1px;
|
||||
}
|
||||
&.infobox-dark > .badge {
|
||||
color:#FFF;
|
||||
background-color:rgba(255,255,255,0.2) !important;
|
||||
border:1px solid #F1F1F1;
|
||||
|
||||
top:2px; right:2px;
|
||||
|
||||
&.badge-success > [class*="icon-"]{
|
||||
color:#C6E9A1;
|
||||
}
|
||||
&.badge-important > [class*="icon-"]{
|
||||
color:#ECB792;
|
||||
}
|
||||
&.badge-warning > [class*="icon-"]{
|
||||
color:#ECB792;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.infobox-small {
|
||||
width:135px;
|
||||
height:52px;
|
||||
text-align:left;
|
||||
|
||||
padding-bottom:5px;
|
||||
|
||||
> .infobox-icon , > .infobox-chart , > .infobox-progress {
|
||||
display:inline-block;
|
||||
width:40px;
|
||||
max-width:40px;
|
||||
height:42px;
|
||||
line-height:38px;
|
||||
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
> .infobox-data {
|
||||
display:inline-block;
|
||||
text-align:left;
|
||||
|
||||
vertical-align:middle;
|
||||
max-width:72px; min-width:0;
|
||||
}
|
||||
> .infobox-chart > .sparkline {
|
||||
font-size:14px;
|
||||
margin-left:2px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.percentage {
|
||||
font-size:14px;
|
||||
font-weight:bold;
|
||||
display:inline-block;
|
||||
vertical-align:top;
|
||||
|
||||
.infobox-small & {
|
||||
font-size:13px; font-weight:normal;
|
||||
margin-top:2px; margin-left:2px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,295 @@
|
|||
.dialogs {
|
||||
padding:9px 9px 0;
|
||||
position:relative;
|
||||
}
|
||||
.itemdiv {
|
||||
padding-right:3px;
|
||||
min-height:66px;
|
||||
position:relative;
|
||||
|
||||
> .user {
|
||||
display:inline-block;
|
||||
width:42px;
|
||||
position:absolute;
|
||||
left:0;
|
||||
|
||||
> img {
|
||||
border-radius:100%;
|
||||
border:2px solid #5293C4;
|
||||
max-width:40px;
|
||||
position:relative;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
> .body {
|
||||
width:auto;
|
||||
margin-left:50px;
|
||||
margin-right:12px;
|
||||
|
||||
position:relative;
|
||||
|
||||
> .time {
|
||||
display:block;
|
||||
font-size:11px;
|
||||
font-weight:bold;
|
||||
color:#666;
|
||||
|
||||
position:absolute;
|
||||
right:9px; top:0;
|
||||
|
||||
[class*="icon-"] {
|
||||
font-size:14px;
|
||||
font-weight:normal;
|
||||
}
|
||||
}// .body > .time
|
||||
|
||||
> .name {
|
||||
display:block;
|
||||
color:#999;
|
||||
> b { color:#777777; }
|
||||
}// .body > .name
|
||||
|
||||
> .text {
|
||||
display:block;
|
||||
position:relative;
|
||||
margin-top:2px;
|
||||
|
||||
padding-bottom:19px;
|
||||
padding-left:7px;
|
||||
|
||||
font-size:13px;
|
||||
|
||||
&:after {
|
||||
display:block; content:"";
|
||||
height:1px; font-size:0; overflow:hidden;
|
||||
position:absolute;
|
||||
left:16px; right:-12px; margin-top:9px;
|
||||
|
||||
border-top:1px solid #E4ECF3;
|
||||
}
|
||||
|
||||
> [class*="icon-quote-"]:first-child {
|
||||
color:#DCE3ED;
|
||||
margin-right:4px;
|
||||
}
|
||||
}// .body > .text
|
||||
}
|
||||
&:last-child > .body > .text {
|
||||
border-bottom:none;
|
||||
&:after {
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
&.dialogdiv {
|
||||
padding-bottom:14px;
|
||||
&:before {
|
||||
position:absolute;
|
||||
display:block; content:"";
|
||||
|
||||
top:0; bottom:0; left:19px;
|
||||
width:3px; max-width:3px;
|
||||
|
||||
background-color:#E1E6ED;
|
||||
border:1px solid #D7DBDD;
|
||||
border-width:0 1px;
|
||||
}
|
||||
&:last-child:before {
|
||||
display:none;
|
||||
}
|
||||
|
||||
|
||||
> .user > img {
|
||||
border-color:#C9D6E5;
|
||||
}
|
||||
> .body {
|
||||
border:1px solid #DDE4ED;
|
||||
padding:5px 8px 8px;
|
||||
border-left-width:2px;
|
||||
margin-right:1px;
|
||||
|
||||
&:before{
|
||||
content:""; display:block;
|
||||
position:absolute; left:-7px; top:11px;
|
||||
width:8px; height:8px;
|
||||
border:2px solid #DDE4ED;
|
||||
border-width:2px 0 0 2px;
|
||||
background-color:#FFF;
|
||||
|
||||
.box-sizing(content-box);
|
||||
|
||||
.rotate(-45deg);
|
||||
}
|
||||
|
||||
> .time {
|
||||
position:static;
|
||||
float:right;
|
||||
}
|
||||
> .text {
|
||||
padding-left:0;
|
||||
padding-bottom:0px;
|
||||
&:after {display:none;}
|
||||
}
|
||||
}
|
||||
|
||||
.tooltip-inner {
|
||||
word-break:break-all;
|
||||
}
|
||||
}//end of .itemdiv.dialogdiv
|
||||
|
||||
|
||||
|
||||
&.memberdiv {
|
||||
width:175px;
|
||||
padding:2px;
|
||||
margin:3px 0;
|
||||
float:left;
|
||||
border-bottom:1px solid #E8E8E8;
|
||||
|
||||
> .user > img {
|
||||
border-color:#DCE3ED;
|
||||
}
|
||||
|
||||
> .body {
|
||||
> .time {
|
||||
position:static;
|
||||
}
|
||||
> .name {
|
||||
line-height:18px; height:18px;
|
||||
margin-bottom:0;
|
||||
> a {
|
||||
display:inline-block;
|
||||
max-width:100px; max-height:18px;
|
||||
overflow:hidden;
|
||||
text-overflow:ellipsis;
|
||||
word-break:break-all;
|
||||
}
|
||||
}
|
||||
}
|
||||
}//.itemdiv.memberdiv
|
||||
|
||||
|
||||
|
||||
.tools {
|
||||
//width:20px;
|
||||
position:absolute;
|
||||
right:5px; bottom:10px;
|
||||
display:none;
|
||||
.btn {
|
||||
border-radius:36px;
|
||||
margin:1px 0;
|
||||
}
|
||||
}
|
||||
.body .tools {
|
||||
bottom:4px;
|
||||
}
|
||||
&.commentdiv .tools {
|
||||
right:9px;
|
||||
}
|
||||
&:hover .tools{
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* task list */
|
||||
.item-list {
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
|
||||
> li {
|
||||
padding:9px;
|
||||
background-color:#FFF;
|
||||
margin-top:-1px;
|
||||
position:relative;
|
||||
|
||||
&.selected {
|
||||
color:#8090A0;
|
||||
background-color:#F4F9FC;
|
||||
label , .lbl {
|
||||
text-decoration:line-through;
|
||||
color:#8090A0;
|
||||
}
|
||||
}
|
||||
> .checkbox {
|
||||
display:inline-block;
|
||||
}
|
||||
> label.inline {
|
||||
display:inline-block;
|
||||
}
|
||||
label {
|
||||
font-size:13px;
|
||||
}
|
||||
.percentage {
|
||||
font-size:11px; font-weight:bold;
|
||||
color:#777;
|
||||
}
|
||||
|
||||
&.ui-sortable-helper {
|
||||
cursor:move;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
li[class*="item-"] {
|
||||
border:1px solid #DDD;
|
||||
border-left-width:3px;
|
||||
}
|
||||
|
||||
.item-list-color(@color) {
|
||||
@item-class:~`"item-@{color}"`;
|
||||
@item-color:~`"item-list-@{color}-border"`;
|
||||
@item-cl:@@item-color;
|
||||
|
||||
li.@{item-class} {
|
||||
border-left-color:@item-cl;
|
||||
}
|
||||
}
|
||||
.item-list-color(~'orange');
|
||||
.item-list-color(~'orange2');
|
||||
.item-list-color(~'red');
|
||||
.item-list-color(~'red2');
|
||||
.item-list-color(~'green');
|
||||
.item-list-color(~'green2');
|
||||
.item-list-color(~'blue');
|
||||
.item-list-color(~'blue2');
|
||||
.item-list-color(~'blue3');
|
||||
.item-list-color(~'pink');
|
||||
.item-list-color(~'purple');
|
||||
.item-list-color(~'black');
|
||||
.item-list-color(~'grey');
|
||||
.item-list-color(~'brown');
|
||||
.item-list-color(~'default');
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* when dragging */
|
||||
.ui-sortable-placeholder , .ui-sortable-helper {
|
||||
& , & > a {
|
||||
cursor:move !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@media only screen and (max-width: @screen-xs) {
|
||||
.itemdiv.memberdiv {
|
||||
float:none;
|
||||
width:auto;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,223 @@
|
|||
/* labels & badges */
|
||||
.label {
|
||||
border-radius:0;
|
||||
text-shadow:none;
|
||||
font-weight:normal;
|
||||
|
||||
display:inline-block;
|
||||
|
||||
background-color:@label-default !important;
|
||||
|
||||
&[class*="col-"][class*="arrow"] {
|
||||
min-height:0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
||||
//default display:none causes problems with Android Webview
|
||||
::safari-only,.label:empty {
|
||||
display: inline-block;
|
||||
}
|
||||
::safari-only,.badge:empty {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.badge {
|
||||
text-shadow:none;
|
||||
font-size:12px;
|
||||
padding-top:1px;
|
||||
padding-bottom:3px;
|
||||
font-weight:normal;
|
||||
line-height:15px;
|
||||
background-color:@label-default !important;
|
||||
|
||||
&.no-radius { border-radius:0; }
|
||||
&.radius-1 { border-radius:1px; }
|
||||
&.radius-2 { border-radius:2px; }
|
||||
&.radius-3 { border-radius:3px; }
|
||||
&.radius-4 { border-radius:4px; }
|
||||
&.radius-5 { border-radius:5px; }
|
||||
&.radius-6 { border-radius:6px; }
|
||||
}
|
||||
.label-transparent, .badge-transparent {
|
||||
background-color:transparent !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
//labels
|
||||
.label-color(@color) {
|
||||
@label-class:~`"label-@{color}"`;
|
||||
@badge-class:~`"badge-@{color}"`;
|
||||
@label-color:@@label-class;
|
||||
|
||||
.@{label-class}, .@{badge-class} {
|
||||
background-color:@label-color !important;
|
||||
}
|
||||
}
|
||||
|
||||
.label-arrow(@color) {
|
||||
@label-class:~`"label-@{color}"`;
|
||||
@label-color:@@label-class;
|
||||
|
||||
.@{label-class}{
|
||||
&.arrowed:before {
|
||||
border-right-color:@label-color;
|
||||
}
|
||||
&.arrowed-in:before {
|
||||
border-color:@label-color;
|
||||
}
|
||||
&.arrowed-right:after {
|
||||
border-left-color:@label-color;
|
||||
}
|
||||
&.arrowed-in-right:after {
|
||||
border-color:@label-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
.label-color(~"grey");
|
||||
.label-color(~"info");
|
||||
.label-color(~"primary");
|
||||
.label-color(~"success");
|
||||
.label-color(~"danger");
|
||||
.label-color(~"important");
|
||||
.label-color(~"inverse");
|
||||
.label-color(~"warning");
|
||||
.label-color(~"pink");
|
||||
.label-color(~"purple");
|
||||
.label-color(~"yellow");
|
||||
.label-color(~"light");
|
||||
|
||||
|
||||
.badge-yellow, .label-yellow {
|
||||
color:#996633 !important;
|
||||
border-color:@label-yellow;
|
||||
}
|
||||
.badge-light, .label-light {
|
||||
color:#888 !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.label.arrowed , .label.arrowed-in {
|
||||
position:relative;
|
||||
z-index: 1;
|
||||
&:before {
|
||||
display:inline-block;
|
||||
content:"";
|
||||
position:absolute;
|
||||
top:0;
|
||||
z-index: -1;
|
||||
|
||||
border:1px solid transparent;
|
||||
|
||||
border-right-color:@label-default;
|
||||
}
|
||||
}
|
||||
.label.arrowed-in:before {
|
||||
border-color:@label-default;
|
||||
border-left-color:transparent !important;
|
||||
}
|
||||
|
||||
|
||||
.label.arrowed-right , .label.arrowed-in-right {
|
||||
position:relative;
|
||||
z-index: 1;
|
||||
&:after {
|
||||
display:inline-block;
|
||||
content:"";
|
||||
position:absolute;
|
||||
top:0;
|
||||
z-index: -1;
|
||||
|
||||
border:1px solid transparent;
|
||||
|
||||
border-left-color:@label-default;
|
||||
}
|
||||
}
|
||||
.label.arrowed-in-right:after {
|
||||
border-color:@label-default;
|
||||
border-right-color:transparent !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.label-arrow(~"info");
|
||||
.label-arrow(~"primary");
|
||||
.label-arrow(~"success");
|
||||
.label-arrow(~"warning");
|
||||
.label-arrow(~"important");
|
||||
.label-arrow(~"danger");
|
||||
.label-arrow(~"inverse");
|
||||
.label-arrow(~"pink");
|
||||
.label-arrow(~"purple");
|
||||
.label-arrow(~"yellow");
|
||||
.label-arrow(~"light");
|
||||
.label-arrow(~"grey");
|
||||
|
||||
|
||||
.label {
|
||||
.label-size(12px, 1.15, 20px, 10px, 5px);
|
||||
}
|
||||
.label-lg {
|
||||
padding:0.3em 0.6em 0.4em;
|
||||
.label-size(13px, 1.1, 24px, 12px, 6px);
|
||||
}
|
||||
.label-xlg {
|
||||
padding:0.3em 0.7em 0.4em;
|
||||
.label-size(14px, 1.3, 28px, 14px, 7px);
|
||||
}
|
||||
.label-sm {
|
||||
padding:0.2em 0.4em 0.3em;
|
||||
.label-size(11px, 1, 18px, 9px, 4px);
|
||||
}
|
||||
.label > span , .label > [class*="icon-"] {
|
||||
line-height: 1;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
|
||||
.label-size(@font-size, @line-height, @height, @border-height, @border-width) {
|
||||
font-size: @font-size;
|
||||
line-height: @line-height;
|
||||
height: @height;
|
||||
|
||||
&.arrowed {
|
||||
margin-left: @border-width;
|
||||
&:before {
|
||||
left: -(@border-width * 2);
|
||||
border-width: @border-height @border-width;
|
||||
}
|
||||
}
|
||||
&.arrowed-in {
|
||||
margin-left: (@border-width);
|
||||
&:before {
|
||||
left: -@border-width;
|
||||
border-width: @border-height @border-width;
|
||||
}
|
||||
}
|
||||
|
||||
&.arrowed-right {
|
||||
margin-right: @border-width;
|
||||
&:after {
|
||||
right: -(@border-width * 2);
|
||||
border-width: @border-height @border-width;
|
||||
}
|
||||
}
|
||||
&.arrowed-in-right {
|
||||
margin-right: (@border-width);
|
||||
&:after {
|
||||
right: -@border-width;
|
||||
border-width: @border-height @border-width;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
.border-radius(@r) {
|
||||
border-radius: @r;
|
||||
}
|
||||
|
||||
//transform
|
||||
.transform(@transformation) {
|
||||
-moz-transform:@transformation;
|
||||
-webkit-transform:@transformation;
|
||||
-o-transform:@transformation;
|
||||
-ms-transform:@transformation;
|
||||
transform:@transformation;
|
||||
}
|
||||
.transform-origin(@origin) {
|
||||
-moz-transform-origin:@origin;
|
||||
-webkit-transform-origin:@origin;
|
||||
-o-transform-origin:@origin;
|
||||
-ms-transform-origin:@origin;
|
||||
transform-origin:@origin;
|
||||
}
|
||||
|
||||
|
||||
//animation
|
||||
.animation(@params) {
|
||||
-moz-animation:@params;
|
||||
-webkit-animation:@params;
|
||||
-o-animation:@params;
|
||||
-ms-animation:@params;
|
||||
animation:@params;
|
||||
}
|
||||
|
||||
.animation-duration(@duration:1s) {
|
||||
-moz-animation-duration:@duration;
|
||||
-webkit-animation-duration:@duration;
|
||||
-o-animation-duration:@duration;
|
||||
-ms-animation-duration:@duration;
|
||||
animation-duration:@duration;
|
||||
}
|
||||
|
|
@ -0,0 +1,214 @@
|
|||
@ace-settings-box-border:#FFB34B;
|
||||
@datepicker-active-bg:#2283C5;
|
||||
@datepicker-disabled-bg:#8B9AA3;
|
||||
@datepicker-active-bg2:#7D8893;//inside .well
|
||||
|
||||
/* other page sections */
|
||||
|
||||
|
||||
.ace-settings-container {
|
||||
position:absolute;
|
||||
right:0; top:50px;
|
||||
z-index:12;
|
||||
|
||||
.breadcrumbs-fixed & {
|
||||
top:50px - (@breadcrumb-height);
|
||||
}
|
||||
}
|
||||
.btn.ace-settings-btn {
|
||||
float:left;
|
||||
display:inline-block;
|
||||
width:42px !important;
|
||||
text-align:center;
|
||||
|
||||
.border-radius(~"6px 0 0 6px") !important;
|
||||
.opacity(0.55);
|
||||
|
||||
vertical-align:top;
|
||||
margin:0;
|
||||
|
||||
&:hover , &.open {
|
||||
.opacity(1);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.ace-settings-box {
|
||||
display:none;
|
||||
float:left;
|
||||
width:175px; padding:0 14px;
|
||||
background-color:#FFF;
|
||||
|
||||
border:2px solid @ace-settings-box-border;
|
||||
|
||||
&.open {
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
> div {
|
||||
margin:6px 0;
|
||||
color:#444;
|
||||
max-height:24px;
|
||||
> label {
|
||||
font-size:13px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.btn-scroll-up {
|
||||
border:none;
|
||||
position:absolute;
|
||||
right:2px;
|
||||
bottom:2px;
|
||||
z-index:11;
|
||||
}
|
||||
@media (min-width: @screen-tablet) {
|
||||
.main-container.container > .btn-scroll-up {
|
||||
right: auto;
|
||||
margin-left: @container-tablet - 36;
|
||||
}
|
||||
}
|
||||
@media (min-width: @screen-desktop) {
|
||||
.main-container.container > .btn-scroll-up {
|
||||
right: auto;
|
||||
margin-left: @container-desktop - 36;
|
||||
}
|
||||
}
|
||||
@media (min-width: @screen-lg-desktop) {
|
||||
.main-container.container > .btn-scroll-up {
|
||||
right: auto;
|
||||
margin-left: @container-lg-desktop - 36;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.grid2, .grid3, .grid4 {
|
||||
.box-sizing(border-box);
|
||||
display:block;
|
||||
margin:0;
|
||||
float:left;
|
||||
|
||||
border-left:1px solid #E3E3E3;
|
||||
&:first-child {
|
||||
border-left:none;
|
||||
}
|
||||
}
|
||||
|
||||
.grid2 {
|
||||
width:48%;
|
||||
padding:0 2%;
|
||||
}
|
||||
|
||||
|
||||
.grid3 {
|
||||
width:33%;
|
||||
padding:0 2%;
|
||||
}
|
||||
|
||||
.grid4 {
|
||||
width:23%;
|
||||
margin:0 1%; padding:0 1%;
|
||||
}
|
||||
|
||||
|
||||
.draggable-placeholder { /* for when dragging items around */
|
||||
border:2px dashed #D9D9D9 !important;
|
||||
background-color:#F7F7F7 !important;
|
||||
}
|
||||
|
||||
/* scrollbar */
|
||||
.slimScrollBar { .border-radius(0) !important; }
|
||||
.slimScrollRail { .border-radius(0) !important; }
|
||||
|
||||
|
||||
|
||||
/* date & time picker */
|
||||
.datepicker , .daterangepicker {
|
||||
td , th { .border-radius(0) !important; font-size: 13px; }
|
||||
|
||||
td.active {
|
||||
& , &:hover { background:@datepicker-active-bg !important; }
|
||||
|
||||
&.disabled {
|
||||
& , &:hover { background:@datepicker-disabled-bg !important; }
|
||||
}
|
||||
}
|
||||
}
|
||||
.datepicker {
|
||||
td , th { min-width: 32px; }
|
||||
}
|
||||
|
||||
.datepicker-months .month , .datepicker-years .year {
|
||||
border-radius:0 !important;
|
||||
}
|
||||
.datepicker-months .month.active , .datepicker-years .year.active {
|
||||
& , &:hover , &:focus, &:active {
|
||||
background-image:none !important;
|
||||
background-color:@datepicker-active-bg !important;
|
||||
}
|
||||
}
|
||||
.bootstrap-timepicker-widget table td input {
|
||||
width:32px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.bootstrap-timepicker-widget table td a:hover {
|
||||
.border-radius(0);
|
||||
}
|
||||
|
||||
.well .datepicker table tr td.day:hover {
|
||||
background-color:@datepicker-active-bg2;
|
||||
color:#FFF;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* a few small third party css files put here to reduce http file requests */
|
||||
/* jquery.easy-pie-chart.css */
|
||||
.easyPieChart {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
|
||||
canvas {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.knob-container {
|
||||
direction:ltr;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* ie8/9 specific */
|
||||
.navbar .navbar-inner , .navbar .btn-navbar {
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
|
||||
}
|
||||
.dropdown-menu li > a,
|
||||
.dropdown-submenu > a {
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
|
||||
}
|
||||
.btn {
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
|
||||
}
|
||||
.progress , .progress .bar {
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
/* error pages*/
|
||||
.error-container {
|
||||
margin:20px;
|
||||
padding:0;
|
||||
background:#FFF;
|
||||
}
|
||||
|
|
@ -0,0 +1,684 @@
|
|||
.inbox-tabs.nav-tabs {
|
||||
> li {
|
||||
> a {
|
||||
background-color:#FAFAFA;
|
||||
}
|
||||
&.active:not(.open) > a {
|
||||
& , &:hover, &:focus {
|
||||
background-color:#F1F5FA;
|
||||
box-shadow:0 -2px 3px 0 rgba(0, 0, 0, 0.1);
|
||||
color:#48768E;
|
||||
}
|
||||
}
|
||||
|
||||
> a.btn-new-mail {
|
||||
background-color:transparent;
|
||||
border:none !important;
|
||||
padding:0 !important;
|
||||
> .btn {
|
||||
border-width:0 !important;
|
||||
border-radius:3px !important;
|
||||
|
||||
padding:0 6px !important;
|
||||
|
||||
position:relative;
|
||||
|
||||
transition:none !important;
|
||||
}
|
||||
}
|
||||
&.active > a.btn-new-mail {
|
||||
box-shadow:none !important;
|
||||
|
||||
> .btn:before {
|
||||
content:"";
|
||||
display:block;
|
||||
position:absolute; top:100%; left:35%; left:~"calc(50% - 6px)";
|
||||
border-width:6px 8px;
|
||||
|
||||
border-style:solid;
|
||||
border-color:transparent;
|
||||
border-top-color:inherit;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
&.tab-size-bigger > li {
|
||||
> a {
|
||||
padding:5px 15px 7px;
|
||||
font-size:14px;
|
||||
> [class*="icon-"]:first-child {
|
||||
margin-bottom:5px;
|
||||
}
|
||||
|
||||
&.btn-new-mail > .btn{
|
||||
padding:10px !important;
|
||||
border-radius:7px !important;
|
||||
}
|
||||
}
|
||||
|
||||
&.active > a.btn-new-mail {
|
||||
margin-top:0 !important;
|
||||
top:1px;
|
||||
}
|
||||
&.active > a.btn-new-mail > .btn:before {
|
||||
left:35%; left:~"calc(50% - 8px)";
|
||||
border-width:8px 10px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 475px) {
|
||||
.inbox-tabs > .li-new-mail {
|
||||
display:block;
|
||||
text-align:right;
|
||||
margin-bottom:8px !important;
|
||||
float:none !important;
|
||||
}
|
||||
.inbox-tabs > .li-new-mail > .btn-new-mail {
|
||||
display:inline-block;
|
||||
width:auto;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.message-container {
|
||||
position:relative;
|
||||
}
|
||||
.message-list {
|
||||
position:relative;
|
||||
}
|
||||
.message-item {
|
||||
border:1px solid #EAEDF1;
|
||||
border-bottom-width:0;
|
||||
padding:12px 12px 14px;
|
||||
line-height:18px;
|
||||
|
||||
position:relative;
|
||||
background-color:#FFF;
|
||||
|
||||
&:first-child {
|
||||
border-top-width:0;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
border-color:#E2EAF2;
|
||||
background-color:#F2F6F9;
|
||||
|
||||
+ .message-item {
|
||||
border-top-color:#E2EAF2;
|
||||
|
||||
&.selected {
|
||||
border-top-color:#FFF;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.selected {
|
||||
background-color:#EFF4F7;
|
||||
border-color:#FFF #E2EAF2;
|
||||
|
||||
+ .message-item{
|
||||
border-top-color:#FFF;
|
||||
|
||||
&:hover + .message-item {
|
||||
border-top-color:#FFF;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
.message-item {
|
||||
.sender {
|
||||
margin:0 6px 0 4px;
|
||||
vertical-align:middle;
|
||||
color:#467287;
|
||||
|
||||
display:inline-block;
|
||||
width:110px; height:18px;
|
||||
text-overflow:ellipsis;
|
||||
overflow:hidden;
|
||||
white-space: nowrap;
|
||||
|
||||
cursor:pointer;
|
||||
}
|
||||
&.message-unread .sender {
|
||||
color:#6A9CBA; font-weight:bold;
|
||||
}
|
||||
|
||||
.summary {
|
||||
vertical-align:middle;
|
||||
display:inline-block;
|
||||
position:relative;
|
||||
|
||||
margin-left:30px;
|
||||
|
||||
max-width:250px;
|
||||
max-width:~"calc(100% - 300px)";
|
||||
min-width:200px;
|
||||
white-space: nowrap;
|
||||
|
||||
.text {
|
||||
color:#555;
|
||||
vertical-align:middle;
|
||||
display:inline-block;
|
||||
|
||||
width:auto;
|
||||
max-width:100%;
|
||||
height:18px;
|
||||
text-overflow:ellipsis;
|
||||
overflow:hidden;
|
||||
white-space: nowrap;
|
||||
|
||||
cursor:pointer;
|
||||
|
||||
&:hover {
|
||||
text-decoration:underline;
|
||||
}
|
||||
}
|
||||
|
||||
.message-flags {
|
||||
display:block;
|
||||
position:absolute;
|
||||
right:101%;
|
||||
right:~"calc(100% + 4px)";
|
||||
height:18px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
}
|
||||
&.message-unread .summary .text {
|
||||
color:#609FC4;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
|
||||
.time {
|
||||
float:right;
|
||||
width:60px;
|
||||
height:18px;
|
||||
text-overflow:ellipsis;
|
||||
overflow:hidden;
|
||||
white-space: nowrap;
|
||||
color:#666;
|
||||
}
|
||||
&.message-unread .time {
|
||||
font-weight:bold;
|
||||
color:#609FC4;
|
||||
}
|
||||
|
||||
|
||||
.attachment{
|
||||
color:#999;
|
||||
font-size:18px;
|
||||
vertical-align:middle;
|
||||
float:right;
|
||||
margin:0 12px;
|
||||
position:relative;
|
||||
}
|
||||
&.message-unread .attachment{
|
||||
color:#4F99C6;
|
||||
}
|
||||
}
|
||||
.message-content .time {
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
.message-star{
|
||||
vertical-align:middle;
|
||||
margin:2px 4px 0 6px;
|
||||
font-size:15px;
|
||||
cursor:pointer;
|
||||
|
||||
&:hover {
|
||||
color:@ace-orange2 !important;
|
||||
text-decoration:none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.mail-tag:empty {
|
||||
display:inline-block;
|
||||
width:8px; height:11px;
|
||||
padding:0; line-height:normal;
|
||||
vertical-align:middle;
|
||||
margin:0 1px 0 0;
|
||||
}
|
||||
.badge.mail-tag{
|
||||
border-radius:2px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media only screen and (max-width: 979px) {
|
||||
.message-item .summary {
|
||||
min-width:0;
|
||||
}
|
||||
.message-item .sender {
|
||||
width:100px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 550px) {
|
||||
.message-item .summary {
|
||||
margin:8px 0 0 32px;
|
||||
max-width:95%;
|
||||
min-width:0;
|
||||
|
||||
display:block;
|
||||
}
|
||||
.message-item .sender {
|
||||
width:auto;
|
||||
max-width:150px;
|
||||
}
|
||||
.message-item .summary .text {
|
||||
max-width:95%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.btn-message , .btn-message:hover , .btn-message:focus, .btn-message:active, .open .btn-message.dropdown-toggle {
|
||||
background-color:#FFF !important;
|
||||
border:1px solid #94B9CE !important;
|
||||
color:#7CA3BA !important;
|
||||
text-shadow:none !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.message-content {
|
||||
padding:16px 12px;
|
||||
border:1px solid #E9E9E9;
|
||||
.box-shadow(~"0 0 1px 1px rgba(0,0,0,0.02)");
|
||||
background-color:rgba(255,255,255,0.8);
|
||||
border-top-width:0;
|
||||
|
||||
.message-item & {
|
||||
margin-top:16px;
|
||||
border-top-width:1px;
|
||||
}
|
||||
}
|
||||
.message-body {
|
||||
padding:0 9px;
|
||||
color:#6A7177;
|
||||
}
|
||||
|
||||
|
||||
.message-navbar {
|
||||
line-height:24px;
|
||||
padding:10px 12px;
|
||||
border:1px solid #D6E1EA;
|
||||
border-color:#D6E1EA transparent;
|
||||
|
||||
background-color:#F1F5FA;
|
||||
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.message-navbar , .message-content {
|
||||
.dropdown-toggle {
|
||||
color:#777;
|
||||
&:hover, &:focus {
|
||||
text-decoration:none;
|
||||
color:#2283C5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.message-bar {
|
||||
display:inline-block;
|
||||
min-height:28px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 480px) {
|
||||
.message-bar {
|
||||
display:block;
|
||||
min-height:60px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.message-footer {
|
||||
background-color:#F1F1F1;
|
||||
padding:12px 16px;
|
||||
border:1px solid #E6E6E6;
|
||||
border-width:1px 0;
|
||||
border-top:1px solid #E4E9EE;
|
||||
|
||||
.pagination {
|
||||
margin:0;
|
||||
> li {
|
||||
margin:0;
|
||||
padding:0;
|
||||
|
||||
> a , > span {
|
||||
color:#777;
|
||||
padding: 3px;
|
||||
|
||||
margin-left:3px;
|
||||
margin-right:3px;
|
||||
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
}
|
||||
&.disabled > span {
|
||||
color:#BBBBBB;
|
||||
cursor:default;
|
||||
}
|
||||
|
||||
> a:hover {
|
||||
color:#2283C5;
|
||||
text-decoration:none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
input[type=text] {
|
||||
font-size:12px;
|
||||
|
||||
width:34px;
|
||||
height:24px;
|
||||
line-height:20px;
|
||||
|
||||
margin-bottom:0;
|
||||
|
||||
padding:3px;
|
||||
vertical-align:middle;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
.message-footer-style2 .pagination > li {
|
||||
> a , > span {
|
||||
border:1px solid #B5B5B5;
|
||||
border-radius:100% !important;
|
||||
width:26px; height:26px; line-height:24px;
|
||||
display:inline-block;
|
||||
text-align:center;
|
||||
padding:0;
|
||||
}
|
||||
> span {
|
||||
border-color:#CCC;
|
||||
}
|
||||
> a:hover {
|
||||
border-color:#84AFC9;
|
||||
background-color:#F7F7F7;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.message-item.message-inline-open {
|
||||
background-color:#F2F6F9;
|
||||
border:1px solid #DDD;
|
||||
border-bottom-color:#CCC;
|
||||
|
||||
&:first-child {
|
||||
border-top-color:#EEE;
|
||||
}
|
||||
&:last-child {
|
||||
border-bottom-color:#DDD;
|
||||
}
|
||||
+ .message-item {
|
||||
border-bottom-color:transparent;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.message-loading-overlay {
|
||||
position:absolute; z-index:14;
|
||||
top:0;bottom:0;right:0;left:0;
|
||||
background-color:rgba(255,255,255,0.5);
|
||||
text-align:center;
|
||||
|
||||
> [class*="icon-"] {
|
||||
position:absolute;
|
||||
top:15%;
|
||||
left:0; right:0;
|
||||
text-align:center;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.message-content {
|
||||
.sender {
|
||||
color:#6A9CBA;
|
||||
font-weight:bold;
|
||||
width:auto;
|
||||
text-overflow:inherit;
|
||||
vertical-align:middle;
|
||||
margin:0;
|
||||
}
|
||||
.time {
|
||||
width:auto;
|
||||
text-overflow:inherit;
|
||||
white-space:normal;
|
||||
float:none;
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
ul.attachment-list {
|
||||
margin:6px 0 4px 8px;
|
||||
> li{
|
||||
margin-bottom:3px;
|
||||
}
|
||||
}
|
||||
.message-attachment {
|
||||
padding-left:10px;
|
||||
padding-right:10px;
|
||||
}
|
||||
|
||||
.attached-file {
|
||||
color:#777;
|
||||
width:200px;
|
||||
|
||||
> [class*="icon-"] {
|
||||
display:inline-block;
|
||||
width:16px;
|
||||
margin-right:2px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
text-decoration:none;
|
||||
color:#438EB9;
|
||||
|
||||
.attached-name {
|
||||
color:#2283C5;
|
||||
}
|
||||
}
|
||||
.attached-name {
|
||||
display:inline-block;
|
||||
max-width:175px;
|
||||
text-overflow:ellipsis;
|
||||
overflow:hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.messagebar-item-left , .messagebar-item-right {
|
||||
position:absolute;
|
||||
bottom:14px;
|
||||
left:12px;
|
||||
text-align:left;
|
||||
}
|
||||
.messagebar-item-right {
|
||||
right:12px;
|
||||
left:auto;
|
||||
}
|
||||
.message-navbar .nav-search {
|
||||
right:auto;
|
||||
left:60px;
|
||||
top:auto;
|
||||
bottom:11px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.message-form {
|
||||
border:1px solid #ddd;
|
||||
border-top:none;
|
||||
padding-top:22px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 480px) {
|
||||
.message-form {
|
||||
padding-left:16px;
|
||||
padding-right:16px;
|
||||
}
|
||||
}
|
||||
|
||||
.message-form {
|
||||
.form-actions {
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
.wysiwyg-editor {
|
||||
overflow:auto;
|
||||
min-height:150px;
|
||||
max-height:250px;
|
||||
height:auto;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-send-message {
|
||||
position:relative;
|
||||
top:6px;
|
||||
}
|
||||
|
||||
.btn-back-message-list {
|
||||
color:#777;
|
||||
&:hover {
|
||||
color:#478FCA;
|
||||
text-decoration:none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.message-condensed {
|
||||
.message-item {
|
||||
padding-top:8px;
|
||||
padding-bottom:9px;
|
||||
}
|
||||
.message-navbar , .message-footer {
|
||||
padding-top:7px;
|
||||
padding-bottom:7px;
|
||||
}
|
||||
|
||||
.messagebar-item-left , .messagebar-item-right {
|
||||
bottom:9px;
|
||||
}
|
||||
.message-navbar .nav-search {
|
||||
bottom:7px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 480px) {
|
||||
.message-condensed .message-bar {
|
||||
min-height:42px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
//alternative to tabs
|
||||
.inbox-folders .btn-block {
|
||||
margin-top:0;
|
||||
}
|
||||
@media only screen and (max-width: 767px) {
|
||||
.inbox-folders.inbox-folders-responsive .btn-block {
|
||||
width:24%;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 600px) {
|
||||
.inbox-folders.inbox-folders-responsive .btn-block {
|
||||
width:48%;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 320px) {
|
||||
.inbox-folders.inbox-folders-responsive .btn-block {
|
||||
width:99%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.inbox-folders .btn-lighter , .inbox-folders .btn-lighter.active {
|
||||
background-color:#F4F4F4 !important;
|
||||
text-shadow:none !important;
|
||||
color:#7C8395 !important;
|
||||
border:1px solid #FFF !important;
|
||||
padding:5px 11px;
|
||||
}
|
||||
.inbox-folders .btn-lighter.active {
|
||||
background-color:#EDF2F8 !important;
|
||||
color:#53617C !important;
|
||||
}
|
||||
|
||||
.inbox-folders .btn-lighter:hover {
|
||||
background-color:#EFEFEF !important;
|
||||
color:#6092C4 !important;
|
||||
}
|
||||
.inbox-folders .btn > [class*="icon-"]:first-child {
|
||||
display:inline-block;
|
||||
width:14px;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
|
||||
.inbox-folders .btn-lighter + .btn-lighter {
|
||||
border-top-width:0 !important;
|
||||
}
|
||||
|
||||
.inbox-folders .btn.active:before{
|
||||
display:block;
|
||||
content:"";
|
||||
position:absolute;
|
||||
top:1px; bottom:1px; left:-1px;
|
||||
border-left:3px solid #4F99C6;
|
||||
}
|
||||
.inbox-folders .btn.active:after{
|
||||
display:none;
|
||||
}
|
||||
|
||||
.inbox-folders .btn .counter {
|
||||
border-radius:3px;
|
||||
position:absolute;
|
||||
right: 8px;
|
||||
top:8px;
|
||||
padding-left:6px; padding-right:6px;
|
||||
.opacity(0.75);
|
||||
}
|
||||
.inbox-folders .btn:hover .badge{
|
||||
.opacity(1);
|
||||
}
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
/* invoice */
|
||||
.invoice-info {
|
||||
line-height:24px !important;
|
||||
color:#444444;
|
||||
vertical-align:bottom;
|
||||
margin-left:9px; margin-right:9px;
|
||||
}
|
||||
.invoice-info-label {
|
||||
display:inline-block;
|
||||
max-width:100px;
|
||||
text-align:right;
|
||||
font-size:14px;
|
||||
}
|
||||
.invoice-box .label-large[class*="arrowed"]{
|
||||
margin-left:11px !important;
|
||||
max-width:95%;
|
||||
}
|
||||
|
|
@ -0,0 +1,194 @@
|
|||
/* login pages */
|
||||
|
||||
.login-container {
|
||||
width:375px;
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
.login-layout {
|
||||
background-color:#1D2024;
|
||||
.main-container:after {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.main-content {
|
||||
margin-left:0;
|
||||
min-height:100%;
|
||||
padding-left: 15px;
|
||||
padding-right:15px;
|
||||
}
|
||||
|
||||
|
||||
label {
|
||||
margin-bottom:11px;
|
||||
}
|
||||
|
||||
|
||||
.widget-box {
|
||||
visibility:hidden;
|
||||
position:absolute;
|
||||
overflow:hidden;
|
||||
width:100%;
|
||||
|
||||
border-bottom:none;
|
||||
box-shadow:none;
|
||||
padding:6px;
|
||||
background-color:#394557;
|
||||
|
||||
.transform(~"scale(0,1) translate(-150px)");
|
||||
&.visible {
|
||||
visibility:visible;
|
||||
.transform(~"scale(1,1) translate(0)");
|
||||
|
||||
.transition(~"all .3s ease");
|
||||
-o-transition: none;/* too slow */
|
||||
-webkit-transition: none;/* works in chrome but not in safari, never scales back to 1! */
|
||||
}
|
||||
|
||||
.widget-main {
|
||||
padding:16px 36px 36px;
|
||||
background:#F7F7F7;
|
||||
form {
|
||||
margin:0;
|
||||
}
|
||||
}
|
||||
.widget-body .toolbar > div > a {
|
||||
font-size:15px;
|
||||
font-weight:400;
|
||||
text-shadow:1px 0px 1px rgba(0,0,0,0.25);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.login-box {
|
||||
.forgot-password-link { color:#FE9; }
|
||||
.user-signup-link { color:#CF7; }
|
||||
|
||||
.toolbar {
|
||||
background:#5090C1;
|
||||
border-top:2px solid #597597;
|
||||
> div {
|
||||
width:50%;
|
||||
display:inline-block;
|
||||
padding:9px 0 11px;
|
||||
|
||||
&:first-child {//the first link
|
||||
float:left;
|
||||
text-align:left;
|
||||
> a {
|
||||
margin-left:11px;
|
||||
}
|
||||
|
||||
+ div {//the next one
|
||||
float:right;
|
||||
text-align:right;
|
||||
> a {
|
||||
margin-right:11px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.forgot-box .toolbar {
|
||||
background:#C16050;
|
||||
border-top:2px solid #976559;
|
||||
padding:9px 18px;
|
||||
}
|
||||
|
||||
.signup-box .toolbar {
|
||||
background:#76B774;
|
||||
border-top:2px solid #759759;
|
||||
padding:9px 18px;
|
||||
}
|
||||
|
||||
.forgot-box .back-to-login-link , .signup-box .back-to-login-link{
|
||||
color:#FE9;
|
||||
font-size:14px;
|
||||
font-weight:bold;
|
||||
text-shadow:1px 0px 1px rgba(0,0,0,0.25);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* social login */
|
||||
.login-layout .login-box .widget-main {
|
||||
padding-bottom:16px;
|
||||
}
|
||||
.login-box {
|
||||
|
||||
.social-or-login {
|
||||
margin-top:4px;
|
||||
|
||||
position:relative; z-index:1;
|
||||
:first-child {
|
||||
display:inline-block;
|
||||
background: #F7F7F7;
|
||||
padding: 0 8px;
|
||||
color: #5090C1; font-size: 13px;
|
||||
}
|
||||
|
||||
&:before {
|
||||
content:""; display:block;
|
||||
position:absolute; z-index:-1;
|
||||
top:50%; left:0; right:0;
|
||||
border-top:1px dotted #A6C4DB;
|
||||
}
|
||||
}
|
||||
|
||||
.social-login {
|
||||
margin-top:12px;
|
||||
a {
|
||||
border-radius:100%;
|
||||
width:42px; height:42px; line-height:46px;
|
||||
padding:0;
|
||||
margin:0 1px;
|
||||
border:none;
|
||||
> [class*="icon-"] {
|
||||
font-size:24px;
|
||||
margin:0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* loginbox */
|
||||
@media only screen and (max-width: @screen-xs) {
|
||||
.login-layout .widget-box .widget-main {
|
||||
padding:16px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: @screen-xs) {
|
||||
.login-container {
|
||||
width:98%;
|
||||
}
|
||||
.login-layout .widget-box {
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.login-box .toolbar > div {
|
||||
width:auto;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: @screen-xs-max) {
|
||||
.login-layout .widget-box.visible {
|
||||
.transition(~"none");
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,152 @@
|
|||
/* pricing table */
|
||||
.pricing-box {
|
||||
&:not(:first-child) {
|
||||
padding-left:7px;
|
||||
}
|
||||
&:not(:last-child) {
|
||||
padding-right:7px;
|
||||
}
|
||||
|
||||
|
||||
.price{
|
||||
font-size:22px;
|
||||
line-height:20px; height:28px;
|
||||
text-align:center;
|
||||
color:#555;
|
||||
|
||||
small { font-size:14px; }
|
||||
}
|
||||
|
||||
.btn { font-size:16px; } /* the purchase button */
|
||||
|
||||
.widget-header {/* the title */
|
||||
text-align:center;
|
||||
padding-left:0;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: @screen-tablet) {
|
||||
.pricing-box {
|
||||
margin: 0;
|
||||
margin-bottom:16px;
|
||||
|
||||
padding-left:0 !important;
|
||||
padding-right:0 !important;
|
||||
margin-left: -1px;
|
||||
|
||||
&:nth-child(odd) {
|
||||
padding-left: @grid-gutter-width / 2 !important;
|
||||
}
|
||||
&:nth-child(even) {
|
||||
padding-right: @grid-gutter-width / 2 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: @screen-topbar-down) {
|
||||
.pricing-box {
|
||||
margin: 0;
|
||||
margin-bottom:16px;
|
||||
width:100%;
|
||||
|
||||
padding-left:@grid-gutter-width / 2 !important;
|
||||
padding-right:@grid-gutter-width / 2 !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.pricing-table-header {
|
||||
padding-top:0;
|
||||
margin-top:0;
|
||||
text-align:left;
|
||||
> li {
|
||||
padding:7px 0 7px 11px;
|
||||
font-size:13px;
|
||||
}
|
||||
}
|
||||
|
||||
.pricing-table {
|
||||
margin-top:0;
|
||||
> li {
|
||||
text-align:center;
|
||||
padding:7px 0;
|
||||
font-size:13px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.list-striped {
|
||||
> li {
|
||||
&:nth-child(odd) {
|
||||
background-color:#FFF;
|
||||
}
|
||||
&:nth-child(even) {
|
||||
background-color:#F2F3EB;
|
||||
}
|
||||
}
|
||||
|
||||
&.pricing-table-header > li:nth-child(even) {
|
||||
background-color:#EEE;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.pricing-box-small {
|
||||
box-shadow:none;
|
||||
margin-left:-2px;
|
||||
background-color:#FFF;
|
||||
|
||||
position:relative;
|
||||
z-index:10;
|
||||
|
||||
.price {
|
||||
line-height:20px; height:28px;
|
||||
text-align:center;
|
||||
.label {
|
||||
&:before, &:after {
|
||||
margin-top:-2px;
|
||||
.opacity(0.9);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
box-shadow:0 0 4px 2px rgba(0,0,0,0.15);
|
||||
|
||||
z-index:11;
|
||||
.scale(1.04);
|
||||
//-webkit-transform:none;/*chrome blurs when scaled, so disable it!*/
|
||||
|
||||
.price > .label {
|
||||
.scale(0.96);
|
||||
//-webkit-transform:none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.pricing-span {
|
||||
margin:0;
|
||||
width:19%;
|
||||
max-width:150px !important;
|
||||
min-width:110px !important;
|
||||
float:left !important;
|
||||
}
|
||||
.pricing-span-header {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (min-width: @screen-xs-min) {
|
||||
.pricing-span-body {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: @screen-xs) {
|
||||
.pricing-span-header , .pricing-span-body {
|
||||
width: 100%;
|
||||
padding-right: @grid-gutter-width / 2;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,371 @@
|
|||
.profile-user-info {
|
||||
margin:0 12px;
|
||||
}
|
||||
.profile-info-row {
|
||||
position:relative;
|
||||
}
|
||||
.profile-info-name {
|
||||
position:absolute;
|
||||
width:110px;
|
||||
text-align:right;
|
||||
padding:6px 10px 6px 0;
|
||||
|
||||
left:0;
|
||||
top:0; bottom:0;
|
||||
|
||||
font-weight:normal;
|
||||
color:#667E99;
|
||||
background-color:transparent;
|
||||
|
||||
border-top:1px dotted #D5E4F1;
|
||||
}
|
||||
.profile-info-value {
|
||||
padding:6px 4px 6px 6px;
|
||||
margin-left:120px;
|
||||
border-top:1px dotted #D5E4F1;
|
||||
|
||||
> span + span:before{/* for a list of values (such as location city & country) put a comma between them */
|
||||
display:inline;
|
||||
content:",";
|
||||
margin-left:1px;
|
||||
margin-right:3px;
|
||||
color:#666;
|
||||
border-bottom:1px solid #FFF;
|
||||
}
|
||||
> span + span.editable-container:before {
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
|
||||
.profile-info-row {
|
||||
&:first-child .profile-info-name {
|
||||
border-top:none;
|
||||
}
|
||||
&:first-child .profile-info-value {
|
||||
border-top:none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.profile-user-info-striped {
|
||||
border:1px solid #DCEBF7;
|
||||
|
||||
.profile-info-name {
|
||||
color:#336199;
|
||||
background-color:#EDF3F4;
|
||||
border-top:1px solid #F7FBFF;
|
||||
}
|
||||
.profile-info-value {
|
||||
border-top:1px dotted #DCEBF7;
|
||||
padding-left:12px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.profile-picture {
|
||||
border:1px solid #CCC;
|
||||
background-color:#FFF;
|
||||
padding:4px;
|
||||
display:inline-block;
|
||||
max-width:100%;
|
||||
-moz-box-sizing:border-box;
|
||||
box-shadow:1px 1px 1px rgba(0,0,0,0.15);
|
||||
}
|
||||
|
||||
|
||||
.profile-activity {
|
||||
padding:10px 4px;
|
||||
border-bottom:1px dotted #D0D8E0;
|
||||
position:relative;
|
||||
border-left:1px dotted #FFF;
|
||||
border-right:1px dotted #FFF;
|
||||
&:first-child {
|
||||
border-top:1px dotted transparent;
|
||||
&:hover {
|
||||
border-top-color:#D0D8E0;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color:#F4F9FD;
|
||||
border-left:1px dotted #D0D8E0;
|
||||
border-right:1px dotted #D0D8E0;
|
||||
}
|
||||
|
||||
|
||||
img {
|
||||
border:2px solid #C9D6E5;
|
||||
border-radius:100%;
|
||||
max-width:40px;
|
||||
margin-right:10px;
|
||||
margin-left:0px;
|
||||
box-shadow:none;
|
||||
}
|
||||
.thumbicon {
|
||||
background-color:#74ABD7;
|
||||
display:inline-block;
|
||||
border-radius:100%;
|
||||
|
||||
width:38px;
|
||||
height:38px;
|
||||
|
||||
color:#FFF; font-size:18px;
|
||||
text-align:center;
|
||||
line-height:38px;
|
||||
|
||||
margin-right:10px; margin-left:0px;
|
||||
text-shadow:none !important;
|
||||
}
|
||||
|
||||
.time {
|
||||
display:block;
|
||||
margin-top:4px;
|
||||
color:#777;
|
||||
}
|
||||
|
||||
a.user {
|
||||
font-weight:bold;
|
||||
color:#9585BF;
|
||||
}
|
||||
|
||||
.tools {
|
||||
position:absolute;
|
||||
right: 12px;
|
||||
bottom:8px;
|
||||
display:none;
|
||||
}
|
||||
&:hover .tools {
|
||||
display:block;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.user-profile .ace-thumbnails li {
|
||||
border:1px solid #CCC;
|
||||
padding:3px;
|
||||
margin:6px;
|
||||
|
||||
.tools {
|
||||
left:3px; right:3px;
|
||||
}
|
||||
&:hover .tools {
|
||||
bottom:3px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.user-profile .user-title-label {
|
||||
&:hover {
|
||||
text-decoration:none;
|
||||
}
|
||||
+ .dropdown-menu {
|
||||
margin-left:-12px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.profile-contact-links {
|
||||
padding: 4px 2px 5px;
|
||||
border: 1px solid #E0E2E5;
|
||||
background-color: #F8FAFC;
|
||||
}
|
||||
.profile-contact-info .btn-link{
|
||||
&:hover > [class*="icon-"] , &:focus > [class*="icon-"]{
|
||||
text-decoration:none;
|
||||
}
|
||||
}
|
||||
.profile-social-links > a {
|
||||
text-decoration:none;
|
||||
margin:0 1px;
|
||||
&:hover > [class*="icon-"] {
|
||||
text-decoration:none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.profile-skills .progress {
|
||||
height: 26px;
|
||||
margin-bottom: 2px;
|
||||
background-color:transparent;
|
||||
.progress-bar {
|
||||
line-height:26px;
|
||||
font-size:13px; font-weight:bold;
|
||||
font-family:"Open Sans";
|
||||
padding:0 8px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.profile-users {
|
||||
.user {
|
||||
display:block;
|
||||
position:static;
|
||||
text-align:center;
|
||||
width:auto;
|
||||
|
||||
img {
|
||||
padding:2px;
|
||||
.border-radius(100%);
|
||||
border:1px solid #AAA;
|
||||
|
||||
max-width:none;
|
||||
width:64px;
|
||||
|
||||
.transition(~"all 0.1s");
|
||||
|
||||
&:hover {
|
||||
.box-shadow(~"0 0 1px 1px rgba(0,0,0,0.33)");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.memberdiv {
|
||||
background-color:#FFF;
|
||||
width:100px;
|
||||
|
||||
.box-sizing(border-box);
|
||||
border:none;
|
||||
text-align:center;
|
||||
|
||||
margin:0 8px 24px;
|
||||
|
||||
.name a:hover [class*="icon-"] {
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.body {
|
||||
display:inline-block;
|
||||
margin:8px 0 0 0;
|
||||
}
|
||||
|
||||
.popover {
|
||||
visibility:hidden;
|
||||
min-width: 150px;
|
||||
|
||||
margin-left:0;
|
||||
margin-right:0;
|
||||
|
||||
top:-5%;
|
||||
left:auto; right:auto;
|
||||
z-index:-1;
|
||||
opacity:0;
|
||||
display:none;
|
||||
|
||||
.transition(~"visibility 0s linear 0.2s, z-index 0s linear 0.2s, opacity 0.2s linear 0s");
|
||||
|
||||
&.right {
|
||||
left:100%;
|
||||
right:auto;
|
||||
display:block;
|
||||
}
|
||||
&.left {
|
||||
left:auto;
|
||||
right:100%;
|
||||
display:block;
|
||||
}
|
||||
}
|
||||
> :first-child:hover .popover {
|
||||
visibility:visible;
|
||||
opacity:1;
|
||||
z-index:@zindex-popover;
|
||||
|
||||
-webkit-transition-delay:0s;
|
||||
-moz-transition-delay:0s;
|
||||
-o-transition-delay:0s;
|
||||
transition-delay:0s;
|
||||
}
|
||||
|
||||
.tools {
|
||||
position:static;
|
||||
display:block;
|
||||
width:100%;
|
||||
margin-top:2px;
|
||||
> a {
|
||||
margin:0 2px;
|
||||
&:hover {
|
||||
text-decoration:none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.user-status {
|
||||
display:inline-block;
|
||||
width:11px; height:11px;
|
||||
background-color:#FFF;
|
||||
border:3px solid #AAA;
|
||||
.border-radius(100%);
|
||||
vertical-align:middle;
|
||||
margin-right:1px;
|
||||
|
||||
&.status-online{
|
||||
border-color:#8AC16C;
|
||||
}
|
||||
&.status-busy{
|
||||
border-color:#E07F69;
|
||||
}
|
||||
&.status-idle{
|
||||
border-color:#FFB752;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.tab-content.profile-edit-tab-content {
|
||||
border:1px solid #DDD;
|
||||
padding:8px 32px 32px;
|
||||
.box-shadow(~"1px 1px 0 0 rgba(0, 0, 0, 0.2)");
|
||||
|
||||
background-color: #FFF;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** profile **/
|
||||
@media only screen and (max-width: @screen-xs) {
|
||||
.profile-info-name {
|
||||
width:80px;
|
||||
}
|
||||
.profile-info-value {
|
||||
margin-left:90px;
|
||||
}
|
||||
|
||||
.profile-user-info-striped .profile-info-name {
|
||||
position:static;
|
||||
width:auto;
|
||||
text-align:left;
|
||||
padding:6px 0 6px 10px;
|
||||
}
|
||||
.profile-user-info-striped .profile-info-value {
|
||||
margin-left:10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: @screen-xs) {
|
||||
.user-profile .memberdiv {
|
||||
width:50%;
|
||||
margin-left:0;
|
||||
margin-right:0;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,268 @@
|
|||
.timeline-container {
|
||||
position:relative;
|
||||
padding-top:4px;
|
||||
margin-bottom:32px;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
&:before {
|
||||
/* the vertical line running through icons */
|
||||
content:"";
|
||||
display:block;
|
||||
position:absolute;
|
||||
left:28px;
|
||||
top:0;
|
||||
bottom:0;
|
||||
border:1px solid #E2E3E7;
|
||||
background-color:#E7EAEF;
|
||||
width:4px;
|
||||
border-width:0 1px;
|
||||
}
|
||||
&:first-child:before {
|
||||
border-top-width:1px;
|
||||
}
|
||||
&:last-child:before {
|
||||
border-bottom-width:1px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.timeline-item {
|
||||
position:relative;
|
||||
margin-bottom:8px;
|
||||
|
||||
.widget-box {
|
||||
background-color:#F2F6F9;
|
||||
color:#595C66;
|
||||
}
|
||||
|
||||
.transparent.widget-box {
|
||||
border-left:3px solid #DAE1E5;
|
||||
}
|
||||
.transparent {
|
||||
.widget-header {
|
||||
background-color:#ECF1F4;
|
||||
border-bottom:none;
|
||||
|
||||
> :first-child {
|
||||
margin-left:8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
&:nth-child(even) .widget-box {
|
||||
background-color:#F3F3F3;
|
||||
color:#616161;
|
||||
|
||||
&.transparent {
|
||||
border-left-color:#DBDBDB !important;
|
||||
.widget-header {
|
||||
background-color:#EEE !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.timeline-item {
|
||||
.widget-box {
|
||||
margin:0;
|
||||
position:relative;
|
||||
max-width:none;
|
||||
border-bottom:none;
|
||||
margin-left:60px;
|
||||
}
|
||||
.widget-main {
|
||||
margin:0;
|
||||
position:relative;
|
||||
max-width:none;
|
||||
border-bottom:none;
|
||||
}
|
||||
.widget-body {
|
||||
background-color:transparent;
|
||||
}
|
||||
|
||||
.widget-toolbox {
|
||||
padding:4px 8px 0 !important;
|
||||
background-color:transparent !important;
|
||||
border:0 solid #CCC !important;
|
||||
border-top:none !important;
|
||||
margin:0 0px !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.timeline-info {
|
||||
float:left;
|
||||
width:60px;
|
||||
text-align:center;
|
||||
position:relative;
|
||||
|
||||
img {
|
||||
border-radius:100%;
|
||||
max-width:42px;
|
||||
}
|
||||
.label , .badge {
|
||||
font-size:12px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.timeline-container:not(.timeline-style2) .timeline-indicator {
|
||||
opacity:1;
|
||||
border-radius: 100%;
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
height: 36px;
|
||||
line-height: 30px;
|
||||
width: 36px;
|
||||
text-align: center;
|
||||
text-shadow: none !important;
|
||||
padding:0;
|
||||
cursor:default;
|
||||
|
||||
border:3px solid #FFF !important;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.timeline-label {
|
||||
display:block;
|
||||
clear:both;
|
||||
margin:0 0 18px;
|
||||
margin-left:34px;
|
||||
}
|
||||
|
||||
.timeline-item img {
|
||||
border:1px solid #AAA;
|
||||
padding:2px;
|
||||
background-color:#FFF;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.timeline-style2 {
|
||||
|
||||
&:before {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.timeline-item {
|
||||
|
||||
padding-bottom:22px;
|
||||
margin-bottom:0;
|
||||
&:last-child {
|
||||
padding-bottom:0;
|
||||
}
|
||||
|
||||
|
||||
&:before {
|
||||
content:"";
|
||||
display:block;
|
||||
position:absolute;
|
||||
left:90px; top:5px; bottom:-5px;
|
||||
|
||||
border-width:0;
|
||||
|
||||
background-color:#DDD;
|
||||
width:2px;
|
||||
max-width:2px;
|
||||
}
|
||||
|
||||
&:last-child:before {
|
||||
display:none;
|
||||
}
|
||||
&:first-child:before {
|
||||
display:block;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.timeline-style2 {
|
||||
.timeline-item .transparent .widget-header {
|
||||
background-color:transparent !important;
|
||||
}
|
||||
.timeline-item .transparent.widget-box {
|
||||
background-color:transparent !important;
|
||||
border-left:none !important;
|
||||
}
|
||||
|
||||
.timeline-info {
|
||||
width:100px;
|
||||
}
|
||||
|
||||
.timeline-indicator {
|
||||
font-size: 0;
|
||||
height: 12px;
|
||||
line-height: 12px;
|
||||
width: 12px;
|
||||
|
||||
border-width: 1px !important;
|
||||
background-color: #FFFFFF !important;
|
||||
|
||||
position:absolute;
|
||||
left:85px; top:3px;
|
||||
|
||||
opacity:1;
|
||||
border-radius: 100%;
|
||||
display: inline-block;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.timeline-date {
|
||||
display:inline-block;
|
||||
width:72px;
|
||||
text-align:right;
|
||||
margin-right:25px;
|
||||
color:#777;
|
||||
}
|
||||
|
||||
.timeline-item .widget-box {
|
||||
margin-left:112px;
|
||||
}
|
||||
|
||||
.timeline-label {
|
||||
width:75px;
|
||||
text-align:center;
|
||||
margin-left:0; margin-bottom:10px;
|
||||
text-align:right;
|
||||
color:#666;
|
||||
font-size:14px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.timeline-time {
|
||||
text-align:center;
|
||||
position:static;
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,114 @@
|
|||
/* progressbar */
|
||||
@progress-bg: #DADADA;
|
||||
|
||||
.progress {
|
||||
.border-radius(0);
|
||||
.box-shadow(none);
|
||||
background: @progress-bg;
|
||||
|
||||
height: 18px;
|
||||
|
||||
.progress-bar {
|
||||
.box-shadow(none);
|
||||
line-height:18px;
|
||||
}
|
||||
|
||||
&[data-percent] {
|
||||
position: relative;
|
||||
&:after {
|
||||
display: inline-block;
|
||||
content: attr(data-percent);
|
||||
color: #FFF;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
|
||||
line-height: 16px;
|
||||
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
font-family: Verdana;
|
||||
}
|
||||
}
|
||||
&.progress-yellow[data-percent]:after {
|
||||
color: #996633;
|
||||
}
|
||||
|
||||
|
||||
&.progress-small {
|
||||
height: 12px;
|
||||
.progress-bar {
|
||||
line-height: 10px;
|
||||
font-size: 11px;
|
||||
}
|
||||
&[data-percent]:after {
|
||||
line-height: 10px;
|
||||
font-size: 11px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
&.progress-mini {
|
||||
height: 9px;
|
||||
.progress-bar {
|
||||
line-height: 8px;
|
||||
font-size: 11px;
|
||||
}
|
||||
&[data-percent]:after {
|
||||
line-height: 8px;
|
||||
font-size: 11px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.progress-bar {
|
||||
.progress-bar-variant(@progress-color);
|
||||
}
|
||||
.progress-bar-danger {
|
||||
.progress-bar-variant(@progress-danger);
|
||||
}
|
||||
.progress-bar-success {
|
||||
.progress-bar-variant(@progress-success);
|
||||
}
|
||||
.progress-bar-warning {
|
||||
.progress-bar-variant(@progress-warning);
|
||||
}
|
||||
.progress-bar-pink {
|
||||
.progress-bar-variant(@progress-pink);
|
||||
}
|
||||
.progress-bar-purple {
|
||||
.progress-bar-variant(@progress-purple);
|
||||
}
|
||||
.progress-bar-yellow {
|
||||
.progress-bar-variant(@progress-yellow);
|
||||
}
|
||||
.progress-bar-inverse {
|
||||
.progress-bar-variant(@progress-inverse);
|
||||
}
|
||||
.progress-bar-grey {
|
||||
.progress-bar-variant(@progress-grey);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.progress {
|
||||
position: relative;
|
||||
}
|
||||
.progress:before {
|
||||
display: inline-block;
|
||||
content: "";
|
||||
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
|
||||
background: radial-gradient(9px 9px 0deg, circle cover, aqua 0%, rgba(0, 0, 255, 0) 100%, blue 95%);
|
||||
}
|
||||
|
|
@ -0,0 +1,172 @@
|
|||
//rtl bootstrap grids
|
||||
|
||||
[class*="col-xs-"] {
|
||||
float: right;
|
||||
}
|
||||
@media (min-width: @screen-sm) {
|
||||
[class*="col-sm-"] {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
@media (min-width: @screen-md) {
|
||||
[class*="col-md-"] {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
@media (min-width: @screen-lg) {
|
||||
[class*="col-lg-"] {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media (min-width: 768px) {
|
||||
[class*="col-sm-push-"] {
|
||||
left: auto;
|
||||
}
|
||||
[class*="col-sm-pull-"] {
|
||||
right: auto;
|
||||
}
|
||||
[class*="col-sm-offset-"] {
|
||||
margin-left: auto;
|
||||
}
|
||||
// Push and pull columns for source order changes
|
||||
.col-sm-push-1 { right: ~`( 100 * 1 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-sm-push-2 { right: ~`( 100 * 2 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-sm-push-3 { right: ~`( 100 * 3 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-sm-push-4 { right: ~`( 100 * 4 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-sm-push-5 { right: ~`( 100 * 5 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-sm-push-6 { right: ~`( 100 * 6 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-sm-push-7 { right: ~`( 100 * 7 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-sm-push-8 { right: ~`( 100 * 8 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-sm-push-9 { right: ~`( 100 * 9 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-sm-push-10 { right: ~`( 100 * 10 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-sm-push-11 { right: ~`( 100 * 11 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
|
||||
.col-sm-pull-1 { left: ~`( 100 * 1 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-sm-pull-2 { left: ~`( 100 * 2 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-sm-pull-3 { left: ~`( 100 * 3 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-sm-pull-4 { left: ~`( 100 * 4 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-sm-pull-5 { left: ~`( 100 * 5 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-sm-pull-6 { left: ~`( 100 * 6 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-sm-pull-7 { left: ~`( 100 * 7 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-sm-pull-8 { left: ~`( 100 * 8 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-sm-pull-9 { left: ~`( 100 * 9 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-sm-pull-10 { left: ~`( 100 * 10 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-sm-pull-11 { left: ~`( 100 * 11 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
|
||||
// Offsets
|
||||
.col-sm-offset-1 { margin-right: ~`( 100 * 1 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-sm-offset-2 { margin-right: ~`( 100 * 2 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-sm-offset-3 { margin-right: ~`( 100 * 3 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-sm-offset-4 { margin-right: ~`( 100 * 4 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-sm-offset-5 { margin-right: ~`( 100 * 5 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-sm-offset-6 { margin-right: ~`( 100 * 6 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-sm-offset-7 { margin-right: ~`( 100 * 7 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-sm-offset-8 { margin-right: ~`( 100 * 8 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-sm-offset-9 { margin-right: ~`( 100 * 9 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-sm-offset-10 { margin-right: ~`( 100 * 10 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-sm-offset-11 { margin-right: ~`( 100 * 11 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media (min-width: 992px) {
|
||||
[class*="col-md-push-"] {
|
||||
left: auto;
|
||||
}
|
||||
[class*="col-md-pull-"] {
|
||||
right: auto;
|
||||
}
|
||||
[class*="col-md-offset-"] {
|
||||
margin-left: auto;
|
||||
}
|
||||
// Push and pull columns for source order changes
|
||||
.col-md-push-1 { right: ~`( 100 * 1 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-md-push-2 { right: ~`( 100 * 2 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-md-push-3 { right: ~`( 100 * 3 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-md-push-4 { right: ~`( 100 * 4 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-md-push-5 { right: ~`( 100 * 5 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-md-push-6 { right: ~`( 100 * 6 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-md-push-7 { right: ~`( 100 * 7 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-md-push-8 { right: ~`( 100 * 8 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-md-push-9 { right: ~`( 100 * 9 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-md-push-10 { right: ~`( 100 * 10 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-md-push-11 { right: ~`( 100 * 11 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
|
||||
.col-md-pull-1 { left: ~`( 100 * 1 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-md-pull-2 { left: ~`( 100 * 2 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-md-pull-3 { left: ~`( 100 * 3 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-md-pull-4 { left: ~`( 100 * 4 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-md-pull-5 { left: ~`( 100 * 5 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-md-pull-6 { left: ~`( 100 * 6 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-md-pull-7 { left: ~`( 100 * 7 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-md-pull-8 { left: ~`( 100 * 8 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-md-pull-9 { left: ~`( 100 * 9 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-md-pull-10 { left: ~`( 100 * 10 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-md-pull-11 { left: ~`( 100 * 11 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
|
||||
// Offsets
|
||||
.col-md-offset-1 { margin-right: ~`( 100 * 1 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-md-offset-2 { margin-right: ~`( 100 * 2 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-md-offset-3 { margin-right: ~`( 100 * 3 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-md-offset-4 { margin-right: ~`( 100 * 4 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-md-offset-5 { margin-right: ~`( 100 * 5 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-md-offset-6 { margin-right: ~`( 100 * 6 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-md-offset-7 { margin-right: ~`( 100 * 7 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-md-offset-8 { margin-right: ~`( 100 * 8 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-md-offset-9 { margin-right: ~`( 100 * 9 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-md-offset-10 { margin-right: ~`( 100 * 10 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-md-offset-11 { margin-right: ~`( 100 * 11 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
}
|
||||
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
[class*="col-lg-push-"] {
|
||||
left: auto;
|
||||
}
|
||||
[class*="col-lg-pull-"] {
|
||||
right: auto;
|
||||
}
|
||||
[class*="col-lg-offset-"] {
|
||||
margin-left: auto;
|
||||
}
|
||||
// Push and pull columns for source order changes
|
||||
.col-lg-push-1 { right: ~`( 100 * 1 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-lg-push-2 { right: ~`( 100 * 2 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-lg-push-3 { right: ~`( 100 * 3 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-lg-push-4 { right: ~`( 100 * 4 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-lg-push-5 { right: ~`( 100 * 5 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-lg-push-6 { right: ~`( 100 * 6 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-lg-push-7 { right: ~`( 100 * 7 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-lg-push-8 { right: ~`( 100 * 8 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-lg-push-9 { right: ~`( 100 * 9 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-lg-push-10 { right: ~`( 100 * 10 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-lg-push-11 { right: ~`( 100 * 11 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
|
||||
.col-lg-pull-1 { left: ~`( 100 * 1 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-lg-pull-2 { left: ~`( 100 * 2 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-lg-pull-3 { left: ~`( 100 * 3 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-lg-pull-4 { left: ~`( 100 * 4 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-lg-pull-5 { left: ~`( 100 * 5 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-lg-pull-6 { left: ~`( 100 * 6 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-lg-pull-7 { left: ~`( 100 * 7 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-lg-pull-8 { left: ~`( 100 * 8 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-lg-pull-9 { left: ~`( 100 * 9 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-lg-pull-10 { left: ~`( 100 * 10 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-lg-pull-11 { left: ~`( 100 * 11 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
|
||||
// Offsets
|
||||
.col-lg-offset-1 { margin-right: ~`( 100 * 1 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-lg-offset-2 { margin-right: ~`( 100 * 2 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-lg-offset-3 { margin-right: ~`( 100 * 3 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-lg-offset-4 { margin-right: ~`( 100 * 4 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-lg-offset-5 { margin-right: ~`( 100 * 5 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-lg-offset-6 { margin-right: ~`( 100 * 6 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-lg-offset-7 { margin-right: ~`( 100 * 7 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-lg-offset-8 { margin-right: ~`( 100 * 8 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-lg-offset-9 { margin-right: ~`( 100 * 9 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-lg-offset-10 { margin-right: ~`( 100 * 10 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
.col-lg-offset-11 { margin-right: ~`( 100 * 11 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
|
||||
}
|
||||
|
|
@ -0,0 +1,219 @@
|
|||
//some searchbox variables
|
||||
@search-border:#6FB3E0;
|
||||
@search-color:#666;
|
||||
@search-color-focus:#656A72;
|
||||
|
||||
@search-width:152px;
|
||||
@sb-search-width:162px;
|
||||
@search-border-radius:4px;
|
||||
|
||||
|
||||
|
||||
/* searchbox */
|
||||
.nav-search {
|
||||
position:absolute;
|
||||
top:6px; right:22px;
|
||||
line-height:24px;
|
||||
|
||||
.form-search {
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
.nav-search-input {
|
||||
border:1px solid @search-border;
|
||||
|
||||
width:@search-width;
|
||||
height:28px !important;
|
||||
.border-radius(@search-border-radius) !important;
|
||||
|
||||
font-size:13px;
|
||||
color:@search-color !important;
|
||||
z-index:11;
|
||||
|
||||
|
||||
.transition(~"width ease .15s");
|
||||
|
||||
& + .dropdown-menu { /* the typeahead menu*/
|
||||
min-width:0;
|
||||
left:0; right:0;
|
||||
}
|
||||
|
||||
&:focus , &:hover{
|
||||
border-color:@search-border;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
//.nav-search-btn {
|
||||
// border-radius:0;
|
||||
// }
|
||||
|
||||
.nav-search-icon {
|
||||
color:@search-border !important;
|
||||
font-size:14px !important;
|
||||
line-height:24px !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
&.minimized {
|
||||
.nav_search_minimized()
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.nav_search_minimized() {
|
||||
.nav-search-input {
|
||||
width:0;
|
||||
.opacity(0);
|
||||
max-width:0; // for safari only
|
||||
}
|
||||
|
||||
&: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:@search-width;
|
||||
max-width:@search-width; // for safari only
|
||||
}
|
||||
|
||||
.nav-search-icon {
|
||||
border:1px solid;
|
||||
border-radius:100%;
|
||||
|
||||
background-color:#FFF;
|
||||
|
||||
padding:0 5px !important;
|
||||
}
|
||||
|
||||
&: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 !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.nav_search_icon_active() {
|
||||
border:none;
|
||||
border-radius:0;
|
||||
padding:0 3px !important;
|
||||
}
|
||||
|
||||
.nav-search-icon {
|
||||
.nav_search_icon_active();
|
||||
}
|
||||
|
||||
/* nav-search inside sidebar */
|
||||
.sidebar > .nav-search {
|
||||
position:static;
|
||||
|
||||
background-color:#FAFAFA;
|
||||
border-bottom:1px solid #DDD;
|
||||
text-align:center;
|
||||
|
||||
height:35px;
|
||||
padding-top:6px;
|
||||
|
||||
|
||||
.nav-search-input {
|
||||
width:@sb-search-width !important;
|
||||
border-radius:0 !important;
|
||||
max-width:@sb-search-width !important;
|
||||
.opacity(1) !important;
|
||||
|
||||
& + .dropdown-menu { text-align:left; }
|
||||
}
|
||||
|
||||
}//nav-search inside sidebar
|
||||
|
||||
|
||||
/* sidebar when minimized */
|
||||
.searchbox_inside_min_menu() {
|
||||
.nav-search {
|
||||
.form-search {
|
||||
position:absolute; left:5px;
|
||||
z-index:14;
|
||||
}
|
||||
|
||||
.nav_search_input_active() {
|
||||
width:@sb-search-width !important;
|
||||
max-width:@sb-search-width !important;
|
||||
.opacity(1) !important;
|
||||
}
|
||||
.nav-search-input {
|
||||
width:0 !important;
|
||||
max-width:0 !important;
|
||||
.opacity(0) !important;
|
||||
|
||||
&:hover, &:focus, &:active {
|
||||
.nav_search_input_active();
|
||||
~ #nav-search-icon {
|
||||
.nav_search_icon_active();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:hover .nav-search-input {
|
||||
.nav_search_input_active();
|
||||
~ .nav-search-icon {
|
||||
.nav_search_icon_active();
|
||||
}
|
||||
}
|
||||
|
||||
.nav-search-icon {/* inside minimized sidebar */
|
||||
border:1px solid;
|
||||
border-radius:32px;
|
||||
|
||||
background-color:#FFF;
|
||||
padding:0 5px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.sidebar.menu-min {
|
||||
.searchbox_inside_min_menu();
|
||||
}
|
||||
/**
|
||||
@media only screen and (max-width: 979px) {
|
||||
.sidebar.responsive-min {
|
||||
.searchbox_inside_min_menu();
|
||||
}
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* responsive searchbox */
|
||||
@media only screen and (max-width: @screen-xs-max) {
|
||||
.nav-search {
|
||||
right:5px;
|
||||
}
|
||||
.nav-search .nav-search-input {
|
||||
width:105px;
|
||||
}
|
||||
.nav-search:hover .nav-search-input ,
|
||||
.nav-search .nav-search-btn:active + .nav-search-input ,
|
||||
.nav-search .nav-search-input:focus, .nav-search .nav-search-input:hover, .nav-search .nav-search-input:active
|
||||
{
|
||||
width:145px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: @screen-xs) {
|
||||
.nav-search {
|
||||
.nav_search_minimized()
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,225 @@
|
|||
.menu_min() {
|
||||
&.sidebar {
|
||||
width:@sidebar-min-width;
|
||||
&:before {
|
||||
width:@sidebar-min-width;
|
||||
}
|
||||
+ .main-content {
|
||||
margin-left:(@sidebar-min-width);
|
||||
.breadcrumbs.fixed , .breadcrumbs.breadcrumbs-fixed { left:(@sidebar-min-width); }
|
||||
}
|
||||
}
|
||||
|
||||
.nav-list a {
|
||||
.badge , .label {
|
||||
position:relative;
|
||||
top:-1px;
|
||||
right:auto;
|
||||
left:4px;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-list .submenu .submenu a {
|
||||
.badge , .label {
|
||||
top:0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.nav-list > li {
|
||||
> a {
|
||||
position:relative;
|
||||
> .menu-text {
|
||||
display:none;
|
||||
|
||||
position:absolute;
|
||||
left:(@sidebar-min-width - 1);
|
||||
top:-2px;
|
||||
width:(@sidebar-width - 16);
|
||||
height:40px;
|
||||
|
||||
line-height:38px;
|
||||
background-color:@menumin-bg;
|
||||
z-index:121;
|
||||
|
||||
.box-shadow(@menumin-shadow);
|
||||
border:1px solid @menumin-border;
|
||||
|
||||
padding-left:12px;
|
||||
}
|
||||
&.dropdown-toggle > .menu-text {
|
||||
.box-shadow(none);
|
||||
border:none;
|
||||
top:-1px; left:@sidebar-min-width;
|
||||
width:(@sidebar-width - 16);
|
||||
border-bottom:1px solid @menumin-text-border;
|
||||
}
|
||||
.arrow {
|
||||
display:none;
|
||||
}
|
||||
|
||||
&:hover:before {/* the right side border on hover */
|
||||
width:2px;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover > a {
|
||||
color:@menu-focus-color;
|
||||
> .menu-text {
|
||||
display:block;
|
||||
}
|
||||
}
|
||||
&.active > a > .menu-text {
|
||||
border-left-color:@menu-focus-color;
|
||||
}
|
||||
&.open > a {
|
||||
background-color:@menu-open-bg;
|
||||
color:@menu-color;
|
||||
}
|
||||
&.open.active > a {
|
||||
background-color:@menu-active-bg;
|
||||
}
|
||||
&.open:hover > a {
|
||||
color:@menu-focus-color;
|
||||
}
|
||||
&.active > a {
|
||||
color:@menu-active-color;
|
||||
}
|
||||
|
||||
&.active > a:after { /* the caret */
|
||||
border-width:10px 6px;
|
||||
top:8px;
|
||||
}
|
||||
&.active.open > a:after {
|
||||
display:block;
|
||||
}
|
||||
&.active.open li.active > a:after {
|
||||
display:none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
> .submenu {
|
||||
background:@submenu-bg;
|
||||
position:absolute; z-index:120;
|
||||
left:(@sidebar-min-width - 1); top:-2px;
|
||||
|
||||
width:(@sidebar-width - 14);
|
||||
border:1px solid @menumin-border;
|
||||
|
||||
.box-shadow(@menumin-shadow);
|
||||
|
||||
padding-top:40px;
|
||||
padding-bottom:2px;
|
||||
|
||||
display:none !important;
|
||||
|
||||
&:before {
|
||||
/* hide the tree like submenu in minimized mode */
|
||||
display:none;
|
||||
}
|
||||
|
||||
li {
|
||||
&:before {
|
||||
display:none;
|
||||
}
|
||||
|
||||
> a {
|
||||
//border-left:none;
|
||||
margin-left:0;
|
||||
padding-left:24px;
|
||||
> [class*="icon-"]:first-child {
|
||||
left:4px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
&:hover > .submenu {
|
||||
display:block !important;
|
||||
}
|
||||
&.active > .submenu {
|
||||
border-left-color:@menu-active-color;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
//sidebar shortcuts
|
||||
.sidebar-shortcuts {
|
||||
position:relative;
|
||||
}
|
||||
.sidebar-shortcuts-mini {
|
||||
display:block;
|
||||
}
|
||||
|
||||
.sidebar-shortcuts-large {
|
||||
display:none;
|
||||
position:absolute;
|
||||
z-index:20;
|
||||
top:-1px;
|
||||
left:@sidebar-min-width - 1;
|
||||
|
||||
width:(@sidebar-width - 8);
|
||||
|
||||
padding:0 2px 1px;
|
||||
|
||||
background-color:@submenu-bg;
|
||||
.box-shadow(@menumin-shadow);
|
||||
border:1px solid @menumin-border;
|
||||
}
|
||||
.sidebar-shortcuts:hover .sidebar-shortcuts-large{
|
||||
display:block;
|
||||
}
|
||||
|
||||
.sidebar-collapse { /* minimized collapse button */
|
||||
&:before {
|
||||
left:5px; right:5px;
|
||||
}
|
||||
> [class*="icon-"] {
|
||||
font-size:13px;
|
||||
padding:0 4px;
|
||||
line-height:15px;
|
||||
|
||||
border-width:1px;
|
||||
border-color:darken(@menumin-icon-border, 5%);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.nav-list > li > .submenu {
|
||||
li > .submenu > li {
|
||||
> a {/*3rd level*/
|
||||
margin-left:0px;
|
||||
padding-left:30px;
|
||||
}
|
||||
> .submenu > li > a {/*4th level*/
|
||||
margin-left:0px;
|
||||
padding-left:45px;
|
||||
}
|
||||
}
|
||||
|
||||
li.active > a:after {
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.nav-list li.active.open > .submenu > li.active > a:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.menu-min {
|
||||
.menu_min();
|
||||
}
|
||||
|
|
@ -0,0 +1,868 @@
|
|||
//some sidebar variables
|
||||
@sidebar-bg:#F2F2F2;
|
||||
@sidebar-border-right:#CCC;
|
||||
|
||||
//@menu-active-color:#0B6CBC;
|
||||
|
||||
@menu-bg:#F9F9F9;
|
||||
@menu-color:#585858;
|
||||
@menu-hover-indicator:#3382AF;
|
||||
@menu-subarrow-color:#666;
|
||||
@menu-open-bg:#FAFAFA;
|
||||
@menu-active-bg:#FFF;
|
||||
|
||||
@submenu-border:#E5E5E5;
|
||||
@submenu-bg:#FFF;
|
||||
@submenu-item-color:#616161;
|
||||
@submenu-item-border:#E4E4E4;
|
||||
@submenu-item-hover:#4B88B7;
|
||||
@submenu-item-active-icon:#C86139;
|
||||
|
||||
|
||||
@3rd-level-icon-color:#6A7D87;
|
||||
@submenu-left-border-style:dotted;
|
||||
|
||||
//@submenu-left-border:#CCD7E2;
|
||||
//@submenu-active-left-border:#BCCFE0;
|
||||
|
||||
|
||||
|
||||
@menumin-btn-bg:#F3F3F3;
|
||||
@menumin-btn-border:#E0E0E0;
|
||||
@menumin-icon-color:#AAA;
|
||||
@menumin-icon-border:#BBB;
|
||||
@menumin-icon-bg:#FFF;
|
||||
@menumin-bg:#F5F5F5;
|
||||
|
||||
@menumin-text-border:#DDD;
|
||||
@menumin-shadow:~"2px 1px 2px 0 rgba(0,0,0,0.2)";
|
||||
|
||||
@shortcuts-bg:#FAFAFA;
|
||||
@shortcuts-border:#DDD;
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.sidebar {
|
||||
width:@sidebar-width;
|
||||
|
||||
float:left;
|
||||
position:relative;
|
||||
//why not simply position:absolute?
|
||||
//because we need the page height to be at least as high as the sidebar in case the page content is too small
|
||||
|
||||
|
||||
border:1px solid @sidebar-border-right;
|
||||
border-width:0 1px 0 0;
|
||||
|
||||
|
||||
background-color:@sidebar-bg;
|
||||
|
||||
&:before {/* the grey background of sidebar */
|
||||
|
||||
content:""; display:block;
|
||||
width:@sidebar-width;
|
||||
|
||||
position:fixed; bottom:0; top:0;
|
||||
z-index:-1;
|
||||
|
||||
background-color:@sidebar-bg;
|
||||
border:1px solid @sidebar-border-right;
|
||||
border-width:0 1px 0 0;
|
||||
}
|
||||
|
||||
&.fixed , &.sidebar-fixed {
|
||||
position: fixed;
|
||||
z-index: @zindex-navbar-fixed - 1;
|
||||
top: @navbar-mh;
|
||||
left: 0;
|
||||
&:before {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* side navigation */
|
||||
li [class^="icon-"], li [class*=" icon-"]{
|
||||
& , .nav-list & {
|
||||
width:auto;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-list {
|
||||
margin:0; padding:0;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
.nav-list .open > a, .nav-list .open > a:hover, .nav-list .open > a:focus {
|
||||
background-color: @menu-open-bg;
|
||||
}
|
||||
|
||||
.nav-list > li > a, .nav-list .nav-header {
|
||||
margin:0;
|
||||
}
|
||||
|
||||
.nav-list > li {
|
||||
display:block;
|
||||
padding:0;
|
||||
margin:0;
|
||||
|
||||
border:none;
|
||||
border-top:1px solid #FCFCFC;
|
||||
border-bottom:1px solid #E5E5E5;
|
||||
|
||||
position:relative;
|
||||
|
||||
&:first-child {
|
||||
border-top:none;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-list li > a:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.nav-list > li {
|
||||
> a {
|
||||
display:block;
|
||||
height:38px; line-height:36px;
|
||||
|
||||
padding:0 16px 0 7px;
|
||||
background-color:@menu-bg;
|
||||
|
||||
color:@menu-color;
|
||||
text-shadow:none !important;
|
||||
|
||||
font-size:13px;
|
||||
text-decoration:none;
|
||||
|
||||
> [class*="icon-"]:first-child {
|
||||
display:inline-block;
|
||||
vertical-align:middle;
|
||||
|
||||
min-width:30px;
|
||||
text-align:center;
|
||||
|
||||
font-size:18px;
|
||||
font-weight:normal;
|
||||
|
||||
margin-right:2px;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
background-color:@menu-bg;
|
||||
color:@menu-focus-color;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color:#FFF;
|
||||
color:@menu-focus-color;
|
||||
&:before {
|
||||
display:block; content:"";
|
||||
position:absolute;
|
||||
top:-1px; bottom:0; left:0;
|
||||
width:3px; max-width:3px; overflow:hidden;
|
||||
background-color:@menu-hover-indicator;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* the submenu indicator arrow */
|
||||
a > .arrow {
|
||||
display:inline-block;
|
||||
width:14px !important; height:14px;
|
||||
line-height:14px;
|
||||
|
||||
text-shadow:none;
|
||||
font-size:18px;
|
||||
|
||||
position:absolute;
|
||||
right:11px;
|
||||
top:11px;
|
||||
|
||||
padding:0;
|
||||
color:@menu-subarrow-color;
|
||||
}
|
||||
a:hover > .arrow , &.active > a > .arrow , &.open > a > .arrow {
|
||||
color:@menu-focus-color;
|
||||
}
|
||||
|
||||
|
||||
|
||||
&.separator {
|
||||
height:3px;
|
||||
background-color:transparent;
|
||||
position:static;
|
||||
margin:1px 0;
|
||||
|
||||
.box-shadow(none);
|
||||
}
|
||||
|
||||
/* menu active/open states */
|
||||
&.open > a {
|
||||
background-color:@menu-open-bg;
|
||||
color:@menu-focus-color;
|
||||
}
|
||||
|
||||
&.active {
|
||||
background-color:@menu-active-bg;
|
||||
> a
|
||||
{
|
||||
& , &:hover, &:focus, &:active {
|
||||
background-color:@menu-active-bg;
|
||||
color:@menu-active-color;
|
||||
font-weight:bold;
|
||||
font-size:13px;
|
||||
}
|
||||
|
||||
> [class*="icon-"] {
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
&:hover:before {/* no left side menu item border on active state */
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
//////
|
||||
|
||||
|
||||
&:after {/* the border on right of active item */
|
||||
display:inline-block; content:"";
|
||||
position:absolute;
|
||||
right:-2px; top:-1px; bottom:0;
|
||||
z-index:1;
|
||||
|
||||
border:2px solid @menu-active-color;
|
||||
border-width: 0 2px 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* submenu */
|
||||
&.open {
|
||||
border-bottom-color:@submenu-border;
|
||||
}
|
||||
|
||||
|
||||
&.active .submenu {
|
||||
display:block;
|
||||
}
|
||||
.submenu {
|
||||
display:none;
|
||||
list-style:none;
|
||||
margin:0; padding:0;
|
||||
|
||||
position:relative;
|
||||
background-color:@submenu-bg;
|
||||
|
||||
border-top:1px solid @submenu-border;
|
||||
|
||||
> li {
|
||||
margin-left:0;
|
||||
position:relative;
|
||||
|
||||
> a {
|
||||
display:block;
|
||||
position:relative;
|
||||
color:@submenu-item-color;
|
||||
|
||||
padding:7px 0 9px 37px;
|
||||
margin:0;
|
||||
|
||||
border-top:1px dotted @submenu-item-border;
|
||||
&:focus {
|
||||
text-decoration:none;
|
||||
}
|
||||
&:hover{
|
||||
text-decoration:none;
|
||||
color:@submenu-item-hover;
|
||||
}
|
||||
}
|
||||
|
||||
&.active > a {
|
||||
color:@menu-active-color;
|
||||
}
|
||||
|
||||
|
||||
/* optional icon before each item */
|
||||
a > [class*="icon-"]:first-child {
|
||||
display:none;
|
||||
|
||||
font-size:12px; font-weight:normal;
|
||||
width:18px; height:auto; line-height:12px; text-align:center;
|
||||
position:absolute; left:10px; top:11px; z-index:1;
|
||||
|
||||
background-color:#FFF;
|
||||
}
|
||||
&.active > a > [class*="icon-"]:first-child,
|
||||
&:hover > a > [class*="icon-"]:first-child {
|
||||
display:inline-block;
|
||||
}
|
||||
&.active > a > [class*="icon-"]:first-child {
|
||||
color:@submenu-item-active-icon;
|
||||
}
|
||||
|
||||
}// > li
|
||||
}//end of submenu
|
||||
|
||||
|
||||
> .submenu {//the first level submenu
|
||||
> li {
|
||||
//tree like menu
|
||||
&:before {
|
||||
/* the horizontal line */
|
||||
content:""; display:inline-block;
|
||||
position:absolute;
|
||||
|
||||
width:7px;
|
||||
left:20px; top:17px;
|
||||
border-top:1px @submenu-left-border-style @submenu-left-border;
|
||||
}
|
||||
&:first-child > a {
|
||||
border-top:1px solid #FAFAFA;
|
||||
}
|
||||
}
|
||||
|
||||
&:before {
|
||||
content:"";
|
||||
display:block;
|
||||
position:absolute; z-index:1;
|
||||
left:18px;
|
||||
top:0; bottom:0;
|
||||
|
||||
border: 1px @submenu-left-border-style @submenu-left-border;
|
||||
border-width: 0 0 0 1px;
|
||||
}
|
||||
}
|
||||
&.active {
|
||||
> .submenu {
|
||||
> li {
|
||||
&:before {
|
||||
border-top-color:@submenu-active-left-border;
|
||||
}
|
||||
}
|
||||
&:before {
|
||||
border-left-color:@submenu-active-left-border;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}//end of .nav-list > li
|
||||
|
||||
|
||||
//.nav-list li
|
||||
.nav-list li {
|
||||
.active_state_caret() {
|
||||
display:block;
|
||||
content:"";
|
||||
|
||||
position:absolute !important;
|
||||
right:0; top:4px;
|
||||
|
||||
border: 8px solid transparent;
|
||||
border-width: 14px 10px;
|
||||
border-right-color: @menu-active-color;
|
||||
}
|
||||
|
||||
.submenu {
|
||||
/* needed for webkit based browsers to slideToggle without problem */
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
&.active > a:after {
|
||||
.active_state_caret();
|
||||
}
|
||||
|
||||
&.open > a:after {/* no caret for open menu item */ //we put this after .active > a:after to override it
|
||||
display:none;
|
||||
}
|
||||
&.active.open > .submenu > li.active.open > a.dropdown-toggle:after {
|
||||
/* don't display caret on active open item who is open and has children */
|
||||
display: none;
|
||||
}
|
||||
&.active > .submenu > li.active > a:after {
|
||||
/** don't display caret on active item whose parent is not open
|
||||
useful for hiding the caret when submenu is sliding up */
|
||||
display: none;
|
||||
}
|
||||
&.active.open > .submenu > li.active > a:after {
|
||||
/* display caret on active item whose parent is open */
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
&.active.no-active-child {
|
||||
> a:after {/* show caret for active menu item with childs which is not open(i.e. no submenu item is active) */
|
||||
display:inline-block !important;
|
||||
}
|
||||
}
|
||||
}//end of .nav-list li
|
||||
|
||||
|
||||
|
||||
.nav-list a {
|
||||
.badge , .label {
|
||||
font-size:12px;
|
||||
padding-left:6px; padding-right:6px;
|
||||
position:absolute;
|
||||
top:9px; right:11px;
|
||||
opacity:0.88;
|
||||
[class*="icon-"] {
|
||||
vertical-align:middle;
|
||||
margin:0;
|
||||
}
|
||||
}
|
||||
&.dropdown-toggle {
|
||||
.badge , .label {
|
||||
right:28px;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
.badge , .label {
|
||||
opacity:1;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.nav-list .submenu .submenu a {
|
||||
.badge , .label {
|
||||
top:6px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* side menu minimizer icon */
|
||||
.sidebar-collapse {
|
||||
border-bottom:1px solid @menumin-btn-border;
|
||||
background-color:@menumin-btn-bg;
|
||||
|
||||
text-align:center;
|
||||
padding:3px 0;
|
||||
|
||||
position:relative;
|
||||
|
||||
|
||||
> [class*="icon-"]{
|
||||
display:inline-block;
|
||||
|
||||
cursor:pointer;
|
||||
font-size:14px;
|
||||
color:@menumin-icon-color;
|
||||
|
||||
border:1px solid @menumin-icon-border;
|
||||
padding:0 5px;
|
||||
line-height:18px;
|
||||
|
||||
border-radius:16px;
|
||||
|
||||
background-color:@menumin-icon-bg;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
&:before {
|
||||
content:"";
|
||||
display:inline-block;
|
||||
|
||||
height:0;
|
||||
border-top:1px solid @menumin-btn-border;
|
||||
position:absolute;
|
||||
left:15px; right:15px; top:13px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* sidebar shortcuts icon */
|
||||
.sidebar-shortcuts {
|
||||
background-color:@shortcuts-bg;
|
||||
border-bottom:1px solid @shortcuts-border;
|
||||
text-align:center;
|
||||
|
||||
line-height:@breadcrumb-height - 2;
|
||||
max-height:@breadcrumb-height;
|
||||
margin-bottom:0;
|
||||
}
|
||||
.sidebar-shortcuts-large {
|
||||
padding-bottom:4px;
|
||||
|
||||
> .btn {
|
||||
width:41px;
|
||||
line-height:24px;
|
||||
|
||||
margin-top:-2px;
|
||||
padding:0;
|
||||
|
||||
border-width:4px;
|
||||
|
||||
text-align:center;
|
||||
> [class*="icon-"] { margin:0; }
|
||||
}
|
||||
|
||||
}
|
||||
.sidebar-shortcuts-mini {
|
||||
display:none;
|
||||
font-size:0;
|
||||
width:42px;
|
||||
line-height:18px;
|
||||
padding-top:2px; padding-bottom:2px;
|
||||
|
||||
background-color:@submenu-bg;
|
||||
|
||||
> .btn{
|
||||
border-width:0 !important;
|
||||
font-size:0;
|
||||
line-height:0;
|
||||
padding:8px !important;
|
||||
margin:0 1px;
|
||||
|
||||
border-radius:0 !important;
|
||||
.opacity(0.85);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
||||
::safari-only,.sidebar-shortcuts-mini > .btn {//safari only
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//3rd & 4th level menu
|
||||
.nav-list > li > .submenu {
|
||||
li > .submenu {
|
||||
border-top:none;
|
||||
background-color:transparent;
|
||||
display:none;
|
||||
}
|
||||
li.active > .submenu {
|
||||
display:block;
|
||||
}
|
||||
|
||||
a > .arrow {
|
||||
right:11px; top:10px;
|
||||
font-size:16px;
|
||||
color:#6B828E;
|
||||
}
|
||||
|
||||
.open > a, .open > a:hover, .open > a:focus {
|
||||
background-color: transparent;
|
||||
border-color: @submenu-item-border;
|
||||
}
|
||||
|
||||
li > .submenu > li > a > .arrow {
|
||||
right:12px;
|
||||
top:9px;
|
||||
}
|
||||
|
||||
|
||||
li > .submenu > li {
|
||||
line-height:16px;
|
||||
&:before {//the tree like menu
|
||||
display:none;
|
||||
}
|
||||
|
||||
> a {/*3rd level*/
|
||||
margin-left:20px;
|
||||
padding-left:22px;
|
||||
}
|
||||
> .submenu > li > a {/*4th level*/
|
||||
margin-left:20px;
|
||||
padding-left:38px;
|
||||
}
|
||||
|
||||
a > [class*="icon-"]:first-child {
|
||||
display:inline-block;
|
||||
color:inherit;
|
||||
font-size:14px;
|
||||
|
||||
position:static;
|
||||
background-color:transparent;
|
||||
margin-right: 1px;
|
||||
}
|
||||
|
||||
|
||||
a {
|
||||
font-size:13px;
|
||||
color:#777;
|
||||
|
||||
&:hover {
|
||||
color:desaturate(@menu-focus-color, 25%);
|
||||
text-decoration:underline;
|
||||
[class*="icon-"] {
|
||||
text-decoration:none;
|
||||
color:desaturate(@menu-focus-color, 25%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
li.open > a {
|
||||
color:desaturate(@menu-focus-color, 12%);
|
||||
> [class*="icon-"]:first-child {
|
||||
display:inline-block;
|
||||
}
|
||||
.arrow {
|
||||
color:desaturate(@menu-focus-color, 12%);
|
||||
}
|
||||
}
|
||||
li > .submenu li.open > a {
|
||||
color:desaturate(@menu-focus-color, 12%);
|
||||
> [class*="icon-"]:first-child {
|
||||
display:inline-block;
|
||||
color:@menu-focus-color;
|
||||
}
|
||||
|
||||
.arrow {
|
||||
color:desaturate(@menu-focus-color, 12%);
|
||||
}
|
||||
}
|
||||
|
||||
li > .submenu li.active > a {
|
||||
color:desaturate(@menu-active-color, 8%);
|
||||
> [class*="icon-"]:first-child {
|
||||
display:inline-block;
|
||||
color:desaturate(@menu-active-color, 8%);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}//.nav-list > li > .submenu
|
||||
|
||||
|
||||
.nav-list > li {
|
||||
&.active.open li.active > a:after {
|
||||
top:2px;
|
||||
border-width:14px 8px;
|
||||
}
|
||||
&.active.open li.active.open li.active > a:after {
|
||||
top:0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@import "sidebar-min.less";//minimized sidebar mode
|
||||
|
||||
|
||||
|
||||
/* side menu toggler in mobile view */
|
||||
.menu-toggler {
|
||||
display:none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* responsive sidebar */
|
||||
@media only screen and (max-width: @screen-sm-max) {
|
||||
.sidebar:before {
|
||||
display:none;
|
||||
}
|
||||
.sidebar {
|
||||
display:none;
|
||||
float:none;
|
||||
|
||||
position:absolute;
|
||||
z-index:999;
|
||||
left:0;
|
||||
bottom:auto;
|
||||
top:auto !important;/*so that it's applied even if it's .sidebar-fixed */
|
||||
margin-top:40px;
|
||||
|
||||
border:1px solid #CCC;
|
||||
border-left-width:0;
|
||||
box-shadow:2px 1px 2px 0 rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
.sidebar.display {
|
||||
display:block;
|
||||
}
|
||||
|
||||
|
||||
.menu-toggler {
|
||||
display:inline-block;
|
||||
position:absolute; left:0; z-index:998;
|
||||
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;
|
||||
|
||||
.box-sizing(content-box);
|
||||
|
||||
}
|
||||
.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;
|
||||
|
||||
.transition(~"all 0.1s ease");
|
||||
-o-transition: none;
|
||||
|
||||
.box-sizing(content-box);
|
||||
}
|
||||
.menu-toggler:after {
|
||||
border-top: 1px solid #FFA24D;
|
||||
border-bottom: 1px solid #D15B47;
|
||||
content: "";
|
||||
height:2px; width:24px;
|
||||
position: absolute;
|
||||
top:19px; left:4px;
|
||||
|
||||
|
||||
.transition(~"all 0.1s ease");
|
||||
-o-transition: none;
|
||||
|
||||
.box-sizing(content-box);
|
||||
}
|
||||
.menu-toggler.display:before {
|
||||
height:4px;
|
||||
top: 8px;
|
||||
border-width:2px;
|
||||
}
|
||||
.menu-toggler.display:after {
|
||||
height:4px;
|
||||
top:20px;
|
||||
border-width:2px;
|
||||
}
|
||||
|
||||
|
||||
.menu-toggler > .menu-text {
|
||||
display:block;
|
||||
position:absolute;
|
||||
bottom:-18px; left:0;
|
||||
border:1px solid transparent;
|
||||
border-width:9px 42px;
|
||||
border-top-color:#444;
|
||||
}
|
||||
.menu-toggler > .menu-text:after {
|
||||
display:block;
|
||||
color:#FFF;
|
||||
|
||||
content: @menu-button-text;
|
||||
|
||||
position:absolute;
|
||||
left: -8px;//change these to adjust text placement
|
||||
top: -41px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.nav-list > li.active:after {
|
||||
display:none;
|
||||
}
|
||||
.nav-list li.active > a:after {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.nav-list li.active.open > .submenu > li.active > a:after {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.menu-min .nav-list > li.active:after {
|
||||
display:block;
|
||||
}
|
||||
.menu-min .nav-list > li.active > a:after {
|
||||
display:block;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: @screen-tiny) {
|
||||
.menu-toggler {
|
||||
width:0;
|
||||
}
|
||||
.menu-toggler > .menu-text{
|
||||
border-width:7px 16px;
|
||||
bottom:-14px;
|
||||
}
|
||||
.menu-toggler > .menu-text: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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* not used yet */
|
||||
/**
|
||||
@media only screen and (max-width: 979px) {
|
||||
.sidebar.responsive-min {
|
||||
display:block;
|
||||
float:none;
|
||||
position:absolute;
|
||||
border-width:0 1px 1px 0;
|
||||
|
||||
border-left:none;
|
||||
box-shadow:none;
|
||||
margin-top:0;
|
||||
z-index:14;
|
||||
}
|
||||
|
||||
.sidebar.responsive-min.menu-min {
|
||||
border-bottom:none;
|
||||
}
|
||||
.sidebar.responsive-min.menu-min:before {
|
||||
display:block;
|
||||
}
|
||||
|
||||
.sidebar.responsive-min + .main-content {
|
||||
margin-left:43px !important;
|
||||
}
|
||||
.sidebar.responsive-min + .main-content .breadcrumbs.breadcrumbs-fixed { left:43px; }
|
||||
.sidebar.responsive-min + .main-content .breadcrumbs .breadcrumb {margin-left:10px;}
|
||||
|
||||
.menu-toggler.responsive-min {
|
||||
display:none !important;
|
||||
}
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,527 @@
|
|||
@accordion-border:#CDD8E3;
|
||||
@accordion-header-text:@ace-blue;
|
||||
@accordion-header-text-hover:#6EA6CC;
|
||||
@accordion-header-hover-bg:#F1F8FD;
|
||||
@accordion-active-bg:#EEF4F9;
|
||||
|
||||
.tab-content {
|
||||
border:1px solid @tab-border;
|
||||
padding:16px 12px;
|
||||
position:relative; z-index:11;
|
||||
}
|
||||
.tab-content.no-padding {
|
||||
padding:0;
|
||||
}
|
||||
.tab-content.no-border {
|
||||
border:none;
|
||||
padding:12px;
|
||||
}
|
||||
.tab-content {
|
||||
.tab-paddingX (@index) when (@index >= 0) {
|
||||
&.padding-@{index} { padding:unit(@index,px) unit(ceil(@index * 0.75),px); }
|
||||
&.no-border.padding-@{index} { padding:unit(@index,px); }
|
||||
.tab-paddingX(@index - 2);
|
||||
}
|
||||
.tab-paddingX(32);
|
||||
}
|
||||
|
||||
|
||||
.nav-tabs {
|
||||
.navtab-paddingX (@index) when (@index > 0) {
|
||||
&.padding-@{index} { padding-left:unit(@index,px); }
|
||||
.tabs-right > &.padding-@{index} , .tabs-left > &.padding-@{index} { padding-left:0; padding-top:unit(@index,px); }
|
||||
.navtab-paddingX(@index - 2);
|
||||
}
|
||||
.navtab-paddingX(32);
|
||||
}
|
||||
|
||||
|
||||
.nav-tabs {
|
||||
border-color:#C5D0DC;
|
||||
margin-bottom:0;
|
||||
margin-left:0;
|
||||
position:relative;
|
||||
top:1px;
|
||||
|
||||
> li {
|
||||
> a {
|
||||
padding:8px 12px;
|
||||
|
||||
&,&:focus {
|
||||
border-radius:0 !important;
|
||||
|
||||
background-color:#F9F9F9;
|
||||
color:#999;
|
||||
|
||||
margin-right:-1px;
|
||||
line-height:16px;
|
||||
|
||||
position:relative; z-index:11;
|
||||
border-color:@tab-border;
|
||||
}
|
||||
&:hover {
|
||||
background-color:#FFF;
|
||||
color:@tab-hover-color;
|
||||
border-color:@tab-border;
|
||||
}
|
||||
&:active, &:focus {
|
||||
outline:none !important;
|
||||
}
|
||||
}//a
|
||||
|
||||
&:first-child > a {
|
||||
margin-left:0;
|
||||
}
|
||||
|
||||
&.active > a{
|
||||
&,&:hover,&:focus {
|
||||
color:@tab-active-color;
|
||||
border-color:@tab-border;
|
||||
border-top:2px solid @tab-active-border;
|
||||
border-bottom-color:transparent;
|
||||
background-color:#FFF;
|
||||
|
||||
z-index:12; line-height:16px;
|
||||
margin-top:-1px;
|
||||
|
||||
box-shadow: 0 -2px 3px 0 rgba(0,0,0,0.15);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
.tabs-below > & {
|
||||
/* tabs below */
|
||||
top:auto;
|
||||
margin-bottom:0;
|
||||
margin-top:-1px;
|
||||
border-color:@tab-border;
|
||||
border-bottom-width:0;
|
||||
|
||||
> li {
|
||||
> a {
|
||||
&,&:hover,&:focus {
|
||||
border-color:@tab-border;
|
||||
}
|
||||
}
|
||||
|
||||
&.active > a {
|
||||
&,&:hover,&:focus {
|
||||
border-color:@tab-border;
|
||||
border-top-width:1px;
|
||||
border-bottom:2px solid @tab-active-border;
|
||||
border-top-color:transparent;
|
||||
|
||||
margin-top:0;
|
||||
box-shadow: 0 2px 3px 0 rgba(0,0,0,0.15);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.tabs-left > & > li > a, .tabs-right > & > li > a {
|
||||
/* tabs left */
|
||||
min-width:60px;
|
||||
}
|
||||
.tabs-left > & {
|
||||
top:auto;
|
||||
margin-bottom:0;
|
||||
border-color:@tab-border;
|
||||
|
||||
float: left;
|
||||
|
||||
> li {
|
||||
float: none;
|
||||
|
||||
> a {
|
||||
&,&:focus,&:hover {
|
||||
border-color:@tab-border;
|
||||
margin:0 -1px 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
> a {
|
||||
& , &:focus , &:hover {
|
||||
border-color: @tab-border;
|
||||
border-top-width: 1px;
|
||||
border-left: 2px solid @tab-active-border;
|
||||
border-right-color: transparent;
|
||||
margin: 0 -1px 0 -1px;
|
||||
|
||||
.box-shadow(~"-2px 0 3px 0 rgba(0,0,0,0.15)");
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.tabs-right > & {
|
||||
/* tabs right */
|
||||
top:auto;
|
||||
margin-bottom: 0;
|
||||
border-color: @tab-border;
|
||||
|
||||
float: right;
|
||||
|
||||
> li {
|
||||
float: none;
|
||||
|
||||
> a {
|
||||
&,&:focus,&:hover {
|
||||
border-color: @tab-border;
|
||||
margin: 0 -1px;
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
> a {
|
||||
& , &:focus , &:hover {
|
||||
border-color: @tab-border;
|
||||
border-top-width: 1px;
|
||||
border-right: 2px solid @tab-active-border;
|
||||
border-left-color: transparent;
|
||||
margin: 0 -2px 0 -1px;
|
||||
|
||||
.box-shadow(~"2px 0 3px 0 rgba(0,0,0,0.15)");
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
> li > a {
|
||||
/* icon and badges */
|
||||
> .badge {
|
||||
padding:0 4px;
|
||||
line-height:15px;
|
||||
opacity:0.7;
|
||||
}
|
||||
|
||||
> [class*="icon-"] { opacity:0.75; }
|
||||
}
|
||||
|
||||
> li.active > a {
|
||||
> .badge , > [class*="icon-"] {
|
||||
opacity:1;
|
||||
}
|
||||
}
|
||||
|
||||
li [class*=" icon-"] , li [class^="icon-"]{
|
||||
width:1.25em;
|
||||
display:inline-block;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
|
||||
|
||||
> li.open .dropdown-toggle {
|
||||
/* dropdown in tabs */
|
||||
background-color: #4F99C6;
|
||||
border-color: #4F99C6;
|
||||
color: #FFF;
|
||||
|
||||
> [class*="icon-"] {
|
||||
color:#FFF !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tabs-left , .tabs-right {
|
||||
.tab-content {
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover, .nav > li.dropdown.open.active > a:focus {
|
||||
background-color: #4F99C6;
|
||||
border-color: #4F99C6;
|
||||
color: #FFFFFF;
|
||||
> [class*="icon-"] {
|
||||
color:#FFF !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* bigger tab buttons */
|
||||
.nav-tabs > li:not(.active):not(.open) > a:not(:hover) > [class*="icon-"]:first-child.disabled {
|
||||
color:#909090 !important;
|
||||
}
|
||||
|
||||
/* bigger tab buttons */
|
||||
.nav-tabs.tab-size-bigger > li > a {
|
||||
padding-left:14px;
|
||||
padding-right:14px;
|
||||
|
||||
> [class*="icon-"]:first-child {
|
||||
display:block;
|
||||
margin-bottom:6px;
|
||||
width:auto;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
//some tab customizations
|
||||
|
||||
/* spaced tabs (top & bottom) */
|
||||
.nav-tabs.tab-space-1 > li > a {
|
||||
margin-right:1px;
|
||||
}
|
||||
.nav-tabs.tab-space-2 > li > a {
|
||||
margin-right:2px;
|
||||
}
|
||||
.nav-tabs.tab-space-3 > li > a {
|
||||
margin-right:3px;
|
||||
}
|
||||
.nav-tabs.tab-space-4 > li > a {
|
||||
margin-right:4px;
|
||||
}
|
||||
|
||||
|
||||
/* colored tabs*/
|
||||
|
||||
@tab-color-blue:#7DB4D8;
|
||||
|
||||
.nav-tabs[class*="tab-color-"] > li > a {
|
||||
& , &:focus, &:hover {
|
||||
color:#FFF;
|
||||
border-color:transparent;
|
||||
margin-right:3px;
|
||||
}
|
||||
|
||||
> .badge {
|
||||
.border-radius(2px);
|
||||
}
|
||||
}
|
||||
|
||||
.nav-tabs[class*="tab-color-"] > li:not(.active) > a {
|
||||
&:hover {
|
||||
opacity:0.85;
|
||||
border-color:rgba(0,0,0,0.15);
|
||||
border-bottom-color:transparent;
|
||||
}
|
||||
> [class*="icon-"]:first-child{
|
||||
color:#FFF !important;
|
||||
}
|
||||
> .badge{
|
||||
color:rgba(0,0,0,0.4) !important;
|
||||
background-color:#FFF !important;
|
||||
.border-radius(2px);
|
||||
}
|
||||
}
|
||||
|
||||
.nav-tabs.tab-color-blue > li > a {
|
||||
& , &:focus {
|
||||
background-color:@tab-color-blue;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-tabs[class*="tab-color-"] > li.active > a {
|
||||
& , &:focus, &:hover {
|
||||
background-color:#FFF;
|
||||
color:darken(desaturate(@tab-color-blue, 20%), 20%);
|
||||
box-shadow:none;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-tabs.tab-color-blue > li.active > a {
|
||||
& , &:focus, &:hover {
|
||||
color:darken(desaturate(@tab-color-blue, 25%), 25%);
|
||||
border-color:@tab-color-blue @tab-color-blue transparent;
|
||||
}
|
||||
.tabs-below & {
|
||||
border-color:transparent @tab-color-blue @tab-color-blue;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.nav-tabs.tab-color-blue {
|
||||
border-bottom-color:#C5D0DC;
|
||||
}
|
||||
|
||||
|
||||
/* background for tab links */
|
||||
.nav-tabs.background-blue {
|
||||
padding-top:6px;
|
||||
background-color:#EFF3F8;
|
||||
border:1px solid #C5D0DC;
|
||||
}
|
||||
|
||||
.tabs-below .nav-tabs.background-blue {
|
||||
padding-top:0;
|
||||
padding-bottom:6px;
|
||||
}
|
||||
.tabs-below .nav-tabs.tab-color-blue {
|
||||
border-top:none;
|
||||
border-bottom-color:#C5D0DC;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** accordion */
|
||||
.accordion-style1.panel-group {
|
||||
.panel {
|
||||
border-radius: 0;
|
||||
border-color: @accordion-border;
|
||||
background-color: #FFF;
|
||||
box-shadow: none;
|
||||
|
||||
&:last-child {
|
||||
border-bottom-width: 1px;
|
||||
}
|
||||
|
||||
.collapse {
|
||||
background-color: #FFF;
|
||||
}
|
||||
|
||||
+ .panel {
|
||||
margin-top:2px;
|
||||
}
|
||||
}
|
||||
.panel-heading + .panel-collapse .panel-body {
|
||||
border-top-color: @accordion-border !important;
|
||||
}
|
||||
|
||||
.panel-heading {
|
||||
padding:0;
|
||||
|
||||
}
|
||||
|
||||
.panel-heading .accordion-toggle {
|
||||
color:@tab-hover-color;
|
||||
background-color:@accordion-active-bg;
|
||||
position:relative;
|
||||
font-weight:bold;
|
||||
|
||||
font-size:13px;
|
||||
line-height:1;
|
||||
|
||||
padding: 10px;
|
||||
display:block;
|
||||
|
||||
&.collapsed {
|
||||
color:@accordion-header-text;
|
||||
font-weight:normal;
|
||||
background-color:#F9F9F9;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color:@accordion-header-text-hover;
|
||||
background-color:@accordion-header-hover-bg;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
&:focus,&:active {
|
||||
outline:none;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
|
||||
> [class*="icon-"]:first-child {
|
||||
width:16px;
|
||||
}
|
||||
&:hover > [class*="icon-"]:first-child{
|
||||
text-decoration:none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.panel-body , .collapse.in > .panel-body{
|
||||
border-top:1px solid @accordion-border;
|
||||
}
|
||||
|
||||
&.no-padding {
|
||||
padding:0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
//style2, used in faq, etc...
|
||||
.accordion-style2.panel-group {
|
||||
.panel {
|
||||
border-width:0;
|
||||
&:last-child {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
+ .panel {
|
||||
margin-top:4px;
|
||||
}
|
||||
|
||||
.panel-body {
|
||||
border-top:none;
|
||||
}
|
||||
}
|
||||
|
||||
.panel-heading .accordion-toggle {
|
||||
background-color:#EDF3F7;
|
||||
|
||||
border:2px solid #6EAED1;
|
||||
border-width:0 0 0 2px;
|
||||
|
||||
&:hover {
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
&.collapsed {
|
||||
background-color:#F3F3F3;
|
||||
color:#606060;
|
||||
border-width:0 0 0 1px;
|
||||
border-color:#D9D9D9;
|
||||
|
||||
&:hover {
|
||||
background-color:#F6F6F6;
|
||||
color:#438EB9;
|
||||
text-decoration:none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.panel-body , .collapse.in > .panel-body{
|
||||
border-top:none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* nested questions */
|
||||
.accordion-style2.panel-group .accordion-style2.panel-group {
|
||||
.panel {
|
||||
border-bottom:1px dotted #D9D9D9;
|
||||
&:last-child {
|
||||
border-bottom:none;
|
||||
}
|
||||
|
||||
.panel-heading , .panel-heading .accordion-toggle {
|
||||
background-color:transparent;
|
||||
border-width:0;
|
||||
font-size:13px;
|
||||
|
||||
padding-top:6px;
|
||||
padding-bottom:8px;
|
||||
}
|
||||
.panel-heading {
|
||||
padding-top:0; padding-bottom:0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
@table-header-bg:@widget-blue;
@table-sort-active:#307ECC;
@table-sort-hover:#547EA8;
@table-labels-grad-color1:#F8F8F8;
@table-labels-grad-color2:#ECECEC;
/* tables */
th, td , .table-bordered {
border-radius:0 !important;
}
.table {
thead tr {
color:#707070;
font-weight:normal;
background:#F2F2F2;
#gradient > .vertical(@table-labels-grad-color1 , @table-labels-grad-color2);
th {
border-color:#DDD;
//border:1px solid #DDD;
//border-width:0 1px;
font-weight:bold;
[class*="icon-"]:first-child {
margin-right:2px;
}
&:first-child {
border-left-color:#F1F1F1;
}
&:left-child {
border-right-color:#F1F1F1;
}
}
}
&.table-bordered thead tr th {
//border-width:0 0 0 1px;
//border-color:#DDD;
vertical-align:middle;
&:first-child {
border-left-color:#DDD;
}
}
//&.table-hover tbody tr:hover td{
//background-color: #F1F1F1;
//}
}
th , td {
&.center {
text-align:center;
}
.lbl {
margin-bottom:0;
&:only-child {
vertical-align:top;
}
}
}
.table-header {
background-color:@table-header-bg;
color:#FFF;
font-size:14px;
line-height:38px;
padding-left:12px;
margin-bottom:1px;
}
.table-header .close {
margin-right: 8px;
margin-top: 0;
.opacity(0.45);
&:hover {
.opacity(0.75);
}
}
/* dataTables */
.dataTables_length {
//margin-left:8px;
select {
width:70px;
height:25px;
padding:2px 3px;
}
label {
font-weight:normal;
}
}
.dataTables_filter {
// margin-right:8px;
text-align:right;
input[type=text] {
width:125px;
height:18px;
line-height:18px;
.box-sizing(content-box);
padding:4px 6px;
}
label {
font-weight:normal;
}
}
.dataTables_info {
// margin:0 0 0 12px;
font-size:14px;
}
.dataTables_paginate {
text-align:right;
.pagination {
margin:0 12px;
}
}
.dataTables_wrapper {
label {
display:inline-block;
font-size:13px;
}
input[type=text] , select {
margin-bottom:0 !important;
margin:0 4px;
}
.row {
margin:0;
&:first-child {
padding-top:12px;
padding-bottom:12px;
background-color:#EFF3F8;
+ .dataTable {
border-top:1px solid #DDD;
border-bottom:1px solid #DDD;
}
}
&:last-child {
border-top:1px solid #DDD;
padding-top:12px;
padding-bottom:12px;
background-color:#EFF3F8;
border-bottom:1px solid #DDD;
}
}
}
.dataTable {
margin-bottom:0;
th {
&[class*=sort] {
cursor:pointer;
&:after {
content:"\f0dc";
display:inline-block;
color:#555;
font-family:FontAwesome; font-size:13px; font-weight:normal;
float:right;
margin-right:4px;
position:relative;
}
&:hover {
color:@table-sort-hover;
}
}
&[class*=sorting_] {
color:@table-sort-active;
}
&.sorting_desc , &.sorting_asc {
#gradient > .vertical(#EFF3F8 , #E3E7ED);
}
&.sorting_desc:after {
content:"\f0dd";
top:-6px;
color:@table-sort-active;
}
&.sorting_asc:after {
content:"\f0de";
top:4px;
color:@table-sort-active;
}
&.sorting_disabled {
cursor:inherit;
&:after { display:none; }
}
}
}
|
||||
|
|
@ -0,0 +1,188 @@
|
|||
/* full calendar */
|
||||
.fc-header-title > h2 {
|
||||
font-size:22px;
|
||||
color:#65A0CE;
|
||||
}
|
||||
|
||||
.fc-widget-header,
|
||||
.fc-widget-content {
|
||||
border: 1px solid #BCD4E5;
|
||||
}
|
||||
|
||||
.fc-state-highlight {
|
||||
background: #FFC;
|
||||
}
|
||||
.fc-event-skin {
|
||||
border:none !important; /* default BORDER color */
|
||||
background-color:#ABBAC3;
|
||||
padding:0 0 1px 2px;
|
||||
|
||||
.label-yellow & { color:#996633; }
|
||||
.label-light & { color:#888; }
|
||||
|
||||
[class*="label-"] > & , [class*="label-"] > & > .fc-event-skin.fc-event-head {
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
&.ui-draggable-dragging {
|
||||
cursor:move;
|
||||
}
|
||||
|
||||
&.fc-event-vert , .fc-event-vert > &
|
||||
{
|
||||
padding:0 0 1px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.fc-grid .fc-day-number {
|
||||
color:#2E6589;
|
||||
}
|
||||
|
||||
.fc-widget-header {
|
||||
background:#ECF2F7;
|
||||
color:#8090A0;
|
||||
}
|
||||
//
|
||||
//.fc-grid th , th.fc-widget-header{
|
||||
// height:28px;
|
||||
// vertical-align:middle !important;
|
||||
//}
|
||||
|
||||
.fc-event-hori , .fc-event-vert {
|
||||
border-radius:0 !important;
|
||||
border-color:transparent;
|
||||
}
|
||||
.fc-event-vert {
|
||||
.fc-event-content {
|
||||
padding-left:1px;
|
||||
padding-right:1px;
|
||||
}
|
||||
.fc-event-time {
|
||||
padding:0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.fc-state-default {
|
||||
& , & .fc-button-inner {
|
||||
border:none;
|
||||
background-color:#ABBAC3;
|
||||
color:#FFF;
|
||||
background-image:none;
|
||||
box-shadow:none;
|
||||
text-shadow:none;
|
||||
|
||||
border-radius:0 !important;
|
||||
margin-left:2px;
|
||||
}
|
||||
|
||||
border:none;
|
||||
.fc-button-effect {
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
|
||||
.fc-state-disabled {
|
||||
& , & .fc-button-inner {
|
||||
.opacity(0.75);
|
||||
color:#DDD;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.fc-state-active {
|
||||
& , & .fc-button-inner {
|
||||
border-color:#4F99C6;
|
||||
background-color:#6FB3E0;
|
||||
}
|
||||
}
|
||||
.fc-state-hover {
|
||||
& , & .fc-button-inner {
|
||||
background-color:#8B9AA3;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.external-event {
|
||||
margin:6px 0;
|
||||
padding:0;
|
||||
|
||||
cursor:default;
|
||||
display:block;
|
||||
|
||||
color:#FFF;
|
||||
background-color:#ABBAC3;
|
||||
font-size:13px; line-height:28px;
|
||||
|
||||
&:hover {
|
||||
.opacity(1);
|
||||
}
|
||||
&.ui-draggable-dragging {
|
||||
cursor:move;
|
||||
}
|
||||
|
||||
|
||||
> [class*="icon-"]:first-child { /* the move & drag icon */
|
||||
display:inline-block; height:32px; width:32px;
|
||||
text-align:center;
|
||||
line-height:30px;
|
||||
margin-right:5px;
|
||||
|
||||
font-size:15px;
|
||||
|
||||
border-right:1px solid #FFF;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* calendar inside widget-box --- not complete yet */
|
||||
.widget-main {
|
||||
.fc {
|
||||
position:relative;
|
||||
top:-40px;
|
||||
|
||||
> .fc-header {
|
||||
position:relative;
|
||||
z-index:10;
|
||||
}
|
||||
|
||||
.fc-header-space {
|
||||
padding-left:2px;
|
||||
}
|
||||
}
|
||||
|
||||
.fc-header-title > h2 {
|
||||
font-size:18px;
|
||||
line-height:36px;
|
||||
}
|
||||
|
||||
.fc-content {
|
||||
top:-14px;
|
||||
z-index:11;
|
||||
}
|
||||
|
||||
.fc-button-content {
|
||||
height:37px;
|
||||
line-height:36px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* calendar */
|
||||
@media only screen and (max-width: @screen-xs) {
|
||||
.fc-header td {
|
||||
display:block;
|
||||
width:auto;
|
||||
text-align:left;
|
||||
}
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Reference in a new issue