phrasing 2.1.3 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/Gemfile.lock +11 -6
- data/README.md +28 -3
- data/app/assets/javascripts/editor.js +1 -9
- data/app/assets/javascripts/phrasing.js.erb +6 -2
- data/app/assets/javascripts/phrasing_engine.js +2 -0
- data/app/assets/stylesheets/phrasing.css.scss +5 -0
- data/app/assets/stylesheets/phrasing_edit_mode_bubble.css.scss +1 -1
- data/app/assets/stylesheets/phrasing_engine.css +583 -292
- data/app/controllers/phrasing_phrase_versions_controller.rb +9 -0
- data/app/controllers/phrasing_phrases_controller.rb +10 -4
- data/app/helpers/inline_helper.rb +23 -9
- data/app/models/phrasing_phrase.rb +24 -63
- data/app/models/phrasing_phrase_version.rb +3 -0
- data/app/views/layouts/phrasing.html.haml +1 -0
- data/app/views/phrasing/_menu.html.haml +3 -3
- data/app/views/phrasing_phrases/edit.html.haml +19 -3
- data/app/views/phrasing_phrases/index.html.haml +13 -10
- data/config/routes.rb +1 -0
- data/db/migrate/20120313191745_create_phrasing_phrases.rb +0 -1
- data/db/migrate/20131010101010_create_phrasing_phrase_versions.rb +9 -0
- data/lib/phrasing.rb +3 -1
- data/lib/phrasing/implementation.rb +5 -1
- data/lib/phrasing/version.rb +1 -1
- data/lib/tasks/phrasing_tasks.rake +26 -13
- data/phrasing.gemspec +5 -2
- metadata +59 -14
- checksums.yaml +0 -7
data/Gemfile.lock
CHANGED
@@ -1,10 +1,12 @@
|
|
1
1
|
PATH
|
2
2
|
remote: .
|
3
3
|
specs:
|
4
|
-
phrasing (0.
|
5
|
-
bootstrap-editable-rails
|
4
|
+
phrasing (3.0.0)
|
6
5
|
haml-rails
|
6
|
+
jquery-cookie-rails
|
7
|
+
jquery-rails
|
7
8
|
rails (>= 3.1.0)
|
9
|
+
railties (>= 3.1)
|
8
10
|
|
9
11
|
GEM
|
10
12
|
remote: https://rubygems.org/
|
@@ -33,10 +35,8 @@ GEM
|
|
33
35
|
multi_json (~> 1.3)
|
34
36
|
thread_safe (~> 0.1)
|
35
37
|
tzinfo (~> 0.3.37)
|
36
|
-
arel (4.0.
|
38
|
+
arel (4.0.1)
|
37
39
|
atomic (1.1.13)
|
38
|
-
bootstrap-editable-rails (0.0.5)
|
39
|
-
railties (>= 3.1)
|
40
40
|
builder (3.1.4)
|
41
41
|
capybara (2.0.3)
|
42
42
|
mime-types (>= 1.16)
|
@@ -64,6 +64,11 @@ GEM
|
|
64
64
|
railties (>= 3.1, < 4.1)
|
65
65
|
hike (1.2.3)
|
66
66
|
i18n (0.6.5)
|
67
|
+
jquery-cookie-rails (1.3.1.1)
|
68
|
+
railties (>= 3.2.0, < 5.0)
|
69
|
+
jquery-rails (3.0.4)
|
70
|
+
railties (>= 3.0, < 5.0)
|
71
|
+
thor (>= 0.14, < 2.0)
|
67
72
|
mail (2.5.4)
|
68
73
|
mime-types (~> 1.16)
|
69
74
|
treetop (~> 1.4.8)
|
@@ -113,7 +118,7 @@ GEM
|
|
113
118
|
multi_json (~> 1.0)
|
114
119
|
rack (~> 1.0)
|
115
120
|
tilt (~> 1.1, != 1.3.0)
|
116
|
-
sprockets-rails (2.0.
|
121
|
+
sprockets-rails (2.0.1)
|
117
122
|
actionpack (>= 3.0)
|
118
123
|
activesupport (>= 3.0)
|
119
124
|
sprockets (~> 2.8)
|
data/README.md
CHANGED
@@ -62,11 +62,11 @@ Start with adding your phrases simply by writting in your view file:
|
|
62
62
|
|
63
63
|
= phrase('my-first-phrase')
|
64
64
|
|
65
|
-
Apart from editing phrases (basically, Rails translations) you can also inline edit your models attributes, just use the `
|
65
|
+
Apart from editing phrases (basically, Rails translations) you can also inline edit your models attributes, just use the same `phrase` method, with the first attribute being the record and the second one the records attribute:
|
66
66
|
|
67
|
-
=
|
67
|
+
= phrase(@post, :title)
|
68
68
|
|
69
|
-
|
69
|
+
In the above example, <tt>@post</tt> is the record with a <tt>title</tt> attribute.
|
70
70
|
|
71
71
|
## Security
|
72
72
|
|
@@ -86,6 +86,31 @@ or you can whitelist all of them (not recommended) with:
|
|
86
86
|
Phrasing.allow_update_on_all_models_and_attributes = true
|
87
87
|
```
|
88
88
|
|
89
|
+
## Upgrading from version 2.x to 3.x
|
90
|
+
|
91
|
+
In versions 3.0.0 and above we have added the Phrasing Versioning System which requires an additional table, so if you are upgrading to a 3.x release, run <tt>rake phrasing:install</tt> to get the additional migration file, <tt>rake db:migrate</tt> and thats it.
|
92
|
+
|
93
|
+
## Turbolinks
|
94
|
+
|
95
|
+
If you're experiencing problems with Rails apps using Turbolinks, include the [jQuery-turbolinks](https://github.com/kossnocorp/jquery.turbolinks) gem in your application and simply require it in the following order:
|
96
|
+
|
97
|
+
```javascript
|
98
|
+
//= require jquery
|
99
|
+
//= require jquery.turbolinks
|
100
|
+
//= require phrasing
|
101
|
+
//= require turbolinks
|
102
|
+
```
|
103
|
+
|
104
|
+
## Phrasing Appearance
|
105
|
+
|
106
|
+
The `phrase` view helper can take the `options` hash as the last parameter. Features:
|
107
|
+
```ruby
|
108
|
+
url: custom_url # point Phrasing to other actions in other controllers
|
109
|
+
inverse: true # change the hovered background and underline colors to better fit darker backgrounds
|
110
|
+
class: custom_class # add custom CSS classes to your phrases to change the appearance of phrases in your application
|
111
|
+
interpolation: { %min: 10 } # add variables to your translations just like w/ I18n
|
112
|
+
```
|
113
|
+
|
89
114
|
## Authors
|
90
115
|
|
91
116
|
Copyright (c) 2013, Infinum
|
@@ -190,7 +190,7 @@ var editor = (function() {
|
|
190
190
|
element = element.parentNode;
|
191
191
|
|
192
192
|
if ( element.nodeName === 'A' ) {
|
193
|
-
nodeNames.url = element.href;
|
193
|
+
nodeNames.url = element.getAttribute("href");
|
194
194
|
}
|
195
195
|
}
|
196
196
|
|
@@ -293,15 +293,7 @@ var editor = (function() {
|
|
293
293
|
|
294
294
|
// Unlink any current links
|
295
295
|
document.execCommand( 'unlink', false );
|
296
|
-
|
297
296
|
if (url !== "") {
|
298
|
-
|
299
|
-
// Insert HTTP if it doesn't exist.
|
300
|
-
if ( !url.match("^(http|https)://") ) {
|
301
|
-
|
302
|
-
url = "http://" + url;
|
303
|
-
}
|
304
|
-
|
305
297
|
document.execCommand( 'createLink', false, url );
|
306
298
|
}
|
307
299
|
}
|
@@ -1,5 +1,9 @@
|
|
1
1
|
//= require head
|
2
2
|
//= require spin
|
3
|
+
//= require jquery
|
4
|
+
//= require jquery_ujs
|
5
|
+
//= require jquery.cookie
|
6
|
+
|
3
7
|
var phrasing_setup = function(){
|
4
8
|
|
5
9
|
/// INITIALIZE THE BUBBLE
|
@@ -142,7 +146,7 @@ var phrasing_setup = function(){
|
|
142
146
|
}
|
143
147
|
|
144
148
|
// Information icon for the edit mode bubble
|
145
|
-
$('#phrasing-info-icon-container, #phrasing-info-container').
|
149
|
+
$('#phrasing-info-icon-container, #phrasing-info-container').on('click',function(){
|
146
150
|
if($('#phrasing-info-container').is(':visible')){
|
147
151
|
$('#phrasing-edit-mode-bubble').animate({height: 180}, 200, function(){
|
148
152
|
$('#phrasing-info-container').hide()
|
@@ -155,4 +159,4 @@ var phrasing_setup = function(){
|
|
155
159
|
};
|
156
160
|
|
157
161
|
$(document).ready(phrasing_setup)
|
158
|
-
$(document).on('page:load', phrasing_setup)
|
162
|
+
// $(document).on('page:load', phrasing_setup)
|
@@ -10,335 +10,330 @@
|
|
10
10
|
|
11
11
|
/* Table of Content
|
12
12
|
==================================================
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
13
|
+
#Reset & Basics
|
14
|
+
#Basic Styles
|
15
|
+
#Site Styles
|
16
|
+
#Typography
|
17
|
+
#Links
|
18
|
+
#Lists
|
19
|
+
#Images
|
20
|
+
#Buttons
|
21
|
+
#Tabs
|
22
|
+
#Forms
|
23
|
+
#Misc */
|
24
24
|
|
25
25
|
|
26
26
|
/* #Reset & Basics (Inspired by E. Meyers)
|
27
27
|
================================================== */
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
border-spacing: 0; }
|
28
|
+
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
|
29
|
+
margin: 0;
|
30
|
+
padding: 0;
|
31
|
+
border: 0;
|
32
|
+
font-size: 100%;
|
33
|
+
font: inherit; }
|
34
|
+
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
|
35
|
+
display: block; }
|
36
|
+
body {
|
37
|
+
line-height: 1; }
|
38
|
+
ol, ul {
|
39
|
+
list-style: none; }
|
40
|
+
blockquote, q {
|
41
|
+
quotes: none; }
|
42
|
+
blockquote:before, blockquote:after,
|
43
|
+
q:before, q:after {
|
44
|
+
content: '';
|
45
|
+
content: none; }
|
46
|
+
table {
|
47
|
+
border-collapse: collapse;
|
48
|
+
border-spacing: 0; }
|
50
49
|
|
51
50
|
|
52
51
|
/* #Basic Styles
|
53
52
|
================================================== */
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
53
|
+
body {
|
54
|
+
background: #fff;
|
55
|
+
font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
56
|
+
color: #444;
|
57
|
+
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
|
58
|
+
-webkit-text-size-adjust: 100%;
|
60
59
|
}
|
61
60
|
|
62
61
|
|
63
62
|
/* #Typography
|
64
63
|
================================================== */
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
/*
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
64
|
+
h1, h2, h3, h4, h5, h6 {
|
65
|
+
color: #181818;
|
66
|
+
font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif;
|
67
|
+
font-weight: normal; }
|
68
|
+
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
|
69
|
+
h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
|
70
|
+
h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
|
71
|
+
h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
|
72
|
+
h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
|
73
|
+
h5 { font-size: 17px; line-height: 24px; }
|
74
|
+
h6 { font-size: 14px; line-height: 21px; }
|
75
|
+
.subheader { color: #777; }
|
76
|
+
|
77
|
+
p { margin: 0 0 20px 0; }
|
78
|
+
p img { margin: 0; }
|
79
|
+
p.lead { font-size: 21px; line-height: 27px; color: #777; }
|
80
|
+
|
81
|
+
em { font-style: italic; }
|
82
|
+
strong { font-weight: bold; color: #333; }
|
83
|
+
small { font-size: 80%; }
|
84
|
+
|
85
|
+
/* Blockquotes */
|
86
|
+
blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
|
87
|
+
blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
|
88
|
+
blockquote cite { display: block; font-size: 12px; color: #555; }
|
89
|
+
blockquote cite:before { content: "\2014 \0020"; }
|
90
|
+
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
|
91
|
+
|
92
|
+
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }
|
94
93
|
|
95
94
|
|
96
95
|
/* #Links
|
97
96
|
================================================== */
|
98
|
-
|
99
|
-
|
100
|
-
|
97
|
+
a, a:visited { color: #333; text-decoration: none; outline: 0; }
|
98
|
+
a:hover, a:focus { color: #000; }
|
99
|
+
p a, p a:visited { line-height: inherit; }
|
101
100
|
|
102
101
|
|
103
102
|
/* #Lists
|
104
103
|
================================================== */
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
104
|
+
ul, ol { margin-bottom: 20px; }
|
105
|
+
ul { list-style: none outside; }
|
106
|
+
ol { list-style: decimal; }
|
107
|
+
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
|
108
|
+
ul.square { list-style: square outside; }
|
109
|
+
ul.circle { list-style: circle outside; }
|
110
|
+
ul.disc { list-style: disc outside; }
|
111
|
+
ul ul, ul ol,
|
112
|
+
ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; }
|
113
|
+
ul ul li, ul ol li,
|
114
|
+
ol ol li, ol ul li { margin-bottom: 6px; }
|
115
|
+
li { line-height: 18px; margin-bottom: 12px; }
|
116
|
+
ul.large li { line-height: 21px; }
|
117
|
+
li p { line-height: 21px; }
|
119
118
|
|
120
119
|
/* #Images
|
121
120
|
================================================== */
|
122
121
|
|
123
|
-
|
124
|
-
|
125
|
-
|
122
|
+
img.scale-with-grid {
|
123
|
+
max-width: 100%;
|
124
|
+
height: auto; }
|
126
125
|
|
127
126
|
|
128
127
|
/* #Buttons
|
129
128
|
================================================== */
|
130
129
|
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
|
152
|
-
|
153
|
-
|
154
|
-
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
|
161
|
-
|
162
|
-
|
163
|
-
|
164
|
-
|
165
|
-
|
166
|
-
|
167
|
-
|
168
|
-
|
169
|
-
|
170
|
-
|
171
|
-
|
172
|
-
|
173
|
-
|
174
|
-
|
175
|
-
|
176
|
-
|
177
|
-
|
178
|
-
|
179
|
-
|
180
|
-
|
181
|
-
|
182
|
-
|
183
|
-
|
184
|
-
|
185
|
-
|
186
|
-
|
187
|
-
|
188
|
-
|
189
|
-
|
190
|
-
|
191
|
-
|
192
|
-
|
193
|
-
|
194
|
-
|
195
|
-
|
196
|
-
|
197
|
-
|
198
|
-
|
199
|
-
|
200
|
-
|
201
|
-
|
202
|
-
|
203
|
-
/* Fix for odd Mozilla border & padding issues */
|
204
|
-
button::-moz-focus-inner,
|
205
|
-
input::-moz-focus-inner {
|
130
|
+
.button,
|
131
|
+
button,
|
132
|
+
input[type="reset"],
|
133
|
+
input[type="button"] {
|
134
|
+
background: #eee; /* Old browsers */
|
135
|
+
background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
|
136
|
+
background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
|
137
|
+
background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
|
138
|
+
background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
|
139
|
+
background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
|
140
|
+
background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
|
141
|
+
border: 1px solid #aaa;
|
142
|
+
border-top: 1px solid #ccc;
|
143
|
+
border-left: 1px solid #ccc;
|
144
|
+
padding: 4px 12px;
|
145
|
+
-moz-border-radius: 3px;
|
146
|
+
-webkit-border-radius: 3px;
|
147
|
+
border-radius: 3px;
|
148
|
+
color: #444;
|
149
|
+
display: inline-block;
|
150
|
+
font-size: 11px;
|
151
|
+
font-weight: bold;
|
152
|
+
text-decoration: none;
|
153
|
+
text-shadow: 0 1px rgba(255, 255, 255, .75);
|
154
|
+
cursor: pointer;
|
155
|
+
margin-bottom: 20px;
|
156
|
+
line-height: normal;
|
157
|
+
padding: 8px 10px;
|
158
|
+
font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
|
159
|
+
|
160
|
+
.button:hover,
|
161
|
+
button:hover,
|
162
|
+
input[type="reset"]:hover,
|
163
|
+
input[type="button"]:hover {
|
164
|
+
color: #222;
|
165
|
+
background: #ddd; /* Old browsers */
|
166
|
+
background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
|
167
|
+
background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
|
168
|
+
background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
|
169
|
+
background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
|
170
|
+
background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
|
171
|
+
background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
|
172
|
+
border: 1px solid #888;
|
173
|
+
border-top: 1px solid #aaa;
|
174
|
+
border-left: 1px solid #aaa; }
|
175
|
+
|
176
|
+
.button:active,
|
177
|
+
button:active,
|
178
|
+
input[type="reset"]:active,
|
179
|
+
input[type="button"]:active {
|
180
|
+
border: 1px solid #666;
|
181
|
+
background: #ccc; /* Old browsers */
|
182
|
+
background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
|
183
|
+
background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
|
184
|
+
background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
|
185
|
+
background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
|
186
|
+
background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
|
187
|
+
background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }
|
188
|
+
|
189
|
+
.button.full-width,
|
190
|
+
button.full-width,
|
191
|
+
input[type="reset"].full-width,
|
192
|
+
input[type="button"].full-width {
|
193
|
+
width: 100%;
|
194
|
+
padding-left: 0 !important;
|
195
|
+
padding-right: 0 !important;
|
196
|
+
text-align: center; }
|
197
|
+
|
198
|
+
/* Fix for odd Mozilla border & padding issues */
|
199
|
+
button::-moz-focus-inner,
|
200
|
+
input::-moz-focus-inner {
|
206
201
|
border: 0;
|
207
202
|
padding: 0;
|
208
|
-
|
203
|
+
}
|
209
204
|
|
210
205
|
|
211
206
|
/* #Tabs (activate in tabs.js)
|
212
207
|
================================================== */
|
213
|
-
|
214
|
-
|
215
|
-
|
216
|
-
|
217
|
-
|
218
|
-
|
219
|
-
|
220
|
-
|
221
|
-
|
222
|
-
|
223
|
-
|
224
|
-
|
225
|
-
|
226
|
-
|
227
|
-
|
228
|
-
|
229
|
-
|
230
|
-
|
231
|
-
|
232
|
-
|
233
|
-
|
234
|
-
|
235
|
-
|
236
|
-
|
237
|
-
|
238
|
-
|
239
|
-
|
240
|
-
|
241
|
-
|
242
|
-
|
243
|
-
|
244
|
-
|
245
|
-
|
246
|
-
|
247
|
-
|
248
|
-
|
249
|
-
|
250
|
-
|
251
|
-
|
252
|
-
|
253
|
-
|
254
|
-
|
255
|
-
|
256
|
-
|
257
|
-
|
258
|
-
|
259
|
-
|
260
|
-
|
261
|
-
|
262
|
-
|
263
|
-
|
264
|
-
|
265
|
-
|
266
|
-
|
267
|
-
|
268
|
-
|
269
|
-
|
270
|
-
|
271
|
-
|
272
|
-
|
273
|
-
|
274
|
-
|
275
|
-
|
276
|
-
|
277
|
-
|
278
|
-
|
279
|
-
|
280
|
-
|
208
|
+
ul.tabs {
|
209
|
+
display: block;
|
210
|
+
margin: 0 0 20px 0;
|
211
|
+
padding: 0;
|
212
|
+
border-bottom: solid 1px #ddd; }
|
213
|
+
ul.tabs li {
|
214
|
+
display: block;
|
215
|
+
width: auto;
|
216
|
+
height: 30px;
|
217
|
+
padding: 0;
|
218
|
+
float: left;
|
219
|
+
margin-bottom: 0; }
|
220
|
+
ul.tabs li a {
|
221
|
+
display: block;
|
222
|
+
text-decoration: none;
|
223
|
+
width: auto;
|
224
|
+
height: 29px;
|
225
|
+
padding: 0px 20px;
|
226
|
+
line-height: 30px;
|
227
|
+
border: solid 1px #ddd;
|
228
|
+
border-width: 1px 1px 0 0;
|
229
|
+
margin: 0;
|
230
|
+
background: #f5f5f5;
|
231
|
+
font-size: 13px; }
|
232
|
+
ul.tabs li a.active {
|
233
|
+
background: #fff;
|
234
|
+
height: 30px;
|
235
|
+
position: relative;
|
236
|
+
top: -4px;
|
237
|
+
padding-top: 4px;
|
238
|
+
border-left-width: 1px;
|
239
|
+
margin: 0 0 0 -1px;
|
240
|
+
color: #111;
|
241
|
+
-moz-border-radius-topleft: 2px;
|
242
|
+
-webkit-border-top-left-radius: 2px;
|
243
|
+
border-top-left-radius: 2px;
|
244
|
+
-moz-border-radius-topright: 2px;
|
245
|
+
-webkit-border-top-right-radius: 2px;
|
246
|
+
border-top-right-radius: 2px; }
|
247
|
+
ul.tabs li:first-child a.active {
|
248
|
+
margin-left: 0; }
|
249
|
+
ul.tabs li:first-child a {
|
250
|
+
border-width: 1px 1px 0 1px;
|
251
|
+
-moz-border-radius-topleft: 2px;
|
252
|
+
-webkit-border-top-left-radius: 2px;
|
253
|
+
border-top-left-radius: 2px; }
|
254
|
+
ul.tabs li:last-child a {
|
255
|
+
-moz-border-radius-topright: 2px;
|
256
|
+
-webkit-border-top-right-radius: 2px;
|
257
|
+
border-top-right-radius: 2px; }
|
258
|
+
|
259
|
+
ul.tabs-content { margin: 0; display: block; }
|
260
|
+
ul.tabs-content > li { display:none; }
|
261
|
+
ul.tabs-content > li.active { display: block; }
|
262
|
+
|
263
|
+
/* Clearfixing tabs for beautiful stacking */
|
264
|
+
ul.tabs:before,
|
265
|
+
ul.tabs:after {
|
266
|
+
content: '\0020';
|
267
|
+
display: block;
|
268
|
+
overflow: hidden;
|
269
|
+
visibility: hidden;
|
270
|
+
width: 0;
|
271
|
+
height: 0; }
|
272
|
+
ul.tabs:after {
|
273
|
+
clear: both; }
|
274
|
+
ul.tabs {
|
275
|
+
zoom: 1; }
|
281
276
|
|
282
277
|
|
283
278
|
/* #Forms
|
284
279
|
================================================== */
|
285
280
|
|
286
|
-
|
287
|
-
|
288
|
-
|
289
|
-
|
290
|
-
|
291
|
-
|
292
|
-
|
293
|
-
|
294
|
-
|
295
|
-
|
296
|
-
|
297
|
-
|
298
|
-
|
299
|
-
|
300
|
-
|
301
|
-
|
302
|
-
|
303
|
-
|
304
|
-
|
305
|
-
|
306
|
-
|
307
|
-
|
308
|
-
|
309
|
-
|
310
|
-
|
311
|
-
|
312
|
-
|
313
|
-
|
314
|
-
|
315
|
-
|
316
|
-
|
317
|
-
|
318
|
-
|
319
|
-
|
320
|
-
|
321
|
-
|
322
|
-
|
323
|
-
|
324
|
-
|
325
|
-
|
326
|
-
|
327
|
-
|
328
|
-
|
329
|
-
|
330
|
-
|
331
|
-
|
332
|
-
|
333
|
-
|
334
|
-
|
335
|
-
|
281
|
+
form {
|
282
|
+
margin-bottom: 20px; }
|
283
|
+
fieldset {
|
284
|
+
margin-bottom: 20px; }
|
285
|
+
input[type="text"],
|
286
|
+
input[type="password"],
|
287
|
+
input[type="email"],
|
288
|
+
textarea,
|
289
|
+
select {
|
290
|
+
border: 1px solid #ccc;
|
291
|
+
padding: 6px 4px;
|
292
|
+
outline: none;
|
293
|
+
-moz-border-radius: 2px;
|
294
|
+
-webkit-border-radius: 2px;
|
295
|
+
border-radius: 2px;
|
296
|
+
font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
297
|
+
color: #777;
|
298
|
+
margin: 0;
|
299
|
+
width: 210px;
|
300
|
+
max-width: 100%;
|
301
|
+
display: block;
|
302
|
+
margin-bottom: 20px;
|
303
|
+
background: #fff; }
|
304
|
+
select {
|
305
|
+
padding: 0; }
|
306
|
+
input[type="text"]:focus,
|
307
|
+
input[type="password"]:focus,
|
308
|
+
input[type="email"]:focus,
|
309
|
+
textarea:focus {
|
310
|
+
border: 1px solid #aaa;
|
311
|
+
color: #444;
|
312
|
+
-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
|
313
|
+
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
|
314
|
+
box-shadow: 0 0 3px rgba(0,0,0,.2); }
|
315
|
+
textarea {
|
316
|
+
min-height: 60px; }
|
317
|
+
label,
|
318
|
+
legend {
|
319
|
+
display: block;
|
320
|
+
font-weight: bold;
|
321
|
+
font-size: 13px; }
|
322
|
+
select {
|
323
|
+
width: 220px; }
|
324
|
+
input[type="checkbox"] {
|
325
|
+
display: inline; }
|
326
|
+
label span,
|
327
|
+
legend span {
|
328
|
+
font-weight: normal;
|
329
|
+
font-size: 13px;
|
330
|
+
color: #444; }
|
336
331
|
|
337
332
|
/* #Misc
|
338
333
|
================================================== */
|
339
|
-
|
340
|
-
|
341
|
-
|
334
|
+
.remove-bottom { margin-bottom: 0 !important; }
|
335
|
+
.half-bottom { margin-bottom: 10px !important; }
|
336
|
+
.add-bottom { margin-bottom: 20px !important; }
|
342
337
|
|
343
338
|
/* end of getskeleton */
|
344
339
|
|
@@ -353,6 +348,14 @@ table {
|
|
353
348
|
padding-bottom: 1em;
|
354
349
|
}
|
355
350
|
|
351
|
+
table.all-phrases tbody tr:hover{
|
352
|
+
background-color: grey;
|
353
|
+
color:white;
|
354
|
+
cursor: pointer;
|
355
|
+
}
|
356
|
+
table.all-phrases tbody tr:hover a{
|
357
|
+
color:white;
|
358
|
+
}
|
356
359
|
table th {
|
357
360
|
text-align: left;
|
358
361
|
padding-bottom: 1em;
|
@@ -365,12 +368,15 @@ table tr td {
|
|
365
368
|
}
|
366
369
|
|
367
370
|
table tr td.key {
|
371
|
+
padding-left: 10px;
|
372
|
+
padding-right: 20px;
|
368
373
|
width: 20%;
|
369
374
|
margin-right: 5%;
|
370
375
|
vertical-align: top;
|
371
376
|
}
|
372
377
|
|
373
378
|
table tr td.value {
|
379
|
+
padding-right: 10px;
|
374
380
|
width: 75%;
|
375
381
|
}
|
376
382
|
|
@@ -418,11 +424,10 @@ div.edit form.button_to {
|
|
418
424
|
}
|
419
425
|
|
420
426
|
body {
|
421
|
-
background-color:
|
427
|
+
background-color: white;
|
422
428
|
}
|
423
429
|
|
424
430
|
#page {
|
425
|
-
background-color: #FFFDF7;
|
426
431
|
width: 800px;
|
427
432
|
margin: 0 auto;
|
428
433
|
padding: 2em;
|
@@ -434,28 +439,47 @@ body {
|
|
434
439
|
}
|
435
440
|
|
436
441
|
#header h1 {
|
437
|
-
|
442
|
+
font-weight: bold;
|
438
443
|
float: left;
|
439
444
|
font-size: 2.5em;
|
440
445
|
line-height: 1em;
|
441
446
|
}
|
442
447
|
|
448
|
+
#header a{
|
449
|
+
text-decoration: none;
|
450
|
+
font-weight: bold;
|
451
|
+
}
|
452
|
+
|
443
453
|
#header ul {
|
444
454
|
float: right;
|
445
455
|
list-style-type: none;
|
456
|
+
margin-top: 2px;
|
446
457
|
}
|
447
458
|
|
448
459
|
#header li {
|
449
460
|
float: left;
|
461
|
+
border:1px solid grey;
|
462
|
+
-webkit-border-radius: 20px;
|
463
|
+
-moz-border-radius: 20px;
|
464
|
+
border-radius: 20px;
|
465
|
+
height: 30px;
|
466
|
+
background-color: grey;
|
467
|
+
margin-left: 10px;
|
450
468
|
}
|
451
469
|
|
452
470
|
#header li a {
|
453
|
-
padding:
|
471
|
+
padding: 1em 1em 1em 1em;
|
472
|
+
line-height: 30px;
|
473
|
+
color:white;
|
454
474
|
}
|
455
475
|
|
456
476
|
.notice {
|
457
477
|
min-height: 2em;
|
458
|
-
background-color: #
|
478
|
+
background-color: #dff0d8;
|
479
|
+
border:3px solid #d6e9c6;
|
480
|
+
-webkit-border-radius: 10px;
|
481
|
+
-moz-border-radius: 10px;
|
482
|
+
border-radius: 10px;
|
459
483
|
text-align: center;
|
460
484
|
padding-top: .5em;
|
461
485
|
margin-bottom: .5em;
|
@@ -463,8 +487,275 @@ body {
|
|
463
487
|
|
464
488
|
.alert {
|
465
489
|
min-height: 2em;
|
466
|
-
background-color: #
|
490
|
+
background-color: #f2dede;
|
491
|
+
border:3px solid #eed3d7;
|
492
|
+
-webkit-border-radius: 10px;
|
493
|
+
-moz-border-radius: 10px;
|
494
|
+
border-radius: 10px;
|
467
495
|
text-align: center;
|
468
496
|
padding-top: .5em;
|
469
497
|
margin-bottom: .5em;
|
470
|
-
}
|
498
|
+
}
|
499
|
+
|
500
|
+
.phrasing-version-value{
|
501
|
+
width: 520px;
|
502
|
+
padding-right: 20px;
|
503
|
+
}
|
504
|
+
|
505
|
+
table.phrase-versions{
|
506
|
+
border-bottom: none;
|
507
|
+
}
|
508
|
+
table.phrase-versions tr{
|
509
|
+
vertical-align: middle;
|
510
|
+
}
|
511
|
+
table.phrase-versions th{
|
512
|
+
text-align:center;
|
513
|
+
font-weight: bold;
|
514
|
+
}
|
515
|
+
table.phrase-versions tr td{
|
516
|
+
border-top: 1px solid black;
|
517
|
+
}
|
518
|
+
|
519
|
+
textarea#phrasing_phrase_value{
|
520
|
+
height:100px;
|
521
|
+
}
|
522
|
+
|
523
|
+
.phrasing-version-created_at{
|
524
|
+
text-align: center
|
525
|
+
}
|
526
|
+
|
527
|
+
.btn.btn-danger.delete-phrase{
|
528
|
+
width:130px;
|
529
|
+
float: right;
|
530
|
+
}
|
531
|
+
.submit-edit-phrase{
|
532
|
+
float:right;
|
533
|
+
}
|
534
|
+
/*
|
535
|
+
===========BUTTONS FROM BOOTSTRAP 3
|
536
|
+
*/
|
537
|
+
.btn {
|
538
|
+
display: inline-block;
|
539
|
+
*display: inline;
|
540
|
+
padding: 4px 12px;
|
541
|
+
margin-bottom: 0;
|
542
|
+
*margin-left: .3em;
|
543
|
+
font-size: 14px;
|
544
|
+
line-height: 20px;
|
545
|
+
color: #FFF;
|
546
|
+
text-decoration: none;
|
547
|
+
text-align: center;
|
548
|
+
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
|
549
|
+
vertical-align: middle;
|
550
|
+
cursor: pointer;
|
551
|
+
background-color: #f5f5f5;
|
552
|
+
*background-color: #e6e6e6;
|
553
|
+
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
|
554
|
+
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
|
555
|
+
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
|
556
|
+
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
|
557
|
+
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
|
558
|
+
background-repeat: repeat-x;
|
559
|
+
border: 1px solid #cccccc;
|
560
|
+
*border: 0;
|
561
|
+
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
|
562
|
+
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
563
|
+
border-bottom-color: #b3b3b3;
|
564
|
+
-webkit-border-radius: 4px;
|
565
|
+
-moz-border-radius: 4px;
|
566
|
+
border-radius: 4px;
|
567
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
|
568
|
+
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
569
|
+
*zoom: 1;
|
570
|
+
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
571
|
+
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
572
|
+
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
573
|
+
}
|
574
|
+
|
575
|
+
a.btn:visited{
|
576
|
+
color:white;
|
577
|
+
}
|
578
|
+
|
579
|
+
.btn:hover,
|
580
|
+
.btn:focus,
|
581
|
+
.btn:active,
|
582
|
+
.btn.active,
|
583
|
+
.btn.disabled,
|
584
|
+
.btn[disabled] {
|
585
|
+
color: #FFF;
|
586
|
+
background-color: #e6e6e6;
|
587
|
+
*background-color: #d9d9d9;
|
588
|
+
}
|
589
|
+
|
590
|
+
.btn:active,
|
591
|
+
.btn.active {
|
592
|
+
background-color: #cccccc \9;
|
593
|
+
}
|
594
|
+
|
595
|
+
.btn:first-child {
|
596
|
+
*margin-left: 0;
|
597
|
+
}
|
598
|
+
|
599
|
+
.btn:hover,
|
600
|
+
.btn:focus {
|
601
|
+
color: #333333;
|
602
|
+
text-decoration: none;
|
603
|
+
background-position: 0 -15px;
|
604
|
+
-webkit-transition: background-position 0.1s linear;
|
605
|
+
-moz-transition: background-position 0.1s linear;
|
606
|
+
-o-transition: background-position 0.1s linear;
|
607
|
+
transition: background-position 0.1s linear;
|
608
|
+
}
|
609
|
+
|
610
|
+
.btn:focus {
|
611
|
+
outline: thin dotted #333;
|
612
|
+
outline: 5px auto -webkit-focus-ring-color;
|
613
|
+
outline-offset: -2px;
|
614
|
+
}
|
615
|
+
|
616
|
+
.btn.active,
|
617
|
+
.btn:active {
|
618
|
+
background-image: none;
|
619
|
+
outline: 0;
|
620
|
+
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
|
621
|
+
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
|
622
|
+
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
|
623
|
+
}
|
624
|
+
|
625
|
+
.btn.disabled,
|
626
|
+
.btn[disabled] {
|
627
|
+
cursor: default;
|
628
|
+
background-image: none;
|
629
|
+
opacity: 0.65;
|
630
|
+
filter: alpha(opacity=65);
|
631
|
+
-webkit-box-shadow: none;
|
632
|
+
-moz-box-shadow: none;
|
633
|
+
box-shadow: none;
|
634
|
+
}
|
635
|
+
|
636
|
+
.btn-large {
|
637
|
+
padding: 11px 19px;
|
638
|
+
font-size: 17.5px;
|
639
|
+
-webkit-border-radius: 6px;
|
640
|
+
-moz-border-radius: 6px;
|
641
|
+
border-radius: 6px;
|
642
|
+
}
|
643
|
+
|
644
|
+
.btn-large [class^="icon-"],
|
645
|
+
.btn-large [class*=" icon-"] {
|
646
|
+
margin-top: 4px;
|
647
|
+
}
|
648
|
+
|
649
|
+
.btn-small {
|
650
|
+
padding: 2px 10px;
|
651
|
+
font-size: 11.9px;
|
652
|
+
-webkit-border-radius: 3px;
|
653
|
+
-moz-border-radius: 3px;
|
654
|
+
border-radius: 3px;
|
655
|
+
}
|
656
|
+
|
657
|
+
.btn-small [class^="icon-"],
|
658
|
+
.btn-small [class*=" icon-"] {
|
659
|
+
margin-top: 0;
|
660
|
+
}
|
661
|
+
|
662
|
+
.btn-mini [class^="icon-"],
|
663
|
+
.btn-mini [class*=" icon-"] {
|
664
|
+
margin-top: -1px;
|
665
|
+
}
|
666
|
+
|
667
|
+
.btn-mini {
|
668
|
+
padding: 0 6px;
|
669
|
+
font-size: 10.5px;
|
670
|
+
-webkit-border-radius: 3px;
|
671
|
+
-moz-border-radius: 3px;
|
672
|
+
border-radius: 3px;
|
673
|
+
}
|
674
|
+
|
675
|
+
.btn-block {
|
676
|
+
display: block;
|
677
|
+
width: 100%;
|
678
|
+
padding-right: 0;
|
679
|
+
padding-left: 0;
|
680
|
+
-webkit-box-sizing: border-box;
|
681
|
+
-moz-box-sizing: border-box;
|
682
|
+
box-sizing: border-box;
|
683
|
+
}
|
684
|
+
|
685
|
+
.btn-block + .btn-block {
|
686
|
+
margin-top: 5px;
|
687
|
+
}
|
688
|
+
|
689
|
+
.btn-primary.active,
|
690
|
+
.btn-warning.active,
|
691
|
+
.btn-danger.active,
|
692
|
+
.btn-success.active,
|
693
|
+
.btn-info.active,
|
694
|
+
.btn-inverse.active {
|
695
|
+
color: rgba(255, 255, 255, 0.75);
|
696
|
+
}
|
697
|
+
|
698
|
+
.btn-danger {
|
699
|
+
color: #ffffff;
|
700
|
+
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
701
|
+
background-color: #da4f49;
|
702
|
+
*background-color: #bd362f;
|
703
|
+
background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
|
704
|
+
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
|
705
|
+
background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
|
706
|
+
background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
|
707
|
+
background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
|
708
|
+
background-repeat: repeat-x;
|
709
|
+
border-color: #bd362f #bd362f #802420;
|
710
|
+
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
711
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
|
712
|
+
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
713
|
+
}
|
714
|
+
.btn-danger:hover,
|
715
|
+
.btn-danger:focus,
|
716
|
+
.btn-danger:active,
|
717
|
+
.btn-danger.active,
|
718
|
+
.btn-danger.disabled,
|
719
|
+
.btn-danger[disabled] {
|
720
|
+
color: #ffffff;
|
721
|
+
background-color: #bd362f;
|
722
|
+
*background-color: #a9302a;
|
723
|
+
}
|
724
|
+
.btn-danger:active,
|
725
|
+
.btn-danger.active {
|
726
|
+
background-color: #942a25 \9;
|
727
|
+
}
|
728
|
+
|
729
|
+
.btn-success {
|
730
|
+
color: #ffffff;
|
731
|
+
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
732
|
+
background-color: #5bb75b;
|
733
|
+
*background-color: #51a351;
|
734
|
+
background-image: -moz-linear-gradient(top, #62c462, #51a351);
|
735
|
+
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
|
736
|
+
background-image: -webkit-linear-gradient(top, #62c462, #51a351);
|
737
|
+
background-image: -o-linear-gradient(top, #62c462, #51a351);
|
738
|
+
background-image: linear-gradient(to bottom, #62c462, #51a351);
|
739
|
+
background-repeat: repeat-x;
|
740
|
+
border-color: #51a351 #51a351 #387038;
|
741
|
+
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
742
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
|
743
|
+
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
744
|
+
}
|
745
|
+
|
746
|
+
.btn-success:hover,
|
747
|
+
.btn-success:focus,
|
748
|
+
.btn-success:active,
|
749
|
+
.btn-success.active,
|
750
|
+
.btn-success.disabled,
|
751
|
+
.btn-success[disabled] {
|
752
|
+
color: #ffffff;
|
753
|
+
background-color: #51a351;
|
754
|
+
*background-color: #499249;
|
755
|
+
}
|
756
|
+
|
757
|
+
.btn-success:active,
|
758
|
+
.btn-success.active {
|
759
|
+
background-color: #408140 \9;
|
760
|
+
}
|
761
|
+
|