shenmegui 0.1.1 → 0.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/lib/shenmegui.rb +2 -0
- data/lib/shenmegui/controls.rb +30 -14
- data/lib/shenmegui/core.rb +39 -26
- data/lib/shenmegui/file_dialog.rb +87 -0
- data/static/script.js +65 -20
- data/static/style.css +134 -20
- data/templates/body.erb +1 -1
- data/templates/button.erb +1 -1
- data/templates/checkbox.erb +1 -4
- data/templates/flow.erb +1 -1
- data/templates/form.erb +9 -0
- data/templates/image.erb +1 -1
- data/templates/label.erb +1 -0
- data/templates/progress.erb +2 -5
- data/templates/radio.erb +1 -6
- data/templates/select.erb +1 -5
- data/templates/textarea.erb +1 -1
- data/templates/textline.erb +1 -1
- metadata +5 -3
- data/static/semantic-ui-custom.css +0 -8
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: c772432b24c0ad26a2acafc6797d524670c29e41
|
4
|
+
data.tar.gz: ecedbdae35216ca5987b6267abb129c2eec4af04
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: d483ee5d7d923a68c88e962e388a162cd611d725c39f1cf83387b61f60fbd370ec62372e2c37db9c3ed769b143e7827e7af8a1f02ff34731b097c05bc2d02856
|
7
|
+
data.tar.gz: dccf63baca59d1893c2aca78cd7f0a53ecd9a40343e374254fdb0aec330d8c123c644cd51960778d641aa0326ba10fd33a9879c0da19521671a075b62a5ac02e
|
data/lib/shenmegui.rb
CHANGED
data/lib/shenmegui/controls.rb
CHANGED
@@ -25,7 +25,6 @@ module ShenmeGUI
|
|
25
25
|
define_method("#{x}=") do |v|
|
26
26
|
v = hook v
|
27
27
|
@properties[x] = v
|
28
|
-
send(@validator[x]) if @validator[x]
|
29
28
|
sync
|
30
29
|
end
|
31
30
|
end
|
@@ -40,7 +39,7 @@ module ShenmeGUI
|
|
40
39
|
|
41
40
|
end
|
42
41
|
|
43
|
-
available_events = %w{click input dblclick mouseover mouseout blur focus mousemove change}.collect(&:to_sym)
|
42
|
+
available_events = %w{click input dblclick mouseover mouseout blur focus mousemove mousedown mouseup change}.collect(&:to_sym)
|
44
43
|
available_events.each do |x|
|
45
44
|
define_method("on#{x}") do |&block|
|
46
45
|
return events[x] if block.nil?
|
@@ -56,6 +55,16 @@ module ShenmeGUI
|
|
56
55
|
ShenmeGUI.socket.send(msg)
|
57
56
|
end
|
58
57
|
|
58
|
+
def focus
|
59
|
+
msg = "focus:#{@id}"
|
60
|
+
ShenmeGUI.socket.send(msg)
|
61
|
+
end
|
62
|
+
|
63
|
+
def update(data)
|
64
|
+
data = Hash[data.keys.collect(&:to_sym).zip(data.values.collect{|x| hook(x)})]
|
65
|
+
@properties.update(data)
|
66
|
+
end
|
67
|
+
|
59
68
|
def add_events
|
60
69
|
data = @events.keys
|
61
70
|
msg = "add_event:#{@id}->#{data.to_json}"
|
@@ -63,12 +72,11 @@ module ShenmeGUI
|
|
63
72
|
end
|
64
73
|
|
65
74
|
def initialize(params={})
|
66
|
-
@properties = params
|
75
|
+
@properties = Hash[params.keys.collect(&:to_sym).zip(params.values.collect{|x| hook(x)})]
|
67
76
|
@id = ShenmeGUI.elements.size
|
68
77
|
ShenmeGUI.elements << self
|
69
78
|
@children = []
|
70
79
|
@events = {}
|
71
|
-
@validator = {}
|
72
80
|
end
|
73
81
|
|
74
82
|
def render(material = {})
|
@@ -83,7 +91,7 @@ module ShenmeGUI
|
|
83
91
|
def validate(params)
|
84
92
|
end
|
85
93
|
|
86
|
-
property :width, :height, :background, :
|
94
|
+
property :width, :height, :font, :background, :margin, :border
|
87
95
|
|
88
96
|
end
|
89
97
|
|
@@ -91,13 +99,17 @@ module ShenmeGUI
|
|
91
99
|
def render
|
92
100
|
gem_path = $LOADED_FEATURES.grep(/.*\/lib\/shenmegui/)[0].match(/(.*)\/lib/)[1]
|
93
101
|
static_path = gem_path + "/static"
|
94
|
-
style = %w{
|
102
|
+
style = %w{style}.collect{|x| File.read("#{static_path}/#{x}.css")}.join("\n")
|
95
103
|
script = File.read("#{static_path}/script.js")
|
96
104
|
super({style: style, script: script})
|
97
105
|
end
|
98
106
|
|
99
107
|
end
|
100
108
|
|
109
|
+
class Form < Base
|
110
|
+
property :title
|
111
|
+
end
|
112
|
+
|
101
113
|
class Button < Base
|
102
114
|
property :text, :state
|
103
115
|
shortcut :text
|
@@ -105,17 +117,17 @@ module ShenmeGUI
|
|
105
117
|
end
|
106
118
|
|
107
119
|
class Textline < Base
|
108
|
-
property :text
|
120
|
+
property :text
|
109
121
|
shortcut :text
|
110
122
|
|
111
123
|
end
|
112
124
|
|
113
125
|
class Textarea < Base
|
114
|
-
property :text
|
126
|
+
property :text
|
115
127
|
shortcut :text
|
116
128
|
|
117
129
|
def <<(t)
|
118
|
-
text << t
|
130
|
+
text << "\n#{t}"
|
119
131
|
sync
|
120
132
|
end
|
121
133
|
end
|
@@ -132,13 +144,12 @@ module ShenmeGUI
|
|
132
144
|
end
|
133
145
|
|
134
146
|
class Checkbox < Base
|
135
|
-
property :
|
136
|
-
shortcut :
|
137
|
-
|
147
|
+
property :options, :checked, :arrange
|
148
|
+
shortcut :options
|
138
149
|
end
|
139
150
|
|
140
151
|
class Progress < Base
|
141
|
-
property :percent
|
152
|
+
property :percent
|
142
153
|
shortcut :percent
|
143
154
|
|
144
155
|
def validate(params)
|
@@ -148,7 +159,7 @@ module ShenmeGUI
|
|
148
159
|
end
|
149
160
|
|
150
161
|
class Radio < Base
|
151
|
-
property :options, :checked
|
162
|
+
property :options, :checked, :arrange
|
152
163
|
shortcut :options
|
153
164
|
end
|
154
165
|
|
@@ -157,6 +168,11 @@ module ShenmeGUI
|
|
157
168
|
shortcut :options
|
158
169
|
end
|
159
170
|
|
171
|
+
class Label < Base
|
172
|
+
property :text
|
173
|
+
shortcut :text
|
174
|
+
end
|
175
|
+
|
160
176
|
controls = constants.reject{|x| x==:Base}
|
161
177
|
controls.each do |x|
|
162
178
|
ShenmeGUI.singleton_class.instance_eval do
|
data/lib/shenmegui/core.rb
CHANGED
@@ -40,61 +40,74 @@ module ShenmeGUI
|
|
40
40
|
end
|
41
41
|
|
42
42
|
class << self
|
43
|
-
attr_accessor :
|
44
|
-
attr_reader :this
|
45
|
-
|
46
|
-
def hook(obj, target)
|
47
|
-
case obj
|
48
|
-
when String
|
49
|
-
HookedString.new(obj, target)
|
50
|
-
when Array
|
51
|
-
HookedArray.new(obj, target)
|
52
|
-
else
|
53
|
-
obj
|
54
|
-
end
|
55
|
-
end
|
43
|
+
attr_accessor :socket
|
44
|
+
attr_reader :this, :elements
|
56
45
|
|
57
46
|
def handle(msg)
|
58
47
|
match_data = msg.match(/(.+?):(\d+)(?:->)?({.+?})?/)
|
59
48
|
command = match_data[1].to_sym
|
60
49
|
id = match_data[2].to_i
|
61
|
-
target = elements[id]
|
62
|
-
if match_data[3]
|
63
|
-
data = JSON.parse(match_data[3])
|
64
|
-
data = Hash[data.keys.collect(&:to_sym).zip(data.values.collect{|x| hook(x, target)})]
|
65
|
-
end
|
50
|
+
target = @elements[id]
|
51
|
+
data = JSON.parse(match_data[3]) if match_data[3]
|
66
52
|
case command
|
67
53
|
when :sync
|
68
|
-
target.
|
54
|
+
target.update(data)
|
69
55
|
else
|
70
|
-
event_lambda =
|
71
|
-
@this = elements[id]
|
72
|
-
|
56
|
+
event_lambda = target.events[command]
|
57
|
+
@this = @elements[id]
|
58
|
+
ShenmeGUI.instance_exec(&event_lambda) if event_lambda
|
73
59
|
@this = nil
|
74
|
-
result
|
75
60
|
|
76
61
|
end
|
77
62
|
target
|
78
63
|
end
|
79
64
|
|
80
65
|
def app(params={}, &block)
|
81
|
-
|
82
|
-
File.open('index.html', 'w'){ |f| f.write elements[0].render }
|
66
|
+
body(params, &block)
|
67
|
+
File.open('index.html', 'w'){ |f| f.write @elements[0].render }
|
83
68
|
nil
|
84
69
|
end
|
85
70
|
|
71
|
+
def alert(msg)
|
72
|
+
data = {message: msg}
|
73
|
+
@socket.send("alert:0->#{data.to_json}")
|
74
|
+
end
|
75
|
+
|
76
|
+
# def data_url(path)
|
77
|
+
# extension = path.match(/\.(.+)$/)[1]
|
78
|
+
# file = File.open(path, 'r'){|f| f.read}
|
79
|
+
# "data:image/#{extension.downcase};base64,#{Base64.encode64(file)}"
|
80
|
+
# end
|
86
81
|
end
|
87
82
|
|
88
83
|
@elements = []
|
89
84
|
@temp_stack = []
|
90
85
|
|
86
|
+
def self.debug!
|
87
|
+
Thread.new do
|
88
|
+
ShenmeGUI.instance_eval do
|
89
|
+
bind = binding
|
90
|
+
while true
|
91
|
+
begin
|
92
|
+
command = $stdin.gets.chomp
|
93
|
+
result = eval command, bind
|
94
|
+
puts "=> #{result}"
|
95
|
+
rescue
|
96
|
+
puts "#{$!}"
|
97
|
+
end
|
98
|
+
end
|
99
|
+
end
|
100
|
+
|
101
|
+
end
|
102
|
+
end
|
103
|
+
|
91
104
|
def self.start!
|
92
105
|
ws_thread = Thread.new do
|
93
106
|
EM.run do
|
94
107
|
EM::WebSocket.run(:host => "0.0.0.0", :port => 80) do |ws|
|
95
108
|
ws.onopen do
|
96
109
|
puts "WebSocket connection open"
|
97
|
-
elements.each { |e| e.add_events; e.sync }
|
110
|
+
@elements.each { |e| e.add_events; e.sync }
|
98
111
|
end
|
99
112
|
|
100
113
|
ws.onclose { puts "Connection closed" }
|
@@ -0,0 +1,87 @@
|
|
1
|
+
require 'fiddle'
|
2
|
+
require 'fiddle/import'
|
3
|
+
require 'fiddle/types'
|
4
|
+
|
5
|
+
module ShenmeGUI
|
6
|
+
module FileDialog
|
7
|
+
extend Fiddle::Importer
|
8
|
+
dlload 'comdlg32', 'user32'
|
9
|
+
include Fiddle::Win32Types
|
10
|
+
Struct_OPENFILENAME = struct <<-EOS.gsub %r{^\s+}, ''
|
11
|
+
DWORD lStructSize,
|
12
|
+
HWND hwndOwner,
|
13
|
+
HINSTANCE hInstance,
|
14
|
+
LPCSTR lpstrFilter,
|
15
|
+
LPSTR lpstrCustomFilter,
|
16
|
+
DWORD nMaxCustFilter,
|
17
|
+
DWORD nFilterIndex,
|
18
|
+
LPSTR lpstrFile,
|
19
|
+
DWORD nMaxFile,
|
20
|
+
LPSTR lpstrFileTitle,
|
21
|
+
DWORD nMaxFileTitle,
|
22
|
+
LPCSTR lpstrInitialDir,
|
23
|
+
LPCSTR lpstrTitle,
|
24
|
+
DWORD Flags,
|
25
|
+
WORD nFileOffset,
|
26
|
+
WORD nFileExtension,
|
27
|
+
LPCSTR lpstrDefExt,
|
28
|
+
long* lCustData,
|
29
|
+
int lpfnHook,
|
30
|
+
LPCSTR lpTemplateName
|
31
|
+
EOS
|
32
|
+
extern 'BOOL GetOpenFileName(struct OPENFILENAME*)'
|
33
|
+
extern 'BOOL GetSaveFileName(struct OPENFILENAME*)'
|
34
|
+
extern 'HWND GetForegroundWindow()'
|
35
|
+
|
36
|
+
def self.construct_OPENFILENAME(params={})
|
37
|
+
filter = params[:filter] ? "#{params[:filter]}\0#{params[:filter]}\0\0" : 0
|
38
|
+
title = params[:title] || 0
|
39
|
+
flags = 0x00880000
|
40
|
+
flags += 0x00000200 if params[:multiselect]
|
41
|
+
flags += 0x10000000 if params[:showhidden]
|
42
|
+
|
43
|
+
path = "\0" * 1024
|
44
|
+
ofn = Struct_OPENFILENAME.malloc
|
45
|
+
ofn.lStructSize = sizeof(ofn)
|
46
|
+
ofn.hwndOwner = self.GetForegroundWindow
|
47
|
+
ofn.lpstrFilter = filter
|
48
|
+
ofn.lpstrCustomFilter = 0
|
49
|
+
ofn.nMaxCustFilter = 0
|
50
|
+
ofn.nFilterIndex = 0
|
51
|
+
ofn.lpstrFile = path
|
52
|
+
ofn.nMaxFile = path.size
|
53
|
+
ofn.lpstrFileTitle = 0
|
54
|
+
ofn.nMaxFileTitle = 0
|
55
|
+
ofn.lpstrInitialDir = 0
|
56
|
+
ofn.lpstrTitle = title
|
57
|
+
ofn.nFileOffset = 0
|
58
|
+
ofn.nFileExtension = 0
|
59
|
+
ofn.lpstrDefExt = 0
|
60
|
+
ofn.lCustData = 0
|
61
|
+
ofn.lpfnHook = 0
|
62
|
+
ofn.lpTemplateName = 0
|
63
|
+
|
64
|
+
ofn.Flags = flags
|
65
|
+
|
66
|
+
[ofn, path]
|
67
|
+
end
|
68
|
+
|
69
|
+
def self.get_open_file_name(params={})
|
70
|
+
ofn, path = construct_OPENFILENAME(params)
|
71
|
+
GetOpenFileName(ofn)
|
72
|
+
ofn = nil
|
73
|
+
path = path.split("\0")
|
74
|
+
path = path[1..-1].collect{|x| "#{path[0]}\\#{x}"} if path.size > 1
|
75
|
+
path.collect{|x| x.force_encoding('GBK').encode('UTF-8')}
|
76
|
+
path.size > 1 ? path : path[0]
|
77
|
+
end
|
78
|
+
|
79
|
+
def self.get_save_file_name(params={})
|
80
|
+
ofn, path = construct_OPENFILENAME(params)
|
81
|
+
GetSaveFileName(ofn)
|
82
|
+
ofn = nil
|
83
|
+
path.force_encoding('GBK').encode('UTF-8')
|
84
|
+
end
|
85
|
+
|
86
|
+
end
|
87
|
+
end
|
data/static/script.js
CHANGED
@@ -40,7 +40,12 @@ var changeListeners = {
|
|
40
40
|
checkbox: {
|
41
41
|
event: 'change',
|
42
42
|
function: (function(){
|
43
|
-
|
43
|
+
var options = this.getElementsByTagName('input');
|
44
|
+
var checked = [];
|
45
|
+
for(var i=0;i<options.length;i++){
|
46
|
+
if(options[i].checked==true) checked.push(options[i].value);
|
47
|
+
}
|
48
|
+
this.properties.checked = checked;
|
44
49
|
sync(this);
|
45
50
|
})
|
46
51
|
},
|
@@ -85,11 +90,21 @@ function getId(obj){
|
|
85
90
|
}
|
86
91
|
|
87
92
|
var syncHandlers = {
|
88
|
-
|
93
|
+
base: (function(target, data){
|
94
|
+
var properties = ['width', 'height', 'font', 'margin', 'background', 'border'];
|
95
|
+
for(var i=0;i<properties.length;i++){
|
96
|
+
if(data[properties[i]]!=undefined) target.style[properties[i]] = data[properties[i]];
|
97
|
+
}
|
98
|
+
}),
|
99
|
+
|
89
100
|
body: (function(target, data){
|
90
101
|
|
91
102
|
}),
|
92
103
|
|
104
|
+
form: (function(target, data){
|
105
|
+
target.getElementsByClassName('title')[0].getElementsByTagName('span')[0].innerText = data.title;
|
106
|
+
}),
|
107
|
+
|
93
108
|
button: (function(target, data){
|
94
109
|
target.innerText = data.text;
|
95
110
|
}),
|
@@ -111,65 +126,95 @@ var syncHandlers = {
|
|
111
126
|
}),
|
112
127
|
|
113
128
|
progress: (function(target, data){
|
114
|
-
var label = target.getElementsByClassName('label')[0];
|
115
129
|
var bar = target.getElementsByClassName('bar')[0];
|
116
|
-
var progress = target.getElementsByClassName('progress')[0];
|
117
130
|
bar.style.width = data.percent.toString() + '%';
|
118
|
-
if(data.text) label.innerText = data.text;
|
119
|
-
progress.innerText = data.percent.toString() + '%';
|
120
131
|
}),
|
121
132
|
|
122
133
|
checkbox: (function(target, data){
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
if(data.checked != undefined) checkbox.checked = data.checked;
|
127
|
-
}),
|
128
|
-
|
129
|
-
select: (function(target, data){
|
130
|
-
var options = target.getElementsByTagName('option');
|
134
|
+
if(data.arrange=='horizontal') target.className = 'flow';
|
135
|
+
if(data.arrange=='vertical') target.className = 'stack';
|
136
|
+
var options = target.children;
|
131
137
|
for(var i=0;i<options.length;) target.removeChild(options[i]);
|
132
138
|
for(var i=0;i<data.options.length;i++){
|
133
|
-
var option = document.createElement('
|
134
|
-
option.
|
135
|
-
|
139
|
+
var option = document.createElement('div');
|
140
|
+
option.className = "option";
|
141
|
+
var input = document.createElement('input');
|
142
|
+
var label = document.createElement('label');
|
143
|
+
input.type = 'checkbox';
|
144
|
+
input.value = data.options[i];
|
145
|
+
label.innerText = data.options[i];
|
146
|
+
option.appendChild(input);
|
147
|
+
option.appendChild(label);
|
136
148
|
target.appendChild(option);
|
149
|
+
if(data.checked!=undefined){
|
150
|
+
for(var j=0;j<data.checked.length;j++){
|
151
|
+
if(data.checked[j] == data.options[i]) input.checked = true;
|
152
|
+
}
|
153
|
+
}
|
137
154
|
}
|
155
|
+
|
138
156
|
}),
|
139
157
|
|
140
158
|
radio: (function(target, data){
|
159
|
+
if(data.arrange=='horizontal') target.className = 'flow';
|
160
|
+
if(data.arrange=='vertical') target.className = 'stack';
|
141
161
|
var options = target.children;
|
142
162
|
for(var i=0;i<options.length;) target.removeChild(options[i]);
|
143
163
|
for(var i=0;i<data.options.length;i++){
|
144
164
|
var option = document.createElement('div');
|
145
|
-
option.className=
|
165
|
+
option.className = "option";
|
146
166
|
var input = document.createElement('input');
|
147
167
|
var label = document.createElement('label');
|
148
168
|
input.type="radio";
|
149
169
|
input.value = data.options[i];
|
150
|
-
input.className = "checkbox";
|
151
170
|
input.name = "radio";
|
152
171
|
label.innerText = data.options[i];
|
153
172
|
option.appendChild(input);
|
154
173
|
option.appendChild(label);
|
155
174
|
target.appendChild(option);
|
175
|
+
if(data.checked!=undefined && data.checked == input.value){
|
176
|
+
input.checked = true;
|
177
|
+
}
|
178
|
+
}
|
179
|
+
}),
|
180
|
+
|
181
|
+
select: (function(target, data){
|
182
|
+
var options = target.getElementsByTagName('option');
|
183
|
+
for(var i=0;i<options.length;) target.removeChild(options[i]);
|
184
|
+
for(var i=0;i<data.options.length;i++){
|
185
|
+
var option = document.createElement('option');
|
186
|
+
option.value = data.options[i];
|
187
|
+
option.innerText = data.options[i];
|
188
|
+
target.appendChild(option);
|
156
189
|
}
|
190
|
+
}),
|
191
|
+
|
192
|
+
label: (function(target, data){
|
193
|
+
target.innerText = data.text;
|
157
194
|
})
|
195
|
+
|
158
196
|
};
|
159
197
|
|
160
198
|
function handleMessage(msg){
|
161
199
|
var match_data = msg.match(/(.+?):(\d+)(?:->)?(.+)?/);
|
162
200
|
var command = match_data[1];
|
163
201
|
var target = document.getElementById('item-' + match_data[2]);
|
164
|
-
var data = JSON.parse(match_data[3]);
|
202
|
+
if(match_data[3]) var data = JSON.parse(match_data[3]);
|
165
203
|
switch (command){
|
166
204
|
case 'sync':
|
167
205
|
target.properties = data;
|
168
206
|
var type = target.getAttribute('data-type');
|
207
|
+
syncHandlers.base(target, data);
|
169
208
|
syncHandlers[type](target, data);
|
170
209
|
break;
|
171
210
|
case 'add_event':
|
172
211
|
addEvents(target, data);
|
173
212
|
break;
|
213
|
+
case 'alert':
|
214
|
+
window.alert(data.message);
|
215
|
+
break;
|
216
|
+
case 'focus':
|
217
|
+
target.focus();
|
218
|
+
break;
|
174
219
|
}
|
175
220
|
}
|
data/static/style.css
CHANGED
@@ -1,20 +1,134 @@
|
|
1
|
-
body {
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
}
|
9
|
-
|
10
|
-
.
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
1
|
+
body {
|
2
|
+
background-color: #008080;
|
3
|
+
-webkit-font-smoothing: none;
|
4
|
+
-moz-osx-font-smoothing: none;
|
5
|
+
font-size: 11px;
|
6
|
+
font-family: Tahoma, Verdana, Simhei;
|
7
|
+
color: #070707;
|
8
|
+
padding: 36px 50px 0; }
|
9
|
+
|
10
|
+
.window {
|
11
|
+
background: #bfbfbf;
|
12
|
+
border: 1px solid;
|
13
|
+
border-top-color: #dfdfdf;
|
14
|
+
border-left-color: #dfdfdf;
|
15
|
+
border-right-color: #808080;
|
16
|
+
border-bottom-color: #808080;
|
17
|
+
box-shadow: 1px 1px 0 0 #000;
|
18
|
+
width: 400px;
|
19
|
+
cursor: default; }
|
20
|
+
.window .content {
|
21
|
+
padding: 7px 10px; }
|
22
|
+
.window .title {
|
23
|
+
margin: 2px 2px 0;
|
24
|
+
padding: 1px 2px;
|
25
|
+
color: #fff;
|
26
|
+
background: -webkit-linear-gradient(left, #000080, #1084d0);
|
27
|
+
background: linear-gradient(to right, #000080, #1084d0);
|
28
|
+
font-weight: bold;
|
29
|
+
font-size: 11px;
|
30
|
+
line-height: 16px; }
|
31
|
+
.window .title .icon {
|
32
|
+
width: 16px;
|
33
|
+
height: 16px;
|
34
|
+
float: left;
|
35
|
+
margin-right: 2px; }
|
36
|
+
|
37
|
+
.stack > * {
|
38
|
+
display: block !important; }
|
39
|
+
|
40
|
+
.flow > * {
|
41
|
+
display: inline !important; }
|
42
|
+
|
43
|
+
.image, .progress {
|
44
|
+
width: 100%; }
|
45
|
+
|
46
|
+
button {
|
47
|
+
height: 25px;
|
48
|
+
font-size: 11px;
|
49
|
+
font-family: Tahoma, Verdana;
|
50
|
+
color: #070707;
|
51
|
+
background: #bfbfbf;
|
52
|
+
border: 1px solid;
|
53
|
+
border-top-color: #dfdfdf;
|
54
|
+
border-left-color: #dfdfdf;
|
55
|
+
border-right-color: #808080;
|
56
|
+
border-bottom-color: #808080;
|
57
|
+
box-shadow: 1px 1px 0 0 #000;
|
58
|
+
text-align: center;
|
59
|
+
outline: none;
|
60
|
+
padding: 4px;
|
61
|
+
cursor: default; }
|
62
|
+
button:active {
|
63
|
+
box-shadow: 1px 1px 0 0 #000 inset;
|
64
|
+
border-top-color: #808080;
|
65
|
+
border-left-color: #808080;
|
66
|
+
border-right-color: #dfdfdf;
|
67
|
+
border-bottom-color: #dfdfdf; }
|
68
|
+
|
69
|
+
input[type="text"], textarea, select, .image, .progress {
|
70
|
+
box-sizing: border-box;
|
71
|
+
font-size: 11px;
|
72
|
+
font-family: Tahoma, Verdana;
|
73
|
+
color: #070707;
|
74
|
+
box-shadow: -1px -1px 0 0 #808080, 1px 1px 0 0 #fff;
|
75
|
+
border: 1px solid;
|
76
|
+
border-top-color: #000;
|
77
|
+
border-left-color: #000;
|
78
|
+
border-right-color: #dfdfdf;
|
79
|
+
border-bottom-color: #dfdfdf;
|
80
|
+
outline: none; }
|
81
|
+
|
82
|
+
textarea {
|
83
|
+
resize: none;
|
84
|
+
width: 250px;
|
85
|
+
height: 60px; }
|
86
|
+
|
87
|
+
select {
|
88
|
+
background: url("data:image/gif;base64,R0lGODlhEAAQAPcAAP//////zP//mf//Zv//M///AP/M///MzP/Mmf/MZv/MM//MAP+Z//+ZzP+Zmf+ZZv+ZM/+ZAP9m//9mzP9mmf9mZv9mM/9mAP8z//8zzP8zmf8zZv8zM/8zAP8A//8AzP8Amf8AZv8AM/8AAMz//8z/zMz/mcz/Zsz/M8z/AMzM/8zMzMzMmczMZszMM8zMAMyZ/8yZzMyZmcyZZsyZM8yZAMxm/8xmzMxmmcxmZsxmM8xmAMwz/8wzzMwzmcwzZswzM8wzAMwA/8wAzMwAmcwAZswAM8wAAJn//5n/zJn/mZn/Zpn/M5n/AJnM/5nMzJnMmZnMZpnMM5nMAJmZ/5mZzJmZmZmZZpmZM5mZAJlm/5lmzJlmmZlmZplmM5lmAJkz/5kzzJkzmZkzZpkzM5kzAJkA/5kAzJkAmZkAZpkAM5kAAGb//2b/zGb/mWb/Zmb/M2b/AGbM/2bMzGbMmWbMZmbMM2bMAGaZ/2aZzGaZmWaZZmaZM2aZAGZm/2ZmzGZmmWZmZmZmM2ZmAGYz/2YzzGYzmWYzZmYzM2YzAGYA/2YAzGYAmWYAZmYAM2YAADP//zP/zDP/mTP/ZjP/MzP/ADPM/zPMzDPMmTPMZjPMMzPMADOZ/zOZzDOZmTOZZjOZMzOZADNm/zNmzDNmmTNmZjNmMzNmADMz/zMzzDMzmTMzZjMzMzMzADMA/zMAzDMAmTMAZjMAMzMAAAD//wD/zAD/mQD/ZgD/MwD/AADM/wDMzADMmQDMZgDMMwDMAACZ/wCZzACZmQCZZgCZMwCZAABm/wBmzABmmQBmZgBmMwBmAAAz/wAzzAAzmQAzZgAzMwAzAAAA/wAAzAAAmQAAZgAAMwAAANTQyICAgEBAQP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAANsALAAAAAAQABAAAAhPALEJHEiwoDZsABIqXKgw20EABSNic4hQYkGKEC0OxKhx40OB10KKvOaxIsiRBDkOFHnxI0GSLU12VDnTZU2ZGilm28mzZ09tQIMKHQo0IAA7") right no-repeat #fff;
|
89
|
+
min-width: 100px;
|
90
|
+
height: 18px; }
|
91
|
+
|
92
|
+
input[type="checkbox"], input[type="radio"] {
|
93
|
+
opacity: 0;
|
94
|
+
vertical-align: middle;
|
95
|
+
margin: 0; }
|
96
|
+
|
97
|
+
input[type="checkbox"] + label:before, input[type="radio"] + label:before {
|
98
|
+
content: "";
|
99
|
+
display: inline-block;
|
100
|
+
height: 13px;
|
101
|
+
font-size: 11px;
|
102
|
+
vertical-align: middle;
|
103
|
+
cursor: pointer;
|
104
|
+
width: 13px;
|
105
|
+
margin: 0px 3px 0 -13px;
|
106
|
+
z-index: 0; }
|
107
|
+
|
108
|
+
input[type="checkbox"] + label:before {
|
109
|
+
background: url("data:image/gif;base64,R0lGODlhDQANAPcAAP//////zP//mf//Zv//M///AP/M///MzP/Mmf/MZv/MM//MAP+Z//+ZzP+Zmf+ZZv+ZM/+ZAP9m//9mzP9mmf9mZv9mM/9mAP8z//8zzP8zmf8zZv8zM/8zAP8A//8AzP8Amf8AZv8AM/8AAMz//8z/zMz/mcz/Zsz/M8z/AMzM/8zMzMzMmczMZszMM8zMAMyZ/8yZzMyZmcyZZsyZM8yZAMxm/8xmzMxmmcxmZsxmM8xmAMwz/8wzzMwzmcwzZswzM8wzAMwA/8wAzMwAmcwAZswAM8wAAJn//5n/zJn/mZn/Zpn/M5n/AJnM/5nMzJnMmZnMZpnMM5nMAJmZ/5mZzJmZmZmZZpmZM5mZAJlm/5lmzJlmmZlmZplmM5lmAJkz/5kzzJkzmZkzZpkzM5kzAJkA/5kAzJkAmZkAZpkAM5kAAGb//2b/zGb/mWb/Zmb/M2b/AGbM/2bMzGbMmWbMZmbMM2bMAGaZ/2aZzGaZmWaZZmaZM2aZAGZm/2ZmzGZmmWZmZmZmM2ZmAGYz/2YzzGYzmWYzZmYzM2YzAGYA/2YAzGYAmWYAZmYAM2YAADP//zP/zDP/mTP/ZjP/MzP/ADPM/zPMzDPMmTPMZjPMMzPMADOZ/zOZzDOZmTOZZjOZMzOZADNm/zNmzDNmmTNmZjNmMzNmADMz/zMzzDMzmTMzZjMzMzMzADMA/zMAzDMAmTMAZjMAMzMAAAD//wD/zAD/mQD/ZgD/MwD/AADM/wDMzADMmQDMZgDMMwDMAACZ/wCZzACZmQCZZgCZMwCZAABm/wBmzABmmQBmZgBmMwBmAAAz/wAzzAAzmQAzZgAzMwAzAAAA/wAAzAAAmQAAZgAAMwAAANTQyICAgEBAQP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAANsALAAAAAANAA0AAAg6ALMJHEhQIIBs2hIqXIjtoDYAECNGbIhQokWKDy1OdKhxY8WOADCCDMkRpEiTJTtSxMaypcuGIyUGBAA7") no-repeat; }
|
110
|
+
|
111
|
+
input[type="radio"] + label:before {
|
112
|
+
background: url("data:image/gif;base64,R0lGODlhDQANAPcAAP//////zP//mf//Zv//M///AP/M///MzP/Mmf/MZv/MM//MAP+Z//+ZzP+Zmf+ZZv+ZM/+ZAP9m//9mzP9mmf9mZv9mM/9mAP8z//8zzP8zmf8zZv8zM/8zAP8A//8AzP8Amf8AZv8AM/8AAMz//8z/zMz/mcz/Zsz/M8z/AMzM/8zMzMzMmczMZszMM8zMAMyZ/8yZzMyZmcyZZsyZM8yZAMxm/8xmzMxmmcxmZsxmM8xmAMwz/8wzzMwzmcwzZswzM8wzAMwA/8wAzMwAmcwAZswAM8wAAJn//5n/zJn/mZn/Zpn/M5n/AJnM/5nMzJnMmZnMZpnMM5nMAJmZ/5mZzJmZmZmZZpmZM5mZAJlm/5lmzJlmmZlmZplmM5lmAJkz/5kzzJkzmZkzZpkzM5kzAJkA/5kAzJkAmZkAZpkAM5kAAGb//2b/zGb/mWb/Zmb/M2b/AGbM/2bMzGbMmWbMZmbMM2bMAGaZ/2aZzGaZmWaZZmaZM2aZAGZm/2ZmzGZmmWZmZmZmM2ZmAGYz/2YzzGYzmWYzZmYzM2YzAGYA/2YAzGYAmWYAZmYAM2YAADP//zP/zDP/mTP/ZjP/MzP/ADPM/zPMzDPMmTPMZjPMMzPMADOZ/zOZzDOZmTOZZjOZMzOZADNm/zNmzDNmmTNmZjNmMzNmADMz/zMzzDMzmTMzZjMzMzMzADMA/zMAzDMAmTMAZjMAMzMAAAD//wD/zAD/mQD/ZgD/MwD/AADM/wDMzADMmQDMZgDMMwDMAACZ/wCZzACZmQCZZgCZMwCZAABm/wBmzABmmQBmZgBmMwBmAAAz/wAzzAAzmQAzZgAzMwAzAAAA/wAAzAAAmQAAZgAAMwAAANTQyICAgEBAQP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAANsALAAAAAANAA0AAAhHALcJ3JatYLaBCAtqW6itYMKFACICgDgwmzaJErEBEGgRI0aNBC96jAiy40gAJUWOBBly5UaO2DRmZCmQZEyZCAdizMmzZ0AAOw==") no-repeat; }
|
113
|
+
|
114
|
+
input[type="checkbox"]:checked + label:before {
|
115
|
+
background: url("data:image/gif;base64,R0lGODlhDQANAPcAAP//////zP//mf//Zv//M///AP/M///MzP/Mmf/MZv/MM//MAP+Z//+ZzP+Zmf+ZZv+ZM/+ZAP9m//9mzP9mmf9mZv9mM/9mAP8z//8zzP8zmf8zZv8zM/8zAP8A//8AzP8Amf8AZv8AM/8AAMz//8z/zMz/mcz/Zsz/M8z/AMzM/8zMzMzMmczMZszMM8zMAMyZ/8yZzMyZmcyZZsyZM8yZAMxm/8xmzMxmmcxmZsxmM8xmAMwz/8wzzMwzmcwzZswzM8wzAMwA/8wAzMwAmcwAZswAM8wAAJn//5n/zJn/mZn/Zpn/M5n/AJnM/5nMzJnMmZnMZpnMM5nMAJmZ/5mZzJmZmZmZZpmZM5mZAJlm/5lmzJlmmZlmZplmM5lmAJkz/5kzzJkzmZkzZpkzM5kzAJkA/5kAzJkAmZkAZpkAM5kAAGb//2b/zGb/mWb/Zmb/M2b/AGbM/2bMzGbMmWbMZmbMM2bMAGaZ/2aZzGaZmWaZZmaZM2aZAGZm/2ZmzGZmmWZmZmZmM2ZmAGYz/2YzzGYzmWYzZmYzM2YzAGYA/2YAzGYAmWYAZmYAM2YAADP//zP/zDP/mTP/ZjP/MzP/ADPM/zPMzDPMmTPMZjPMMzPMADOZ/zOZzDOZmTOZZjOZMzOZADNm/zNmzDNmmTNmZjNmMzNmADMz/zMzzDMzmTMzZjMzMzMzADMA/zMAzDMAmTMAZjMAMzMAAAD//wD/zAD/mQD/ZgD/MwD/AADM/wDMzADMmQDMZgDMMwDMAACZ/wCZzACZmQCZZgCZMwCZAABm/wBmzABmmQBmZgBmMwBmAAAz/wAzzAAzmQAzZgAzMwAzAAAA/wAAzAAAmQAAZgAAMwAAANTQyICAgEBAQP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAANsALAAAAAANAA0AAAhIALMJHEhQIIBs2hIqXIjtoDYAECNGbIhQYsRrACg+tHgNo0YAGCF29OgQJMaRED+O7DixpMmQKV2CtPjRYsts2HLq3NnQps+AADs=") no-repeat; }
|
116
|
+
|
117
|
+
input[type="radio"]:checked + label:before {
|
118
|
+
background: url("data:image/gif;base64,R0lGODlhDQANAPcAAP//////zP//mf//Zv//M///AP/M///MzP/Mmf/MZv/MM//MAP+Z//+ZzP+Zmf+ZZv+ZM/+ZAP9m//9mzP9mmf9mZv9mM/9mAP8z//8zzP8zmf8zZv8zM/8zAP8A//8AzP8Amf8AZv8AM/8AAMz//8z/zMz/mcz/Zsz/M8z/AMzM/8zMzMzMmczMZszMM8zMAMyZ/8yZzMyZmcyZZsyZM8yZAMxm/8xmzMxmmcxmZsxmM8xmAMwz/8wzzMwzmcwzZswzM8wzAMwA/8wAzMwAmcwAZswAM8wAAJn//5n/zJn/mZn/Zpn/M5n/AJnM/5nMzJnMmZnMZpnMM5nMAJmZ/5mZzJmZmZmZZpmZM5mZAJlm/5lmzJlmmZlmZplmM5lmAJkz/5kzzJkzmZkzZpkzM5kzAJkA/5kAzJkAmZkAZpkAM5kAAGb//2b/zGb/mWb/Zmb/M2b/AGbM/2bMzGbMmWbMZmbMM2bMAGaZ/2aZzGaZmWaZZmaZM2aZAGZm/2ZmzGZmmWZmZmZmM2ZmAGYz/2YzzGYzmWYzZmYzM2YzAGYA/2YAzGYAmWYAZmYAM2YAADP//zP/zDP/mTP/ZjP/MzP/ADPM/zPMzDPMmTPMZjPMMzPMADOZ/zOZzDOZmTOZZjOZMzOZADNm/zNmzDNmmTNmZjNmMzNmADMz/zMzzDMzmTMzZjMzMzMzADMA/zMAzDMAmTMAZjMAMzMAAAD//wD/zAD/mQD/ZgD/MwD/AADM/wDMzADMmQDMZgDMMwDMAACZ/wCZzACZmQCZZgCZMwCZAABm/wBmzABmmQBmZgBmMwBmAAAz/wAzzAAzmQAzZgAzMwAzAAAA/wAAzAAAmQAAZgAAMwAAANTQyICAgEBAQP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAANsALAAAAAANAA0AAAhNALcJ3JatYLaBCAtqW6itYMKFACICgDgwmzaJErEBEGhR4rVrGTd2BPDxY0SNBC+SLHlSpMqVITm+jMkRm8aMKAeetHkToU6JPoMKDQgAOw==") no-repeat; }
|
119
|
+
|
120
|
+
.bar {
|
121
|
+
background: url("data:image/gif;base64,R0lGODlhDgAVAPcAAP//////zP//mf//Zv//M///AP/M///MzP/Mmf/MZv/MM//MAP+Z//+ZzP+Zmf+ZZv+ZM/+ZAP9m//9mzP9mmf9mZv9mM/9mAP8z//8zzP8zmf8zZv8zM/8zAP8A//8AzP8Amf8AZv8AM/8AAMz//8z/zMz/mcz/Zsz/M8z/AMzM/8zMzMzMmczMZszMM8zMAMyZ/8yZzMyZmcyZZsyZM8yZAMxm/8xmzMxmmcxmZsxmM8xmAMwz/8wzzMwzmcwzZswzM8wzAMwA/8wAzMwAmcwAZswAM8wAAJn//5n/zJn/mZn/Zpn/M5n/AJnM/5nMzJnMmZnMZpnMM5nMAJmZ/5mZzJmZmZmZZpmZM5mZAJlm/5lmzJlmmZlmZplmM5lmAJkz/5kzzJkzmZkzZpkzM5kzAJkA/5kAzJkAmZkAZpkAM5kAAGb//2b/zGb/mWb/Zmb/M2b/AGbM/2bMzGbMmWbMZmbMM2bMAGaZ/2aZzGaZmWaZZmaZM2aZAGZm/2ZmzGZmmWZmZmZmM2ZmAGYz/2YzzGYzmWYzZmYzM2YzAGYA/2YAzGYAmWYAZmYAM2YAADP//zP/zDP/mTP/ZjP/MzP/ADPM/zPMzDPMmTPMZjPMMzPMADOZ/zOZzDOZmTOZZjOZMzOZADNm/zNmzDNmmTNmZjNmMzNmADMz/zMzzDMzmTMzZjMzMzMzADMA/zMAzDMAmTMAZjMAMzMAAAD//wD/zAD/mQD/ZgD/MwD/AADM/wDMzADMmQDMZgDMMwDMAACZ/wCZzACZmQCZZgCZMwCZAABm/wBmzABmmQBmZgBmMwBmAAAz/wAzzAAzmQAzZgAzMwAzAAAA/wAAzAAAmQAAZgAAMwAAAAokatTQyP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAANoALAAAAAAOABUAAAhBALMJHEiwILaDCBMeFKiwITaGDhNCjLgwG0WEEylmjLjRYceGHxWGlGjx4sOSF0diRKmRJUeXHmGClCmyoM2BAQEAOw==") repeat-x;
|
122
|
+
height: 18px; }
|
123
|
+
|
124
|
+
.option {
|
125
|
+
margin-right: 1em; }
|
126
|
+
|
127
|
+
.button, .checkbox, .image, .progress, .radio, .select, .textarea, .textline, .label {
|
128
|
+
margin-bottom: 0.5em;
|
129
|
+
margin-right: 0.2em; }
|
130
|
+
|
131
|
+
.label {
|
132
|
+
font-weight: bolder; }
|
133
|
+
|
134
|
+
/*# sourceMappingURL=style.css.map */
|
data/templates/body.erb
CHANGED
data/templates/button.erb
CHANGED
@@ -1 +1 @@
|
|
1
|
-
<button id="item-<%= id %>"
|
1
|
+
<button class="button" id="item-<%= id %>" data-type="button"></button>
|
data/templates/checkbox.erb
CHANGED
data/templates/flow.erb
CHANGED
@@ -1 +1 @@
|
|
1
|
-
<div id="item-<%= id %>" class="flow" type="div"><%= content %></div>
|
1
|
+
<div id="item-<%= id %>" class="flow" data-type="div"><%= content %></div>
|
data/templates/form.erb
ADDED
@@ -0,0 +1,9 @@
|
|
1
|
+
<div id="item-<%= id %>" data-type="form" class="window">
|
2
|
+
<div class='title'>
|
3
|
+
<img class='icon' src='data:image/gif;base64,R0lGODlhEAAQAPcAAP//////zP//mf//Zv//M///AP/M///MzP/Mmf/MZv/MM//MAP+Z//+ZzP+Zmf+ZZv+ZM/+ZAP9m//9mzP9mmf9mZv9mM/9mAP8z//8zzP8zmf8zZv8zM/8zAP8A//8AzP8Amf8AZv8AM/8AAMz//8z/zMz/mcz/Zsz/M8z/AMzM/8zMzMzMmczMZszMM8zMAMyZ/8yZzMyZmcyZZsyZM8yZAMxm/8xmzMxmmcxmZsxmM8xmAMwz/8wzzMwzmcwzZswzM8wzAMwA/8wAzMwAmcwAZswAM8wAAJn//5n/zJn/mZn/Zpn/M5n/AJnM/5nMzJnMmZnMZpnMM5nMAJmZ/5mZzJmZmZmZZpmZM5mZAJlm/5lmzJlmmZlmZplmM5lmAJkz/5kzzJkzmZkzZpkzM5kzAJkA/5kAzJkAmZkAZpkAM5kAAGb//2b/zGb/mWb/Zmb/M2b/AGbM/2bMzGbMmWbMZmbMM2bMAGaZ/2aZzGaZmWaZZmaZM2aZAGZm/2ZmzGZmmWZmZmZmM2ZmAGYz/2YzzGYzmWYzZmYzM2YzAGYA/2YAzGYAmWYAZmYAM2YAADP//zP/zDP/mTP/ZjP/MzP/ADPM/zPMzDPMmTPMZjPMMzPMADOZ/zOZzDOZmTOZZjOZMzOZADNm/zNmzDNmmTNmZjNmMzNmADMz/zMzzDMzmTMzZjMzMzMzADMA/zMAzDMAmTMAZjMAMzMAAAD//wD/zAD/mQD/ZgD/MwD/AADM/wDMzADMmQDMZgDMMwDMAACZ/wCZzACZmQCZZgCZMwCZAABm/wBmzABmmQBmZgBmMwBmAAAz/wAzzAAzmQAzZgAzMwAzAAAA/wAAzAAAmQAAZgAAMwAAAMDAwICAgP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAANoALAAAAAAQABAAAAhOALUJHEiwoMGDBa8pRJiQFi2FCxFCdOgQosFrALBBvFbxIoCPHzVGJIgRpMlrHk2CRJlQ5cpsCRViU3ktm82LEGfWhMlQm8WeQIMKNRgQADs='/>
|
4
|
+
<span><%= title %><span>
|
5
|
+
</div>
|
6
|
+
<div class="content">
|
7
|
+
<%= content %>
|
8
|
+
</div>
|
9
|
+
</div>
|
data/templates/image.erb
CHANGED
@@ -1 +1 @@
|
|
1
|
-
<img id="item-<%= id %>" src="<%= src %>"
|
1
|
+
<img class="image" id="item-<%= id %>" data-type="image" src="<%= src %>" />
|
data/templates/label.erb
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
<div id="item-<%= id %>" class="label" data-type="label"><%= text %></div>
|
data/templates/progress.erb
CHANGED
data/templates/radio.erb
CHANGED
data/templates/select.erb
CHANGED
data/templates/textarea.erb
CHANGED
@@ -1 +1 @@
|
|
1
|
-
<
|
1
|
+
<textarea class="textarea" id="item-<%= id %>" data-type="textarea"></textarea>
|
data/templates/textline.erb
CHANGED
@@ -1 +1 @@
|
|
1
|
-
<
|
1
|
+
<input class="textline" id="item-<%= id %>" data-type="textline" type="text"/>
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: shenmegui
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.
|
4
|
+
version: '0.2'
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- CicholGricenchos
|
@@ -33,14 +33,16 @@ files:
|
|
33
33
|
- lib/shenmegui.rb
|
34
34
|
- lib/shenmegui/controls.rb
|
35
35
|
- lib/shenmegui/core.rb
|
36
|
+
- lib/shenmegui/file_dialog.rb
|
36
37
|
- static/script.js
|
37
|
-
- static/semantic-ui-custom.css
|
38
38
|
- static/style.css
|
39
39
|
- templates/body.erb
|
40
40
|
- templates/button.erb
|
41
41
|
- templates/checkbox.erb
|
42
42
|
- templates/flow.erb
|
43
|
+
- templates/form.erb
|
43
44
|
- templates/image.erb
|
45
|
+
- templates/label.erb
|
44
46
|
- templates/progress.erb
|
45
47
|
- templates/radio.erb
|
46
48
|
- templates/select.erb
|
@@ -67,7 +69,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
67
69
|
version: '0'
|
68
70
|
requirements: []
|
69
71
|
rubyforge_project:
|
70
|
-
rubygems_version: 2.
|
72
|
+
rubygems_version: 2.2.2
|
71
73
|
signing_key:
|
72
74
|
specification_version: 4
|
73
75
|
summary: "什么鬼!"
|
@@ -1,8 +0,0 @@
|
|
1
|
-
*,:after,:before{box-sizing:inherit}html{box-sizing:border-box}input[type=text],input[type=email],input[type=search],input[type=password]{-webkit-appearance:none;-moz-appearance:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
|
2
|
-
@import 'https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin';
|
3
|
-
body,html{height:100%}html{font-size:14px}body{margin:0;padding:0;min-width:320px;background:#f7f7f7;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:14px;line-height:1.33;color:rgba(0,0,0,.8);font-smoothing:antialiased}h1,h2,h3,h4,h5{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;line-height:1.33em;margin:-webkit-calc(2rem - .165em) 0 1rem;margin:calc(2rem - .165em) 0 1rem;font-weight:700;padding:0}h1{min-height:1rem;font-size:2rem}h2{font-size:1.714rem}h3{font-size:1.28rem}h4{font-size:1.071rem}h5{font-size:1rem}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child{margin-top:0}h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child{margin-bottom:0}p{margin:0 0 1em;line-height:1.33}p:first-child{margin-top:0}p:last-child{margin-bottom:0}a{color:#009fda;text-decoration:none}a:hover{color:#00b2f3}::-webkit-selection{background-color:#cce2ff;color:rgba(0,0,0,.8)}::-moz-selection{background-color:#cce2ff;color:rgba(0,0,0,.8)}::selection{background-color:#cce2ff;color:rgba(0,0,0,.8)}input::-webkit-selection,textarea::-webkit-selection{background-color:rgba(100,100,100,.4);color:rgba(0,0,0,.8)}input::-moz-selection,textarea::-moz-selection{background-color:rgba(100,100,100,.4);color:rgba(0,0,0,.8)}input::selection,textarea::selection{background-color:rgba(100,100,100,.4);color:rgba(0,0,0,.8)}
|
4
|
-
.ui.button{cursor:pointer;display:inline-block;min-height:1em;outline:0;border:none;vertical-align:baseline;background-color:#e0e0e0;color:rgba(0,0,0,.6);font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;margin:0 .25em 0 0;padding:.78571em 1.5em;text-transform:none;text-shadow:none;font-weight:700;line-height:1;font-style:normal;text-align:center;text-decoration:none;background-image:none;border-radius:.2857rem;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(39,41,43,.15) inset;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;will-change:'';-webkit-tap-highlight-color:transparent}.ui.button:hover{background-color:#e8e8e8;background-image:none;box-shadow:'';color:rgba(0,0,0,.8)}.ui.button:hover .icon{opacity:.85}.ui.button:focus{background-color:'';color:rgba(0,0,0,.8);background-image:''!important;box-shadow:0 0 0 1px transparent inset,0 0 1px rgba(81,167,232,.8) inset,0 0 3px 2px rgba(81,167,232,.8)!important}.ui.button:focus .icon{opacity:.85}.ui.active.button:active,.ui.button:active{background-color:#ccc;background-image:'';color:rgba(0,0,0,.8);box-shadow:0 0 0 1px transparent inset,0 1px 4px 0 rgba(39,41,43,.15) inset}.ui.active.button{background-color:#d0d0d0;background-image:none;box-shadow:0 0 0 1px transparent inset;color:rgba(0,0,0,.8)}.ui.active.button:hover{background-color:#d0d0d0;background-image:none;color:rgba(0,0,0,.8)}.ui.active.button:active{background-color:#d0d0d0;background-image:none}.ui.loading.loading.loading.loading.loading.loading.button{position:relative;cursor:default;text-shadow:none!important;color:transparent!important;opacity:1;pointer-events:none;-webkit-transition:all 0s linear,opacity .2s ease;transition:all 0s linear,opacity .2s ease}.ui.loading.button:before{position:absolute;content:'';top:50%;left:50%;margin:-.64285em 0 0 -.64285em;width:1.2857em;height:1.2857em;border-radius:500rem;border:.2em solid rgba(0,0,0,.15)}.ui.loading.button:after{position:absolute;content:'';top:50%;left:50%;margin:-.64285em 0 0 -.64285em;width:1.2857em;height:1.2857em;-webkit-animation:button-spin .6s linear;animation:button-spin .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#fff transparent transparent;border-style:solid;border-width:.2em;box-shadow:0 0 0 1px transparent}.ui.labeled.icon.loading.button .icon{background-color:transparent;box-shadow:none}@-webkit-keyframes button-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes button-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ui.basic.loading.button:not(.inverted):before{border-color:rgba(0,0,0,.1)}.ui.basic.loading.button:not(.inverted):after{border-top-color:#aaa}.ui.button:disabled,.ui.buttons .disabled.button,.ui.disabled.active.button,.ui.disabled.button,.ui.disabled.button:hover{cursor:default;background-color:#dcddde!important;color:rgba(0,0,0,.4)!important;opacity:.3!important;background-image:none!important;box-shadow:none!important;pointer-events:none}.ui.basic.buttons .ui.disabled.button{border-color:rgba(39,41,43,.5)}.ui.animated.button{position:relative;overflow:hidden;vertical-align:middle;padding-right:0!important}.ui.animated.button .content{will-change:transform,opacity}.ui.animated.button .visible.content{position:relative;margin-right:1.5em}.ui.animated.button .hidden.content{position:absolute;width:100%}.ui.animated.button .hidden.content,.ui.animated.button .visible.content{-webkit-transition:right .3s ease 0s;transition:right .3s ease 0s}.ui.animated.button .visible.content{left:auto;right:0}.ui.animated.button .hidden.content{top:50%;left:auto;right:-100%;margin-top:-.5em}.ui.animated.button:hover .visible.content{left:auto;right:200%}.ui.animated.button:hover .hidden.content{left:auto;right:0}.ui.vertical.animated.button .hidden.content,.ui.vertical.animated.button .visible.content{-webkit-transition:top .3s ease,-webkit-transform .3s ease;transition:top .3s ease,transform .3s ease}.ui.vertical.animated.button .visible.content{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);right:auto}.ui.vertical.animated.button .hidden.content{top:-50%;left:0;right:auto}.ui.vertical.animated.button:hover .visible.content{-webkit-transform:translateY(200%);-ms-transform:translateY(200%);transform:translateY(200%);right:auto}.ui.vertical.animated.button:hover .hidden.content{top:50%;right:auto}.ui.fade.animated.button .hidden.content,.ui.fade.animated.button .visible.content{-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease}.ui.fade.animated.button .visible.content{left:auto;right:auto;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.ui.fade.animated.button .hidden.content{opacity:0;left:0;right:auto;-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5)}.ui.fade.animated.button:hover .visible.content{left:auto;right:auto;opacity:0;-webkit-transform:scale(.75);-ms-transform:scale(.75);transform:scale(.75)}.ui.fade.animated.button:hover .hidden.content{left:0;right:auto;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.ui.inverted.button{box-shadow:0 0 0 2px #fff inset!important;background:0 0;color:#fff;text-shadow:none!important}.ui.inverted.buttons .button{margin:0 0 0 -2px}.ui.inverted.buttons .button:first-child{margin-left:0}.ui.inverted.vertical.buttons .button{margin:0 0 -2px}.ui.inverted.vertical.buttons .button:first-child{margin-top:0}.ui.inverted.buttons .button:hover{position:relative}.ui.inverted.button:hover{background:#fff;box-shadow:0 0 0 2px #fff inset!important;color:rgba(0,0,0,.8)}.ui.facebook.button{background-color:#3b579d;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.facebook.button:hover{background-color:#3f5da8;color:#fff;text-shadow:none}.ui.facebook.button:active{background-color:#314983;color:#fff;text-shadow:none}.ui.twitter.button{background-color:#4092cc;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.twitter.button:hover{background-color:#4c99cf;color:#fff;text-shadow:none}.ui.twitter.button:active{background-color:#3180b7;color:#fff;text-shadow:none}.ui.google.plus.button{background-color:#d34836;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.google.plus.button:hover{background-color:#d65343;color:#fff;text-shadow:none}.ui.google.plus.button:active{background-color:#bc3a29;color:#fff;text-shadow:none}.ui.linkedin.button{background-color:#1f88be;color:#fff;text-shadow:none}.ui.linkedin.button:hover{background-color:#2191cb;color:#fff;text-shadow:none}.ui.linkedin.button:active{background-color:#1a729f;color:#fff;text-shadow:none}.ui.youtube.button{background-color:#cc181e;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.youtube.button:hover{background-color:#da1a20;color:#fff;text-shadow:none}.ui.youtube.button:active{background-color:#ac1419;color:#fff;text-shadow:none}.ui.instagram.button{background-color:#49769c;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.instagram.button:hover{background-color:#4e7ea6;color:#fff;text-shadow:none}.ui.instagram.button:active{background-color:#3e6484;color:#fff;text-shadow:none}.ui.pinterest.button{background-color:#00aced;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.pinterest.button:hover{background-color:#00b7fc;color:#fff;text-shadow:none}.ui.pinterest.button:active{background-color:#0092c9;color:#fff;text-shadow:none}.ui.vk.button{background-color:#4D7198;color:#fff;background-image:none;box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.vk.button:hover{background-color:#5279a2;color:#fff}.ui.vk.button:active{background-color:#415f80;color:#fff}.ui.button>.icon{opacity:.8;margin:0 .4em 0 -.2em;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;vertical-align:baseline;color:''}.ui.button>.right.icon{margin:0 -.2em 0 .4em}.ui[class*="left floated"].button,.ui[class*="left floated"].buttons{float:left;margin-left:0;margin-right:.25em}.ui[class*="right floated"].button,.ui[class*="right floated"].buttons{float:right;margin-right:0;margin-left:.25em}.ui.compact.button,.ui.compact.buttons .button{padding:.5892825em 1.125em}.ui.compact.icon.button,.ui.compact.icon.buttons .button{padding:.5892825em}.ui.compact.labeled.icon.button,.ui.compact.labeled.icon.buttons .button{padding:.5892825em 3.69642em}.ui.mini.button,.ui.mini.buttons .button,.ui.mini.buttons .or{font-size:.71428571rem}.ui.tiny.button,.ui.tiny.buttons .button,.ui.tiny.buttons .or{font-size:.85714286rem}.ui.small.button,.ui.small.buttons .button,.ui.small.buttons .or{font-size:.92857143rem}.ui.button,.ui.buttons .button,.ui.buttons .or{font-size:1rem}.ui.large.button,.ui.large.buttons .button,.ui.large.buttons .or{font-size:1.14285714rem}.ui.big.button,.ui.big.buttons .button,.ui.big.buttons .or{font-size:1.28571429rem}.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or{font-size:1.42857143rem}.ui.massive.button,.ui.massive.buttons .button,.ui.massive.buttons .or{font-size:1.71428571rem}.ui.icon.button,.ui.icon.buttons .button{padding:.78571em}.ui.icon.button>.icon,.ui.icon.buttons .button>.icon{opacity:.9;margin:0;vertical-align:top}.ui.basic.button,.ui.basic.buttons .button{background:0 0!important;color:rgba(0,0,0,.6)!important;font-weight:400;border-radius:.2857rem;text-transform:none;text-shadow:none!important;box-shadow:0 0 0 1px rgba(39,41,43,.15) inset}.ui.basic.buttons{box-shadow:0 0 0 1px rgba(39,41,43,.15);border-radius:.2857rem}.ui.basic.buttons .button{border-radius:0}.ui.basic.button:hover,.ui.basic.buttons .button:hover{background:#fafafa!important;color:rgba(0,0,0,.8)!important;box-shadow:0 0 0 1px rgba(39,41,43,.15) inset,0 0 0 0 rgba(39,41,43,.15) inset}.ui.basic.button:active,.ui.basic.buttons .button:active{background:#f8f8f8!important;color:rgba(0,0,0,.8)!important;box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 1px 4px 0 rgba(39,41,43,.15) inset}.ui.basic.active.button,.ui.basic.buttons .active.button{background:rgba(0,0,0,.05)!important;box-shadow:''!important;color:rgba(0,0,0,.8)}.ui.basic.active.button:hover,.ui.basic.buttons .active.button:hover{background-color:rgba(0,0,0,.05)}.ui.basic.buttons .button:hover{box-shadow:0 0 0 1px rgba(39,41,43,.15) inset,0 0 0 0 rgba(39,41,43,.15) inset inset}.ui.basic.buttons .button:active{box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 1px 4px 0 rgba(39,41,43,.15) inset inset}.ui.basic.buttons .active.button{box-shadow:rgba(39,41,43,.3) inset}.ui.basic.inverted.button,.ui.basic.inverted.buttons .button{background-color:transparent!important;color:#fafafa!important;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important}.ui.basic.inverted.button:hover,.ui.basic.inverted.buttons .button:hover{color:#fff!important;box-shadow:0 0 0 2px #fff inset!important}.ui.basic.inverted.button:active,.ui.basic.inverted.buttons .button:active{background-color:rgba(255,255,255,.05)!important;color:#fff!important;box-shadow:0 0 0 2px rgba(255,255,255,.9) inset!important}.ui.basic.inverted.active.button,.ui.basic.inverted.buttons .active.button{background-color:rgba(255,255,255,.05);color:#fff;text-shadow:none;box-shadow:0 0 0 2px rgba(255,255,255,.7) inset}.ui.basic.inverted.active.button:hover,.ui.basic.inverted.buttons .active.button:hover{background-color:rgba(255,255,255,.07);box-shadow:0 0 0 2px #fff inset!important}.ui.basic.buttons .button{border-left:1px solid rgba(39,41,43,.15);box-shadow:none}.ui.basic.vertical.buttons .button{border-left:none;border-left-width:0;border-top:1px solid rgba(39,41,43,.15)}.ui.basic.vertical.buttons .button:first-child{border-top-width:0}.ui.labeled.icon.button,.ui.labeled.icon.buttons .button{position:relative;padding-left:4.07142em!important;padding-right:1.5em!important}.ui.labeled.icon.button>.icon,.ui.labeled.icon.buttons>.button>.icon{position:absolute;width:2.57142em;height:100%;background-color:rgba(0,0,0,.05);text-align:center;color:'';border-radius:.2857rem 0 0 .2857rem;line-height:1;box-shadow:-1px 0 0 0 transparent inset;top:0;left:0}.ui[class*="right labeled"].icon.button{padding-right:4.07142em!important;padding-left:1.5em!important}.ui[class*="right labeled"].icon.button>.icon{left:auto;right:0;border-radius:0 .2857rem .2857rem 0;box-shadow:1px 0 0 0 transparent inset}.ui.labeled.icon.button>.icon:after,.ui.labeled.icon.button>.icon:before,.ui.labeled.icon.buttons>.button>.icon:after,.ui.labeled.icon.buttons>.button>.icon:before{display:block;position:absolute;width:100%;top:50%;text-align:center;margin-top:-.5em}.ui.labeled.icon.buttons .button>.icon{border-radius:0}.ui.labeled.icon.buttons .button:first-child>.icon{border-top-left-radius:.2857rem;border-bottom-left-radius:.2857rem}.ui.labeled.icon.buttons .button:last-child>.icon{border-top-right-radius:.2857rem;border-bottom-right-radius:.2857rem}.ui.vertical.labeled.icon.buttons .button:first-child>.icon{border-radius:.2857rem 0 0}.ui.vertical.labeled.icon.buttons .button:last-child>.icon{border-radius:0 0 0 .2857rem}.ui.fluid[class*="right labeled"].icon.button,.ui.fluid[class*="left labeled"].icon.button{padding-left:1.5em!important;padding-right:1.5em!important}.ui.button.toggle.active,.ui.buttons .button.toggle.active,.ui.toggle.buttons .active.button{background-color:#5bbd72!important;box-shadow:none!important;text-shadow:none;color:#fff!important}.ui.button.toggle.active:hover{background-color:#66c17b!important;text-shadow:none;color:#fff!important}.ui.circular.button{border-radius:10em}.ui.circular.button>.icon{width:1em;vertical-align:baseline}.ui.attached.button{display:block;margin:0;box-shadow:0 0 0 1px rgba(39,41,43,.15)!important;border-radius:0}.ui.attached.top.button{border-radius:.2857rem .2857rem 0 0}.ui.attached.bottom.button{border-radius:0 0 .2857rem .2857rem}.ui.attached.left.button{display:inline-block;border-left:none;padding-right:.75em;text-align:right;border-radius:.2857rem 0 0 .2857rem}.ui.attached.right.button{display:inline-block;padding-left:.75em;text-align:left;border-radius:0 .2857rem .2857rem 0}.ui.buttons .or{position:relative;float:left;width:.3em;height:2.57142em;z-index:3}.ui.buttons .or:before{position:absolute;text-align:center;border-radius:500rem;content:'or';top:50%;left:50%;background-color:#fff;text-shadow:none;margin-top:-.892855em;margin-left:-.892855em;width:1.78571em;height:1.78571em;line-height:1.78571em;color:rgba(0,0,0,.4);font-style:normal;font-weight:700;box-shadow:0 0 0 1px transparent inset}.ui.buttons .or[data-text]:before{content:attr(data-text)}.ui.fluid.buttons .or{width:0!important}.ui.fluid.buttons .or:after{display:none}.attached.ui.buttons{margin:0;border-radius:0}.attached.ui.buttons .button{margin:0}.attached.ui.buttons .button:first-child,.attached.ui.buttons .button:last-child{border-radius:0}[class*="top attached"].ui.buttons{margin-bottom:-1px;border-radius:.2857rem .2857rem 0 0}[class*="top attached"].ui.buttons .button:first-child{border-radius:.2857rem 0 0}[class*="top attached"].ui.buttons .button:last-child{border-radius:0 .2857rem 0 0}[class*="bottom attached"].ui.buttons{margin-top:-1px;border-radius:0 0 .2857rem .2857rem}[class*="bottom attached"].ui.buttons .button:first-child{border-radius:0 0 0 .2857rem}[class*="bottom attached"].ui.buttons .button:last-child{border-radius:0 0 .2857rem}[class*="left attached"].ui.buttons{margin-left:-1px;border-radius:0 .2857rem .2857rem 0}[class*="left attached"].ui.buttons .button:first-child{margin-left:-1px;border-radius:0 .2857rem 0 0}[class*="left attached"].ui.buttons .button:last-child{margin-left:-1px;border-radius:0 0 .2857rem}[class*="right attached"].ui.buttons,[class*="right attached"].ui.buttons .button{margin-right:-1px;border-radius:.2857rem 0 0 .2857rem}[class*="right attached"].ui.buttons .button:first-child{margin-left:-1px;border-radius:.2857rem 0 0}[class*="right attached"].ui.buttons .button:last-child{margin-left:-1px;border-radius:0 0 0 .2857rem}.ui.button.fluid,.ui.fluid.buttons,.ui.fluid.buttons>.button{display:block;width:100%}.ui.\32.buttons,.ui.two.buttons{width:100%}.ui.\32.buttons>.button,.ui.two.buttons>.button{width:50%}.ui.\33.buttons,.ui.three.buttons{width:100%}.ui.\33.buttons>.button,.ui.three.buttons>.button{width:33.333%}.ui.\34.buttons,.ui.four.buttons{width:100%}.ui.\34.buttons>.button,.ui.four.buttons>.button{width:25%}.ui.\35.buttons,.ui.five.buttons{width:100%}.ui.\35.buttons>.button,.ui.five.buttons>.button{width:20%}.ui.\36.buttons,.ui.six.buttons{width:100%}.ui.\36.buttons>.button,.ui.six.buttons>.button{width:16.666%}.ui.\37.buttons,.ui.seven.buttons{width:100%}.ui.\37.buttons>.button,.ui.seven.buttons>.button{width:14.285%}.ui.\38.buttons,.ui.eight.buttons{width:100%}.ui.\38.buttons>.button,.ui.eight.buttons>.button{width:12.5%}.ui.\39.buttons,.ui.nine.buttons{width:100%}.ui.\39.buttons>.button,.ui.nine.buttons>.button{width:11.11%}.ui.\31\30.buttons,.ui.ten.buttons{width:100%}.ui.\31\30.buttons>.button,.ui.ten.buttons>.button{width:10%}.ui.\31\31.buttons,.ui.eleven.buttons{width:100%}.ui.\31\31.buttons>.button,.ui.eleven.buttons>.button{width:9.09%}.ui.\31\32.buttons,.ui.twelve.buttons{width:100%}.ui.\31\32.buttons>.button,.ui.twelve.buttons>.button{width:8.3333%}.ui.fluid.vertical.buttons,.ui.fluid.vertical.buttons>.button{display:block;width:auto}.ui.\32.vertical.buttons>.button,.ui.two.vertical.buttons>.button{height:50%}.ui.\33.vertical.buttons>.button,.ui.three.vertical.buttons>.button{height:33.333%}.ui.\34.vertical.buttons>.button,.ui.four.vertical.buttons>.button{height:25%}.ui.\35.vertical.buttons>.button,.ui.five.vertical.buttons>.button{height:20%}.ui.\36.vertical.buttons>.button,.ui.six.vertical.buttons>.button{height:16.666%}.ui.\37.vertical.buttons>.button,.ui.seven.vertical.buttons>.button{height:14.285%}.ui.\38.vertical.buttons>.button,.ui.eight.vertical.buttons>.button{height:12.5%}.ui.\39.vertical.buttons>.button,.ui.nine.vertical.buttons>.button{height:11.11%}.ui.\31\30.vertical.buttons>.button,.ui.ten.vertical.buttons>.button{height:10%}.ui.\31\31.vertical.buttons>.button,.ui.eleven.vertical.buttons>.button{height:9.09%}.ui.\31\32.vertical.buttons>.button,.ui.twelve.vertical.buttons>.button{height:8.3333%}.ui.black.button,.ui.black.buttons .button{background-color:#1b1c1d;color:#fff;text-shadow:none;background-image:none}.ui.black.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.black.button:hover,.ui.black.buttons .button:hover{background-color:#1b1c1d;color:#fff;text-shadow:none}.ui.black.button:active,.ui.black.buttons .button:active{background-color:#0a0a0b;color:#fff;text-shadow:none}.ui.black.active.button,.ui.black.button .active.button:active,.ui.black.buttons .active.button,.ui.black.buttons .active.button:active{background-color:#0f0f10;color:#fff;text-shadow:none}.ui.basic.black.button,.ui.basic.black.buttons .button{box-shadow:0 0 0 2px rgba(39,41,43,.15) inset!important;color:rgba(0,0,0,.6)!important}.ui.basic.black.button:hover,.ui.basic.black.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 2px #1b1c1d inset!important;color:#1b1c1d!important}.ui.basic.black.button:active,.ui.basic.black.buttons .button:active{box-shadow:0 0 0 2px #0a0a0b inset!important;color:#0a0a0b!important}.ui.basic.black.active.button,.ui.basic.black.buttons .active.button{background:0 0!important;box-shadow:0 0 0 2px #0a0a0b inset!important;color:#0a0a0b!important}.ui.buttons>.basic.black.button:not(:first-child){margin-left:-2px}.ui.inverted.black.button,.ui.inverted.black.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #d4d4d5 inset!important;color:#fff}.ui.inverted.black.active.button,.ui.inverted.black.button:hover,.ui.inverted.black.buttons .active.button,.ui.inverted.black.buttons .button:hover{box-shadow:0 0 0 2px #333 inset!important;background-color:#333;color:#fff}.ui.inverted.black.button:active,.ui.inverted.black.buttons .button:active{box-shadow:0 0 0 2px #212121 inset!important;background-color:#212121;color:#fff}.ui.inverted.black.basic.button,.ui.inverted.black.basic.buttons .button,.ui.inverted.black.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.black.basic.active.button,.ui.inverted.black.basic.button:hover,.ui.inverted.black.basic.buttons .active.button,.ui.inverted.black.basic.buttons .button:hover,.ui.inverted.black.buttons .basic.active.button,.ui.inverted.black.buttons .basic.button:hover{box-shadow:0 0 0 2px #333 inset!important;color:#fff!important}.ui.inverted.black.basic.button:active,.ui.inverted.black.basic.buttons .button:active,.ui.inverted.black.buttons .basic.button:active{box-shadow:0 0 0 2px #212121 inset!important;color:#fff!important}.ui.blue.button,.ui.blue.buttons .button{background-color:#3b83c0;color:#fff;text-shadow:none;background-image:none}.ui.blue.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.blue.button:hover,.ui.blue.buttons .button:hover{background-color:#458ac6;color:#fff;text-shadow:none}.ui.blue.button:active,.ui.blue.buttons .button:active{background-color:#3370a5;color:#fff;text-shadow:none}.ui.blue.active.button,.ui.blue.button .active.button:active,.ui.blue.buttons .active.button,.ui.blue.buttons .active.button:active{background-color:#3576ac;color:#fff;text-shadow:none}.ui.basic.blue.button,.ui.basic.blue.buttons .button{box-shadow:0 0 0 2px rgba(39,41,43,.15) inset!important;color:rgba(0,0,0,.6)!important}.ui.basic.blue.button:hover,.ui.basic.blue.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 2px #458ac6 inset!important;color:#458ac6!important}.ui.basic.blue.button:active,.ui.basic.blue.buttons .button:active{box-shadow:0 0 0 2px #3370a5 inset!important;color:#3370a5!important}.ui.basic.blue.active.button,.ui.basic.blue.buttons .active.button{background:0 0!important;box-shadow:0 0 0 2px #3370a5 inset!important;color:#3370a5!important}.ui.buttons>.basic.blue.button:not(:first-child){margin-left:-2px}.ui.inverted.blue.button,.ui.inverted.blue.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #54c8ff inset!important;color:#54c8ff}.ui.inverted.blue.active.button,.ui.inverted.blue.button:hover,.ui.inverted.blue.buttons .active.button,.ui.inverted.blue.buttons .button:hover{box-shadow:0 0 0 2px #54c8ff inset!important;background-color:#54c8ff;color:#fff}.ui.inverted.blue.button:active,.ui.inverted.blue.buttons .button:active{box-shadow:0 0 0 2px #30bdff inset!important;background-color:#30bdff;color:#fff}.ui.inverted.blue.basic.button,.ui.inverted.blue.basic.buttons .button,.ui.inverted.blue.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.blue.basic.active.button,.ui.inverted.blue.basic.button:hover,.ui.inverted.blue.basic.buttons .active.button,.ui.inverted.blue.basic.buttons .button:hover,.ui.inverted.blue.buttons .basic.active.button,.ui.inverted.blue.buttons .basic.button:hover{box-shadow:0 0 0 2px #54c8ff inset!important;color:#54c8ff!important}.ui.inverted.blue.basic.button:active,.ui.inverted.blue.basic.buttons .button:active,.ui.inverted.blue.buttons .basic.button:active{box-shadow:0 0 0 2px #30bdff inset!important;color:#54c8ff!important}.ui.green.button,.ui.green.buttons .button{background-color:#5bbd72;color:#fff;text-shadow:none;background-image:none}.ui.green.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.green.button:hover,.ui.green.buttons .button:hover{background-color:#66c17b;color:#fff;text-shadow:none}.ui.green.button:active,.ui.green.buttons .button:active{background-color:#46ae5f;color:#fff;text-shadow:none}.ui.green.active.button,.ui.green.button .active.button:active,.ui.green.buttons .active.button,.ui.green.buttons .active.button:active{background-color:#49b562;color:#fff;text-shadow:none}.ui.basic.green.button,.ui.basic.green.buttons .button{box-shadow:0 0 0 2px rgba(39,41,43,.15) inset!important;color:rgba(0,0,0,.6)!important}.ui.basic.green.button:hover,.ui.basic.green.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 2px #66c17b inset!important;color:#66c17b!important}.ui.basic.green.button:active,.ui.basic.green.buttons .button:active{box-shadow:0 0 0 2px #46ae5f inset!important;color:#46ae5f!important}.ui.basic.green.active.button,.ui.basic.green.buttons .active.button{background:0 0!important;box-shadow:0 0 0 2px #46ae5f inset!important;color:#46ae5f!important}.ui.buttons>.basic.green.button:not(:first-child){margin-left:-2px}.ui.inverted.green.button,.ui.inverted.green.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #2ecc40 inset!important;color:#2ecc40}.ui.inverted.green.active.button,.ui.inverted.green.button:hover,.ui.inverted.green.buttons .active.button,.ui.inverted.green.buttons .button:hover{box-shadow:0 0 0 2px #2ecc40 inset!important;background-color:#2ecc40;color:#fff}.ui.inverted.green.button:active,.ui.inverted.green.buttons .button:active{box-shadow:0 0 0 2px #27af37 inset!important;background-color:#27af37;color:#fff}.ui.inverted.green.basic.button,.ui.inverted.green.basic.buttons .button,.ui.inverted.green.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.green.basic.active.button,.ui.inverted.green.basic.button:hover,.ui.inverted.green.basic.buttons .active.button,.ui.inverted.green.basic.buttons .button:hover,.ui.inverted.green.buttons .basic.active.button,.ui.inverted.green.buttons .basic.button:hover{box-shadow:0 0 0 2px #2ecc40 inset!important;color:#2ecc40!important}.ui.inverted.green.basic.button:active,.ui.inverted.green.basic.buttons .button:active,.ui.inverted.green.buttons .basic.button:active{box-shadow:0 0 0 2px #27af37 inset!important;color:#2ecc40!important}.ui.orange.button,.ui.orange.buttons .button{background-color:#e07b53;color:#fff;text-shadow:none;background-image:none}.ui.orange.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.orange.button:hover,.ui.orange.buttons .button:hover{background-color:#e28560;color:#fff;text-shadow:none}.ui.orange.button:active,.ui.orange.buttons .button:active{background-color:#db6435;color:#fff;text-shadow:none}.ui.orange.active.button,.ui.orange.button .active.button:active,.ui.orange.buttons .active.button,.ui.orange.buttons .active.button:active{background-color:#dc6a3d;color:#fff;text-shadow:none}.ui.basic.orange.button,.ui.basic.orange.buttons .button{box-shadow:0 0 0 2px rgba(39,41,43,.15) inset!important;color:rgba(0,0,0,.6)!important}.ui.basic.orange.button:hover,.ui.basic.orange.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 2px #e28560 inset!important;color:#e28560!important}.ui.basic.orange.button:active,.ui.basic.orange.buttons .button:active{box-shadow:0 0 0 2px #db6435 inset!important;color:#db6435!important}.ui.basic.orange.active.button,.ui.basic.orange.buttons .active.button{background:0 0!important;box-shadow:0 0 0 2px #db6435 inset!important;color:#db6435!important}.ui.buttons>.basic.orange.button:not(:first-child){margin-left:-2px}.ui.inverted.orange.button,.ui.inverted.orange.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #ff851b inset!important;color:#ff851b}.ui.inverted.orange.active.button,.ui.inverted.orange.button:hover,.ui.inverted.orange.buttons .active.button,.ui.inverted.orange.buttons .button:hover{box-shadow:0 0 0 2px #ff851b inset!important;background-color:#ff851b;color:#fff}.ui.inverted.orange.button:active,.ui.inverted.orange.buttons .button:active{box-shadow:0 0 0 2px #f67300 inset!important;background-color:#f67300;color:#fff}.ui.inverted.orange.basic.button,.ui.inverted.orange.basic.buttons .button,.ui.inverted.orange.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.orange.basic.active.button,.ui.inverted.orange.basic.button:hover,.ui.inverted.orange.basic.buttons .active.button,.ui.inverted.orange.basic.buttons .button:hover,.ui.inverted.orange.buttons .basic.active.button,.ui.inverted.orange.buttons .basic.button:hover{box-shadow:0 0 0 2px #ff851b inset!important;color:#ff851b!important}.ui.inverted.orange.basic.button:active,.ui.inverted.orange.basic.buttons .button:active,.ui.inverted.orange.buttons .basic.button:active{box-shadow:0 0 0 2px #f67300 inset!important;color:#ff851b!important}.ui.pink.button,.ui.pink.buttons .button{background-color:#d9499a;color:#fff;text-shadow:none;background-image:none}.ui.pink.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.pink.button:hover,.ui.pink.buttons .button:hover{background-color:#dc56a1;color:#fff;text-shadow:none}.ui.pink.button:active,.ui.pink.buttons .button:active{background-color:#d22c8a;color:#fff;text-shadow:none}.ui.pink.active.button,.ui.pink.button .active.button:active,.ui.pink.buttons .active.button,.ui.pink.buttons .active.button:active{background-color:#d5348e;color:#fff;text-shadow:none}.ui.basic.pink.button,.ui.basic.pink.buttons .button{box-shadow:0 0 0 2px rgba(39,41,43,.15) inset!important;color:rgba(0,0,0,.6)!important}.ui.basic.pink.button:hover,.ui.basic.pink.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 2px #dc56a1 inset!important;color:#dc56a1!important}.ui.basic.pink.button:active,.ui.basic.pink.buttons .button:active{box-shadow:0 0 0 2px #d22c8a inset!important;color:#d22c8a!important}.ui.basic.pink.active.button,.ui.basic.pink.buttons .active.button{background:0 0!important;box-shadow:0 0 0 2px #d22c8a inset!important;color:#d22c8a!important}.ui.buttons>.basic.pink.button:not(:first-child){margin-left:-2px}.ui.inverted.pink.button,.ui.inverted.pink.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #ff8edf inset!important;color:#ff8edf}.ui.inverted.pink.active.button,.ui.inverted.pink.button:hover,.ui.inverted.pink.buttons .active.button,.ui.inverted.pink.buttons .button:hover{box-shadow:0 0 0 2px #ff8edf inset!important;background-color:#ff8edf;color:#fff}.ui.inverted.pink.button:active,.ui.inverted.pink.buttons .button:active{box-shadow:0 0 0 2px #ff6ad5 inset!important;background-color:#ff6ad5;color:#fff}.ui.inverted.pink.basic.button,.ui.inverted.pink.basic.buttons .button,.ui.inverted.pink.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.pink.basic.active.button,.ui.inverted.pink.basic.button:hover,.ui.inverted.pink.basic.buttons .active.button,.ui.inverted.pink.basic.buttons .button:hover,.ui.inverted.pink.buttons .basic.active.button,.ui.inverted.pink.buttons .basic.button:hover{box-shadow:0 0 0 2px #ff8edf inset!important;color:#ff8edf!important}.ui.inverted.pink.basic.button:active,.ui.inverted.pink.basic.buttons .button:active,.ui.inverted.pink.buttons .basic.button:active{box-shadow:0 0 0 2px #ff6ad5 inset!important;color:#ff8edf!important}.ui.purple.button,.ui.purple.buttons .button{background-color:#564f8a;color:#fff;text-shadow:none;background-image:none}.ui.purple.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.purple.button:hover,.ui.purple.buttons .button:hover{background-color:#5c5594;color:#fff;text-shadow:none}.ui.purple.button:active,.ui.purple.buttons .button:active{background-color:#484273;color:#fff;text-shadow:none}.ui.purple.active.button,.ui.purple.button .active.button:active,.ui.purple.buttons .active.button,.ui.purple.buttons .active.button:active{background-color:#4c467a;color:#fff;text-shadow:none}.ui.basic.purple.button,.ui.basic.purple.buttons .button{box-shadow:0 0 0 2px rgba(39,41,43,.15) inset!important;color:rgba(0,0,0,.6)!important}.ui.basic.purple.button:hover,.ui.basic.purple.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 2px #5c5594 inset!important;color:#5c5594!important}.ui.basic.purple.button:active,.ui.basic.purple.buttons .button:active{box-shadow:0 0 0 2px #484273 inset!important;color:#484273!important}.ui.basic.purple.active.button,.ui.basic.purple.buttons .active.button{background:0 0!important;box-shadow:0 0 0 2px #484273 inset!important;color:#484273!important}.ui.buttons>.basic.purple.button:not(:first-child){margin-left:-2px}.ui.inverted.purple.button,.ui.inverted.purple.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #cdc6ff inset!important;color:#cdc6ff}.ui.inverted.purple.active.button,.ui.inverted.purple.button:hover,.ui.inverted.purple.buttons .active.button,.ui.inverted.purple.buttons .button:hover{box-shadow:0 0 0 2px #cdc6ff inset!important;background-color:#cdc6ff;color:#1b1c1d}.ui.inverted.purple.button:active,.ui.inverted.purple.buttons .button:active{box-shadow:0 0 0 2px #aea2ff inset!important;background-color:#aea2ff;color:#1b1c1d}.ui.inverted.purple.basic.button,.ui.inverted.purple.basic.buttons .button,.ui.inverted.purple.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.purple.basic.active.button,.ui.inverted.purple.basic.button:hover,.ui.inverted.purple.basic.buttons .active.button,.ui.inverted.purple.basic.buttons .button:hover,.ui.inverted.purple.buttons .basic.active.button,.ui.inverted.purple.buttons .basic.button:hover{box-shadow:0 0 0 2px #cdc6ff inset!important;color:#cdc6ff!important}.ui.inverted.purple.basic.button:active,.ui.inverted.purple.basic.buttons .button:active,.ui.inverted.purple.buttons .basic.button:active{box-shadow:0 0 0 2px #aea2ff inset!important;color:#cdc6ff!important}.ui.red.button,.ui.red.buttons .button{background-color:#d95c5c;color:#fff;text-shadow:none;background-image:none}.ui.red.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.red.button:hover,.ui.red.buttons .button:hover{background-color:#dc6868;color:#fff;text-shadow:none}.ui.red.button:active,.ui.red.buttons .button:active{background-color:#d23f3f;color:#fff;text-shadow:none}.ui.red.active.button,.ui.red.button .active.button:active,.ui.red.buttons .active.button,.ui.red.buttons .active.button:active{background-color:#d44747;color:#fff;text-shadow:none}.ui.basic.red.button,.ui.basic.red.buttons .button{box-shadow:0 0 0 2px rgba(39,41,43,.15) inset!important;color:rgba(0,0,0,.6)!important}.ui.basic.red.button:hover,.ui.basic.red.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 2px #dc6868 inset!important;color:#dc6868!important}.ui.basic.red.button:active,.ui.basic.red.buttons .button:active{box-shadow:0 0 0 2px #d23f3f inset!important;color:#d23f3f!important}.ui.basic.red.active.button,.ui.basic.red.buttons .active.button{background:0 0!important;box-shadow:0 0 0 2px #d23f3f inset!important;color:#d23f3f!important}.ui.buttons>.basic.red.button:not(:first-child){margin-left:-2px}.ui.inverted.red.button,.ui.inverted.red.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #ff695e inset!important;color:#ff695e}.ui.inverted.red.active.button,.ui.inverted.red.button:hover,.ui.inverted.red.buttons .active.button,.ui.inverted.red.buttons .button:hover{box-shadow:0 0 0 2px #ff695e inset!important;background-color:#ff695e;color:#fff}.ui.inverted.red.button:active,.ui.inverted.red.buttons .button:active{box-shadow:0 0 0 2px #ff483a inset!important;background-color:#ff483a;color:#fff}.ui.inverted.red.basic.button,.ui.inverted.red.basic.buttons .button,.ui.inverted.red.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.red.basic.active.button,.ui.inverted.red.basic.button:hover,.ui.inverted.red.basic.buttons .active.button,.ui.inverted.red.basic.buttons .button:hover,.ui.inverted.red.buttons .basic.active.button,.ui.inverted.red.buttons .basic.button:hover{box-shadow:0 0 0 2px #ff695e inset!important;color:#ff695e!important}.ui.inverted.red.basic.button:active,.ui.inverted.red.basic.buttons .button:active,.ui.inverted.red.buttons .basic.button:active{box-shadow:0 0 0 2px #ff483a inset!important;color:#ff695e!important}.ui.teal.button,.ui.teal.buttons .button{background-color:#00b5ad;color:#fff;text-shadow:none;background-image:none}.ui.teal.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.teal.button:hover,.ui.teal.buttons .button:hover{background-color:#00c4bc;color:#fff;text-shadow:none}.ui.teal.button:active,.ui.teal.buttons .button:active{background-color:#00918b;color:#fff;text-shadow:none}.ui.teal.active.button,.ui.teal.button .active.button:active,.ui.teal.buttons .active.button,.ui.teal.buttons .active.button:active{background-color:#009c95;color:#fff;text-shadow:none}.ui.basic.teal.button,.ui.basic.teal.buttons .button{box-shadow:0 0 0 2px rgba(39,41,43,.15) inset!important;color:rgba(0,0,0,.6)!important}.ui.basic.teal.button:hover,.ui.basic.teal.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 2px #00c4bc inset!important;color:#00c4bc!important}.ui.basic.teal.button:active,.ui.basic.teal.buttons .button:active{box-shadow:0 0 0 2px #00918b inset!important;color:#00918b!important}.ui.basic.teal.active.button,.ui.basic.teal.buttons .active.button{background:0 0!important;box-shadow:0 0 0 2px #00918b inset!important;color:#00918b!important}.ui.buttons>.basic.teal.button:not(:first-child){margin-left:-2px}.ui.inverted.teal.button,.ui.inverted.teal.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #6dffff inset!important;color:#6dffff}.ui.inverted.teal.active.button,.ui.inverted.teal.button:hover,.ui.inverted.teal.buttons .active.button,.ui.inverted.teal.buttons .button:hover{box-shadow:0 0 0 2px #6dffff inset!important;background-color:#6dffff;color:#1b1c1d}.ui.inverted.teal.button:active,.ui.inverted.teal.buttons .button:active{box-shadow:0 0 0 2px #49ffff inset!important;background-color:#49ffff;color:#1b1c1d}.ui.inverted.teal.basic.button,.ui.inverted.teal.basic.buttons .button,.ui.inverted.teal.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.teal.basic.active.button,.ui.inverted.teal.basic.button:hover,.ui.inverted.teal.basic.buttons .active.button,.ui.inverted.teal.basic.buttons .button:hover,.ui.inverted.teal.buttons .basic.active.button,.ui.inverted.teal.buttons .basic.button:hover{box-shadow:0 0 0 2px #6dffff inset!important;color:#6dffff!important}.ui.inverted.teal.basic.button:active,.ui.inverted.teal.basic.buttons .button:active,.ui.inverted.teal.buttons .basic.button:active{box-shadow:0 0 0 2px #49ffff inset!important;color:#6dffff!important}.ui.yellow.button,.ui.yellow.buttons .button{background-color:#f2c61f;color:#fff;text-shadow:none;background-image:none}.ui.yellow.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.yellow.button:hover,.ui.yellow.buttons .button:hover{background-color:#f3ca2d;color:#fff;text-shadow:none}.ui.yellow.button:active,.ui.yellow.buttons .button:active{background-color:#e0b40d;color:#fff;text-shadow:none}.ui.yellow.active.button,.ui.yellow.button .active.button:active,.ui.yellow.buttons .active.button,.ui.yellow.buttons .active.button:active{background-color:#eabc0e;color:#fff;text-shadow:none}.ui.basic.yellow.button,.ui.basic.yellow.buttons .button{box-shadow:0 0 0 2px rgba(39,41,43,.15) inset!important;color:rgba(0,0,0,.6)!important}.ui.basic.yellow.button:hover,.ui.basic.yellow.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 2px #f3ca2d inset!important;color:#f3ca2d!important}.ui.basic.yellow.button:active,.ui.basic.yellow.buttons .button:active{box-shadow:0 0 0 2px #e0b40d inset!important;color:#e0b40d!important}.ui.basic.yellow.active.button,.ui.basic.yellow.buttons .active.button{background:0 0!important;box-shadow:0 0 0 2px #e0b40d inset!important;color:#e0b40d!important}.ui.buttons>.basic.yellow.button:not(:first-child){margin-left:-2px}.ui.inverted.yellow.button,.ui.inverted.yellow.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #ffe21f inset!important;color:#ffe21f}.ui.inverted.yellow.active.button,.ui.inverted.yellow.button:hover,.ui.inverted.yellow.buttons .active.button,.ui.inverted.yellow.buttons .button:hover{box-shadow:0 0 0 2px #ffe21f inset!important;background-color:#ffe21f;color:#1b1c1d}.ui.inverted.yellow.button:active,.ui.inverted.yellow.buttons .button:active{box-shadow:0 0 0 2px #fada00 inset!important;background-color:#fada00;color:#1b1c1d}.ui.inverted.yellow.basic.button,.ui.inverted.yellow.basic.buttons .button,.ui.inverted.yellow.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.yellow.basic.active.button,.ui.inverted.yellow.basic.button:hover,.ui.inverted.yellow.basic.buttons .active.button,.ui.inverted.yellow.basic.buttons .button:hover,.ui.inverted.yellow.buttons .basic.active.button,.ui.inverted.yellow.buttons .basic.button:hover{box-shadow:0 0 0 2px #ffe21f inset!important;color:#ffe21f!important}.ui.inverted.yellow.basic.button:active,.ui.inverted.yellow.basic.buttons .button:active,.ui.inverted.yellow.buttons .basic.button:active{box-shadow:0 0 0 2px #fada00 inset!important;color:#ffe21f!important}.ui.primary.button,.ui.primary.buttons .button{background-color:#3b83c0;color:#fff;text-shadow:none;background-image:none}.ui.primary.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.primary.button:hover,.ui.primary.buttons .button:hover{background-color:#458ac6;color:#fff;text-shadow:none}.ui.primary.button:active,.ui.primary.buttons .button:active{background-color:#3370a5;color:#fff;text-shadow:none}.ui.primary.active.button,.ui.primary.buttons .active.button{background-color:#3576ac;color:#fff;text-shadow:none}.ui.secondary.button,.ui.secondary.buttons .button{background-color:#1b1c1d;color:#fff;text-shadow:none;background-image:none}.ui.secondary.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.secondary.button:hover,.ui.secondary.buttons .button:hover{background-color:#222425;color:#fff;text-shadow:none}.ui.secondary.button:active,.ui.secondary.buttons .button:active{background-color:#0a0a0b;color:#fff;text-shadow:none}.ui.secondary.active.button,.ui.secondary.buttons .active.button{background-color:#0f0f10;color:#fff;text-shadow:none}.ui.positive.button,.ui.positive.buttons .button{background-color:#5bbd72!important;color:#fff;text-shadow:none;background-image:none}.ui.positive.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.positive.active.button,.ui.positive.button:hover,.ui.positive.buttons .active.button,.ui.positive.buttons .button:hover{background-color:#66c17b!important;color:#fff;text-shadow:none}.ui.positive.button:active,.ui.positive.buttons .button:active{background-color:#46ae5f!important;color:#fff;text-shadow:none}.ui.positive.active.button,.ui.positive.button .active.button:active,.ui.positive.buttons .active.button,.ui.positive.buttons .active.button:active{background-color:#49b562;color:#fff;text-shadow:none}.ui.negative.button,.ui.negative.buttons .button{background-color:#d95c5c!important;color:#fff;text-shadow:none;background-image:none}.ui.negative.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.negative.active.button,.ui.negative.button:hover,.ui.negative.buttons .active.button,.ui.negative.buttons .button:hover{background-color:#dc6868!important;color:#fff;text-shadow:none}.ui.negative.button:active,.ui.negative.buttons .button:active{background-color:#d23f3f!important;color:#fff;text-shadow:none}.ui.negative.active.button,.ui.negative.button .active.button:active,.ui.negative.buttons .active.button,.ui.negative.buttons .active.button:active{background-color:#d44747;color:#fff;text-shadow:none}.ui.buttons{display:inline-block;vertical-align:middle;margin:0 .25em 0 0}.ui.buttons>.active.button,.ui.buttons>.button:hover{position:relative}.ui.buttons:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.buttons .button:first-child{border-left:none}.ui.buttons:not(.basic):not(.inverted){box-shadow:none}.ui.buttons:not(.basic):not(.inverted)>.button,.ui.buttons>.ui.button:not(.basic):not(.inverted){box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(39,41,43,.15) inset}.ui.buttons .button{float:left;border-radius:0;margin:0}.ui.buttons .button:first-child{margin-left:0;border-top-left-radius:.2857rem;border-bottom-left-radius:.2857rem}.ui.buttons .button:last-child{border-top-right-radius:.2857rem;border-bottom-right-radius:.2857rem}.ui.vertical.buttons{display:inline-block}.ui.vertical.buttons .button{display:block;float:none;width:100%;margin:0;box-shadow:none}.ui.vertical.buttons .button:first-child,.ui.vertical.buttons .huge.button:first-child,.ui.vertical.buttons .massive.button:first-child,.ui.vertical.buttons .mini.button:first-child,.ui.vertical.buttons .small.button:first-child,.ui.vertical.buttons .tiny.button:first-child{border-radius:.2857rem .2857rem 0 0}.ui.vertical.buttons .button:last-child,.ui.vertical.buttons .gigantic.button:last-child,.ui.vertical.buttons .huge.button:last-child,.ui.vertical.buttons .massive.button:last-child,.ui.vertical.buttons .mini.button:last-child,.ui.vertical.buttons .small.button:last-child,.ui.vertical.buttons .tiny.button:last-child{margin-bottom:0;border-radius:0 0 .2857rem .2857rem}
|
5
|
-
.ui.image{position:relative;display:inline-block;vertical-align:middle;max-width:100%;background-color:transparent}img.ui.image{display:block}.ui.image img,.ui.image svg{display:block;max-width:100%;height:auto}.ui.hidden.image,.ui.hidden.images{display:none}.ui.disabled.image,.ui.disabled.images{cursor:default;opacity:.3}.ui.inline.image,.ui.inline.image img,.ui.inline.image svg{display:inline-block}.ui.top.aligned.image,.ui.top.aligned.image img,.ui.top.aligned.image svg,.ui.top.aligned.images .image{display:inline-block;vertical-align:top}.ui.middle.aligned.image,.ui.middle.aligned.image img,.ui.middle.aligned.image svg,.ui.middle.aligned.images .image{display:inline-block;vertical-align:middle}.ui.bottom.aligned.image,.ui.bottom.aligned.image img,.ui.bottom.aligned.image svg,.ui.bottom.aligned.images .image{display:inline-block;vertical-align:bottom}.ui.rounded.image,.ui.rounded.image img,.ui.rounded.image svg,.ui.rounded.images .image,.ui.rounded.images img,.ui.rounded.images svg{border-radius:.3125em}.ui.bordered.image img,.ui.bordered.image svg,.ui.bordered.images .image,.ui.bordered.images img,.ui.bordered.images svg,img.ui.bordered.image{border:1px solid rgba(0,0,0,.1)}.ui.circular.image,.ui.circular.images{overflow:hidden}.ui.circular.image,.ui.circular.image img,.ui.circular.image svg,.ui.circular.images .image,.ui.circular.images img,.ui.circular.images svg{border-radius:500rem}.ui.fluid.image,.ui.fluid.image img,.ui.fluid.image svg,.ui.fluid.images,.ui.fluid.images img,.ui.fluid.images svg{display:block;width:100%;height:auto}.ui.avatar.image,.ui.avatar.image img,.ui.avatar.image svg,.ui.avatar.images .image,.ui.avatar.images img,.ui.avatar.images svg{margin-right:.25em;display:inline-block;width:2.5em;height:2.5em;border-radius:500rem}.ui.floated.image,.ui.floated.images{float:left;margin-right:1em;margin-bottom:1em}.ui.right.floated.image,.ui.right.floated.images{float:right;margin-right:0;margin-bottom:1em;margin-left:1em}.ui.floated.image:last-child,.ui.floated.images:last-child{margin-bottom:0}.ui.centered.image,.ui.centered.images{margin-left:auto;margin-right:auto}.ui.mini.image,.ui.mini.images .image,.ui.mini.images img,.ui.mini.images svg{width:20px;height:auto;font-size:.71428571rem}.ui.tiny.image,.ui.tiny.images .image,.ui.tiny.images img,.ui.tiny.images svg{width:80px;height:auto;font-size:.85714286rem}.ui.small.image,.ui.small.images .image,.ui.small.images img,.ui.small.images svg{width:150px;height:auto;font-size:.92857143rem}.ui.medium.image,.ui.medium.images .image,.ui.medium.images img,.ui.medium.images svg{width:300px;height:auto;font-size:1rem}.ui.large.image,.ui.large.images .image,.ui.large.images img,.ui.large.images svg{width:450px;height:auto;font-size:1.14285714rem}.ui.big.image,.ui.big.images .image,.ui.big.images img,.ui.big.images svg{width:600px;height:auto;font-size:1.28571429rem}.ui.huge.image,.ui.huge.images .image,.ui.huge.images img,.ui.huge.images svg{width:800px;height:auto;font-size:1.42857143rem}.ui.massive.image,.ui.massive.images .image,.ui.massive.images img,.ui.massive.images svg{width:960px;height:auto;font-size:1.71428571rem}.ui.images{font-size:0;margin:0 -.25rem}.ui.images .image,.ui.images img,.ui.images svg{display:inline-block;margin:0 .25rem .5rem}
|
6
|
-
.ui.form{position:relative;max-width:100%}.ui.form>p{margin:1em 0}.ui.form .field,.ui.form .fields .field{clear:both;margin:0 0 1em}.ui.form .field:last-child,.ui.form .fields:last-child{margin-bottom:0}.ui.form .field>label{display:block;margin:0 0 .2857rem;color:rgba(0,0,0,.8);font-size:.9285em;font-weight:700;text-transform:none}.ui.form .grouped.fields>label{margin:0 0 .2857rem;color:rgba(0,0,0,.8);font-weight:700;text-transform:none}.ui.form .inline.fields>label{display:inline-block;vertical-align:middle;margin:0 1em 0 0;color:rgba(0,0,0,.8);font-size:.9285em;font-weight:700;text-transform:none}.ui.form .ui.input,.ui.form input:not([type]),.ui.form input[type=date],.ui.form input[type=datetime-local],.ui.form input[type=email],.ui.form input[type=number],.ui.form input[type=password],.ui.form input[type=search],.ui.form input[type=tel],.ui.form input[type=time],.ui.form input[type=text],.ui.form input[type=url],.ui.form textarea{width:100%;vertical-align:top}.ui.form input:not([type]),.ui.form input[type=date],.ui.form input[type=datetime-local],.ui.form input[type=email],.ui.form input[type=number],.ui.form input[type=password],.ui.form input[type=search],.ui.form input[type=tel],.ui.form input[type=time],.ui.form input[type=text],.ui.form input[type=url]{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;margin:0;outline:0;-webkit-appearance:none;tap-highlight-color:rgba(255,255,255,0);line-height:1.2142em;padding:.67861em 1em;font-size:1em;background:#fff;border:1px solid rgba(39,41,43,.15);color:rgba(0,0,0,.8);border-radius:.2857rem;box-shadow:0 0 0 0 transparent inset;-webkit-transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease}.ui.form textarea,.ui.textarea{margin:0;-webkit-appearance:none;tap-highlight-color:rgba(255,255,255,0);padding:.78571em 1em;background:#fff;border:1px solid rgba(39,41,43,.15);outline:0;color:rgba(0,0,0,.8);border-radius:.2857rem;box-shadow:0 0 0 0 transparent inset;-webkit-transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease;font-size:1em;height:12em;min-height:8em;max-height:24em;line-height:1.2857;resize:vertical}.ui.form input[type=checkbox],.ui.form textarea{vertical-align:top}.ui.form input.attached{width:auto}.ui.form select{display:block;height:auto;width:100%;background:#fff;border:1px solid rgba(39,41,43,.15);border-radius:.2857rem;box-shadow:0 0 0 0 transparent inset;padding:.62em 1em;color:rgba(0,0,0,.8);-webkit-transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease}.ui.form .field>.selection.dropdown{width:100%}.ui.form .field>.selection.dropdown>.dropdown.icon{float:right}.ui.form .inline.field>.selection.dropdown{width:auto}.ui.form .inline.field>.selection.dropdown>.dropdown.icon{float:none}.ui.form .divider{clear:both;margin:1em 0}.ui.form .error.message,.ui.form .success.message,.ui.form .warning.message{display:none}.ui.form .message:first-child{margin-top:0}.ui.form .field .prompt.label{white-space:nowrap}.ui.form .inline.field .prompt{margin:-.5em 0 -.5em 1em}.ui.form .inline.field .prompt:before{margin-top:-.3em;bottom:auto;right:auto;top:50%;left:0}.ui.form ::-webkit-input-placeholder{color:rgba(140,140,140,.8)}.ui.form ::-moz-placeholder{color:rgba(140,140,140,.8)}.ui.form :focus::-webkit-input-placeholder{color:rgba(89,89,89,.8)}.ui.form :focus::-moz-placeholder{color:rgba(89,89,89,.8)}.ui.form .error ::-webkit-input-placeholder{color:#e38585}.ui.form .error ::-moz-placeholder{color:#e38585}.ui.form .error :focus::-webkit-input-placeholder{color:#de7171}.ui.form .error :focus::-moz-placeholder{color:#de7171}.ui.form input:not([type]):focus,.ui.form input[type=date]:focus,.ui.form input[type=datetime-local]:focus,.ui.form input[type=email]:focus,.ui.form input[type=number]:focus,.ui.form input[type=password]:focus,.ui.form input[type=search]:focus,.ui.form input[type=tel]:focus,.ui.form input[type=time]:focus,.ui.form input[type=text]:focus,.ui.form input[type=url]:focus{color:rgba(0,0,0,.85);border-color:rgba(39,41,43,.3);border-radius:0 .2857rem .2857rem 0;background:#fff;box-shadow:1px 0 0 0 rgba(39,41,43,.3) inset}.ui.form textarea:focus{color:rgba(0,0,0,.85);border-color:rgba(39,41,43,.3);border-radius:0 .2857rem .2857rem 0;background:#fff;box-shadow:1px 0 0 0 rgba(39,41,43,.3) inset;-webkit-appearance:none}.ui.form.error .error.message,.ui.form.success .success.message,.ui.form.warning .warning.message{display:block}.ui.form .field.error .input,.ui.form .field.error label,.ui.form .fields.error .field .input,.ui.form .fields.error .field label{color:#d95c5c}.ui.form .field.error .corner.label,.ui.form .fields.error .field .corner.label{border-color:#d95c5c;color:#fff}.ui.form .field.error input:not([type]),.ui.form .field.error input[type=date],.ui.form .field.error input[type=datetime-local],.ui.form .field.error input[type=email],.ui.form .field.error input[type=number],.ui.form .field.error input[type=password],.ui.form .field.error input[type=search],.ui.form .field.error input[type=tel],.ui.form .field.error input[type=time],.ui.form .field.error input[type=text],.ui.form .field.error input[type=url],.ui.form .field.error select,.ui.form .field.error textarea,.ui.form .fields.error .field input:not([type]),.ui.form .fields.error .field input[type=date],.ui.form .fields.error .field input[type=datetime-local],.ui.form .fields.error .field input[type=email],.ui.form .fields.error .field input[type=number],.ui.form .fields.error .field input[type=password],.ui.form .fields.error .field input[type=search],.ui.form .fields.error .field input[type=tel],.ui.form .fields.error .field input[type=time],.ui.form .fields.error .field input[type=text],.ui.form .fields.error .field input[type=url],.ui.form .fields.error .field select,.ui.form .fields.error .field textarea{background:#fff0f0;border-color:#dbb1b1;color:#d95c5c;border-radius:0 .2857rem .2857rem 0;box-shadow:2px 0 0 0 #d95c5c inset}.ui.form .field.error input:not([type]):focus,.ui.form .field.error input[type=date]:focus,.ui.form .field.error input[type=datetime-local]:focus,.ui.form .field.error input[type=email]:focus,.ui.form .field.error input[type=number]:focus,.ui.form .field.error input[type=password]:focus,.ui.form .field.error input[type=search]:focus,.ui.form .field.error input[type=tel]:focus,.ui.form .field.error input[type=time]:focus,.ui.form .field.error input[type=text]:focus,.ui.form .field.error input[type=url]:focus,.ui.form .field.error select:focus,.ui.form .field.error textarea:focus{background:#fff0f0;border-color:#dbb1b1;color:#dc6868;-webkit-appearance:none;box-shadow:2px 0 0 0 #dc6868 inset}.ui.form .field.error select{-webkit-appearance:menulist-button}.ui.form .field.error .ui.dropdown,.ui.form .field.error .ui.dropdown .item,.ui.form .field.error .ui.dropdown .text,.ui.form .fields.error .field .ui.dropdown,.ui.form .fields.error .field .ui.dropdown .item{background:#fff0f0;color:#d95c5c}.ui.form .field.error .ui.dropdown,.ui.form .field.error .ui.dropdown:hover,.ui.form .fields.error .field .ui.dropdown,.ui.form .fields.error .field .ui.dropdown:hover{border-color:#dbb1b1!important}.ui.form .field.error .ui.dropdown:hover .menu,.ui.form .fields.error .field .ui.dropdown:hover .menu{border-color:#dbb1b1}.ui.form .field.error .ui.dropdown .menu .item:hover,.ui.form .fields.error .field .ui.dropdown .menu .item:hover{background-color:#fbe7e7}.ui.form .field.error .ui.dropdown .menu .active.item,.ui.form .fields.error .field .ui.dropdown .menu .active.item{background-color:#fdcfcf!important}.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box,.ui.form .field.error .checkbox:not(.toggle):not(.slider) label,.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box,.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label{color:#d95c5c}.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before,.ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before,.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before,.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before{background:#fff0f0;border-color:#dbb1b1}.ui.form .field.error .checkbox .box:after,.ui.form .field.error .checkbox label:after,.ui.form .fields.error .field .checkbox .box:after,.ui.form .fields.error .field .checkbox label:after{color:#d95c5c}.ui.form .field :disabled,.ui.form .field.disabled,.ui.form .field.disabled label{opacity:.5}.ui.form .field.disabled :disabled{opacity:1}.ui.loading.form{position:relative;cursor:default;point-events:none;text-shadow:none!important;color:transparent!important;-webkit-transition:all 0s linear;transition:all 0s linear;z-index:100}.ui.loading.form:before{position:absolute;content:'';top:0;left:0;background:rgba(255,255,255,.8);width:100%;height:100%;z-index:100}.ui.loading.form:after{position:absolute;content:'';top:50%;left:50%;margin:-1.5em 0 0 -1.5em;width:3em;height:3em;-webkit-animation:form-spin .6s linear;animation:form-spin .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#aaa rgba(0,0,0,.1) rgba(0,0,0,.1);border-style:solid;border-width:.2em;box-shadow:0 0 0 1px transparent;visibility:visible;z-index:101}@-webkit-keyframes form-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes form-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ui.form .required.field>.checkbox:after,.ui.form .required.field>label:after,.ui.form .required.fields>.field>.checkbox:after,.ui.form .required.fields>.field>label:after{margin:-.2em 0 0 .2em;content:'*';color:#d95c5c}.ui.form .required.field>label:after,.ui.form .required.fields>.field>label:after{display:inline-block;vertical-align:top}.ui.form .required.field>.checkbox:after,.ui.form .required.fields>.field>.checkbox:after{position:absolute;top:0;left:100%}.ui.form .inverted.segment .ui.checkbox .box,.ui.form .inverted.segment .ui.checkbox label,.ui.form .inverted.segment label,.ui.inverted.form .ui.checkbox .box,.ui.inverted.form .ui.checkbox label,.ui.inverted.form label{color:#fff}.ui.form .grouped.fields{margin:0 0 1em}.ui.form .grouped.fields:last-child{margin-bottom:0}.ui.form .grouped.fields>label{font-size:.9285em}.ui.form .grouped.fields .field{display:block;float:none;margin:.5em 0;padding:0}.ui.form .fields{clear:both}.ui.form .fields:after{content:' ';display:block;clear:both;visibility:hidden;line-height:0;height:0}.ui.form .fields>.field{clear:none;float:left;padding-left:.5em;padding-right:.5em}.ui.form .fields>.field:first-child{border-left:none;box-shadow:none}.ui.form .two.fields>.field,.ui.form .two.fields>.fields{width:50%}.ui.form .three.fields>.field,.ui.form .three.fields>.fields{width:33.33333333%}.ui.form .four.fields>.field,.ui.form .four.fields>.fields{width:25%}.ui.form .five.fields>.field,.ui.form .five.fields>.fields{width:20%}.ui.form .six.fields>.field,.ui.form .six.fields>.fields{width:16.66666667%}.ui.form .seven.fields>.field,.ui.form .seven.fields>.fields{width:14.28571429%}.ui.form .eight.fields>.field,.ui.form .eight.fields>.fields{width:12.5%}.ui.form .nine.fields>.field,.ui.form .nine.fields>.fields{width:11.11111111%}.ui.form .ten.fields>.field,.ui.form .ten.fields>.fields{width:10%}@media only screen and (max-width:767px){.ui.form .eight.fields>.field,.ui.form .eight.fields>.fields,.ui.form .five.fields>.field,.ui.form .five.fields>.fields,.ui.form .four.fields>.field,.ui.form .four.fields>.fields,.ui.form .nine.fields>.field,.ui.form .nine.fields>.fields,.ui.form .seven.fields>.field,.ui.form .seven.fields>.fields,.ui.form .six.fields>.field,.ui.form .six.fields>.fields,.ui.form .ten.fields>.field,.ui.form .ten.fields>.fields,.ui.form .three.fields>.field,.ui.form .three.fields>.fields,.ui.form .two.fields>.field,.ui.form .two.fields>.fields{width:100%!important;margin:0 0 1em;padding-left:0;padding-right:0}}.ui.form .fields .field:first-child{padding-left:0}.ui.form .fields .field:last-child{padding-right:0}.ui.form .fields .wide.field{width:6.25%;padding-left:.5em;padding-right:.5em}.ui.form .fields .wide.field:first-child{padding-left:0}.ui.form .fields .wide.field:last-child{padding-right:0}.ui.form .one.wide.field{width:6.25%!important}.ui.form .two.wide.field{width:12.5%!important}.ui.form .three.wide.field{width:18.75%!important}.ui.form .four.wide.field{width:25%!important}.ui.form .five.wide.field{width:31.25%!important}.ui.form .six.wide.field{width:37.5%!important}.ui.form .seven.wide.field{width:43.75%!important}.ui.form .eight.wide.field{width:50%!important}.ui.form .nine.wide.field{width:56.25%!important}.ui.form .ten.wide.field{width:62.5%!important}.ui.form .eleven.wide.field{width:68.75%!important}.ui.form .twelve.wide.field{width:75%!important}.ui.form .thirteen.wide.field{width:81.25%!important}.ui.form .fourteen.wide.field{width:87.5%!important}.ui.form .fifteen.wide.field{width:93.75%!important}.ui.form .sixteen.wide.field{width:100%!important}@media only screen and (max-width:767px){.ui.form .fields>.eight.wide.field,.ui.form .fields>.eleven.wide.field,.ui.form .fields>.fifteen.wide.field,.ui.form .fields>.five.wide.field,.ui.form .fields>.four.wide.field,.ui.form .fields>.fourteen.wide.field,.ui.form .fields>.nine.wide.field,.ui.form .fields>.seven.wide.field,.ui.form .fields>.six.wide.field,.ui.form .fields>.sixteen.wide.field,.ui.form .fields>.ten.wide.field,.ui.form .fields>.thirteen.wide.field,.ui.form .fields>.three.wide.field,.ui.form .fields>.twelve.wide.field,.ui.form .fields>.two.wide.field,.ui.form .five.fields>.field,.ui.form .five.fields>.fields,.ui.form .four.fields>.field,.ui.form .four.fields>.fields,.ui.form .three.fields>.field,.ui.form .three.fields>.fields,.ui.form .two.fields>.field,.ui.form .two.fields>.fields{width:100%!important;margin:0 0 1em;padding-left:0;padding-right:0}}.ui.form .inline.fields{margin:0 0 1em}.ui.form .inline.fields .field{display:inline-block;float:none;margin:0 1em 0 0;padding:0}.ui.form .inline.field>.ui.input,.ui.form .inline.field>input,.ui.form .inline.field>label,.ui.form .inline.field>p,.ui.form .inline.fields .field>.ui.input,.ui.form .inline.fields .field>input,.ui.form .inline.fields .field>label,.ui.form .inline.fields .field>p{display:inline-block;width:auto;margin-top:0;margin-bottom:0;vertical-align:middle;font-size:.9285em}.ui.form .inline.field>.ui.input,.ui.form .inline.field>input,.ui.form .inline.fields .field>.ui.input,.ui.form .inline.fields .field>input{font-size:.9285em}.ui.form .inline.fields .field>.ui.checkbox label{padding-left:1.75em}.ui.form .inline.field>:first-child,.ui.form .inline.fields .field>:first-child{margin:0 .2857rem 0 0}.ui.form .inline.field>:only-child,.ui.form .inline.fields .field>:only-child{margin:0}.ui.small.form{font-size:.875em}.ui.form{font-size:auto}.ui.large.form{font-size:1.125em}.ui.huge.form{font-size:1.2em}
|
7
|
-
.ui.progress{position:relative;display:block;max-width:100%;border:1px solid rgba(39,41,43,.15);margin:1em 0 2.5em;box-shadow:none;background:rgba(0,0,0,.03);padding:.2857em;border-radius:.2857rem}.ui.progress:first-child{margin:0 0 2.5em}.ui.progress:last-child{margin:0 0 1.5em}.ui.indicating.progress .bar[style*="width: 1"],.ui.indicating.progress .bar[style*="width: 2"]{background-color:#d95c5c}.ui.indicating.progress .bar[style*="width: 3"]{background-color:#d9a65c}.ui.indicating.progress .bar[style*="width: 4"],.ui.indicating.progress .bar[style*="width: 5"]{background-color:#e6bb48}.ui.indicating.progress .bar[style*="width: 6"]{background-color:#ddc928}.ui.indicating.progress .bar[style*="width: 7"],.ui.indicating.progress .bar[style*="width: 8"]{background-color:#b4d95c}.ui.indicating.progress .bar[style*="width: 9"],.ui.indicating.progress .bar[style*="width: 100"]{background-color:#66da81}.ui.indicating.progress[data-percent^="1"] .label,.ui.indicating.progress[data-percent^="2"] .label{color:#d95c5c}.ui.indicating.progress[data-percent^="3"] .label{color:#d9a65c}.ui.indicating.progress[data-percent^="4"] .label,.ui.indicating.progress[data-percent^="5"] .label{color:#e6bb48}.ui.indicating.progress[data-percent^="6"] .label{color:#ddc928}.ui.indicating.progress[data-percent^="7"] .label,.ui.indicating.progress[data-percent^="8"] .label{color:#b4d95c}.ui.indicating.progress[data-percent^="9"] .label,.ui.indicating.progress[data-percent^="100"] .label{color:#66da81}.ui.indicating.progress .bar[style^="width: 1%"],.ui.indicating.progress .bar[style^="width: 2%"],.ui.indicating.progress .bar[style^="width: 3%"],.ui.indicating.progress .bar[style^="width: 4%"],.ui.indicating.progress .bar[style^="width: 5%"],.ui.indicating.progress .bar[style^="width: 6%"],.ui.indicating.progress .bar[style^="width: 7%"],.ui.indicating.progress .bar[style^="width: 8%"],.ui.indicating.progress .bar[style^="width: 9%"]{background-color:#d95c5c}.ui.indicating.progress[data-percent="1"] .label,.ui.indicating.progress[data-percent="2"] .label,.ui.indicating.progress[data-percent="3"] .label,.ui.indicating.progress[data-percent="4"] .label,.ui.indicating.progress[data-percent="5"] .label,.ui.indicating.progress[data-percent="6"] .label,.ui.indicating.progress[data-percent="7"] .label,.ui.indicating.progress[data-percent="8"] .label,.ui.indicating.progress[data-percent="9"] .label{color:#d95c5c}.ui.indicating.progress.success .label{color:#356e36}.ui.progress .bar{display:block;line-height:1;position:relative;width:0;min-width:2em;background:#888;border-radius:.2857rem;-webkit-transition:width .3s ease,background-color .3s ease;transition:width .3s ease,background-color .3s ease}.ui.progress .bar>.progress{white-space:nowrap;position:absolute;width:auto;font-size:.9em;top:50%;right:.5em;left:auto;bottom:auto;color:rgba(255,255,255,.8);text-shadow:none;margin-top:-.5em;font-weight:700;text-align:left}.ui.progress>.label{position:absolute;width:100%;font-size:1em;top:100%;right:auto;left:0;bottom:auto;color:rgba(0,0,0,.8);font-weight:700;text-shadow:none;margin-top:.2em;text-align:center;-webkit-transition:color .4s ease;transition:color .4s ease}.ui.progress.success .bar{background-color:#5bbd72!important}.ui.progress.success .bar,.ui.progress.success .bar::after{-webkit-animation:none!important;animation:none!important}.ui.progress.success>.label{color:#356e36}.ui.progress.warning .bar{background-color:#f2c037!important}.ui.progress.warning .bar,.ui.progress.warning .bar::after{-webkit-animation:none!important;animation:none!important}.ui.progress.warning>.label{color:#825c01}.ui.progress.error .bar{background-color:#d95c5c!important}.ui.progress.error .bar,.ui.progress.error .bar::after{-webkit-animation:none!important;animation:none!important}.ui.progress.error>.label{color:#912d2b}.ui.active.progress .bar{position:relative;min-width:2em}.ui.active.progress .bar::after{content:'';opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border-radius:.2857rem;-webkit-animation:progress-active 2s ease infinite;animation:progress-active 2s ease infinite}@-webkit-keyframes progress-active{0%{opacity:.3;width:0}100%{opacity:0;width:100%}}@keyframes progress-active{0%{opacity:.3;width:0}100%{opacity:0;width:100%}}.ui.disabled.progress{opacity:.35}.ui.disabled.progress .bar,.ui.disabled.progress .bar::after{-webkit-animation:none!important;animation:none!important}.ui.inverted.progress{background:rgba(255,255,255,.05);border:none}.ui.inverted.progress .bar{background:#888}.ui.inverted.progress .bar>.progress{color:#fafafa}.ui.inverted.progress>.label{color:#fff}.ui.inverted.progress.success>.label{color:#5bbd72}.ui.inverted.progress.warning>.label{color:#f2c037}.ui.inverted.progress.error>.label{color:#d95c5c}.ui.progress.attached{background:0 0;position:relative;border:none;margin:0}.ui.progress.attached,.ui.progress.attached .bar{display:block;height:.2rem;padding:0;overflow:hidden;border-radius:0 0 .2857rem .2857rem}.ui.progress.attached .bar{border-radius:0}.ui.progress.top.attached,.ui.progress.top.attached .bar{top:0;border-radius:.2857rem .2857rem 0 0}.ui.progress.top.attached .bar{border-radius:0}.ui.card>.ui.attached.progress,.ui.segment>.ui.attached.progress{position:absolute;top:auto;left:0;bottom:100%;width:100%}.ui.card>.ui.bottom.attached.progress,.ui.segment>.ui.bottom.attached.progress{top:100%;bottom:auto}.ui.black.progress .bar{background-color:#1b1c1d}.ui.blue.progress .bar{background-color:#3b83c0}.ui.green.progress .bar{background-color:#5bbd72}.ui.orange.progress .bar{background-color:#e07b53}.ui.pink.progress .bar{background-color:#d9499a}.ui.purple.progress .bar{background-color:#564f8a}.ui.red.progress .bar{background-color:#d95c5c}.ui.teal.progress .bar{background-color:#00b5ad}.ui.yellow.progress .bar{background-color:#f2c61f}.ui.black.inverted.progress .bar{background-color:#333}.ui.blue.inverted.progress .bar{background-color:#54c8ff}.ui.green.inverted.progress .bar{background-color:#2ecc40}.ui.orange.inverted.progress .bar{background-color:#ff851b}.ui.pink.inverted.progress .bar{background-color:#ff8edf}.ui.purple.inverted.progress .bar{background-color:#cdc6ff}.ui.red.inverted.progress .bar{background-color:#ff695e}.ui.teal.inverted.progress .bar{background-color:#6dffff}.ui.yellow.inverted.progress .bar{background-color:#ffe21f}.ui.tiny.progress{font-size:.85714286rem}.ui.tiny.progress .bar{height:.5em}.ui.small.progress{font-size:.92857143rem}.ui.small.progress .bar{height:1em}.ui.progress{font-size:1rem}.ui.progress .bar{height:1.75em}.ui.large.progress{font-size:1.14285714rem}.ui.large.progress .bar{height:2.5em}.ui.big.progress{font-size:1.28571429rem}.ui.big.progress .bar{height:3.5em}
|
8
|
-
.ui.checkbox{position:relative;display:inline-block;min-height:17px;font-size:1rem;line-height:15px;min-width:17px;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0;vertical-align:middle}.ui.checkbox input[type=checkbox],.ui.checkbox input[type=radio]{position:absolute;top:0;left:0;opacity:0!important;outline:0;z-index:-1}.ui.checkbox .box,.ui.checkbox label{display:block;cursor:pointer;padding-left:1.75em;outline:0}.ui.checkbox label{font-size:1em}.ui.checkbox .box:before,.ui.checkbox label:before{position:absolute;line-height:1;width:17px;height:17px;top:0;left:0;content:'';background:#fff;border-radius:.25em;-webkit-transition:background-color .3s ease,border .3s ease,box-shadow .3s ease;transition:background-color .3s ease,border .3s ease,box-shadow .3s ease;border:1px solid #d4d4d5}.ui.checkbox .box:after,.ui.checkbox label:after{position:absolute;top:0;left:0;line-height:17px;width:17px;height:17px;text-align:center;opacity:0;color:rgba(0,0,0,.8);-webkit-transition:all .1s ease;transition:all .1s ease}.ui.checkbox label,.ui.checkbox+label{cursor:pointer;color:rgba(0,0,0,.8);-webkit-transition:color .2s ease;transition:color .2s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui.checkbox+label{vertical-align:middle}.ui.checkbox .box:hover::before,.ui.checkbox label:hover::before{background:#fff;border:1px solid rgba(39,41,43,.3)}.ui.checkbox label:hover,.ui.checkbox+label:hover{color:rgba(0,0,0,.8)}.ui.checkbox .box:active::before,.ui.checkbox label:active::before{background:#f5f5f5;border:1px solid solid}.ui.checkbox input[type=checkbox]:active~label,.ui.checkbox input[type=radio]:active~label{color:rgba(0,0,0,.8)}.ui.checkbox input[type=checkbox]:focus~.box:before,.ui.checkbox input[type=checkbox]:focus~label:before,.ui.checkbox input[type=radio]:focus~.box:before,.ui.checkbox input[type=radio]:focus~label:before{background:#f5f5f5;border:1px solid solid}.ui.checkbox input[type=checkbox]:focus~label,.ui.checkbox input[type=radio]:focus~label{color:rgba(0,0,0,.8)}.ui.checkbox input[type=checkbox]:checked~.box:after,.ui.checkbox input[type=checkbox]:checked~label:after,.ui.checkbox input[type=radio]:checked~.box:after,.ui.checkbox input[type=radio]:checked~label:after{opacity:1}.ui.read-only.checkbox,.ui.read-only.checkbox label{cursor:default}.ui.checkbox input[type=checkbox][disabled]~.box:after,.ui.checkbox input[type=checkbox][disabled]~label,.ui.checkbox input[type=radio][disabled]~.box:after,.ui.checkbox input[type=radio][disabled]~label,.ui.disabled.checkbox .box:after,.ui.disabled.checkbox label{cursor:default;opacity:.5;color:#000}.ui.radio.checkbox{min-height:14px}.ui.radio.checkbox .box:before,.ui.radio.checkbox label:before{width:14px;height:14px;border-radius:500rem;top:1px;left:0;-webkit-transform:none;-ms-transform:none;transform:none}.ui.radio.checkbox .box:after,.ui.radio.checkbox label:after{border:none;line-height:14px;top:1px;left:0;font-size:9px;width:14px;height:14px;border-radius:500rem;-webkit-transform:scale(.42857143);-ms-transform:scale(.42857143);transform:scale(.42857143);background-color:rgba(0,0,0,.8)}.ui.slider.checkbox{cursor:pointer;min-height:1.25rem}.ui.slider.checkbox .box,.ui.slider.checkbox label{padding-left:4.5rem;line-height:1rem;color:rgba(0,0,0,.4)}.ui.slider.checkbox .box:before,.ui.slider.checkbox label:before{cursor:pointer;display:block;position:absolute;content:'';top:.4rem;left:0;z-index:1;border:none!important;background-color:rgba(0,0,0,.05);width:3.5rem;height:.25rem;-webkit-transform:none;-ms-transform:none;transform:none;border-radius:500rem;-webkit-transition:background .3s ease;transition:background .3s ease}.ui.slider.checkbox .box:after,.ui.slider.checkbox label:after{background:-webkit-linear-gradient(transparent,rgba(0,0,0,.05)) #fff;background:linear-gradient(transparent,rgba(0,0,0,.05)) #fff;position:absolute;content:'';opacity:1;z-index:2;border:none;box-shadow:0 1px 2px 0 rgba(0,0,0,.05),0 0 0 1px rgba(39,41,43,.15) inset;width:1.5rem;height:1.5rem;top:-.25rem;left:0;-webkit-transform:none;-ms-transform:none;transform:none;border-radius:500rem;-webkit-transition:left .3s ease 0s;transition:left .3s ease 0s}.ui.slider.checkbox input[type=checkbox]:focus~.box:before,.ui.slider.checkbox input[type=checkbox]:focus~label:before,.ui.slider.checkbox input[type=radio]:focus~.box:before,.ui.slider.checkbox input[type=radio]:focus~label:before{background-color:rgba(0,0,0,.1);border:none}.ui.slider.checkbox .box:hover,.ui.slider.checkbox label:hover{color:rgba(0,0,0,.8)}.ui.slider.checkbox .box:hover::before,.ui.slider.checkbox label:hover::before{background:rgba(0,0,0,.1)}.ui.slider.checkbox input[type=checkbox]:checked~.box,.ui.slider.checkbox input[type=checkbox]:checked~label,.ui.slider.checkbox input[type=radio]:checked~.box,.ui.slider.checkbox input[type=radio]:checked~label{color:rgba(0,0,0,.8)}.ui.slider.checkbox input[type=checkbox]:checked~.box:before,.ui.slider.checkbox input[type=checkbox]:checked~label:before,.ui.slider.checkbox input[type=radio]:checked~.box:before,.ui.slider.checkbox input[type=radio]:checked~label:before{background-color:rgba(0,0,0,.1)}.ui.slider.checkbox input[type=checkbox]:checked~.box:after,.ui.slider.checkbox input[type=checkbox]:checked~label:after,.ui.slider.checkbox input[type=radio]:checked~.box:after,.ui.slider.checkbox input[type=radio]:checked~label:after{left:2rem}.ui.toggle.checkbox{cursor:pointer;min-height:1.5rem}.ui.toggle.checkbox .box,.ui.toggle.checkbox label{min-height:1.5rem;padding-left:4.5rem;color:rgba(0,0,0,.8)}.ui.toggle.checkbox label{padding-top:.15em}.ui.toggle.checkbox .box:before,.ui.toggle.checkbox label:before{cursor:pointer;display:block;position:absolute;content:'';top:0;z-index:1;border:none;background-color:rgba(0,0,0,.05);width:3.5rem;height:1.5rem;border-radius:500rem}.ui.toggle.checkbox .box:after,.ui.toggle.checkbox label:after{background:-webkit-linear-gradient(transparent,rgba(0,0,0,.05)) #fff;background:linear-gradient(transparent,rgba(0,0,0,.05)) #fff;position:absolute;content:'';opacity:1;z-index:2;border:none;box-shadow:0 1px 2px 0 rgba(0,0,0,.05),0 0 0 1px rgba(39,41,43,.15) inset;width:1.5rem;height:1.5rem;top:0;left:0;border-radius:500rem;-webkit-transition:background .3s ease 0s,left .3s ease 0s;transition:background .3s ease 0s,left .3s ease 0s}.ui.toggle.checkbox input[type=checkbox]~.box:after,.ui.toggle.checkbox input[type=checkbox]~label:after,.ui.toggle.checkbox input[type=radio]~.box:after,.ui.toggle.checkbox input[type=radio]~label:after{left:-.05rem}.ui.toggle.checkbox .box:hover::before,.ui.toggle.checkbox input[type=checkbox]:focus~.box:before,.ui.toggle.checkbox input[type=checkbox]:focus~label:before,.ui.toggle.checkbox input[type=radio]:focus~.box:before,.ui.toggle.checkbox input[type=radio]:focus~label:before,.ui.toggle.checkbox label:hover::before{background-color:rgba(0,0,0,.1);border:none}.ui.toggle.checkbox input[type=checkbox]:checked~.box,.ui.toggle.checkbox input[type=checkbox]:checked~label,.ui.toggle.checkbox input[type=radio]:checked~.box,.ui.toggle.checkbox input[type=radio]:checked~label{color:#5bbd72}.ui.toggle.checkbox input[type=checkbox]:checked~.box:before,.ui.toggle.checkbox input[type=checkbox]:checked~label:before,.ui.toggle.checkbox input[type=radio]:checked~.box:before,.ui.toggle.checkbox input[type=radio]:checked~label:before{background-color:#5bbd72}.ui.toggle.checkbox input[type=checkbox]:checked~.box:after,.ui.toggle.checkbox input[type=checkbox]:checked~label:after,.ui.toggle.checkbox input[type=radio]:checked~.box:after,.ui.toggle.checkbox input[type=radio]:checked~label:after{left:2.05rem}.ui.fitted.checkbox .box,.ui.fitted.checkbox label{padding-left:0!important}.ui.fitted.slider.checkbox,.ui.fitted.toggle.checkbox{width:3.5rem}@font-face{font-family:Checkbox;src:url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'),url(data:application/font-woff;charset=utf-8;base64,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) format('woff')}.ui.checkbox .box:after,.ui.checkbox .box:before,.ui.checkbox label:after,.ui.checkbox label:before{font-family:Checkbox}.ui.checkbox .box:after,.ui.checkbox label:after{content:'\e800'}
|