appscms-tools-theme 1.9.1 → 1.9.2

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.
@@ -1,187 +1,187 @@
1
- .extensions {
2
- position: absolute;
3
- max-width: 500px;
4
- height: auto;
5
- top: 50%;
6
- left: 50%;
7
- width: 100%;
8
- background: #fff;
9
- opacity: 0;
10
- pointer-events: none;
11
- transform: translate(-50%, -50%) scale(1.2);
12
- z-index: 9999;
13
- box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.06);
14
- transition: opacity 0.2s 0s ease-in-out, transform 0.2s 0s ease-in-out;
15
- }
16
-
17
- .extensions.show {
18
- opacity: 1;
19
- pointer-events: auto;
20
- }
21
-
22
- .extensions .ads__content {
23
- color: #000;
24
- padding-top: 25px;
25
- display: flex;
26
- align-items: center;
27
- justify-content: center;
28
- flex-direction: column;
29
- }
30
-
31
- .closePopup {
32
- position: absolute;
33
- top: 8px;
34
- right: 12px;
35
- cursor: pointer;
36
- font-size: 20px;
37
- }
38
-
39
- .nav-tab-link {
40
- background-color: inherit;
41
- border: none !important;
42
- outline: none;
43
- cursor: pointer;
44
- /* transition: 0.3s; */
45
- font-size: 12px;
46
- color: #000;
47
- }
48
-
49
- .nav-tab-link:hover {
50
- background-color: #f1f3f4;
51
- color: #000 !important;
52
- }
53
-
54
- .nav-tabs .nav-item.show .nav-link,
55
- .nav-tabs .nav-link.active {
56
- background-color: transparent !important;
57
- border-color: transparent !important;
58
- color: #1a73e8 !important;
59
- border-bottom: 2px solid !important;
60
- }
61
-
62
- .ads_img {
63
- width: 30px;
64
- height: 30px;
65
- display: block;
66
- margin: 0 auto;
67
- }
68
-
69
- .three_dot {
70
- width: 30px;
71
- height: 30px;
72
- background: #f1f3f4;
73
- border-radius: 50%;
74
- text-align: center;
75
- margin: 0 auto;
76
- padding-top: 5px;
77
- }
78
-
79
- .tablist {
80
- border: none !important;
81
- }
82
-
83
- .tab-content {
84
- padding: 15px 50px;
85
- border-top: none;
86
- font-size: 15px;
87
- height: 320px;
88
- background-color: #f1f3f4;
89
- }
90
-
91
- .tab-content .listContainer {
92
- font-size: 13px;
93
- }
94
-
95
- .listItem {
96
- padding: 8px 0;
97
- font-size: 12px;
98
- }
99
-
100
- /* ravi */
101
-
102
- .wrapper {
103
- position: fixed;
104
- left: 0;
105
- top: 0;
106
- background: rgba(0, 0, 0, 0.6);
107
- height: 100%;
108
- width: 100%;
109
- display: none;
110
- transition: all 0.3s ease-in-out;
111
- font-size: 15px;
112
- color: #666;
113
- line-height: 1.5;
114
- }
115
-
116
- .innerWrapper {
117
- z-index: 99;
118
- position: relative;
119
- max-width: 500px;
120
- top: 50%;
121
- left: 50%;
122
- width: 100%;
123
- padding: 40px 30px;
124
- background: #fff;
125
- border-radius: 15px;
126
- transform: translate(-50%, -50%) scale(1.2);
127
- box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.06);
128
- transition: opacity 0.2s 0s ease-in-out, transform 0.2s 0s ease-in-out;
129
- }
130
-
131
- .wrapper.show {
132
- display: block;
133
- z-index: 9999;
134
- }
135
-
136
- .brand-title {
137
- margin-top: 35px;
138
- font-size: 32px;
139
- font-weight: 900;
140
- }
141
-
142
- .show-ads {
143
- font-size: 19px;
144
- text-align: center;
145
- margin-top: 20px;
146
- }
147
-
148
- .btn-container {
149
- height: 57px;
150
- width: 223px;
151
- margin-top: 30px;
152
- border-radius: 50px;
153
- position: relative;
154
- overflow: hidden;
155
- }
156
-
157
- .btn-container .bg-layer {
158
- height: 100%;
159
- width: 300%;
160
- position: absolute;
161
- left: -100%;
162
- background: -webkit-linear-gradient(
163
- 135deg,
164
- #9b27ca,
165
- #d33639,
166
- #9b27ca,
167
- #d33639
168
- );
169
- transition: all 0.4s ease;
170
- }
171
-
172
- .btn-container:hover .bg-layer {
173
- left: 0;
174
- }
175
-
176
- .allow-ads-btn {
177
- position: relative;
178
- z-index: 1;
179
- height: 100%;
180
- width: 100%;
181
- background: none;
182
- font-size: 18px;
183
- border: none;
184
- outline: none;
185
- color: #fff;
186
- cursor: pointer;
187
- }
1
+ .extensions {
2
+ position: absolute;
3
+ max-width: 500px;
4
+ height: auto;
5
+ top: 50%;
6
+ left: 50%;
7
+ width: 100%;
8
+ background: #fff;
9
+ opacity: 0;
10
+ pointer-events: none;
11
+ transform: translate(-50%, -50%) scale(1.2);
12
+ z-index: 9999;
13
+ box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.06);
14
+ transition: opacity 0.2s 0s ease-in-out, transform 0.2s 0s ease-in-out;
15
+ }
16
+
17
+ .extensions.show {
18
+ opacity: 1;
19
+ pointer-events: auto;
20
+ }
21
+
22
+ .extensions .ads__content {
23
+ color: #000;
24
+ padding-top: 25px;
25
+ display: flex;
26
+ align-items: center;
27
+ justify-content: center;
28
+ flex-direction: column;
29
+ }
30
+
31
+ .closePopup {
32
+ position: absolute;
33
+ top: 8px;
34
+ right: 12px;
35
+ cursor: pointer;
36
+ font-size: 20px;
37
+ }
38
+
39
+ .nav-tab-link {
40
+ background-color: inherit;
41
+ border: none !important;
42
+ outline: none;
43
+ cursor: pointer;
44
+ /* transition: 0.3s; */
45
+ font-size: 12px;
46
+ color: #000;
47
+ }
48
+
49
+ .nav-tab-link:hover {
50
+ background-color: #f1f3f4;
51
+ color: #000 !important;
52
+ }
53
+
54
+ .nav-tabs .nav-item.show .nav-link,
55
+ .nav-tabs .nav-link.active {
56
+ background-color: transparent !important;
57
+ border-color: transparent !important;
58
+ color: #1a73e8 !important;
59
+ border-bottom: 2px solid !important;
60
+ }
61
+
62
+ .ads_img {
63
+ width: 30px;
64
+ height: 30px;
65
+ display: block;
66
+ margin: 0 auto;
67
+ }
68
+
69
+ .three_dot {
70
+ width: 30px;
71
+ height: 30px;
72
+ background: #f1f3f4;
73
+ border-radius: 50%;
74
+ text-align: center;
75
+ margin: 0 auto;
76
+ padding-top: 5px;
77
+ }
78
+
79
+ .tablist {
80
+ border: none !important;
81
+ }
82
+
83
+ .tab-content {
84
+ padding: 15px 50px;
85
+ border-top: none;
86
+ font-size: 15px;
87
+ height: 320px;
88
+ background-color: #f1f3f4;
89
+ }
90
+
91
+ .tab-content .listContainer {
92
+ font-size: 13px;
93
+ }
94
+
95
+ .listItem {
96
+ padding: 8px 0;
97
+ font-size: 12px;
98
+ }
99
+
100
+ /* ravi */
101
+
102
+ .wrapper {
103
+ position: fixed;
104
+ left: 0;
105
+ top: 0;
106
+ background: rgba(0, 0, 0, 0.6);
107
+ height: 100%;
108
+ width: 100%;
109
+ display: none;
110
+ transition: all 0.3s ease-in-out;
111
+ font-size: 15px;
112
+ color: #666;
113
+ line-height: 1.5;
114
+ }
115
+
116
+ .innerWrapper {
117
+ z-index: 99;
118
+ position: relative;
119
+ max-width: 500px;
120
+ top: 50%;
121
+ left: 50%;
122
+ width: 100%;
123
+ padding: 40px 30px;
124
+ background: #fff;
125
+ border-radius: 15px;
126
+ transform: translate(-50%, -50%) scale(1.2);
127
+ box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.06);
128
+ transition: opacity 0.2s 0s ease-in-out, transform 0.2s 0s ease-in-out;
129
+ }
130
+
131
+ .wrapper.show {
132
+ display: block;
133
+ z-index: 9999;
134
+ }
135
+
136
+ .brand-title {
137
+ margin-top: 35px;
138
+ font-size: 32px;
139
+ font-weight: 900;
140
+ }
141
+
142
+ .show-ads {
143
+ font-size: 19px;
144
+ text-align: center;
145
+ margin-top: 20px;
146
+ }
147
+
148
+ .btn-container {
149
+ height: 57px;
150
+ width: 223px;
151
+ margin-top: 30px;
152
+ border-radius: 50px;
153
+ position: relative;
154
+ overflow: hidden;
155
+ }
156
+
157
+ .btn-container .bg-layer {
158
+ height: 100%;
159
+ width: 300%;
160
+ position: absolute;
161
+ left: -100%;
162
+ background: -webkit-linear-gradient(
163
+ 135deg,
164
+ #9b27ca,
165
+ #d33639,
166
+ #9b27ca,
167
+ #d33639
168
+ );
169
+ transition: all 0.4s ease;
170
+ }
171
+
172
+ .btn-container:hover .bg-layer {
173
+ left: 0;
174
+ }
175
+
176
+ .allow-ads-btn {
177
+ position: relative;
178
+ z-index: 1;
179
+ height: 100%;
180
+ width: 100%;
181
+ background: none;
182
+ font-size: 18px;
183
+ border: none;
184
+ outline: none;
185
+ color: #fff;
186
+ cursor: pointer;
187
+ }
data/assets/css/tools.css CHANGED
@@ -1258,3 +1258,6 @@ ol li::marker {
1258
1258
  background: rgb(238, 238, 238);
1259
1259
  border-radius: 3px;
1260
1260
  }
1261
+ .row .col-md-9 p{
1262
+ text-align: left;
1263
+ }
@@ -1,45 +1,45 @@
1
- $('.nav-tabs a.nav-tab-link').click(function () {
2
- $('.nav-tabs a.nav-tab-link').removeClass('active')
3
- })
4
-
5
- const detect = document.querySelector('#detect')
6
- const wrapper = document.querySelector('.wrapper')
7
- const closePopup = document.getElementsByClassName('closePopup')
8
- const extensions = document.querySelector('.extensions')
9
-
10
- const refresh = () => {
11
- location.reload()
12
- }
13
-
14
- let adsBtn = document.querySelector('.allow-ads-btn')
15
- adsBtn.addEventListener('click', () => {
16
- extensions.classList.add('show')
17
- })
18
-
19
- let adClasses = [
20
- 'ad',
21
- 'ads',
22
- 'adsbox',
23
- 'doubleclick',
24
- 'ad-placement',
25
- 'ad-placeholder',
26
- 'adbadge',
27
- 'BannerAd',
28
- ]
29
- for (let item of adClasses) {
30
- detect.classList.add(item)
31
- }
32
-
33
- let getProperty = window.getComputedStyle(detect).getPropertyValue('display')
34
- if (!wrapper.classList.contains('show')) {
35
- getProperty == 'none'
36
- ? wrapper.classList.add('show')
37
- : wrapper.classList.remove('show')
38
- }
39
- closePopup[0].addEventListener('click', () => {
40
- console.log(true)
41
- wrapper.classList.remove('show')
42
- })
43
- closePopup[1].addEventListener('click', () => {
44
- extensions.classList.remove('show')
45
- })
1
+ $('.nav-tabs a.nav-tab-link').click(function () {
2
+ $('.nav-tabs a.nav-tab-link').removeClass('active')
3
+ })
4
+
5
+ const detect = document.querySelector('#detect')
6
+ const wrapper = document.querySelector('.wrapper')
7
+ const closePopup = document.getElementsByClassName('closePopup')
8
+ const extensions = document.querySelector('.extensions')
9
+
10
+ const refresh = () => {
11
+ location.reload()
12
+ }
13
+
14
+ let adsBtn = document.querySelector('.allow-ads-btn')
15
+ adsBtn.addEventListener('click', () => {
16
+ extensions.classList.add('show')
17
+ })
18
+
19
+ let adClasses = [
20
+ 'ad',
21
+ 'ads',
22
+ 'adsbox',
23
+ 'doubleclick',
24
+ 'ad-placement',
25
+ 'ad-placeholder',
26
+ 'adbadge',
27
+ 'BannerAd',
28
+ ]
29
+ for (let item of adClasses) {
30
+ detect.classList.add(item)
31
+ }
32
+
33
+ let getProperty = window.getComputedStyle(detect).getPropertyValue('display')
34
+ if (!wrapper.classList.contains('show')) {
35
+ getProperty == 'none'
36
+ ? wrapper.classList.add('show')
37
+ : wrapper.classList.remove('show')
38
+ }
39
+ closePopup[0].addEventListener('click', () => {
40
+ console.log(true)
41
+ wrapper.classList.remove('show')
42
+ })
43
+ closePopup[1].addEventListener('click', () => {
44
+ extensions.classList.remove('show')
45
+ })
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: appscms-tools-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.9.1
4
+ version: 1.9.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - vivek-appscms
8
- autorequire:
8
+ autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2022-04-12 00:00:00.000000000 Z
11
+ date: 2022-04-29 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -52,7 +52,7 @@ dependencies:
52
52
  - - "~>"
53
53
  - !ruby/object:Gem::Version
54
54
  version: '12.0'
55
- description:
55
+ description:
56
56
  email:
57
57
  - vivek@appscms.com
58
58
  executables: []
@@ -1105,7 +1105,7 @@ homepage: https://github.com/Appscms-com/appscms-tools-theme
1105
1105
  licenses:
1106
1106
  - MIT
1107
1107
  metadata: {}
1108
- post_install_message:
1108
+ post_install_message:
1109
1109
  rdoc_options: []
1110
1110
  require_paths:
1111
1111
  - lib
@@ -1120,8 +1120,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
1120
1120
  - !ruby/object:Gem::Version
1121
1121
  version: '0'
1122
1122
  requirements: []
1123
- rubygems_version: 3.1.2
1124
- signing_key:
1123
+ rubygems_version: 3.1.6
1124
+ signing_key:
1125
1125
  specification_version: 4
1126
1126
  summary: Appscms theme for all tools
1127
1127
  test_files: []