appscms-tools-theme 1.9.1 → 1.9.2

Sign up to get free protection for your applications and to get access to all the features.
@@ -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: []