appscms-tools-theme 2.5.5 → 2.5.7

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,98 +1,98 @@
1
- ---
2
- layout: feature
3
- ---
4
- {%- assign fileData = site.data[page.folderName][page.lang][page.fileName] -%}
5
- {%- assign photoEffectsData = site.data.photoeffects -%}
6
- <div class="container mt-4">
7
- <div class="col-md-11 mx-auto">
8
- <div class="row">
9
- <div class="col-md-3">
10
- <div class="categories-section">
11
- </div>
12
- <div class="categories-list">
13
- <ul>
14
- {%- for item in site.data.photo-categories -%}
15
- {%- if page.category == item.category -%}
16
- <li class="active-cat">
17
- <a class="category-link " href="{{item.link}}">{{item.category}}</a>
18
- </li>
19
- {%- else -%}
20
- <li>
21
- <a class="category-link" href="{{item.link}}">{{item.category}}</a>
22
- </li>
23
- {%- endif -%}
24
- {%- endfor -%}
25
- </ul>
26
-
27
- </div>
28
-
29
- </div>
30
- <div class="col-md-9">
31
- <div class="row" id="upper-panel">
32
- <div class="col-12 ">
33
- <div>
34
- <div>
35
- <div>
36
- {%- assign frameh1 = fileData.H1 | replace: "$variable", page.value -%}
37
- <h1 class="frame-h1">{%- for word in frameh1-%}
38
- {%- if forloop.first == true -%}
39
- {{word | capitalize }}
40
- {%- else -%}
41
- {{word}}
42
- {%- endif -%}
43
- {%- endfor -%}</h1>
44
- </div>
45
- {%- assign frameh2 = fileData.H2 | replace: "$variable", page.value -%}
46
- <h2 class="frame-h2">
47
- {%- for word in frameh2 -%}
48
- {%- if forloop.first == true -%}
49
- {{word | capitalize }}
50
- {%- else -%}
51
- {{word}}
52
- {%- endif -%}
53
- {%- endfor -%}
54
- </h2>
55
- </div>
56
- </div>
57
- </div>
58
- {%- if page.typeOfPage == "category" -%}
59
- {%- assign photoEffectsData = site.data.photo-categories -%}
60
- {%- for item in photoEffectsData -%}
61
- {%- if item.category == page.category -%}
62
- {%- for i in item.features -%}
63
- <div class="col-md-3 px-0">
64
- <a class="photo-card" href="{{i.link}}">
65
- <div>
66
- <img src="{{i.image}}" alt="">
67
- <div class="photo-effect-feature-name">
68
- {{i.name}}
69
- </div>
70
- </div>
71
- </a>
72
- </div>
73
- {%- endfor -%}
74
- {%- endif -%}
75
- {%- endfor -%}
76
- {%- else -%}
77
- {%- assign photoEffectsData = site.data.photoeffects -%}
78
- {%- for item in photoEffectsData -%}
79
- <div class="col-md-3 px-0">
80
- <a class="photo-card" href="{{item.url}}">
81
- <div>
82
- <img src="{{item.image}}" alt="">
83
- <div class="photo-effect-feature-name">
84
- {{item.featureName}}
85
- </div>
86
- </div>
87
- </a>
88
-
89
- </div>
90
- {%- endfor -%}
91
- {%- endif -%}
92
-
93
- </div>
94
- </div>
95
- </div>
96
- </div>
97
-
1
+ ---
2
+ layout: feature
3
+ ---
4
+ {%- assign fileData = site.data[page.folderName][page.lang][page.fileName] -%}
5
+ {%- assign photoEffectsData = site.data.photoeffects -%}
6
+ <div class="container mt-4">
7
+ <div class="col-md-11 mx-auto">
8
+ <div class="row">
9
+ <div class="col-md-3">
10
+ <div class="categories-section">
11
+ </div>
12
+ <div class="categories-list">
13
+ <ul>
14
+ {%- for item in site.data.photo-categories -%}
15
+ {%- if page.category == item.category -%}
16
+ <li class="active-cat">
17
+ <a class="category-link " href="{{item.link}}">{{item.category}}</a>
18
+ </li>
19
+ {%- else -%}
20
+ <li>
21
+ <a class="category-link" href="{{item.link}}">{{item.category}}</a>
22
+ </li>
23
+ {%- endif -%}
24
+ {%- endfor -%}
25
+ </ul>
26
+
27
+ </div>
28
+
29
+ </div>
30
+ <div class="col-md-9">
31
+ <div class="row" id="upper-panel">
32
+ <div class="col-12 ">
33
+ <div>
34
+ <div>
35
+ <div>
36
+ {%- assign frameh1 = fileData.H1 | replace: "$variable", page.value -%}
37
+ <h1 class="frame-h1">{%- for word in frameh1-%}
38
+ {%- if forloop.first == true -%}
39
+ {{word | capitalize }}
40
+ {%- else -%}
41
+ {{word}}
42
+ {%- endif -%}
43
+ {%- endfor -%}</h1>
44
+ </div>
45
+ {%- assign frameh2 = fileData.H2 | replace: "$variable", page.value -%}
46
+ <h2 class="frame-h2">
47
+ {%- for word in frameh2 -%}
48
+ {%- if forloop.first == true -%}
49
+ {{word | capitalize }}
50
+ {%- else -%}
51
+ {{word}}
52
+ {%- endif -%}
53
+ {%- endfor -%}
54
+ </h2>
55
+ </div>
56
+ </div>
57
+ </div>
58
+ {%- if page.typeOfPage == "category" -%}
59
+ {%- assign photoEffectsData = site.data.photo-categories -%}
60
+ {%- for item in photoEffectsData -%}
61
+ {%- if item.category == page.category -%}
62
+ {%- for i in item.features -%}
63
+ <div class="col-md-3 px-0">
64
+ <a class="photo-card" href="{{i.link}}">
65
+ <div>
66
+ <img src="{{i.image}}" alt="">
67
+ <div class="photo-effect-feature-name">
68
+ {{i.name}}
69
+ </div>
70
+ </div>
71
+ </a>
72
+ </div>
73
+ {%- endfor -%}
74
+ {%- endif -%}
75
+ {%- endfor -%}
76
+ {%- else -%}
77
+ {%- assign photoEffectsData = site.data.photoeffects -%}
78
+ {%- for item in photoEffectsData -%}
79
+ <div class="col-md-3 px-0">
80
+ <a class="photo-card" href="{{item.url}}">
81
+ <div>
82
+ <img src="{{item.image}}" alt="">
83
+ <div class="photo-effect-feature-name">
84
+ {{item.featureName}}
85
+ </div>
86
+ </div>
87
+ </a>
88
+
89
+ </div>
90
+ {%- endfor -%}
91
+ {%- endif -%}
92
+
93
+ </div>
94
+ </div>
95
+ </div>
96
+ </div>
97
+
98
98
  </div>
@@ -1,40 +1,40 @@
1
- .calculator-workspace {
2
- width: 400px;
3
- background: #f6f6f6d2;
4
- position: relative;
5
- z-index: 1;
6
- margin: 0 auto;
7
- box-shadow: 6px 19px 23px 1pxrgb (0 0 0 / 15%);
8
- border-radius: 8px;
9
- padding: 1.5rem;
10
- }
11
-
12
- .calculator-workspace label {
13
- width: 100%;
14
- font-weight: 600;
15
- text-align: left;
16
- margin-top: 10px;
17
- }
18
-
19
- .submit-button {
20
- border: none;
21
- border-radius: 4px;
22
- padding: 10px 22px;
23
- color: #fff;
24
- margin-left: auto;
25
- font-weight: 600;
26
- }
27
-
28
- .calculator-inputs {
29
- display: flex;
30
- gap: 10px;
31
- }
32
- .unit {
33
- background: #ffff;
34
- padding: 0px 10px;
35
- display: flex;
36
- align-items: center;
37
- justify-content: center;
38
- border-radius: 4px;
39
- font-weight: 600;
40
- }
1
+ .calculator-workspace {
2
+ width: 400px;
3
+ background: #f6f6f6d2;
4
+ position: relative;
5
+ z-index: 1;
6
+ margin: 0 auto;
7
+ box-shadow: 6px 19px 23px 1pxrgb (0 0 0 / 15%);
8
+ border-radius: 8px;
9
+ padding: 1.5rem;
10
+ }
11
+
12
+ .calculator-workspace label {
13
+ width: 100%;
14
+ font-weight: 600;
15
+ text-align: left;
16
+ margin-top: 10px;
17
+ }
18
+
19
+ .submit-button {
20
+ border: none;
21
+ border-radius: 4px;
22
+ padding: 10px 22px;
23
+ color: #fff;
24
+ margin-left: auto;
25
+ font-weight: 600;
26
+ }
27
+
28
+ .calculator-inputs {
29
+ display: flex;
30
+ gap: 10px;
31
+ }
32
+ .unit {
33
+ background: #ffff;
34
+ padding: 0px 10px;
35
+ display: flex;
36
+ align-items: center;
37
+ justify-content: center;
38
+ border-radius: 4px;
39
+ font-weight: 600;
40
+ }
@@ -10,7 +10,8 @@ HEADER | NAVBAR DESIGN CSS
10
10
  top: 0;
11
11
  z-index: 10;
12
12
  background: #fff;
13
- box-shadow: 0 1px 0 0 rgb(38 38 40 / 9%);
13
+ border: none !important;
14
+ box-shadow: 0 1px 0 0 rgb(38 38 40 / 9%) !important;
14
15
  }
15
16
 
16
17
  .header-navbar {
@@ -106,7 +106,7 @@
106
106
 
107
107
  .feature1-flex-container {
108
108
  padding-top: 75px;
109
- padding-bottom: 60px;
109
+ padding-bottom: 20px;
110
110
  }
111
111
 
112
112
  #filepicker,
@@ -204,6 +204,7 @@ canvas {
204
204
  padding: 30px;
205
205
  width: 100%;
206
206
  text-align: left;
207
+ height: 100%;
207
208
  }
208
209
 
209
210
  .options-panel .title {