Merge branch 'develop' of http://repository.trustie.net/xianbo/trustie2
commit
0ee38dcd9a
@ -0,0 +1,34 @@
|
||||
class AppliedProjectController < ApplicationController
|
||||
|
||||
#申请加入项目
|
||||
def applied_join_project
|
||||
@user_id = params[:user_id]
|
||||
@project = Project.find(params[:project_id])
|
||||
@applieds = AppliedProject.where("user_id = ? and project_id = ?", params[:user_id],params[:project_id])
|
||||
if @applieds.count == 0
|
||||
AppliedProject.create(:user_id => params[:user_id], :project_id => params[:project_id])
|
||||
end
|
||||
|
||||
#redirect_to project_path(params[:project_id])
|
||||
#redirect_to_referer_or {render :text => ( 'applied success.'), :layout => true}
|
||||
respond_to do |format|
|
||||
format.html { redirect_to_referer_or {render :text => (watching ? 'Watcher added.' : 'Watcher removed.'), :layout => true}}
|
||||
format.js { render :partial => 'set_applied'}
|
||||
end
|
||||
end
|
||||
|
||||
#取消申请
|
||||
def unapplied_join_project
|
||||
@project = Project.find(params[:project_id])
|
||||
#@applied = AppliedProject.find(params[:id])
|
||||
#@applied.destroy
|
||||
|
||||
AppliedProject.deleteappiled(params[:user_id], params[:project_id])
|
||||
|
||||
respond_to do |format|
|
||||
format.html { redirect_to_referer_or {render :text => (watching ? 'Watcher added.' : 'Watcher removed.'), :layout => true}}
|
||||
format.js { render :partial => 'set_applied' }
|
||||
end
|
||||
end
|
||||
|
||||
end
|
@ -0,0 +1,28 @@
|
||||
module AppliedProjectHelper
|
||||
|
||||
def applied_css(project)
|
||||
id = project.id
|
||||
"#{project.class.to_s.underscore}-#{id}-applied"
|
||||
end
|
||||
|
||||
def applied_link(project, user, options=[])
|
||||
return '' unless user && user.logged?
|
||||
applied = project.applied_projects.find_by_user_id(user.id)
|
||||
text = applied ? l(:label_unapply_project) : l(:label_apply_project)
|
||||
|
||||
@applied_flag = project.instance_of?(Project)
|
||||
css = @applied_flag ? ([applied_css(project), applied ? 'icon ' : 'icon '].join(' ') << options[0].to_s) :
|
||||
([applied_css(project), applied ? 'icon icon-applied ' : 'icon icon-applied-off '].join(' ') << options[0].to_s)
|
||||
if applied
|
||||
appliedid = applied.id
|
||||
end
|
||||
url = appliedproject_path(
|
||||
:id=>appliedid,
|
||||
:user_id => user.id,
|
||||
:project_id => project.id
|
||||
)
|
||||
method = applied ? 'delete' : 'post'
|
||||
|
||||
link_to text, url, :remote => true, :method => method ,:class=>css
|
||||
end
|
||||
end
|
@ -0,0 +1,15 @@
|
||||
class AppliedProject < ActiveRecord::Base
|
||||
attr_accessible :project_id, :user_id
|
||||
|
||||
belongs_to :user
|
||||
belongs_to :project
|
||||
|
||||
#删除用户申请
|
||||
def self.deleteappiled(userid, projectid)
|
||||
@applieds = AppliedProject.where("user_id = ? and project_id = ?", userid, projectid)
|
||||
@applieds.each do |applied|
|
||||
applied.destroy
|
||||
end
|
||||
end
|
||||
|
||||
end
|
@ -0,0 +1,13 @@
|
||||
<% selector = ".#{applied_css(@project)}" %>
|
||||
$("<%= selector %>").each(function(){$(this).replaceWith("<%= escape_javascript applied_link(@project, User.current) %>")});
|
||||
if (window.Messenger) {
|
||||
Messenger.options = {
|
||||
extraClasses: 'messenger-fixed messenger-on-bottom messenger-on-right',
|
||||
theme: 'flat'
|
||||
}
|
||||
Messenger().post({
|
||||
id: "label_apply_project_waiting",
|
||||
message: "<%= l(:label_apply_project_waiting) %>",
|
||||
showCloseButton: true,
|
||||
});
|
||||
};
|
@ -1,110 +1,71 @@
|
||||
<!-- fq -->
|
||||
|
||||
<% if @bid.homework_type == Bid::HomeworkFile %>
|
||||
<%= render :partial => 'homework' %>
|
||||
|
||||
<%= render :partial => 'homework' %>
|
||||
|
||||
<% else %>
|
||||
<style>
|
||||
input[type="submit"].bid_btn {
|
||||
vertical-align: middle;
|
||||
width: 60px;
|
||||
height: 30px;
|
||||
line-height: 18px;
|
||||
font-size: 14px;
|
||||
color: rgb(0, 0, 0);
|
||||
background: url("/images/button/bg103.jpg") no-repeat scroll left top transparent;
|
||||
padding: 0px 0px 4px 0px;
|
||||
border-radius: 2px;
|
||||
border: 1px solid rgb(148, 148, 148);
|
||||
box-shadow: none;
|
||||
text-shadow: none;
|
||||
margin-top: -10px;
|
||||
/*margin-right: -4px;*/
|
||||
}
|
||||
input[type="button"].bid_btn {
|
||||
width: 60px;
|
||||
height: 30px;
|
||||
line-height: 18px;
|
||||
font-size: 14px;
|
||||
color: rgb(0, 0, 0);
|
||||
background: url("/images/button/bg103.jpg") no-repeat scroll left top transparent;
|
||||
padding: 0px 0px 4px 0px;
|
||||
border-radius: 2px;
|
||||
border: 1px solid rgb(148, 148, 148);
|
||||
box-shadow: none;
|
||||
text-shadow: none;
|
||||
margin-top: -10px;
|
||||
margin-right: -2px;
|
||||
}
|
||||
textarea:focus {
|
||||
border: #d5dee9 1px solid;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script type="text/javascript" language="javascript">
|
||||
function clearInfo(id,content) {
|
||||
var text = $('#' + id);
|
||||
if (text.val() == content) {
|
||||
$('#' + id).val('');
|
||||
}
|
||||
}
|
||||
<script type="text/javascript" language="javascript">
|
||||
function clearInfo(id, content) {
|
||||
var text = $('#' + id);
|
||||
if (text.val() == content) {
|
||||
$('#' + id).val('');
|
||||
}
|
||||
}
|
||||
|
||||
function showInfo(id, content) {
|
||||
var text = $('#' + id);
|
||||
if (text.val() == '') {
|
||||
$('#' + id).val(content);
|
||||
}
|
||||
}
|
||||
|
||||
function showInfo(id,content) {
|
||||
var text = $('#' + id);
|
||||
if (text.val() == '') {
|
||||
$('#' + id).val(content);
|
||||
}
|
||||
}
|
||||
function cancel() {
|
||||
$("#put-bid-form").hide();
|
||||
}
|
||||
</script>
|
||||
<% if User.current.logged? %>
|
||||
<!--我要竞标弹出框-->
|
||||
<div id='flash' style="float:left; width: 100%; display: none"></div>
|
||||
<div id="put-bid-form" style="display: none">
|
||||
<%= form_for "bid_for_save", :remote => true, :url => {:controller => 'bids', :action => 'add'},
|
||||
:update => "bidding_project_list",
|
||||
:complete => '$("#put-bid-form").hide();' do |f| %>
|
||||
<table id="bidding_table" border="0" width="100%" style="margin-left: 40px;">
|
||||
<tr>
|
||||
<td><%= select_tag 'bid', options_for_select(select_option_helper(@option)), :name => 'bid', :class => 'grayline' %></td>
|
||||
<div id="prompt_create_pro">
|
||||
<td>
|
||||
|
||||
function cancel() {
|
||||
$("#put-bid-form").hide();
|
||||
}
|
||||
</script>
|
||||
<% if User.current.logged? %>
|
||||
<!--我要竞标弹出框-->
|
||||
<div id = 'flash' style="float:left; width: 100%; display: none" ></div>
|
||||
<div id="put-bid-form" style="display: none">
|
||||
<%= form_for "bid_for_save", :remote=>true, :url => {:controller => 'bids', :action => 'add'},
|
||||
:update => "bidding_project_list",
|
||||
:complete => '$("#put-bid-form").hide();' do |f| %>
|
||||
<table id="bidding_table" border="0" width="100%" style="margin-left: 40px;">
|
||||
<tr>
|
||||
<td><%= select_tag 'bid', options_for_select(select_option_helper(@option)), :name => 'bid', :class => 'grayline' %></td>
|
||||
<div id="prompt_create_pro"><!-- nyan -->
|
||||
<td>
|
||||
<p>
|
||||
<div class="font_lighter" style="font-size: 13px;">
|
||||
<%= link_to '创建项目', new_project_path(course: 0, project_type: 0), :target=>'_blank'%>
|
||||
</div>
|
||||
</p>
|
||||
</td>
|
||||
</div>
|
||||
</tr>
|
||||
<% if @bid.reward_type == 3 %>
|
||||
<tr>
|
||||
<td><%= f.text_area :bid_message, :id => "bid_message", :required => true, :rows => 4, :cols => 40, :placeholder => l(:label_bid_reason_homework), :style => "resize: none;", :class => 'noline'%></td>
|
||||
</tr>
|
||||
<% else %>
|
||||
<tr>
|
||||
<td><%= f.text_area :bid_message, :id => "bid_message", :required => true, :rows => 4, :cols => 40, :placeholder => l(:label_bid_reason), :style => "resize: none;", :class => 'noline'%></td>
|
||||
</tr>
|
||||
<% end %>
|
||||
<tr>
|
||||
<td align="right">
|
||||
<%= submit_tag l(:button_add), :name => nil , :class => "enterprise",
|
||||
:onmouseout => "this.style.backgroundPosition = 'left top'",
|
||||
:onmouseover => "this.style.backgroundPosition = 'left -30px'"%>
|
||||
<%= submit_tag l(:button_cancel), :name => nil, :onclick => "cancel();",
|
||||
:type => 'button', :class => "enterprise", :onmouseout => "this.style.backgroundPosition = 'left top'",
|
||||
:onmouseover => "this.style.backgroundPosition = 'left -30px'" %>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<% end %>
|
||||
</div>
|
||||
<% end %>
|
||||
<div id='bidding_project_list'>
|
||||
<%= render :partial => 'project_list', :locals => {:bidding_project => @bidding_project,:bid => @bid} %>
|
||||
</div>
|
||||
<div class="font_lighter" style="font-size: 13px;">
|
||||
<%= link_to '创建项目', new_project_path(course: 0, project_type: 0), :target => '_blank' %>
|
||||
</div>
|
||||
</td>
|
||||
</div>
|
||||
</tr>
|
||||
<% if @bid.reward_type == Bid::Homework %>
|
||||
<tr>
|
||||
<td><%= f.text_area :bid_message, :id => "bid_message", :required => true, :rows => 4, :cols => 40, :placeholder => l(:label_bid_reason_homework), :style => "resize: none;", :class => 'noline' %></td>
|
||||
</tr>
|
||||
<% else %>
|
||||
<tr>
|
||||
<td><%= f.text_area :bid_message, :id => "bid_message", :required => true, :rows => 4, :cols => 40, :placeholder => l(:label_bid_reason), :style => "resize: none;", :class => 'noline' %></td>
|
||||
</tr>
|
||||
<% end %>
|
||||
<tr>
|
||||
<td align="right">
|
||||
<%= submit_tag l(:button_add), :name => nil, :class => "enterprise",
|
||||
:onmouseout => "this.style.backgroundPosition = 'left top'",
|
||||
:onmouseover => "this.style.backgroundPosition = 'left -30px'" %>
|
||||
<%= submit_tag l(:button_cancel), :name => nil, :onclick => "cancel();",
|
||||
:type => 'button', :class => "enterprise", :onmouseout => "this.style.backgroundPosition = 'left top'",
|
||||
:onmouseover => "this.style.backgroundPosition = 'left -30px'" %>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<% end %>
|
||||
</div>
|
||||
<% end %>
|
||||
<div id='bidding_project_list'>
|
||||
<%= render :partial => 'project_list', :locals => {:bidding_project => @bidding_project, :bid => @bid} %>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
|
@ -0,0 +1,12 @@
|
||||
<!-- #wang -->
|
||||
<% for attachment in attachments %>
|
||||
<% if attachments.count > 1 && attachment != attachments.first%>
|
||||
<br/>
|
||||
<% end %>
|
||||
<%= link_to_attachment attachment, :class => 'icon icon-attachment', :download => true -%>
|
||||
<% if attachment.is_text? %>
|
||||
<%= link_to image_tag('magnifier.png'),
|
||||
:controller => 'attachments', :action => 'show',
|
||||
:id => attachment, :filename => attachment.filename %>
|
||||
<% end %>
|
||||
<% end -%>
|
@ -1,4 +1,4 @@
|
||||
$('#message').html('<%= escape_javascript(render(:partial => 'showjour', :locals => {:jour =>@jours, :state => false} )) %>');
|
||||
$('#message').html('<%= escape_javascript(render(:partial => 'showjour', :locals => {:jour =>@jour, :state => false} )) %>');
|
||||
$('#pre_show').html('<%= escape_javascript(render(:partial => 'pre_show', :locals => {:content => nil})) %>');
|
||||
$('#new_form_user_message').val("");
|
||||
$('#new_form_reference_user_id').val("");
|
@ -0,0 +1,33 @@
|
||||
<p style="font-weight: bold; color: rgb(237,137,36)" xmlns="http://www.w3.org/1999/html"> <%=raw l(:label_new_homework)%> </p>
|
||||
<div class="box tabular">
|
||||
<%= form_for('new_form', :remote => true, :method => :post,
|
||||
:url => {:controller => 'homework_attach',
|
||||
:action => 'create',
|
||||
:user_id => User.current.id,
|
||||
:bid_id => @bid
|
||||
}) do |f|%>
|
||||
<p>
|
||||
<strong>标题:</strong>
|
||||
<%= f.text_field "name", :required => true, :size => 60, :style => "width:490px;" %>
|
||||
</p>
|
||||
<p>
|
||||
<strong style="vertical-align: top">描述:</strong>
|
||||
<span style="margin-left:-10px;padding-right: 20px;">
|
||||
<%= f.text_area "description", :rows => 8, :class => 'wiki-edit', :style => "font-size:small;width:490px;margin-left:10px;" %>
|
||||
</span>
|
||||
</p>
|
||||
<fieldset>
|
||||
<legend>
|
||||
<%= l(:label_attachment_plural) %>
|
||||
</legend>
|
||||
<p id="put-bid-form-partial">
|
||||
<%= render :partial => 'attachments/form' %>
|
||||
</p>
|
||||
</fieldset>
|
||||
<span style="padding-left: 60px">
|
||||
<%= submit_tag t(:label_new), :sta => 0, :class => "enterprise"%>
|
||||
<%= submit_tag t(:label_memo_create), :sta => 1, :class => "enterprise"%>
|
||||
</span>
|
||||
</p>
|
||||
<% end %>
|
||||
</div>
|
@ -0,0 +1 @@
|
||||
$('#principals_for_applied_member').html('<%= escape_javascript(render_principals_for_applied_members(@project)) %>');
|
@ -1,11 +1,13 @@
|
||||
$('#tab-content-members').html('<%= escape_javascript(render :partial => 'projects/settings/members') %>');
|
||||
hideOnLoad();
|
||||
|
||||
<% if @members.present? && @members.all? {|m| m.valid? } %>
|
||||
<% @members.each do |member| %>
|
||||
$("#member-<%= member.id %>").effect("highlight");
|
||||
<%if !@applied_members%>
|
||||
<% if @members.present? && @members.all? {|m| m.valid? } %>
|
||||
<% @members.each do |member| %>
|
||||
$("#member-<%= member.id %>").effect("highlight");
|
||||
<% end %>
|
||||
<% else %>
|
||||
<% errors = @members.collect {|m| m.errors.full_messages}.flatten.uniq.join(', ') %>
|
||||
alert('<%= raw(escape_javascript(l(:notice_failed_to_save_members, :errors => errors))) %>');
|
||||
<% end %>
|
||||
<% else %>
|
||||
<% errors = @members.collect {|m| m.errors.full_messages}.flatten.uniq.join(', ') %>
|
||||
alert('<%= raw(escape_javascript(l(:notice_failed_to_save_members, :errors => errors))) %>');
|
||||
<% end %>
|
||||
|
@ -0,0 +1,22 @@
|
||||
<div class="user_course_list">
|
||||
<div class="menu">
|
||||
<%= link_to "#{l(:label_course_new)}", new_project_path(course: 1, project_type: 1), class: 'icon icon-add' if @user == User.current %>
|
||||
<ul>
|
||||
<li mode='doing' class="on">进行中</li>
|
||||
<li mode='end'>已完结</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="dyn_list_wrapper" mode='doing'>
|
||||
<div class='created_course'>
|
||||
<%= render :partial => 'course_form', :locals => {:memberships => @memberships_doing} %>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dyn_list_wrapper hidden" mode='end'>
|
||||
<div class="created_course ">
|
||||
<%= render :partial => 'course_form', :locals => {:memberships => @memberships_done} %>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -1,38 +1,16 @@
|
||||
<div class="content-title-top">
|
||||
<% if @memberships.empty? %>
|
||||
<% if @user != User.current %>
|
||||
<p class="font_description">
|
||||
<%= l(:label_project_course_un) %>
|
||||
</p>
|
||||
<% else %>
|
||||
<p class="font_description">
|
||||
<!--teacher could create the course directly-->
|
||||
<%= l(:label_project_course_unadd) %><%= link_to"#{l(:label_course_new)}",{:controller=>'projects',:action=>'new', :course => 1, :project_type => 1}, :class => 'icon icon-add' %>
|
||||
</p>
|
||||
<% end %>
|
||||
<% else %>
|
||||
<p>
|
||||
<span><%=l(:label_course_doing)%>(<%=@memberships_doing.count%>)</span>
|
||||
<%= link_to"#{l(:label_course_new)}",{:controller=>'projects',:action=>'new', :course => 1, :project_type => 1}, :class => 'icon icon-add' if @user == User.current %>
|
||||
</p>
|
||||
<p>
|
||||
<%= l(:label_created_course) %>
|
||||
<div> <%= render :partial => 'course_form', :locals => {:memberships => @OwningCouses}%>
|
||||
</div> </p>
|
||||
<div style="clear:both;"></div>
|
||||
<p> <%= l(:label_joined_course) %>
|
||||
<div> <%= render :partial => 'course_form', :locals => {:memberships => @JoinCouses}%>
|
||||
</div> </p>
|
||||
|
||||
<div style="clear:both;"></div>
|
||||
|
||||
<p>
|
||||
<%= link_to l(:label_course_done)+"("+@memberships_done.count.to_s+")", 'javascript:void(0);', :onclick => '$("#courses_history_block").slideToggle(400);' , style:"color:#666666" if User.current.logged? %>
|
||||
</p>
|
||||
|
||||
<div id="courses_history_block" class="courses_history hidden" >
|
||||
<%= render :partial => 'course_form', :locals => {:memberships => @memberships_done}%>
|
||||
</div>
|
||||
|
||||
<% end %>
|
||||
<% if @memberships.empty? %>
|
||||
<% if @user != User.current %>
|
||||
<p class="font_description">
|
||||
<%= l(:label_project_course_un) %>
|
||||
</p>
|
||||
<% else %>
|
||||
<p class="font_description">
|
||||
<!--teacher could create the course directly-->
|
||||
<%= l(:label_project_course_unadd) %><%= link_to "#{l(:label_course_new)}", {:controller => 'projects', :action => 'new', :course => 1, :project_type => 1}, :class => 'icon icon-add' %>
|
||||
</p>
|
||||
<% end %>
|
||||
<% else %>
|
||||
<%= render partial: 'course_list_have_entity' %>
|
||||
<% end %>
|
||||
</div>
|
||||
|
@ -0,0 +1,12 @@
|
||||
class CreateAppliedProjects < ActiveRecord::Migration
|
||||
def self.up
|
||||
create_table :applied_projects do |t|
|
||||
t.column :project_id, :integer, :null => false
|
||||
t.column :user_id, :integer, :null => false
|
||||
end
|
||||
end
|
||||
|
||||
def self.down
|
||||
drop_table :applied_projects
|
||||
end
|
||||
end
|
@ -0,0 +1,33 @@
|
||||
(function() {
|
||||
var $, FutureMessage, spinner_template,
|
||||
__hasProp = {}.hasOwnProperty,
|
||||
__extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
|
||||
|
||||
$ = jQuery;
|
||||
|
||||
spinner_template = '<div class="messenger-spinner">\n <span class="messenger-spinner-side messenger-spinner-side-left">\n <span class="messenger-spinner-fill"></span>\n </span>\n <span class="messenger-spinner-side messenger-spinner-side-right">\n <span class="messenger-spinner-fill"></span>\n </span>\n</div>';
|
||||
|
||||
FutureMessage = (function(_super) {
|
||||
|
||||
__extends(FutureMessage, _super);
|
||||
|
||||
function FutureMessage() {
|
||||
return FutureMessage.__super__.constructor.apply(this, arguments);
|
||||
}
|
||||
|
||||
FutureMessage.prototype.template = function(opts) {
|
||||
var $message;
|
||||
$message = FutureMessage.__super__.template.apply(this, arguments);
|
||||
$message.append($(spinner_template));
|
||||
return $message;
|
||||
};
|
||||
|
||||
return FutureMessage;
|
||||
|
||||
})(window.Messenger.Message);
|
||||
|
||||
window.Messenger.themes.future = {
|
||||
Message: FutureMessage
|
||||
};
|
||||
|
||||
}).call(this);
|
File diff suppressed because one or more lines are too long
@ -0,0 +1,462 @@
|
||||
@-webkit-keyframes ui-spinner-rotate-right {
|
||||
/* line 64, ../../src/sass/messenger-spinner.scss */
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 65, ../../src/sass/messenger-spinner.scss */
|
||||
25% {
|
||||
-webkit-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 66, ../../src/sass/messenger-spinner.scss */
|
||||
50% {
|
||||
-webkit-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 67, ../../src/sass/messenger-spinner.scss */
|
||||
75% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
|
||||
/* line 68, ../../src/sass/messenger-spinner.scss */
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes ui-spinner-rotate-left {
|
||||
/* line 72, ../../src/sass/messenger-spinner.scss */
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 73, ../../src/sass/messenger-spinner.scss */
|
||||
25% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 74, ../../src/sass/messenger-spinner.scss */
|
||||
50% {
|
||||
-webkit-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 75, ../../src/sass/messenger-spinner.scss */
|
||||
75% {
|
||||
-webkit-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 76, ../../src/sass/messenger-spinner.scss */
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes ui-spinner-rotate-right {
|
||||
/* line 80, ../../src/sass/messenger-spinner.scss */
|
||||
0% {
|
||||
-moz-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 81, ../../src/sass/messenger-spinner.scss */
|
||||
25% {
|
||||
-moz-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 82, ../../src/sass/messenger-spinner.scss */
|
||||
50% {
|
||||
-moz-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 83, ../../src/sass/messenger-spinner.scss */
|
||||
75% {
|
||||
-moz-transform: rotate(360deg);
|
||||
}
|
||||
|
||||
/* line 84, ../../src/sass/messenger-spinner.scss */
|
||||
100% {
|
||||
-moz-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes ui-spinner-rotate-left {
|
||||
/* line 88, ../../src/sass/messenger-spinner.scss */
|
||||
0% {
|
||||
-moz-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 89, ../../src/sass/messenger-spinner.scss */
|
||||
25% {
|
||||
-moz-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 90, ../../src/sass/messenger-spinner.scss */
|
||||
50% {
|
||||
-moz-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 91, ../../src/sass/messenger-spinner.scss */
|
||||
75% {
|
||||
-moz-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 92, ../../src/sass/messenger-spinner.scss */
|
||||
100% {
|
||||
-moz-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ui-spinner-rotate-right {
|
||||
/* line 96, ../../src/sass/messenger-spinner.scss */
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 97, ../../src/sass/messenger-spinner.scss */
|
||||
25% {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 98, ../../src/sass/messenger-spinner.scss */
|
||||
50% {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 99, ../../src/sass/messenger-spinner.scss */
|
||||
75% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
|
||||
/* line 100, ../../src/sass/messenger-spinner.scss */
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ui-spinner-rotate-left {
|
||||
/* line 104, ../../src/sass/messenger-spinner.scss */
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 105, ../../src/sass/messenger-spinner.scss */
|
||||
25% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 106, ../../src/sass/messenger-spinner.scss */
|
||||
50% {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 107, ../../src/sass/messenger-spinner.scss */
|
||||
75% {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 108, ../../src/sass/messenger-spinner.scss */
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
/* line 116, ../../src/sass/messenger-spinner.scss */
|
||||
.messenger-spinner {
|
||||
position: relative;
|
||||
border-radius: 100%;
|
||||
}
|
||||
/* line 120, ../../src/sass/messenger-spinner.scss */
|
||||
ul.messenger.messenger-spinner-active .messenger-spinner .messenger-spinner {
|
||||
display: block;
|
||||
}
|
||||
/* line 124, ../../src/sass/messenger-spinner.scss */
|
||||
.messenger-spinner .messenger-spinner-side {
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
}
|
||||
/* line 130, ../../src/sass/messenger-spinner.scss */
|
||||
.messenger-spinner .messenger-spinner-side .messenger-spinner-fill {
|
||||
border-radius: 999px;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-animation-iteration-count: infinite;
|
||||
-moz-animation-iteration-count: infinite;
|
||||
-ms-animation-iteration-count: infinite;
|
||||
-o-animation-iteration-count: infinite;
|
||||
animation-iteration-count: infinite;
|
||||
-webkit-animation-timing-function: linear;
|
||||
-moz-animation-timing-function: linear;
|
||||
-ms-animation-timing-function: linear;
|
||||
-o-animation-timing-function: linear;
|
||||
animation-timing-function: linear;
|
||||
}
|
||||
/* line 140, ../../src/sass/messenger-spinner.scss */
|
||||
.messenger-spinner .messenger-spinner-side-left {
|
||||
left: 0;
|
||||
}
|
||||
/* line 143, ../../src/sass/messenger-spinner.scss */
|
||||
.messenger-spinner .messenger-spinner-side-left .messenger-spinner-fill {
|
||||
left: 100%;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
-webkit-animation-name: ui-spinner-rotate-left;
|
||||
-moz-animation-name: ui-spinner-rotate-left;
|
||||
-ms-animation-name: ui-spinner-rotate-left;
|
||||
-o-animation-name: ui-spinner-rotate-left;
|
||||
animation-name: ui-spinner-rotate-left;
|
||||
-webkit-transform-origin: 0 50%;
|
||||
-moz-transform-origin: 0 50%;
|
||||
-ms-transform-origin: 0 50%;
|
||||
-o-transform-origin: 0 50%;
|
||||
transform-origin: 0 50%;
|
||||
}
|
||||
/* line 152, ../../src/sass/messenger-spinner.scss */
|
||||
.messenger-spinner .messenger-spinner-side-right {
|
||||
left: 50%;
|
||||
}
|
||||
/* line 155, ../../src/sass/messenger-spinner.scss */
|
||||
.messenger-spinner .messenger-spinner-side-right .messenger-spinner-fill {
|
||||
left: -100%;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
-webkit-animation-name: ui-spinner-rotate-right;
|
||||
-moz-animation-name: ui-spinner-rotate-right;
|
||||
-ms-animation-name: ui-spinner-rotate-right;
|
||||
-o-animation-name: ui-spinner-rotate-right;
|
||||
animation-name: ui-spinner-rotate-right;
|
||||
-webkit-transform-origin: 100% 50%;
|
||||
-moz-transform-origin: 100% 50%;
|
||||
-ms-transform-origin: 100% 50%;
|
||||
-o-transform-origin: 100% 50%;
|
||||
transform-origin: 100% 50%;
|
||||
}
|
||||
|
||||
/* line 15, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat {
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
background: #404040;
|
||||
}
|
||||
/* line 20, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat.messenger-empty {
|
||||
display: none;
|
||||
}
|
||||
/* line 23, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat .messenger-message {
|
||||
-webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px #292929;
|
||||
-moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px #292929;
|
||||
box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px #292929;
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
-ms-border-radius: 0px;
|
||||
-o-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
position: relative;
|
||||
border: 0px;
|
||||
margin-bottom: 0px;
|
||||
font-size: 13px;
|
||||
background: transparent;
|
||||
color: #f0f0f0;
|
||||
font-weight: 500;
|
||||
padding: 10px 30px 13px 65px;
|
||||
}
|
||||
/* line 35, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat .messenger-message .messenger-close {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
color: #888888;
|
||||
opacity: 1;
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
font-size: 20px;
|
||||
line-height: 20px;
|
||||
padding: 8px 10px 7px 7px;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
/* line 51, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat .messenger-message .messenger-close:hover {
|
||||
color: #bbbbbb;
|
||||
}
|
||||
/* line 54, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat .messenger-message .messenger-close:active {
|
||||
color: #777777;
|
||||
}
|
||||
/* line 57, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat .messenger-message .messenger-actions {
|
||||
float: none;
|
||||
margin-top: 10px;
|
||||
}
|
||||
/* line 61, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat .messenger-message .messenger-actions a {
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
text-decoration: none;
|
||||
color: #aaaaaa;
|
||||
background: #2e2e2e;
|
||||
display: inline-block;
|
||||
padding: 10px;
|
||||
margin-right: 10px;
|
||||
padding: 4px 11px 6px;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
/* line 72, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat .messenger-message .messenger-actions a:hover {
|
||||
color: #f0f0f0;
|
||||
background: #2e2e2e;
|
||||
}
|
||||
/* line 76, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat .messenger-message .messenger-actions a:active {
|
||||
background: #292929;
|
||||
color: #aaaaaa;
|
||||
}
|
||||
/* line 80, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat .messenger-message .messenger-actions .messenger-phrase {
|
||||
display: none;
|
||||
}
|
||||
/* line 83, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat .messenger-message .messenger-message-inner:before {
|
||||
-webkit-border-radius: 50%;
|
||||
-moz-border-radius: 50%;
|
||||
-ms-border-radius: 50%;
|
||||
-o-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
left: 17px;
|
||||
display: block;
|
||||
content: " ";
|
||||
top: 50%;
|
||||
margin-top: -8px;
|
||||
height: 13px;
|
||||
width: 13px;
|
||||
z-index: 20;
|
||||
}
|
||||
/* line 95, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat .messenger-message.alert-success .messenger-message-inner:before {
|
||||
background: #5fca4a;
|
||||
}
|
||||
/* line 98, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat .messenger-message.alert-info .messenger-message-inner:before {
|
||||
background: #61c4b8;
|
||||
}
|
||||
/* line 103, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat .messenger-message.alert-error .messenger-message-inner:before {
|
||||
background: #dd6a45;
|
||||
}
|
||||
/* line 32, ../../src/sass/messenger-spinner.scss */
|
||||
ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-soon .messenger-spinner {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
background: transparent;
|
||||
}
|
||||
/* line 37, ../../src/sass/messenger-spinner.scss */
|
||||
ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-soon .messenger-spinner .messenger-spinner-side .messenger-spinner-fill {
|
||||
background: #dd6a45;
|
||||
-webkit-animation-duration: 20s;
|
||||
-moz-animation-duration: 20s;
|
||||
-ms-animation-duration: 20s;
|
||||
-o-animation-duration: 20s;
|
||||
animation-duration: 20s;
|
||||
opacity: 1;
|
||||
}
|
||||
/* line 45, ../../src/sass/messenger-spinner.scss */
|
||||
ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-soon .messenger-spinner:after {
|
||||
content: "";
|
||||
background: #292929;
|
||||
position: absolute;
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
border-radius: 50%;
|
||||
top: 3px;
|
||||
left: 3px;
|
||||
display: block;
|
||||
}
|
||||
/* line 32, ../../src/sass/messenger-spinner.scss */
|
||||
ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-later .messenger-spinner {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
background: transparent;
|
||||
}
|
||||
/* line 37, ../../src/sass/messenger-spinner.scss */
|
||||
ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-later .messenger-spinner .messenger-spinner-side .messenger-spinner-fill {
|
||||
background: #dd6a45;
|
||||
-webkit-animation-duration: 600s;
|
||||
-moz-animation-duration: 600s;
|
||||
-ms-animation-duration: 600s;
|
||||
-o-animation-duration: 600s;
|
||||
animation-duration: 600s;
|
||||
opacity: 1;
|
||||
}
|
||||
/* line 45, ../../src/sass/messenger-spinner.scss */
|
||||
ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-later .messenger-spinner:after {
|
||||
content: "";
|
||||
background: #292929;
|
||||
position: absolute;
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
border-radius: 50%;
|
||||
top: 3px;
|
||||
left: 3px;
|
||||
display: block;
|
||||
}
|
||||
/* line 114, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat .messenger-message-slot.messenger-last .messenger-message {
|
||||
-webkit-border-radius: 4px 4px 0px 0px;
|
||||
-moz-border-radius: 4px 4px 0px 0px;
|
||||
-ms-border-radius: 4px 4px 0px 0px;
|
||||
-o-border-radius: 4px 4px 0px 0px;
|
||||
border-radius: 4px 4px 0px 0px;
|
||||
-webkit-box-shadow: inset 48px 0px 0px #292929;
|
||||
-moz-box-shadow: inset 48px 0px 0px #292929;
|
||||
box-shadow: inset 48px 0px 0px #292929;
|
||||
}
|
||||
/* line 118, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat .messenger-message-slot.messenger-first .messenger-message {
|
||||
-webkit-border-radius: 0px 0px 4px 4px;
|
||||
-moz-border-radius: 0px 0px 4px 4px;
|
||||
-ms-border-radius: 0px 0px 4px 4px;
|
||||
-o-border-radius: 0px 0px 4px 4px;
|
||||
border-radius: 0px 0px 4px 4px;
|
||||
-webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px #292929;
|
||||
-moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px #292929;
|
||||
box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px #292929;
|
||||
}
|
||||
/* line 122, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat .messenger-message-slot.messenger-first.messenger-last .messenger-message {
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
-webkit-box-shadow: inset 48px 0px 0px #292929;
|
||||
-moz-box-shadow: inset 48px 0px 0px #292929;
|
||||
box-shadow: inset 48px 0px 0px #292929;
|
||||
}
|
||||
/* line 126, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat .messenger-spinner {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 7px;
|
||||
top: 50%;
|
||||
margin-top: -18px;
|
||||
z-index: 999;
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
z-index: 10;
|
||||
}
|
@ -0,0 +1,496 @@
|
||||
@-webkit-keyframes ui-spinner-rotate-right {
|
||||
/* line 64, ../../src/sass/messenger-spinner.scss */
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 65, ../../src/sass/messenger-spinner.scss */
|
||||
25% {
|
||||
-webkit-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 66, ../../src/sass/messenger-spinner.scss */
|
||||
50% {
|
||||
-webkit-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 67, ../../src/sass/messenger-spinner.scss */
|
||||
75% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
|
||||
/* line 68, ../../src/sass/messenger-spinner.scss */
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes ui-spinner-rotate-left {
|
||||
/* line 72, ../../src/sass/messenger-spinner.scss */
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 73, ../../src/sass/messenger-spinner.scss */
|
||||
25% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 74, ../../src/sass/messenger-spinner.scss */
|
||||
50% {
|
||||
-webkit-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 75, ../../src/sass/messenger-spinner.scss */
|
||||
75% {
|
||||
-webkit-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 76, ../../src/sass/messenger-spinner.scss */
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes ui-spinner-rotate-right {
|
||||
/* line 80, ../../src/sass/messenger-spinner.scss */
|
||||
0% {
|
||||
-moz-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 81, ../../src/sass/messenger-spinner.scss */
|
||||
25% {
|
||||
-moz-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 82, ../../src/sass/messenger-spinner.scss */
|
||||
50% {
|
||||
-moz-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 83, ../../src/sass/messenger-spinner.scss */
|
||||
75% {
|
||||
-moz-transform: rotate(360deg);
|
||||
}
|
||||
|
||||
/* line 84, ../../src/sass/messenger-spinner.scss */
|
||||
100% {
|
||||
-moz-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes ui-spinner-rotate-left {
|
||||
/* line 88, ../../src/sass/messenger-spinner.scss */
|
||||
0% {
|
||||
-moz-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 89, ../../src/sass/messenger-spinner.scss */
|
||||
25% {
|
||||
-moz-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 90, ../../src/sass/messenger-spinner.scss */
|
||||
50% {
|
||||
-moz-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 91, ../../src/sass/messenger-spinner.scss */
|
||||
75% {
|
||||
-moz-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 92, ../../src/sass/messenger-spinner.scss */
|
||||
100% {
|
||||
-moz-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ui-spinner-rotate-right {
|
||||
/* line 96, ../../src/sass/messenger-spinner.scss */
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 97, ../../src/sass/messenger-spinner.scss */
|
||||
25% {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 98, ../../src/sass/messenger-spinner.scss */
|
||||
50% {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 99, ../../src/sass/messenger-spinner.scss */
|
||||
75% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
|
||||
/* line 100, ../../src/sass/messenger-spinner.scss */
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ui-spinner-rotate-left {
|
||||
/* line 104, ../../src/sass/messenger-spinner.scss */
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 105, ../../src/sass/messenger-spinner.scss */
|
||||
25% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 106, ../../src/sass/messenger-spinner.scss */
|
||||
50% {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 107, ../../src/sass/messenger-spinner.scss */
|
||||
75% {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 108, ../../src/sass/messenger-spinner.scss */
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
/* line 116, ../../src/sass/messenger-spinner.scss */
|
||||
.messenger-spinner {
|
||||
position: relative;
|
||||
border-radius: 100%;
|
||||
}
|
||||
/* line 120, ../../src/sass/messenger-spinner.scss */
|
||||
ul.messenger.messenger-spinner-active .messenger-spinner .messenger-spinner {
|
||||
display: block;
|
||||
}
|
||||
/* line 124, ../../src/sass/messenger-spinner.scss */
|
||||
.messenger-spinner .messenger-spinner-side {
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
}
|
||||
/* line 130, ../../src/sass/messenger-spinner.scss */
|
||||
.messenger-spinner .messenger-spinner-side .messenger-spinner-fill {
|
||||
border-radius: 999px;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-animation-iteration-count: infinite;
|
||||
-moz-animation-iteration-count: infinite;
|
||||
-ms-animation-iteration-count: infinite;
|
||||
-o-animation-iteration-count: infinite;
|
||||
animation-iteration-count: infinite;
|
||||
-webkit-animation-timing-function: linear;
|
||||
-moz-animation-timing-function: linear;
|
||||
-ms-animation-timing-function: linear;
|
||||
-o-animation-timing-function: linear;
|
||||
animation-timing-function: linear;
|
||||
}
|
||||
/* line 140, ../../src/sass/messenger-spinner.scss */
|
||||
.messenger-spinner .messenger-spinner-side-left {
|
||||
left: 0;
|
||||
}
|
||||
/* line 143, ../../src/sass/messenger-spinner.scss */
|
||||
.messenger-spinner .messenger-spinner-side-left .messenger-spinner-fill {
|
||||
left: 100%;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
-webkit-animation-name: ui-spinner-rotate-left;
|
||||
-moz-animation-name: ui-spinner-rotate-left;
|
||||
-ms-animation-name: ui-spinner-rotate-left;
|
||||
-o-animation-name: ui-spinner-rotate-left;
|
||||
animation-name: ui-spinner-rotate-left;
|
||||
-webkit-transform-origin: 0 50%;
|
||||
-moz-transform-origin: 0 50%;
|
||||
-ms-transform-origin: 0 50%;
|
||||
-o-transform-origin: 0 50%;
|
||||
transform-origin: 0 50%;
|
||||
}
|
||||
/* line 152, ../../src/sass/messenger-spinner.scss */
|
||||
.messenger-spinner .messenger-spinner-side-right {
|
||||
left: 50%;
|
||||
}
|
||||
/* line 155, ../../src/sass/messenger-spinner.scss */
|
||||
.messenger-spinner .messenger-spinner-side-right .messenger-spinner-fill {
|
||||
left: -100%;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
-webkit-animation-name: ui-spinner-rotate-right;
|
||||
-moz-animation-name: ui-spinner-rotate-right;
|
||||
-ms-animation-name: ui-spinner-rotate-right;
|
||||
-o-animation-name: ui-spinner-rotate-right;
|
||||
animation-name: ui-spinner-rotate-right;
|
||||
-webkit-transform-origin: 100% 50%;
|
||||
-moz-transform-origin: 100% 50%;
|
||||
-ms-transform-origin: 100% 50%;
|
||||
-o-transform-origin: 100% 50%;
|
||||
transform-origin: 100% 50%;
|
||||
}
|
||||
|
||||
/* line 15, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future {
|
||||
-webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.24), 0px 1px 5px rgba(0, 0, 0, 0.6);
|
||||
-moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.24), 0px 1px 5px rgba(0, 0, 0, 0.6);
|
||||
box-shadow: inset 0px 1px rgba(255, 255, 255, 0.24), 0px 1px 5px rgba(0, 0, 0, 0.6);
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5c5b5b), color-stop(100%, #353535));
|
||||
background-image: -webkit-linear-gradient(#5c5b5b, #353535);
|
||||
background-image: -moz-linear-gradient(#5c5b5b, #353535);
|
||||
background-image: -o-linear-gradient(#5c5b5b, #353535);
|
||||
background-image: linear-gradient(#5c5b5b, #353535);
|
||||
background-color: #5c5b5b;
|
||||
border: 1px solid rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
/* line 23, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message {
|
||||
-webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 0px -1px rgba(0, 0, 0, 0.23), inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
|
||||
-moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 0px -1px rgba(0, 0, 0, 0.23), inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
|
||||
box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 0px -1px rgba(0, 0, 0, 0.23), inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
-ms-border-radius: 0px;
|
||||
-o-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
position: relative;
|
||||
border: 0px;
|
||||
margin-bottom: 0px;
|
||||
font-size: 13px;
|
||||
background: transparent;
|
||||
color: #f0f0f0;
|
||||
text-shadow: 0px 1px #111111;
|
||||
font-weight: 500;
|
||||
padding: 10px 30px 13px 65px;
|
||||
}
|
||||
/* line 36, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message a {
|
||||
color: #5599ff;
|
||||
}
|
||||
/* line 39, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message .messenger-close {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
color: #888888;
|
||||
text-shadow: 0px 1px black;
|
||||
opacity: 1;
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
font-size: 20px;
|
||||
line-height: 20px;
|
||||
padding: 8px 10px 7px 7px;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
/* line 56, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message .messenger-close:hover {
|
||||
color: #bbbbbb;
|
||||
}
|
||||
/* line 59, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message .messenger-close:active {
|
||||
color: #777777;
|
||||
}
|
||||
/* line 62, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message .messenger-actions {
|
||||
float: none;
|
||||
margin-top: 10px;
|
||||
}
|
||||
/* line 66, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message .messenger-actions a {
|
||||
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.1);
|
||||
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.1);
|
||||
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.1);
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
padding: 10px;
|
||||
color: #aaaaaa;
|
||||
text-shadow: 0px 1px #222222;
|
||||
margin-right: 10px;
|
||||
padding: 3px 10px 5px;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
/* line 78, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message .messenger-actions a:hover {
|
||||
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.2);
|
||||
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.2);
|
||||
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.2);
|
||||
color: #f0f0f0;
|
||||
}
|
||||
/* line 82, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message .messenger-actions a:active {
|
||||
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.28), inset 0px 1px rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.28), inset 0px 1px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.28), inset 0px 1px rgba(0, 0, 0, 0.1);
|
||||
background: rgba(0, 0, 0, 0.04);
|
||||
color: #aaaaaa;
|
||||
}
|
||||
/* line 87, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message .messenger-actions .messenger-phrase {
|
||||
display: none;
|
||||
}
|
||||
/* line 90, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message .messenger-message-inner:before {
|
||||
-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.6), 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.6), 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.6), 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
|
||||
-webkit-border-radius: 50%;
|
||||
-moz-border-radius: 50%;
|
||||
-ms-border-radius: 50%;
|
||||
-o-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
left: 17px;
|
||||
display: block;
|
||||
content: " ";
|
||||
top: 50%;
|
||||
margin-top: -8px;
|
||||
height: 13px;
|
||||
width: 13px;
|
||||
z-index: 20;
|
||||
}
|
||||
/* line 103, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message.alert-success .messenger-message-inner:before {
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5fca4a), color-stop(100%, #098d38));
|
||||
background-image: -webkit-linear-gradient(top, #5fca4a, #098d38);
|
||||
background-image: -moz-linear-gradient(top, #5fca4a, #098d38);
|
||||
background-image: -o-linear-gradient(top, #5fca4a, #098d38);
|
||||
background-image: linear-gradient(top, #5fca4a, #098d38);
|
||||
background-color: #5fca4a;
|
||||
}
|
||||
/* line 107, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message.alert-info .messenger-message-inner:before {
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #61c4b8), color-stop(100%, #1992a3));
|
||||
background-image: -webkit-linear-gradient(top, #61c4b8, #1992a3);
|
||||
background-image: -moz-linear-gradient(top, #61c4b8, #1992a3);
|
||||
background-image: -o-linear-gradient(top, #61c4b8, #1992a3);
|
||||
background-image: linear-gradient(top, #61c4b8, #1992a3);
|
||||
background-color: #61c4b8;
|
||||
}
|
||||
/* line 113, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message.alert-error .messenger-message-inner:before {
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dd6a45), color-stop(100%, #91361a));
|
||||
background-image: -webkit-linear-gradient(top, #dd6a45, #91361a);
|
||||
background-image: -moz-linear-gradient(top, #dd6a45, #91361a);
|
||||
background-image: -o-linear-gradient(top, #dd6a45, #91361a);
|
||||
background-image: linear-gradient(top, #dd6a45, #91361a);
|
||||
background-color: #dd6a45;
|
||||
}
|
||||
/* line 32, ../../src/sass/messenger-spinner.scss */
|
||||
ul.messenger-theme-future .messenger-message.alert-error.messenger-retry-soon .messenger-spinner {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
background: transparent;
|
||||
}
|
||||
/* line 37, ../../src/sass/messenger-spinner.scss */
|
||||
ul.messenger-theme-future .messenger-message.alert-error.messenger-retry-soon .messenger-spinner .messenger-spinner-side .messenger-spinner-fill {
|
||||
background: #dd6a45;
|
||||
-webkit-animation-duration: 20s;
|
||||
-moz-animation-duration: 20s;
|
||||
-ms-animation-duration: 20s;
|
||||
-o-animation-duration: 20s;
|
||||
animation-duration: 20s;
|
||||
opacity: 1;
|
||||
}
|
||||
/* line 45, ../../src/sass/messenger-spinner.scss */
|
||||
ul.messenger-theme-future .messenger-message.alert-error.messenger-retry-soon .messenger-spinner:after {
|
||||
content: "";
|
||||
background: #333333;
|
||||
position: absolute;
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
border-radius: 50%;
|
||||
top: 3px;
|
||||
left: 3px;
|
||||
display: block;
|
||||
}
|
||||
/* line 32, ../../src/sass/messenger-spinner.scss */
|
||||
ul.messenger-theme-future .messenger-message.alert-error.messenger-retry-later .messenger-spinner {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
background: transparent;
|
||||
}
|
||||
/* line 37, ../../src/sass/messenger-spinner.scss */
|
||||
ul.messenger-theme-future .messenger-message.alert-error.messenger-retry-later .messenger-spinner .messenger-spinner-side .messenger-spinner-fill {
|
||||
background: #dd6a45;
|
||||
-webkit-animation-duration: 600s;
|
||||
-moz-animation-duration: 600s;
|
||||
-ms-animation-duration: 600s;
|
||||
-o-animation-duration: 600s;
|
||||
animation-duration: 600s;
|
||||
opacity: 1;
|
||||
}
|
||||
/* line 45, ../../src/sass/messenger-spinner.scss */
|
||||
ul.messenger-theme-future .messenger-message.alert-error.messenger-retry-later .messenger-spinner:after {
|
||||
content: "";
|
||||
background: #333333;
|
||||
position: absolute;
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
border-radius: 50%;
|
||||
top: 3px;
|
||||
left: 3px;
|
||||
display: block;
|
||||
}
|
||||
/* line 125, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message-slot.messenger-last .messenger-message {
|
||||
-webkit-border-radius: 4px 4px 0px 0px;
|
||||
-moz-border-radius: 4px 4px 0px 0px;
|
||||
-ms-border-radius: 4px 4px 0px 0px;
|
||||
-o-border-radius: 4px 4px 0px 0px;
|
||||
border-radius: 4px 4px 0px 0px;
|
||||
}
|
||||
/* line 128, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message-slot.messenger-first .messenger-message {
|
||||
-webkit-border-radius: 0px 0px 4px 4px;
|
||||
-moz-border-radius: 0px 0px 4px 4px;
|
||||
-ms-border-radius: 0px 0px 4px 4px;
|
||||
-o-border-radius: 0px 0px 4px 4px;
|
||||
border-radius: 0px 0px 4px 4px;
|
||||
-webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
|
||||
-moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
|
||||
box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
|
||||
}
|
||||
/* line 132, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message-slot.messenger-first.messenger-last .messenger-message {
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
-webkit-box-shadow: inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
|
||||
-moz-box-shadow: inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
|
||||
box-shadow: inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
|
||||
}
|
||||
/* line 136, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-spinner {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 7px;
|
||||
top: 50%;
|
||||
margin-top: -18px;
|
||||
z-index: 999;
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
z-index: 10;
|
||||
}
|
@ -0,0 +1,101 @@
|
||||
/* line 4, ../../src/sass/messenger.sass */
|
||||
ul.messenger {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
/* line 8, ../../src/sass/messenger.sass */
|
||||
ul.messenger > li {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
/* line 14, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-empty {
|
||||
display: none;
|
||||
}
|
||||
/* line 17, ../../src/sass/messenger.sass */
|
||||
ul.messenger .messenger-message {
|
||||
overflow: hidden;
|
||||
*zoom: 1;
|
||||
}
|
||||
/* line 20, ../../src/sass/messenger.sass */
|
||||
ul.messenger .messenger-message.messenger-hidden {
|
||||
display: none;
|
||||
}
|
||||
/* line 23, ../../src/sass/messenger.sass */
|
||||
ul.messenger .messenger-message .messenger-phrase, ul.messenger .messenger-message .messenger-actions a {
|
||||
padding-right: 5px;
|
||||
}
|
||||
/* line 26, ../../src/sass/messenger.sass */
|
||||
ul.messenger .messenger-message .messenger-actions {
|
||||
float: right;
|
||||
}
|
||||
/* line 29, ../../src/sass/messenger.sass */
|
||||
ul.messenger .messenger-message .messenger-actions a {
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
}
|
||||
/* line 33, ../../src/sass/messenger.sass */
|
||||
ul.messenger .messenger-message ul, ul.messenger .messenger-message ol {
|
||||
margin: 10px 18px 0;
|
||||
}
|
||||
/* line 36, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-fixed {
|
||||
position: fixed;
|
||||
z-index: 10000;
|
||||
}
|
||||
/* line 40, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-fixed .messenger-message {
|
||||
min-width: 0;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
/* line 45, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-fixed .message .messenger-actions {
|
||||
float: left;
|
||||
}
|
||||
/* line 48, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-fixed.messenger-on-top {
|
||||
top: 20px;
|
||||
}
|
||||
/* line 51, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-fixed.messenger-on-bottom {
|
||||
bottom: 20px;
|
||||
}
|
||||
/* line 54, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-fixed.messenger-on-top, ul.messenger.messenger-fixed.messenger-on-bottom {
|
||||
left: 50%;
|
||||
width: 800px;
|
||||
margin-left: -400px;
|
||||
}
|
||||
@media (max-width: 960px) {
|
||||
/* line 54, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-fixed.messenger-on-top, ul.messenger.messenger-fixed.messenger-on-bottom {
|
||||
left: 10%;
|
||||
width: 80%;
|
||||
margin-left: 0px;
|
||||
}
|
||||
}
|
||||
/* line 64, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-fixed.messenger-on-top.messenger-on-right, ul.messenger.messenger-fixed.messenger-on-bottom.messenger-on-right {
|
||||
right: 20px;
|
||||
left: auto;
|
||||
}
|
||||
/* line 68, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-fixed.messenger-on-top.messenger-on-left, ul.messenger.messenger-fixed.messenger-on-bottom.messenger-on-left {
|
||||
left: 20px;
|
||||
margin-left: 0px;
|
||||
}
|
||||
/* line 72, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-fixed.messenger-on-right, ul.messenger.messenger-fixed.messenger-on-left {
|
||||
width: 350px;
|
||||
}
|
||||
/* line 75, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-fixed.messenger-on-right .messenger-actions, ul.messenger.messenger-fixed.messenger-on-left .messenger-actions {
|
||||
float: left;
|
||||
}
|
||||
/* line 78, ../../src/sass/messenger.sass */
|
||||
ul.messenger .messenger-spinner {
|
||||
display: none;
|
||||
}
|
Loading…
Reference in new issue