wrgem 0.0.43 → 0.0.44
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/lib/generators/wradmin/template/carrierwave.rb +15 -0
- data/lib/generators/wradmin/template/migrate/20140715192304_create_user.rb +5 -3
- data/lib/generators/wradmin/template/public/images/spritemap.png +0 -0
- data/lib/generators/wradmin/template/public/images/spritemap@2x.png +0 -0
- data/lib/generators/wradmin/template/views/layouts/admin.html.slim +1 -1
- data/lib/generators/wradmin/wradmin_generator.rb +3 -0
- data/lib/generators/wrstart/template/index.html.slim +1 -1
- data/lib/generators/wrstart/template/javascripts/requirements.js.coffee +5 -0
- data/lib/generators/wrstart/template/shared/_head.slim +1 -1
- data/lib/generators/wrstart/template/stylesheets/_requirements.sass +6 -0
- data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/.bower.json +32 -0
- data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/.editorconfig +11 -0
- data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/.gitignore +5 -0
- data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/LICENSE +22 -0
- data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/README.md +94 -0
- data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/bower.json +18 -0
- data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/example/example.css +322 -0
- data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/example/example.scss +412 -0
- data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/example/images/logo_big.png +0 -0
- data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/example/images/logo_big@2x.png +0 -0
- data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/example/images/logo_small.png +0 -0
- data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/example/images/logo_small@2x.png +0 -0
- data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/example/images/te-logo-small.svg +12 -0
- data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/example/images/thumbs-up.jpg +0 -0
- data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/example/images/vs_icon.png +0 -0
- data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/example/images/vs_icon@2x.png +0 -0
- data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/example/index.html +433 -0
- data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/gulpfile.js +48 -0
- data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/lib/ie9.css +23 -0
- data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/lib/sweet-alert.css +1 -0
- data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/lib/sweet-alert.html +37 -0
- data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/lib/sweet-alert.js +818 -0
- data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/lib/sweet-alert.min.js +1 -0
- data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/lib/sweet-alert.scss +444 -0
- data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/package.json +37 -0
- data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/sweetalert.gif +0 -0
- data/lib/generators/wrstart/wrstart_generator.rb +2 -0
- data/lib/wrgem/version.rb +1 -1
- data/wrgem.gemspec +2 -2
- metadata +39 -12
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 119273a895b5d346d901239e4604a3fb3314c921
|
4
|
+
data.tar.gz: 13c04f91ff7a56f4867fbf9bc7795307a024aeb7
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: b027b1a64f338bbcda11c7198abf6a37a8c661d2103a9664e87a6d9842bf7cb78ef2446e80b72f849fcfa834c7f7f33e3981650edbe024fb46379e4ad359bd2f
|
7
|
+
data.tar.gz: 868b4f54bc4f6847c299264858b221623a3aa4e512c3859ed07056af97009f2b0627afa20abd06f297437e7e207d601a011fb9d97daed44f70bc82aa0ee1f4d8
|
@@ -0,0 +1,15 @@
|
|
1
|
+
CarrierWave.configure do |config|
|
2
|
+
config.permissions = 0666
|
3
|
+
config.directory_permissions = 0777
|
4
|
+
config.cache_dir = Rails.root.join 'tmp', 'uploads'
|
5
|
+
config.fog_credentials = {
|
6
|
+
provider: 'AWS',
|
7
|
+
aws_access_key_id: "AKIAJRPEIPE6AFR6KHIQ",
|
8
|
+
aws_secret_access_key: "T10BUl0DZpCSCIyoBflUQYgCF5KxdwjmmVqNhsWU",
|
9
|
+
region: "sa-east-1",
|
10
|
+
}
|
11
|
+
config.fog_directory = "<%= app_name %>"
|
12
|
+
config.storage = :fog
|
13
|
+
config.enable_processing = false if Rails.env.test? or Rails.env.cucumber?
|
14
|
+
config.fog_attributes = {'Cache-Control'=>'max-age=315576000'}
|
15
|
+
end
|
@@ -1,9 +1,11 @@
|
|
1
1
|
class CreateUser < ActiveRecord::Migration
|
2
2
|
def self.up
|
3
|
-
User.create :email => 'bschagas@
|
3
|
+
User.create :email => 'bschagas@grupogladium.com.br', :password => '12345678', :name => 'Bruno', :surname => 'Chagas', :avatar => '', :birthday => '1984-01-11', :ocupation => 'Designer', :phone => '(61) 8198-0007', :autorization => true
|
4
4
|
|
5
|
-
User.create :email => 'david@
|
5
|
+
User.create :email => 'david.leandro@grupogladium.com.br', :password => '12345678', :name => 'David', :surname => 'Leandro', :avatar => '', :birthday => '1992-01-21', :ocupation => 'Programmer', :phone => '(61) 9156-7945', :autorization => true
|
6
6
|
|
7
|
-
User.create :email => 'juliana@
|
7
|
+
User.create :email => 'juliana.cid@grupogladium.com.br', :password => '12345678', :name => 'Juliana', :surname => 'Cid', :avatar => '', :birthday => '1990-10-12', :ocupation => 'Redactora', :phone => '(61) 9298-2027', :autorization => true
|
8
|
+
|
9
|
+
User.create :email => 'axbarros@grupogladium.com.br', :password => '12345678', :name => 'Alexandre', :surname => 'Barros', :avatar => '', :birthday => '1981-05-04', :ocupation => 'The boss', :phone => '(61) 8413-9474', :autorization => true
|
8
10
|
end
|
9
11
|
end
|
Binary file
|
Binary file
|
@@ -43,6 +43,9 @@ class WradminGenerator < Rails::Generators::Base
|
|
43
43
|
copy_file "models/admin.rb", "app/models/admin.rb"
|
44
44
|
copy_file "models/user.rb", "app/models/user.rb"
|
45
45
|
|
46
|
+
# ADICIONANDO CONFIGURACAO CARRIERWAVE
|
47
|
+
template "carrierwave.rb", "config/carrierwave.rb"
|
48
|
+
|
46
49
|
# COPIANDO AS IMAGENS DA PASTA PUBLIC
|
47
50
|
directory "public/images", "public/images"
|
48
51
|
directory "public/img", "public/img"
|
@@ -8,7 +8,7 @@
|
|
8
8
|
/ - set_meta_tags 'og:url' => request.url
|
9
9
|
/ - set_meta_tags 'og:image' => root_url + image_path('imagem.jpg')
|
10
10
|
/ - set_meta_tags 'og:description' => ''
|
11
|
-
/ - set_meta_tags 'og:email' => 'contato@
|
11
|
+
/ - set_meta_tags 'og:email' => 'contato@grupogladium.com.br'
|
12
12
|
/ - set_meta_tags 'og:phone_number' => ''
|
13
13
|
|
14
14
|
|
@@ -4,7 +4,7 @@ meta charset='utf-8'
|
|
4
4
|
link rel='dns-prefetch' href='//cdnjs.cloudflare.com'
|
5
5
|
link rel='dns-prefetch' href='//www.google-analytics.com'
|
6
6
|
meta http-equiv='X-UA-Compatible' content='IE=edge'
|
7
|
-
meta name='author' content='
|
7
|
+
meta name='author' content='Grupo Gladium — http://www.grupogladium.com.br'
|
8
8
|
meta content='on' http-equiv='cleartype'
|
9
9
|
meta content='True' name='HandheldFriendly'
|
10
10
|
meta content='320' name='MobileOptimized'
|
@@ -20,9 +20,15 @@
|
|
20
20
|
// -------------------------------------
|
21
21
|
// font-awesome
|
22
22
|
// -------------------------------------
|
23
|
+
@import "font-awesome-sprockets"
|
23
24
|
@import "font-awesome"
|
24
25
|
|
25
26
|
// -------------------------------------
|
26
27
|
// Sliderbars
|
27
28
|
// -------------------------------------
|
28
29
|
@import "Slidebars/distribution/0.10.2/slidebars"
|
30
|
+
|
31
|
+
// -------------------------------------
|
32
|
+
// Sweetalert
|
33
|
+
// -------------------------------------
|
34
|
+
@import "sweetalert/lib/sweet-alert.scss"
|
@@ -0,0 +1,32 @@
|
|
1
|
+
{
|
2
|
+
"name": "sweetalert",
|
3
|
+
"homepage": "http://tristanedwards.me/sweetalert",
|
4
|
+
"authors": [
|
5
|
+
"Tristan Edwards <tristan.edwards@me.com> (http://tristanedwards.me)"
|
6
|
+
],
|
7
|
+
"description": "A beautiful replacement for JavaScript's alert.",
|
8
|
+
"main": [
|
9
|
+
"lib/sweet-alert.js",
|
10
|
+
"lib/sweet-alert.css"
|
11
|
+
],
|
12
|
+
"keywords": [
|
13
|
+
"alert",
|
14
|
+
"modal"
|
15
|
+
],
|
16
|
+
"repository": {
|
17
|
+
"type": "git",
|
18
|
+
"url": "git@github.com:t4t5/sweetalert.git"
|
19
|
+
},
|
20
|
+
"license": "MIT",
|
21
|
+
"version": "0.4.1",
|
22
|
+
"_release": "0.4.1",
|
23
|
+
"_resolution": {
|
24
|
+
"type": "version",
|
25
|
+
"tag": "v0.4.1",
|
26
|
+
"commit": "3faa7b8e80c416b1bfa262c22ba98d6699db10b4"
|
27
|
+
},
|
28
|
+
"_source": "git://github.com/t4t5/sweetalert.git",
|
29
|
+
"_target": "~0.4.1",
|
30
|
+
"_originalSource": "sweetalert",
|
31
|
+
"_direct": true
|
32
|
+
}
|
@@ -0,0 +1,22 @@
|
|
1
|
+
The MIT License (MIT)
|
2
|
+
|
3
|
+
Copyright (c) 2014 Tristan Edwards
|
4
|
+
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
7
|
+
in the Software without restriction, including without limitation the rights
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
10
|
+
furnished to do so, subject to the following conditions:
|
11
|
+
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
13
|
+
copies or substantial portions of the Software.
|
14
|
+
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
21
|
+
SOFTWARE.
|
22
|
+
|
@@ -0,0 +1,94 @@
|
|
1
|
+
#SweetAlert
|
2
|
+
|
3
|
+
An awesome replacement for JavaScript's alert.
|
4
|
+
|
5
|
+
[See it in action!](http://tristanedwards.me/sweetalert)
|
6
|
+
|
7
|
+
![A success modal](https://raw.github.com/t4t5/sweetalert/master/sweetalert.gif)
|
8
|
+
|
9
|
+
#Usage
|
10
|
+
|
11
|
+
You can install SweetAlert through bower:
|
12
|
+
|
13
|
+
```bash
|
14
|
+
bower install sweetalert
|
15
|
+
```
|
16
|
+
|
17
|
+
Alternatively, download the package and reference the JavaScript and CSS files manually:
|
18
|
+
|
19
|
+
```html
|
20
|
+
<script src="lib/sweet-alert.min.js"></script>
|
21
|
+
<link rel="stylesheet" type="text/css" href="lib/sweet-alert.css">
|
22
|
+
```
|
23
|
+
|
24
|
+
#Examples
|
25
|
+
|
26
|
+
The most basic message:
|
27
|
+
|
28
|
+
```javascript
|
29
|
+
sweetAlert("Hello world!");
|
30
|
+
```
|
31
|
+
|
32
|
+
A message signaling an error:
|
33
|
+
|
34
|
+
```javascript
|
35
|
+
sweetAlert("Oops...", "Something went wrong!", "error");
|
36
|
+
```
|
37
|
+
|
38
|
+
A warning message, with a function attached to the "Confirm"-button..
|
39
|
+
|
40
|
+
```javascript
|
41
|
+
sweetAlert({
|
42
|
+
title: "Are you sure?",
|
43
|
+
text: "You will not be able to recover this imaginary file!",
|
44
|
+
type: "warning",
|
45
|
+
showCancelButton: true,
|
46
|
+
confirmButtonColor: "#DD6B55",
|
47
|
+
confirmButtonText: "Yes, delete it!",
|
48
|
+
closeOnConfirm: false,
|
49
|
+
html: false
|
50
|
+
}, function(){
|
51
|
+
swal("Deleted!",
|
52
|
+
"Your imaginary file has been deleted.",
|
53
|
+
"success");
|
54
|
+
});
|
55
|
+
```
|
56
|
+
|
57
|
+
[View more examples](http://tristanedwards.me/sweetalert)
|
58
|
+
|
59
|
+
|
60
|
+
#Browser compatibility
|
61
|
+
|
62
|
+
SweetAlert works in all major browsers (yes, even IE). Some details:
|
63
|
+
|
64
|
+
- **IE8**: Works, but icons (checkmark, x-mark...) are hidden.
|
65
|
+
- **IE9**: Works, but icons are not animated.
|
66
|
+
- **IE10+**: Works!
|
67
|
+
- **Safari 4+**: Works!
|
68
|
+
- **Firefox 3+**: Works!
|
69
|
+
- **Chrome 14+**: Works!
|
70
|
+
- **Opera 15+**: Works!
|
71
|
+
|
72
|
+
|
73
|
+
#Contributing
|
74
|
+
|
75
|
+
If you want to contribute:
|
76
|
+
|
77
|
+
- Fork the repo
|
78
|
+
|
79
|
+
- Make sure you have [Node](http://nodejs.org/), [NPM](https://www.npmjs.com/) and [Gulp](http://gulpjs.com/) installed. When in the SweetAlert directory, run the command:
|
80
|
+
```
|
81
|
+
npm install
|
82
|
+
```
|
83
|
+
to install the dependencies and make Gulp automatically minify the SCSS and JS-files.
|
84
|
+
|
85
|
+
- After you're done, make a pull request and wait for approval! :)
|
86
|
+
|
87
|
+
|
88
|
+
|
89
|
+
#Related projects
|
90
|
+
|
91
|
+
* [SweetAlert for Android](https://github.com/pedant/sweet-alert-dialog)
|
92
|
+
* [SweetAlert for Bootstrap](https://github.com/lipis/bootstrap-sweetalert)
|
93
|
+
* [SweetAlert for AngularJS](https://github.com/oitozero/ngSweetAlert)
|
94
|
+
|
@@ -0,0 +1,18 @@
|
|
1
|
+
{
|
2
|
+
"name": "sweetalert",
|
3
|
+
"homepage": "http://tristanedwards.me/sweetalert",
|
4
|
+
"authors": [
|
5
|
+
"Tristan Edwards <tristan.edwards@me.com> (http://tristanedwards.me)"
|
6
|
+
],
|
7
|
+
"description": "A beautiful replacement for JavaScript's alert.",
|
8
|
+
"main": ["lib/sweet-alert.js", "lib/sweet-alert.css"],
|
9
|
+
"keywords": [
|
10
|
+
"alert",
|
11
|
+
"modal"
|
12
|
+
],
|
13
|
+
"repository": {
|
14
|
+
"type": "git",
|
15
|
+
"url": "git@github.com:t4t5/sweetalert.git"
|
16
|
+
},
|
17
|
+
"license": "MIT"
|
18
|
+
}
|
@@ -0,0 +1,322 @@
|
|
1
|
+
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300);
|
2
|
+
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);
|
3
|
+
body {
|
4
|
+
background-color: #f2f4f6;
|
5
|
+
font-family: 'Open Sans', sans-serif;
|
6
|
+
text-align: center; }
|
7
|
+
|
8
|
+
h1 {
|
9
|
+
background-image: url("images/logo_big.png");
|
10
|
+
background-image: -webkit-image-set(url("images/logo_big.png") 1x, url("images/logo_big@2x.png") 2x);
|
11
|
+
width: 385px;
|
12
|
+
height: 81px;
|
13
|
+
text-indent: -9999px;
|
14
|
+
white-space: nowrap;
|
15
|
+
margin: 50px auto; }
|
16
|
+
@media all and (max-width: 420px) {
|
17
|
+
h1 {
|
18
|
+
width: 300px;
|
19
|
+
background-size: contain;
|
20
|
+
background-repeat: no-repeat;
|
21
|
+
background-position: center; } }
|
22
|
+
@media all and (max-width: 330px) {
|
23
|
+
h1 {
|
24
|
+
width: 250px; } }
|
25
|
+
|
26
|
+
h2 {
|
27
|
+
font-size: 20px;
|
28
|
+
color: #A9B2BC;
|
29
|
+
line-height: 25px;
|
30
|
+
text-transform: uppercase;
|
31
|
+
font-weight: 300;
|
32
|
+
text-align: center;
|
33
|
+
display: block; }
|
34
|
+
|
35
|
+
h3 {
|
36
|
+
font-size: 28px;
|
37
|
+
color: #C7CCD1;
|
38
|
+
text-transform: uppercase;
|
39
|
+
font-family: 'Open Sans Condensed', sans-serif;
|
40
|
+
margin-top: 100px;
|
41
|
+
text-align: center;
|
42
|
+
position: relative; }
|
43
|
+
h3#download-section {
|
44
|
+
margin-top: 50px;
|
45
|
+
padding-top: 40px; }
|
46
|
+
h3::after {
|
47
|
+
content: "";
|
48
|
+
background-color: #e2e5e8;
|
49
|
+
height: 4px;
|
50
|
+
width: 700px;
|
51
|
+
left: 50%;
|
52
|
+
margin-left: -350px;
|
53
|
+
position: absolute;
|
54
|
+
margin-top: -50px;
|
55
|
+
border-radius: 2px; }
|
56
|
+
@media all and (max-width: 740px) {
|
57
|
+
h3::after {
|
58
|
+
width: auto;
|
59
|
+
left: 20px;
|
60
|
+
right: 20px;
|
61
|
+
margin-left: 0; } }
|
62
|
+
|
63
|
+
a {
|
64
|
+
text-decoration: none; }
|
65
|
+
|
66
|
+
p {
|
67
|
+
max-width: 826px;
|
68
|
+
margin: 30px auto;
|
69
|
+
font-size: 17px;
|
70
|
+
font-weight: 300;
|
71
|
+
color: #848D94;
|
72
|
+
line-height: 25px;
|
73
|
+
text-align: left; }
|
74
|
+
p.center {
|
75
|
+
text-align: center; }
|
76
|
+
p strong {
|
77
|
+
color: #8A8F94;
|
78
|
+
font-weight: 600; }
|
79
|
+
p a {
|
80
|
+
color: #9ECADF;
|
81
|
+
font-weight: 600; }
|
82
|
+
p a:hover {
|
83
|
+
text-decoration: underline; }
|
84
|
+
p a.twitter {
|
85
|
+
color: #5eaade; }
|
86
|
+
p a.dribbble {
|
87
|
+
color: #f26798; }
|
88
|
+
p a.github {
|
89
|
+
color: #323131; }
|
90
|
+
|
91
|
+
button, .button {
|
92
|
+
background-color: #AEDEF4;
|
93
|
+
color: white;
|
94
|
+
border: none;
|
95
|
+
box-shadow: none;
|
96
|
+
font-size: 17px;
|
97
|
+
font-weight: 500;
|
98
|
+
font-weight: 600;
|
99
|
+
border-radius: 3px;
|
100
|
+
padding: 15px 35px;
|
101
|
+
margin: 26px 5px 0 5px;
|
102
|
+
cursor: pointer; }
|
103
|
+
button:focus, .button:focus {
|
104
|
+
outline: none; }
|
105
|
+
button:hover, .button:hover {
|
106
|
+
background-color: #a1d9f2; }
|
107
|
+
button:active, .button:active {
|
108
|
+
background-color: #81ccee; }
|
109
|
+
button.cancel, .button.cancel {
|
110
|
+
background-color: #D0D0D0; }
|
111
|
+
button.cancel:hover, .button.cancel:hover {
|
112
|
+
background-color: #c8c8c8; }
|
113
|
+
button.cancel:active, .button.cancel:active {
|
114
|
+
background-color: #b6b6b6; }
|
115
|
+
button.download, .button.download {
|
116
|
+
position: fixed;
|
117
|
+
right: 30px;
|
118
|
+
top: 0;
|
119
|
+
background-color: rgba(255, 255, 255, 0.9);
|
120
|
+
color: #ABCADA;
|
121
|
+
font-weight: 500;
|
122
|
+
text-transform: uppercase;
|
123
|
+
z-index: 3; }
|
124
|
+
@media all and (max-width: 1278px) {
|
125
|
+
button.download, .button.download {
|
126
|
+
display: none; } }
|
127
|
+
|
128
|
+
.center-container {
|
129
|
+
max-width: 700px;
|
130
|
+
margin: 70px auto; }
|
131
|
+
|
132
|
+
pre {
|
133
|
+
background-color: #49483e;
|
134
|
+
color: #f8f8f2;
|
135
|
+
padding: 10px;
|
136
|
+
border-radius: 5px;
|
137
|
+
white-space: pre-line;
|
138
|
+
text-align: left;
|
139
|
+
font-size: 14px;
|
140
|
+
max-width: 600px; }
|
141
|
+
pre .str {
|
142
|
+
color: #e6db74; }
|
143
|
+
pre .func {
|
144
|
+
color: #66d9ef; }
|
145
|
+
pre .val {
|
146
|
+
color: #a381ff; }
|
147
|
+
pre .tag {
|
148
|
+
color: #e92772; }
|
149
|
+
pre .attr {
|
150
|
+
color: #a6e22d; }
|
151
|
+
|
152
|
+
.showcase {
|
153
|
+
background-color: #eceef0;
|
154
|
+
padding: 20px;
|
155
|
+
display: inline-block;
|
156
|
+
width: 383px;
|
157
|
+
vertical-align: top;
|
158
|
+
position: relative; }
|
159
|
+
@media all and (max-width: 865px) {
|
160
|
+
.showcase {
|
161
|
+
margin: 5px auto;
|
162
|
+
padding: 46px 20px; } }
|
163
|
+
@media all and (max-width: 440px) {
|
164
|
+
.showcase {
|
165
|
+
width: auto; } }
|
166
|
+
.showcase h4 {
|
167
|
+
font-size: 16px;
|
168
|
+
color: #BCBCBC;
|
169
|
+
line-height: 22px;
|
170
|
+
margin: 0 auto;
|
171
|
+
font-weight: 400; }
|
172
|
+
.showcase.sweet h4 {
|
173
|
+
width: 117px;
|
174
|
+
height: 25px;
|
175
|
+
margin-top: -3px;
|
176
|
+
text-indent: -9999px;
|
177
|
+
background-image: url("images/logo_small.png");
|
178
|
+
background-image: -webkit-image-set(url("images/logo_small.png") 1x, url("images/logo_small@2x.png") 2x); }
|
179
|
+
.showcase h5 {
|
180
|
+
margin-bottom: -7px;
|
181
|
+
text-align: left;
|
182
|
+
font-weight: 500;
|
183
|
+
text-transform: uppercase;
|
184
|
+
color: #c2c2c2; }
|
185
|
+
.showcase button {
|
186
|
+
margin-bottom: 10px; }
|
187
|
+
.showcase .vs-icon {
|
188
|
+
background-image: url("images/vs_icon.png");
|
189
|
+
background-image: -webkit-image-set(url("images/vs_icon.png") 1x, url("images/vs_icon@2x.png") 2x);
|
190
|
+
width: 69px;
|
191
|
+
height: 69px;
|
192
|
+
position: absolute;
|
193
|
+
right: -34px;
|
194
|
+
top: 60px;
|
195
|
+
z-index: 2; }
|
196
|
+
@media all and (max-width: 865px) {
|
197
|
+
.showcase .vs-icon {
|
198
|
+
margin: 5px auto;
|
199
|
+
right: auto;
|
200
|
+
left: 50%;
|
201
|
+
margin-left: -35px;
|
202
|
+
top: auto;
|
203
|
+
bottom: -35px; } }
|
204
|
+
|
205
|
+
ul.examples {
|
206
|
+
list-style-type: none;
|
207
|
+
width: 700px;
|
208
|
+
margin: 0 auto;
|
209
|
+
text-align: left;
|
210
|
+
padding-left: 0; }
|
211
|
+
@media all and (max-width: 758px) {
|
212
|
+
ul.examples {
|
213
|
+
width: auto; } }
|
214
|
+
ul.examples li {
|
215
|
+
padding-left: 0; }
|
216
|
+
ul.examples .ui, ul.examples pre {
|
217
|
+
display: inline-block;
|
218
|
+
vertical-align: top; }
|
219
|
+
@media all and (max-width: 758px) {
|
220
|
+
ul.examples .ui, ul.examples pre {
|
221
|
+
display: block;
|
222
|
+
max-width: none;
|
223
|
+
margin: 0 auto; } }
|
224
|
+
ul.examples .ui {
|
225
|
+
width: 300px;
|
226
|
+
text-align: center; }
|
227
|
+
ul.examples .ui button {
|
228
|
+
margin-top: 12px; }
|
229
|
+
ul.examples .ui p {
|
230
|
+
text-align: center;
|
231
|
+
margin-bottom: 0; }
|
232
|
+
ul.examples pre {
|
233
|
+
max-width: 370px;
|
234
|
+
margin-top: 67px; }
|
235
|
+
@media all and (max-width: 758px) {
|
236
|
+
ul.examples pre {
|
237
|
+
margin-top: 16px !important;
|
238
|
+
margin-bottom: 60px; } }
|
239
|
+
ul.examples .warning pre {
|
240
|
+
margin-top: 93px; }
|
241
|
+
|
242
|
+
ol {
|
243
|
+
max-width: 700px;
|
244
|
+
margin: 70px auto;
|
245
|
+
list-style-position: inside;
|
246
|
+
padding-left: 0; }
|
247
|
+
ol li {
|
248
|
+
color: #A7ADB2; }
|
249
|
+
ol li p {
|
250
|
+
margin-bottom: 10px; }
|
251
|
+
|
252
|
+
table {
|
253
|
+
width: 700px;
|
254
|
+
font-size: 14px;
|
255
|
+
color: #8a8f94;
|
256
|
+
margin: 10px auto;
|
257
|
+
text-align: left;
|
258
|
+
border-collapse: collapse; }
|
259
|
+
@media all and (max-width: 750px) {
|
260
|
+
table {
|
261
|
+
width: auto;
|
262
|
+
margin: 10px 20px; } }
|
263
|
+
table th {
|
264
|
+
background-color: white;
|
265
|
+
padding: 9px;
|
266
|
+
color: #acb9be;
|
267
|
+
font-weight: 400;
|
268
|
+
text-align: center;
|
269
|
+
position: relative; }
|
270
|
+
table th .border-left, table th .border-right {
|
271
|
+
position: absolute;
|
272
|
+
background-color: white;
|
273
|
+
border-radius: 50%;
|
274
|
+
top: 0;
|
275
|
+
left: -17px;
|
276
|
+
width: 37px;
|
277
|
+
height: 37px; }
|
278
|
+
table th .border-right {
|
279
|
+
left: auto;
|
280
|
+
right: -17px; }
|
281
|
+
@media all and (max-width: 750px) {
|
282
|
+
table th:nth-child(2) {
|
283
|
+
display: none; } }
|
284
|
+
table td {
|
285
|
+
padding: 10px 20px;
|
286
|
+
vertical-align: top; }
|
287
|
+
table td:first-child {
|
288
|
+
padding-left: 0px; }
|
289
|
+
table td:last-child {
|
290
|
+
padding-right: 0px; }
|
291
|
+
@media all and (max-width: 750px) {
|
292
|
+
table td:nth-child(2) {
|
293
|
+
display: none; } }
|
294
|
+
@media all and (max-width: 360px) {
|
295
|
+
table td {
|
296
|
+
padding: 10px 4px; }
|
297
|
+
table td b {
|
298
|
+
font-size: 13px; } }
|
299
|
+
|
300
|
+
footer {
|
301
|
+
margin-top: 100px;
|
302
|
+
padding-bottom: 30px;
|
303
|
+
color: #9A999F;
|
304
|
+
display: inline-block;
|
305
|
+
position: relative;
|
306
|
+
color: gray;
|
307
|
+
font-weight: 400;
|
308
|
+
color: #93a1aa;
|
309
|
+
font-weight: 300; }
|
310
|
+
footer .te-logo {
|
311
|
+
text-indent: -99999px;
|
312
|
+
background-size: contain;
|
313
|
+
background-repeat: no-repeat;
|
314
|
+
background-position: center center;
|
315
|
+
height: 16px;
|
316
|
+
width: 16px;
|
317
|
+
display: inline-block;
|
318
|
+
margin-right: 5px;
|
319
|
+
background-image: url("images/te-logo-small.svg");
|
320
|
+
position: absolute;
|
321
|
+
left: -22px;
|
322
|
+
top: 3px; }
|