wrgem 0.0.43 → 0.0.44

Sign up to get free protection for your applications and to get access to all the features.
Files changed (41) hide show
  1. checksums.yaml +4 -4
  2. data/lib/generators/wradmin/template/carrierwave.rb +15 -0
  3. data/lib/generators/wradmin/template/migrate/20140715192304_create_user.rb +5 -3
  4. data/lib/generators/wradmin/template/public/images/spritemap.png +0 -0
  5. data/lib/generators/wradmin/template/public/images/spritemap@2x.png +0 -0
  6. data/lib/generators/wradmin/template/views/layouts/admin.html.slim +1 -1
  7. data/lib/generators/wradmin/wradmin_generator.rb +3 -0
  8. data/lib/generators/wrstart/template/index.html.slim +1 -1
  9. data/lib/generators/wrstart/template/javascripts/requirements.js.coffee +5 -0
  10. data/lib/generators/wrstart/template/shared/_head.slim +1 -1
  11. data/lib/generators/wrstart/template/stylesheets/_requirements.sass +6 -0
  12. data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/.bower.json +32 -0
  13. data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/.editorconfig +11 -0
  14. data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/.gitignore +5 -0
  15. data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/LICENSE +22 -0
  16. data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/README.md +94 -0
  17. data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/bower.json +18 -0
  18. data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/example/example.css +322 -0
  19. data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/example/example.scss +412 -0
  20. data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/example/images/logo_big.png +0 -0
  21. data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/example/images/logo_big@2x.png +0 -0
  22. data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/example/images/logo_small.png +0 -0
  23. data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/example/images/logo_small@2x.png +0 -0
  24. data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/example/images/te-logo-small.svg +12 -0
  25. data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/example/images/thumbs-up.jpg +0 -0
  26. data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/example/images/vs_icon.png +0 -0
  27. data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/example/images/vs_icon@2x.png +0 -0
  28. data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/example/index.html +433 -0
  29. data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/gulpfile.js +48 -0
  30. data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/lib/ie9.css +23 -0
  31. data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/lib/sweet-alert.css +1 -0
  32. data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/lib/sweet-alert.html +37 -0
  33. data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/lib/sweet-alert.js +818 -0
  34. data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/lib/sweet-alert.min.js +1 -0
  35. data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/lib/sweet-alert.scss +444 -0
  36. data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/package.json +37 -0
  37. data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/sweetalert.gif +0 -0
  38. data/lib/generators/wrstart/wrstart_generator.rb +2 -0
  39. data/lib/wrgem/version.rb +1 -1
  40. data/wrgem.gemspec +2 -2
  41. metadata +39 -12
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 14da8a4124941a54dea8b57a007ce85177403b87
4
- data.tar.gz: 9352dc5addec5696e9057275bd5e3b2ea8fceb5f
3
+ metadata.gz: 119273a895b5d346d901239e4604a3fb3314c921
4
+ data.tar.gz: 13c04f91ff7a56f4867fbf9bc7795307a024aeb7
5
5
  SHA512:
6
- metadata.gz: 607170cacd87e13eb6c8f744d99b26b511bd4d450668adeafb3fd5ed564aebd4ac4bf992c42c683964658953d4d4a5fc3f026f74f60059c0342cae24a8f1ecf5
7
- data.tar.gz: 6fb08edb0d8caf77c84f193fee39a7578080dddf7f421d93914030448188980e1c291546ec7300d07f43636db08d1d75267dad87e71fb9453bf684e54d2cb22f
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: "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",
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@webredonda.com.br', :password => '12345678', :name => 'Bruno', :surname => 'Chagas', :avatar => '', :birthday => '1984-01-11', :ocupation => 'Designer', :phone => '(61) 8198-0007', :autorization => true
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@webredonda.com.br', :password => '12345678', :name => 'David', :surname => 'Leandro', :avatar => '', :birthday => '1992-01-21', :ocupation => 'Programmer', :phone => '(61) 9156-7945', :autorization => true
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@webredonda.com.br', :password => '12345678', :name => 'Juliana', :surname => 'Cid', :avatar => '', :birthday => '1990-10-12', :ocupation => 'Redactora', :phone => '(61) 9298-2027', :autorization => true
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
@@ -1,7 +1,7 @@
1
1
  doctype 5
2
2
  html lang='#{I18n.locale}'
3
3
  head
4
- title WEBredonda - Admin
4
+ title Grupo Gladium - Admin
5
5
  = csrf_meta_tags
6
6
  meta content="width=device-width, initial-scale=1.0" name="viewport"
7
7
  /! Bootstrap
@@ -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@webredonda.com.br'
11
+ / - set_meta_tags 'og:email' => 'contato@grupogladium.com.br'
12
12
  / - set_meta_tags 'og:phone_number' => ''
13
13
 
14
14
 
@@ -30,3 +30,8 @@
30
30
  # classlist.js (from vendor)
31
31
  # -------------------------------------
32
32
  #= require classList
33
+
34
+ # -------------------------------------
35
+ # sweetalert (from bower)
36
+ # -------------------------------------
37
+ #= require sweetalert/lib/sweet-alert
@@ -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='Webredonda — http://www.webredonda.com.br'
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,11 @@
1
+ # editorconfig.org
2
+
3
+ root = true
4
+
5
+ [*]
6
+ charset = utf-8
7
+ end_of_line = lf
8
+ indent_size = 2
9
+ indent_style = space
10
+ insert_final_newline = true
11
+ trim_trailing_whitespace = true
@@ -0,0 +1,5 @@
1
+ *.codekit
2
+ *.sass-cache
3
+ *.DS_STORE
4
+ node_modules
5
+ bower_components
@@ -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; }