strappy 0.0.02
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/README.md +22 -0
- data/app/helpers/flash_message_helper.rb +29 -0
- data/lib/generators/strap/install/install_generator.rb +25 -0
- data/lib/generators/strap/install/templates/bootstrap-theme.css +459 -0
- data/lib/generators/strap/install/templates/bootstrap.css +7098 -0
- data/lib/generators/strap/install/templates/bootstrap.js +2002 -0
- data/lib/strappy.rb +5 -0
- data/lib/strappy/bootstrap.rb +2 -0
- data/lib/strappy/engine.rb +13 -0
- data/lib/strappy/version.rb +3 -0
- metadata +120 -0
data/README.md
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
# Strappy
|
|
2
|
+
|
|
3
|
+
Strappy is in its very beginning stages. It is intended to be a collection of bootstrap helpers for Rails 4. The current version only includes a "Flash Messages" helper for displaying flash messages.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
Clone the repo, `git clone git://github.com/tommyschaefer/strappy.git`, or [download](https://github.com/tommyschaefer/strappy/archive/master.zip) the current version.
|
|
8
|
+
|
|
9
|
+
You can include this in your rails project by adding `gem "strappy"` to your Gemfile. After running `bundle install`, you will have access to Strappy's helpers and `rails g strap:install` will generate Bootstrap's files for you.
|
|
10
|
+
|
|
11
|
+
## Usage
|
|
12
|
+
|
|
13
|
+
### Flash Messages
|
|
14
|
+
Flash messages can be created in two ways in your controller.
|
|
15
|
+
|
|
16
|
+
Using the string method, you declare flash messages like so: `flash[:success] = "Message here"`. To make this a dismissable alert, you simply use the following form: `flash[:success] = "[x] Message Here"`.
|
|
17
|
+
|
|
18
|
+
Using the hash method, you declare your message in the form: `flash[:success] = { msg: "Message" }`. A dismissible alert in this notation would look like: `flash[:success] = { msg: "Message", dismissible: true }`. Not that if you want a non-dismissable alert, you do not have to include the 'dismissable' attribute (although you can).
|
|
19
|
+
|
|
20
|
+
Alert types include "danger", "info", "warning", and "success." You can see what they look like respectively on the [Twitter Bootstrap website](http://getbootstrap.com/components/#alerts).
|
|
21
|
+
|
|
22
|
+
In your view, you can render flash messages by including `<%= flash_messages %>`
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
module FlashMessageHelper
|
|
2
|
+
ALERTS = [:success, :info, :warning, :danger]
|
|
3
|
+
|
|
4
|
+
def flash_messages
|
|
5
|
+
messages = []
|
|
6
|
+
|
|
7
|
+
flash.each do |type, message|
|
|
8
|
+
next if message.is_a?(String) && message == ""
|
|
9
|
+
next if message.is_a?(Hash) && message[:msg] == ""
|
|
10
|
+
next unless ALERTS.include?(type)
|
|
11
|
+
|
|
12
|
+
dismissable = message[:dismissable] || false if message.is_a?(Hash)
|
|
13
|
+
dismissable = message.match(/\[\s*(x|X)\s*\]\s*(.*)/) if message.is_a?(String)
|
|
14
|
+
|
|
15
|
+
message = dismissable[2] if message.is_a?(String) && dismissable
|
|
16
|
+
message = message[:msg] if message.is_a?(Hash)
|
|
17
|
+
|
|
18
|
+
if dismissable
|
|
19
|
+
text = "<div class='alert alert-#{type} alert-dismissable'><button type='button' class='close' data-dismiss='alert' aria-hidden='true'>×</button>#{message.html_safe}</div>"
|
|
20
|
+
else
|
|
21
|
+
text = "<div class='alert alert-#{type}'>#{message.html_safe}</div>"
|
|
22
|
+
end
|
|
23
|
+
|
|
24
|
+
messages << text
|
|
25
|
+
end
|
|
26
|
+
|
|
27
|
+
messages.join("\n").html_safe
|
|
28
|
+
end
|
|
29
|
+
end
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
require 'rails/generators'
|
|
2
|
+
|
|
3
|
+
module Strap
|
|
4
|
+
module Generators
|
|
5
|
+
class InstallGenerator < ::Rails::Generators::Base
|
|
6
|
+
|
|
7
|
+
source_root File.expand_path("../templates", __FILE__)
|
|
8
|
+
desc "This generator installs Bootstrap to Asset Pipeline"
|
|
9
|
+
|
|
10
|
+
def add_bootstrap
|
|
11
|
+
files = %w"stylesheets/bootstrap-theme.css stylesheets/bootstrap.css javascripts/bootstrap.js"
|
|
12
|
+
|
|
13
|
+
files.each do |file|
|
|
14
|
+
copy_file file.split("/")[1], "app/assets/#{file}"
|
|
15
|
+
end
|
|
16
|
+
end
|
|
17
|
+
|
|
18
|
+
def update_app_layout
|
|
19
|
+
unless open('app/views/layouts/application.html.erb') { |f| f.grep(/<div class="container">/) }.size > 0
|
|
20
|
+
gsub_file 'app/views/layouts/application.html.erb', '<%= yield %>', '<div class="container"><%= yield %></div>'
|
|
21
|
+
end
|
|
22
|
+
end
|
|
23
|
+
end
|
|
24
|
+
end
|
|
25
|
+
end
|
|
@@ -0,0 +1,459 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Bootstrap v3.0.2 by @fat and @mdo
|
|
3
|
+
* Copyright 2013 Twitter, Inc.
|
|
4
|
+
* Licensed under http://www.apache.org/licenses/LICENSE-2.0
|
|
5
|
+
*
|
|
6
|
+
* Designed and built with all the love in the world by @mdo and @fat.
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
.btn-default,
|
|
10
|
+
.btn-primary,
|
|
11
|
+
.btn-success,
|
|
12
|
+
.btn-info,
|
|
13
|
+
.btn-warning,
|
|
14
|
+
.btn-danger {
|
|
15
|
+
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
|
|
16
|
+
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
17
|
+
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.btn-default:active,
|
|
21
|
+
.btn-primary:active,
|
|
22
|
+
.btn-success:active,
|
|
23
|
+
.btn-info:active,
|
|
24
|
+
.btn-warning:active,
|
|
25
|
+
.btn-danger:active,
|
|
26
|
+
.btn-default.active,
|
|
27
|
+
.btn-primary.active,
|
|
28
|
+
.btn-success.active,
|
|
29
|
+
.btn-info.active,
|
|
30
|
+
.btn-warning.active,
|
|
31
|
+
.btn-danger.active {
|
|
32
|
+
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
|
33
|
+
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.btn:active,
|
|
37
|
+
.btn.active {
|
|
38
|
+
background-image: none;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.btn-default {
|
|
42
|
+
text-shadow: 0 1px 0 #fff;
|
|
43
|
+
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#e0e0e0));
|
|
44
|
+
background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
|
|
45
|
+
background-image: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
|
|
46
|
+
background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
|
|
47
|
+
background-repeat: repeat-x;
|
|
48
|
+
border-color: #dbdbdb;
|
|
49
|
+
border-color: #ccc;
|
|
50
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
|
|
51
|
+
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.btn-default:hover,
|
|
55
|
+
.btn-default:focus {
|
|
56
|
+
background-color: #e0e0e0;
|
|
57
|
+
background-position: 0 -15px;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.btn-default:active,
|
|
61
|
+
.btn-default.active {
|
|
62
|
+
background-color: #e0e0e0;
|
|
63
|
+
border-color: #dbdbdb;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.btn-primary {
|
|
67
|
+
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#2d6ca2));
|
|
68
|
+
background-image: -webkit-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
|
|
69
|
+
background-image: -moz-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
|
|
70
|
+
background-image: linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%);
|
|
71
|
+
background-repeat: repeat-x;
|
|
72
|
+
border-color: #2b669a;
|
|
73
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
|
|
74
|
+
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.btn-primary:hover,
|
|
78
|
+
.btn-primary:focus {
|
|
79
|
+
background-color: #2d6ca2;
|
|
80
|
+
background-position: 0 -15px;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.btn-primary:active,
|
|
84
|
+
.btn-primary.active {
|
|
85
|
+
background-color: #2d6ca2;
|
|
86
|
+
border-color: #2b669a;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.btn-success {
|
|
90
|
+
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5cb85c), to(#419641));
|
|
91
|
+
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
|
|
92
|
+
background-image: -moz-linear-gradient(top, #5cb85c 0%, #419641 100%);
|
|
93
|
+
background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
|
|
94
|
+
background-repeat: repeat-x;
|
|
95
|
+
border-color: #3e8f3e;
|
|
96
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
|
|
97
|
+
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
.btn-success:hover,
|
|
101
|
+
.btn-success:focus {
|
|
102
|
+
background-color: #419641;
|
|
103
|
+
background-position: 0 -15px;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.btn-success:active,
|
|
107
|
+
.btn-success.active {
|
|
108
|
+
background-color: #419641;
|
|
109
|
+
border-color: #3e8f3e;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.btn-warning {
|
|
113
|
+
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f0ad4e), to(#eb9316));
|
|
114
|
+
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
|
|
115
|
+
background-image: -moz-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
|
|
116
|
+
background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
|
|
117
|
+
background-repeat: repeat-x;
|
|
118
|
+
border-color: #e38d13;
|
|
119
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
|
|
120
|
+
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
.btn-warning:hover,
|
|
124
|
+
.btn-warning:focus {
|
|
125
|
+
background-color: #eb9316;
|
|
126
|
+
background-position: 0 -15px;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
.btn-warning:active,
|
|
130
|
+
.btn-warning.active {
|
|
131
|
+
background-color: #eb9316;
|
|
132
|
+
border-color: #e38d13;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
.btn-danger {
|
|
136
|
+
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9534f), to(#c12e2a));
|
|
137
|
+
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
|
|
138
|
+
background-image: -moz-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
|
|
139
|
+
background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
|
|
140
|
+
background-repeat: repeat-x;
|
|
141
|
+
border-color: #b92c28;
|
|
142
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
|
|
143
|
+
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
.btn-danger:hover,
|
|
147
|
+
.btn-danger:focus {
|
|
148
|
+
background-color: #c12e2a;
|
|
149
|
+
background-position: 0 -15px;
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
.btn-danger:active,
|
|
153
|
+
.btn-danger.active {
|
|
154
|
+
background-color: #c12e2a;
|
|
155
|
+
border-color: #b92c28;
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
.btn-info {
|
|
159
|
+
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5bc0de), to(#2aabd2));
|
|
160
|
+
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
|
|
161
|
+
background-image: -moz-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
|
|
162
|
+
background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
|
|
163
|
+
background-repeat: repeat-x;
|
|
164
|
+
border-color: #28a4c9;
|
|
165
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
|
|
166
|
+
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
.btn-info:hover,
|
|
170
|
+
.btn-info:focus {
|
|
171
|
+
background-color: #2aabd2;
|
|
172
|
+
background-position: 0 -15px;
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
.btn-info:active,
|
|
176
|
+
.btn-info.active {
|
|
177
|
+
background-color: #2aabd2;
|
|
178
|
+
border-color: #28a4c9;
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
.thumbnail,
|
|
182
|
+
.img-thumbnail {
|
|
183
|
+
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
|
|
184
|
+
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
.dropdown-menu > li > a:hover,
|
|
188
|
+
.dropdown-menu > li > a:focus {
|
|
189
|
+
background-color: #e8e8e8;
|
|
190
|
+
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f5f5f5), to(#e8e8e8));
|
|
191
|
+
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
|
192
|
+
background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
|
193
|
+
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
|
|
194
|
+
background-repeat: repeat-x;
|
|
195
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
.dropdown-menu > .active > a,
|
|
199
|
+
.dropdown-menu > .active > a:hover,
|
|
200
|
+
.dropdown-menu > .active > a:focus {
|
|
201
|
+
background-color: #357ebd;
|
|
202
|
+
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd));
|
|
203
|
+
background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
|
|
204
|
+
background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%);
|
|
205
|
+
background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
|
|
206
|
+
background-repeat: repeat-x;
|
|
207
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
.navbar-default {
|
|
211
|
+
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#f8f8f8));
|
|
212
|
+
background-image: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
|
|
213
|
+
background-image: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
|
|
214
|
+
background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
|
|
215
|
+
background-repeat: repeat-x;
|
|
216
|
+
border-radius: 4px;
|
|
217
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
|
|
218
|
+
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
|
219
|
+
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
|
|
220
|
+
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
.navbar-default .navbar-nav > .active > a {
|
|
224
|
+
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ebebeb), to(#f3f3f3));
|
|
225
|
+
background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%);
|
|
226
|
+
background-image: -moz-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%);
|
|
227
|
+
background-image: linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%);
|
|
228
|
+
background-repeat: repeat-x;
|
|
229
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff3f3f3', GradientType=0);
|
|
230
|
+
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
|
|
231
|
+
box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
|
|
232
|
+
}
|
|
233
|
+
|
|
234
|
+
.navbar-brand,
|
|
235
|
+
.navbar-nav > li > a {
|
|
236
|
+
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
|
|
237
|
+
}
|
|
238
|
+
|
|
239
|
+
.navbar-inverse {
|
|
240
|
+
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#3c3c3c), to(#222222));
|
|
241
|
+
background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222222 100%);
|
|
242
|
+
background-image: -moz-linear-gradient(top, #3c3c3c 0%, #222222 100%);
|
|
243
|
+
background-image: linear-gradient(to bottom, #3c3c3c 0%, #222222 100%);
|
|
244
|
+
background-repeat: repeat-x;
|
|
245
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
|
|
246
|
+
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
|
247
|
+
}
|
|
248
|
+
|
|
249
|
+
.navbar-inverse .navbar-nav > .active > a {
|
|
250
|
+
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#222222), to(#282828));
|
|
251
|
+
background-image: -webkit-linear-gradient(top, #222222 0%, #282828 100%);
|
|
252
|
+
background-image: -moz-linear-gradient(top, #222222 0%, #282828 100%);
|
|
253
|
+
background-image: linear-gradient(to bottom, #222222 0%, #282828 100%);
|
|
254
|
+
background-repeat: repeat-x;
|
|
255
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff282828', GradientType=0);
|
|
256
|
+
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
|
|
257
|
+
box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
|
|
258
|
+
}
|
|
259
|
+
|
|
260
|
+
.navbar-inverse .navbar-brand,
|
|
261
|
+
.navbar-inverse .navbar-nav > li > a {
|
|
262
|
+
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
.navbar-static-top,
|
|
266
|
+
.navbar-fixed-top,
|
|
267
|
+
.navbar-fixed-bottom {
|
|
268
|
+
border-radius: 0;
|
|
269
|
+
}
|
|
270
|
+
|
|
271
|
+
.alert {
|
|
272
|
+
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
|
|
273
|
+
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
274
|
+
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
275
|
+
}
|
|
276
|
+
|
|
277
|
+
.alert-success {
|
|
278
|
+
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#dff0d8), to(#c8e5bc));
|
|
279
|
+
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
|
|
280
|
+
background-image: -moz-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
|
|
281
|
+
background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
|
|
282
|
+
background-repeat: repeat-x;
|
|
283
|
+
border-color: #b2dba1;
|
|
284
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
|
|
285
|
+
}
|
|
286
|
+
|
|
287
|
+
.alert-info {
|
|
288
|
+
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9edf7), to(#b9def0));
|
|
289
|
+
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
|
|
290
|
+
background-image: -moz-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
|
|
291
|
+
background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
|
|
292
|
+
background-repeat: repeat-x;
|
|
293
|
+
border-color: #9acfea;
|
|
294
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
|
|
295
|
+
}
|
|
296
|
+
|
|
297
|
+
.alert-warning {
|
|
298
|
+
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fcf8e3), to(#f8efc0));
|
|
299
|
+
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
|
|
300
|
+
background-image: -moz-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
|
|
301
|
+
background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
|
|
302
|
+
background-repeat: repeat-x;
|
|
303
|
+
border-color: #f5e79e;
|
|
304
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
|
|
305
|
+
}
|
|
306
|
+
|
|
307
|
+
.alert-danger {
|
|
308
|
+
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f2dede), to(#e7c3c3));
|
|
309
|
+
background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
|
|
310
|
+
background-image: -moz-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
|
|
311
|
+
background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
|
|
312
|
+
background-repeat: repeat-x;
|
|
313
|
+
border-color: #dca7a7;
|
|
314
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
|
|
315
|
+
}
|
|
316
|
+
|
|
317
|
+
.progress {
|
|
318
|
+
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ebebeb), to(#f5f5f5));
|
|
319
|
+
background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
|
|
320
|
+
background-image: -moz-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
|
|
321
|
+
background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
|
|
322
|
+
background-repeat: repeat-x;
|
|
323
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
|
|
324
|
+
}
|
|
325
|
+
|
|
326
|
+
.progress-bar {
|
|
327
|
+
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#3071a9));
|
|
328
|
+
background-image: -webkit-linear-gradient(top, #428bca 0%, #3071a9 100%);
|
|
329
|
+
background-image: -moz-linear-gradient(top, #428bca 0%, #3071a9 100%);
|
|
330
|
+
background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
|
|
331
|
+
background-repeat: repeat-x;
|
|
332
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);
|
|
333
|
+
}
|
|
334
|
+
|
|
335
|
+
.progress-bar-success {
|
|
336
|
+
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5cb85c), to(#449d44));
|
|
337
|
+
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
|
|
338
|
+
background-image: -moz-linear-gradient(top, #5cb85c 0%, #449d44 100%);
|
|
339
|
+
background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
|
|
340
|
+
background-repeat: repeat-x;
|
|
341
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
|
|
342
|
+
}
|
|
343
|
+
|
|
344
|
+
.progress-bar-info {
|
|
345
|
+
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5bc0de), to(#31b0d5));
|
|
346
|
+
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
|
|
347
|
+
background-image: -moz-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
|
|
348
|
+
background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
|
|
349
|
+
background-repeat: repeat-x;
|
|
350
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
|
|
351
|
+
}
|
|
352
|
+
|
|
353
|
+
.progress-bar-warning {
|
|
354
|
+
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f0ad4e), to(#ec971f));
|
|
355
|
+
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
|
|
356
|
+
background-image: -moz-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
|
|
357
|
+
background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
|
|
358
|
+
background-repeat: repeat-x;
|
|
359
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
|
|
360
|
+
}
|
|
361
|
+
|
|
362
|
+
.progress-bar-danger {
|
|
363
|
+
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9534f), to(#c9302c));
|
|
364
|
+
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
|
|
365
|
+
background-image: -moz-linear-gradient(top, #d9534f 0%, #c9302c 100%);
|
|
366
|
+
background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
|
|
367
|
+
background-repeat: repeat-x;
|
|
368
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
|
|
369
|
+
}
|
|
370
|
+
|
|
371
|
+
.list-group {
|
|
372
|
+
border-radius: 4px;
|
|
373
|
+
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
|
|
374
|
+
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
|
|
375
|
+
}
|
|
376
|
+
|
|
377
|
+
.list-group-item.active,
|
|
378
|
+
.list-group-item.active:hover,
|
|
379
|
+
.list-group-item.active:focus {
|
|
380
|
+
text-shadow: 0 -1px 0 #3071a9;
|
|
381
|
+
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#3278b3));
|
|
382
|
+
background-image: -webkit-linear-gradient(top, #428bca 0%, #3278b3 100%);
|
|
383
|
+
background-image: -moz-linear-gradient(top, #428bca 0%, #3278b3 100%);
|
|
384
|
+
background-image: linear-gradient(to bottom, #428bca 0%, #3278b3 100%);
|
|
385
|
+
background-repeat: repeat-x;
|
|
386
|
+
border-color: #3278b3;
|
|
387
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0);
|
|
388
|
+
}
|
|
389
|
+
|
|
390
|
+
.panel {
|
|
391
|
+
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
392
|
+
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
393
|
+
}
|
|
394
|
+
|
|
395
|
+
.panel-default > .panel-heading {
|
|
396
|
+
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f5f5f5), to(#e8e8e8));
|
|
397
|
+
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
|
398
|
+
background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
|
399
|
+
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
|
|
400
|
+
background-repeat: repeat-x;
|
|
401
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
|
|
402
|
+
}
|
|
403
|
+
|
|
404
|
+
.panel-primary > .panel-heading {
|
|
405
|
+
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd));
|
|
406
|
+
background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
|
|
407
|
+
background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%);
|
|
408
|
+
background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
|
|
409
|
+
background-repeat: repeat-x;
|
|
410
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
|
|
411
|
+
}
|
|
412
|
+
|
|
413
|
+
.panel-success > .panel-heading {
|
|
414
|
+
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#dff0d8), to(#d0e9c6));
|
|
415
|
+
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
|
|
416
|
+
background-image: -moz-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
|
|
417
|
+
background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
|
|
418
|
+
background-repeat: repeat-x;
|
|
419
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
|
|
420
|
+
}
|
|
421
|
+
|
|
422
|
+
.panel-info > .panel-heading {
|
|
423
|
+
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9edf7), to(#c4e3f3));
|
|
424
|
+
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
|
|
425
|
+
background-image: -moz-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
|
|
426
|
+
background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
|
|
427
|
+
background-repeat: repeat-x;
|
|
428
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
|
|
429
|
+
}
|
|
430
|
+
|
|
431
|
+
.panel-warning > .panel-heading {
|
|
432
|
+
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fcf8e3), to(#faf2cc));
|
|
433
|
+
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
|
|
434
|
+
background-image: -moz-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
|
|
435
|
+
background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
|
|
436
|
+
background-repeat: repeat-x;
|
|
437
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
|
|
438
|
+
}
|
|
439
|
+
|
|
440
|
+
.panel-danger > .panel-heading {
|
|
441
|
+
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f2dede), to(#ebcccc));
|
|
442
|
+
background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
|
|
443
|
+
background-image: -moz-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
|
|
444
|
+
background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
|
|
445
|
+
background-repeat: repeat-x;
|
|
446
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
|
|
447
|
+
}
|
|
448
|
+
|
|
449
|
+
.well {
|
|
450
|
+
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#e8e8e8), to(#f5f5f5));
|
|
451
|
+
background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
|
|
452
|
+
background-image: -moz-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
|
|
453
|
+
background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
|
|
454
|
+
background-repeat: repeat-x;
|
|
455
|
+
border-color: #dcdcdc;
|
|
456
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
|
|
457
|
+
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
|
|
458
|
+
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
|
|
459
|
+
}
|