jekyll-theme-artsy 0.1.11 → 0.1.12

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.
@@ -0,0 +1,14 @@
1
+ .gallery {
2
+ min-height: 1000px;
3
+ img {
4
+ float: left;
5
+ margin: 20px 0;
6
+ max-height: 1100px;
7
+ width: 95%;
8
+ }
9
+ }
10
+
11
+ .gallery-col {
12
+ width: 50%;
13
+ float: left;
14
+ }
File without changes
@@ -0,0 +1,13 @@
1
+ .newsletter {
2
+ background-color: $footercolor;
3
+ color: white;
4
+
5
+ #tlemail {
6
+ background-color: $inputbackground;
7
+ }
8
+
9
+ #submit {
10
+ background-color: $inputbackground;
11
+ color: $textdark!important;
12
+ }
13
+ }
@@ -0,0 +1,162 @@
1
+
2
+ #header-booknow {
3
+ position: absolute;
4
+ top: 60px;
5
+ }
6
+
7
+ .services-testimonials h2 {
8
+ text-align: center;
9
+ }
10
+ .services-testimonials ul {
11
+ padding: 0px;
12
+ }
13
+
14
+ .services-testimonials ul li {
15
+ text-align: center;
16
+ list-style-type: none;
17
+ font-size: 20px;
18
+ font-style: italic;
19
+ }
20
+ .services-testimonials ul li li {
21
+ text-align: right;
22
+ font-weight: 800;
23
+ content: "By: ";
24
+ font-size: 18px;
25
+ font-style: bold;
26
+ margin-bottom: 40px;
27
+ }
28
+
29
+
30
+ .round {
31
+ border-radius: 50%;
32
+ width: 150px;
33
+ height: 150px;
34
+ margin: 0 auto;
35
+ border: 1px solid purple;
36
+ }
37
+
38
+ .services-three {
39
+ padding: 0px;
40
+ }
41
+ .services-one h1, .services-one h2 {
42
+ text-align: center;
43
+
44
+ }
45
+
46
+ .services-one {
47
+ text-align: justify;
48
+ font-size: 16px;
49
+ }
50
+
51
+ .services-one .round {
52
+ border-radius: 50%;
53
+ width: 300px;
54
+ height: 300px;
55
+ margin: 0 auto;
56
+ margin-top: -160px;
57
+ }
58
+
59
+ .services-three li {
60
+ width: 33%;
61
+ float: left;
62
+ display: block;
63
+ font-size: 16px;
64
+ text-align: center;
65
+ margin: 5px 0;
66
+
67
+ }
68
+
69
+ .services-three li h2 {
70
+ font-size: 20px;
71
+ text-align: center;
72
+ }
73
+
74
+
75
+ .services-two ul {
76
+ padding: 0px;
77
+ }
78
+
79
+ .services-two li {
80
+ width: 50%;
81
+ float: left;
82
+ padding: 5px;
83
+ list-style-type: none;
84
+ font-size: 12pt;
85
+ height: 550px;
86
+ padding: 20px;
87
+ text-align: justify;
88
+ }
89
+
90
+
91
+ .services-two li p {
92
+
93
+ padding: 0 40px;
94
+ }
95
+
96
+ .services-two li h3 {
97
+ padding-bottom: 20px;
98
+ text-align: center;
99
+ }
100
+
101
+ @media screen and (max-width: 780px) {
102
+ .services-three li {
103
+ width: 100%;
104
+ float: none;
105
+ clear: both;
106
+ display: block;
107
+ }
108
+
109
+ .owl-gallery {
110
+ margin-top: 0px!important;
111
+ }
112
+
113
+ .booknow {
114
+ width: 100%; display: inline; padding-right: 0px; clear:both; margin: 5px auto;
115
+ }
116
+
117
+ .booknow img {
118
+ width: 100%;
119
+ }
120
+
121
+ #header-booknow {
122
+ display: none;
123
+ }
124
+
125
+
126
+ .services-two li {
127
+ width: 100%;
128
+ float: left;
129
+ list-style-type: none;
130
+ float: none;
131
+ clear: both;
132
+ display: block;
133
+ height: auto;
134
+ padding: 5px;
135
+ }
136
+
137
+ }
138
+
139
+ .owl-overlay {
140
+ display: block;
141
+ z-index: 9999999;
142
+ position: absolute;
143
+ bottom: 0px;
144
+ right: 0px;
145
+ visibility: visible;
146
+
147
+
148
+ }
149
+ .owl-wrapper {
150
+ position: relative;
151
+ }
152
+
153
+ hr {
154
+ border: 0;
155
+ height: 0;
156
+ box-shadow: 0 0 1px 1px rgb(196, 146, 196);
157
+ }
158
+
159
+ .services-three a img:hover {
160
+ cursor: inherit;
161
+ }
162
+
@@ -0,0 +1,55 @@
1
+ .shop.item {
2
+ display: block;
3
+ width: 24%;
4
+ float: left;
5
+ text-align: center;
6
+ padding: 20px;
7
+ }
8
+
9
+ .shop.item b, .shop.item i {
10
+ display: block;
11
+ clear: both;
12
+ white-space: nowrap;
13
+ overflow: hidden;
14
+ text-overflow: ellipsis;
15
+ }
16
+
17
+
18
+ .shop.item img {
19
+ max-width: auto;
20
+ height: 300px;
21
+ margin: 5px auto;
22
+ padding-bottom: 20px;
23
+ object-fit: cover;
24
+ }
25
+
26
+
27
+ @media screen and (max-width: 780px) {
28
+ .shop.item {
29
+ display: block;
30
+ width: 100%;
31
+ border: 1px solid #614961;
32
+ margin: 5px;
33
+ float: left;
34
+ text-align: center;
35
+ padding: 20px;
36
+ }
37
+
38
+ }
39
+
40
+ @media screen and (min-width: 780px) {
41
+ .productimg {
42
+ float: left;
43
+ width: 60%;
44
+ }
45
+
46
+ p .img-responsive {
47
+ max-width: 40%;
48
+ }
49
+
50
+ }
51
+
52
+ .row h1, .row h2, .row h3, .row h4, .row h5, .row h6 {
53
+ clear: initial;
54
+
55
+ }
@@ -0,0 +1,12 @@
1
+ $headercolor: green;
2
+ $footercolor: lightgreen;
3
+
4
+ $texthighlight: limegreen;
5
+ $textlink: green;
6
+ $textcolor: white;
7
+ $textdark: black;
8
+
9
+ $inputbackground: white;
10
+
11
+ $navactive: green;
12
+ $navhover: limegreen;
@@ -0,0 +1,13 @@
1
+ $headercolor: #725377;
2
+ $footercolor: $headercolor;
3
+
4
+ $texthighlight: #c39aed;
5
+ $textlink: #d3a6da;
6
+ $textcolor: #9c869c;
7
+ $textdark: black;
8
+
9
+
10
+ $inputbackground: #e6d0e6;
11
+
12
+ $navactive: #eeb7f1;
13
+ $navhover: #ae79d8;
@@ -0,0 +1,13 @@
1
+ /* select a color profile */
2
+ @import 'colors/trina';
3
+
4
+
5
+ /* styles, do not touch! */
6
+ @import '_common';
7
+ @import '_blog';
8
+ @import '_gallery';
9
+ @import '_cart';
10
+ @import '_shop';
11
+ @import '_services';
12
+ @import '_homepage';
13
+ @import '_newsletter';
@@ -0,0 +1,3 @@
1
+ ---
2
+ ---
3
+ @import "main";
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-artsy
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.11
4
+ version: 0.1.12
5
5
  platform: ruby
6
6
  authors:
7
7
  - Doug Hatcher
@@ -97,13 +97,24 @@ files:
97
97
  - _layouts/services.html
98
98
  - _layouts/shop.html
99
99
  - _layouts/tag_page.html
100
+ - _sass/_blog.scss
101
+ - _sass/_cart.scss
102
+ - _sass/_common.scss
103
+ - _sass/_gallery.scss
104
+ - _sass/_homepage.scss
105
+ - _sass/_newsletter.scss
106
+ - _sass/_services.scss
107
+ - _sass/_shop.scss
108
+ - _sass/colors/green.scss
109
+ - _sass/colors/trina.scss
110
+ - _sass/main.scss
100
111
  - assets/css/bootstrap.min.css
101
112
  - assets/css/galleries.css
102
113
  - assets/css/home.css
103
114
  - assets/css/journal.css
104
115
  - assets/css/magnificpopup.css
105
- - assets/css/main.css
106
116
  - assets/css/selena.css
117
+ - assets/css/styles.scss
107
118
  - assets/css/super-search.css
108
119
  - assets/css/tags-wrap.css
109
120
  - assets/img/404.jpg
@@ -1,856 +0,0 @@
1
- body {
2
- font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
3
- font-size: 20px;
4
- color: #9c869c;
5
- background-color: #1d1919;
6
- }
7
- p {
8
- line-height: 1.5;
9
- margin: 30px 0;
10
- }
11
- p a {
12
- text-decoration: none;
13
- }
14
- h1,
15
- h2,
16
- h3,
17
- h4,
18
- h5,
19
- h6 {
20
- font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
21
- font-weight: 800;
22
- clear: both;
23
- }
24
- a {
25
- color: #d3a6da;
26
- transition: color .4s;
27
- text-decorarion: none;
28
- }
29
- a:hover,
30
- a:focus {
31
- color: #fff;
32
- transition: color .3s;
33
- outline: none;
34
- text-shadow:none;
35
- }
36
- a img:hover,
37
- a img:focus {
38
- cursor: zoom-in;
39
- outline: none;
40
- }
41
- blockquote {
42
- color: #808080;
43
- font-style: italic;
44
- }
45
- hr.small {
46
- max-width: 100px;
47
- margin: 15px auto;
48
- border-width: 4px;
49
- border-color: white;
50
- }
51
- .navbar-custom {
52
- background-color: transparent;
53
- position: absolute;
54
- top: 0;
55
- left: 0;
56
- width: 100%;
57
- font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
58
- }
59
- .navbar-custom .navbar-brand {
60
- font-weight: 800;
61
- }
62
- .navbar-custom .nav li a {
63
- color: white;
64
- text-transform: uppercase;
65
- font-size: 12px;
66
- font-weight: 800;
67
- letter-spacing: 1px;
68
- }
69
- @media only screen and (min-width: 768px) {
70
- .navbar-custom {
71
- background: transparent;
72
- border-bottom: 1px solid transparent;
73
- }
74
- .navbar-custom .navbar-brand {
75
- color: white;
76
- padding: 20px;
77
- }
78
- .navbar-custom .navbar-brand:hover,
79
- .navbar-custom .navbar-brand:focus {
80
- color: #c39aed;
81
- }
82
- .navbar-custom .nav li a {
83
- color: white;
84
- padding: 20px;
85
- }
86
- .navbar-custom .nav li a:hover{
87
- color: #c39aed;
88
- }
89
- }
90
- @media only screen and (min-width: 1170px) {
91
- .navbar-custom {
92
- -webkit-transition: background-color 0.3s;
93
- -moz-transition: background-color 0.3s;
94
- transition: background-color 0.3s;
95
- /* Force Hardware Acceleration in WebKit */
96
- -webkit-transform: translate3d(0, 0, 0);
97
- -moz-transform: translate3d(0, 0, 0);
98
- -ms-transform: translate3d(0, 0, 0);
99
- -o-transform: translate3d(0, 0, 0);
100
- transform: translate3d(0, 0, 0);
101
- -webkit-backface-visibility: hidden;
102
- backface-visibility: hidden;
103
- }
104
- .navbar-custom.is-fixed {
105
- /* when the user scrolls down, we hide the header right above the viewport */
106
- position: fixed;
107
- top: -61px;
108
- background-color: rgba(0, 0, 0, 0.9);
109
- -webkit-transition: -webkit-transform 0.3s;
110
- -moz-transition: -moz-transform 0.3s;
111
- transition: transform 0.3s;
112
- }
113
- .navbar-custom.is-fixed .navbar-brand {
114
- color: #ffffff;
115
- }
116
- .navbar-custom.is-fixed .navbar-brand:hover {
117
- color: #c39aed;
118
- }
119
-
120
- .navbar-custom.is-fixed .nav li a:hover {
121
- color: #c39aed;
122
- }
123
- .navbar-custom.is-fixed .nav li a:active{
124
- color: #c39aed;
125
- }
126
- .navbar-custom.is-visible {
127
- /* if the user changes the scrolling direction, we show the header */
128
- -webkit-transform: translate3d(0, 100%, 0);
129
- -moz-transform: translate3d(0, 100%, 0);
130
- -ms-transform: translate3d(0, 100%, 0);
131
- -o-transform: translate3d(0, 100%, 0);
132
- transform: translate3d(0, 100%, 0);
133
- }
134
- }
135
- .intro-header {
136
- background: no-repeat center center;
137
- background-color: #808080;
138
- background-attachment: scroll;
139
- -webkit-background-size: cover;
140
- -moz-background-size: cover;
141
- background-size: cover;
142
- -o-background-size: cover;
143
- margin-bottom: 50px;
144
- }
145
- .intro-header .site-heading,
146
- .intro-header .post-heading,
147
- .intro-header .page-heading {
148
- padding: 100px 0 50px;
149
- color: white;
150
- }
151
- @media only screen and (min-width: 768px) {
152
- .intro-header .site-heading,
153
- .intro-header .post-heading,
154
- .intro-header .page-heading {
155
- padding: 150px 0;
156
- }
157
- }
158
- .intro-header .site-heading,
159
- .intro-header .page-heading {
160
- text-align: center;
161
- }
162
- .intro-header .site-heading h1,
163
- .intro-header .page-heading h1 {
164
- margin-top: 0;
165
- font-size: 50px;
166
- text-shadow: 1px 1px 4px #000;
167
- }
168
- .intro-header .site-heading .subheading,
169
- .intro-header .page-heading .subheading {
170
- font-size: 24px;
171
- line-height: 1.1;
172
- display: block;
173
- font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
174
- font-weight: 300;
175
- margin: 10px 0 0;
176
- text-shadow: 1px 1px 4px #000;
177
- }
178
- @media only screen and (min-width: 768px) {
179
- .intro-header .site-heading h1,
180
- .intro-header .page-heading h1, {
181
- font-size: 80px;
182
- }
183
-
184
- .intro-header .post-heading h1,
185
- .intro-header .site-heading h1,
186
- .intro-header .page-heading h1,
187
- .wrapper h2,
188
- .wrapper .entry-summary {
189
- text-shadow: 2px 2px 2px black;
190
- }
191
- }
192
- .intro-header .post-heading h1 {
193
- font-size: 35px;
194
- }
195
- .intro-header .post-heading .subheading,
196
- .intro-header .post-heading .meta {
197
- line-height: 1.1;
198
- display: block;
199
- }
200
- .intro-header .post-heading .subheading {
201
- font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
202
- font-size: 24px;
203
- margin: 10px 0 30px;
204
- font-weight: 600;
205
- text-shadow: 1px 1px 4px #000;
206
- }
207
- .intro-header .post-heading .meta {
208
- font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
209
- font-style: italic;
210
- text-shadow: 1px 1px 4px #000;
211
- font-size: 20px;
212
- }
213
- .intro-header .post-heading .meta a {
214
- color: white;
215
- }
216
- @media only screen and (min-width: 768px) {
217
- .intro-header .post-heading h1 {
218
- font-size: 55px;
219
- }
220
- .intro-header .post-heading .subheading {
221
- font-size: 30px;
222
- text-shadow: 1px 1px 4px #000;
223
- }
224
- }
225
- .post-preview > a {
226
- color: #f5f5f5;
227
- }
228
- .post-preview > a:hover,
229
- .post-preview > a:focus {
230
- text-decoration: none;
231
- color: #c39aed;
232
- }
233
- .post-preview > a > .post-title {
234
- font-size: 30px;
235
- margin-top: 30px;
236
- margin-bottom: 10px;
237
- }
238
- .post-preview > a > .post-subtitle {
239
- margin: 0;
240
- font-weight: 300;
241
- margin-bottom: 10px;
242
- }
243
- .post-preview > .post-meta {
244
- color: #808080;
245
- font-size: 18px;
246
- font-style: italic;
247
- margin-top: 0;
248
- }
249
- .post-preview > .post-meta > a {
250
- text-decoration: none;
251
- color: #404040;
252
- }
253
- .post-preview > .post-meta > a:hover,
254
- .post-preview > .post-meta > a:focus {
255
- color: #c39aed;
256
- text-decoration: underline;
257
- }
258
- @media only screen and (min-width: 768px) {
259
- .post-preview > a > .post-title {
260
- font-size: 36px;
261
- }
262
- }
263
- .section-heading {
264
- font-size: 36px;
265
- margin-top: 60px;
266
- font-weight: 700;
267
- }
268
- .caption {
269
- text-align: center;
270
- font-size: 14px;
271
- padding: 10px;
272
- font-style: italic;
273
- margin: 0;
274
- display: block;
275
- border-bottom-right-radius: 5px;
276
- border-bottom-left-radius: 5px;
277
- }
278
- footer {
279
- margin: -30px 0 0px;
280
- }
281
- footer .list-inline {
282
- margin: 0;
283
- padding: 0;
284
- }
285
- footer .copyright {
286
- font-size: 14px;
287
- text-align: center;
288
- margin-bottom: 0;
289
- }
290
- .floating-label-form-group {
291
- font-size: 14px;
292
- position: relative;
293
- margin-bottom: 0;
294
- padding-bottom: 0.5em;
295
- border-bottom: 1px solid #eeeeee;
296
- }
297
- .floating-label-form-group input,
298
- .floating-label-form-group textarea {
299
- z-index: 1;
300
- position: relative;
301
- padding-right: 0;
302
- padding-left: 0;
303
- border: none;
304
- border-radius: 0;
305
- font-size: 1.5em;
306
- background: none;
307
- box-shadow: none !important;
308
- resize: none;
309
- }
310
- .floating-label-form-group label {
311
- display: block;
312
- z-index: 0;
313
- position: relative;
314
- top: 2em;
315
- margin: 0;
316
- font-size: 0.85em;
317
- line-height: 1.764705882em;
318
- vertical-align: middle;
319
- vertical-align: baseline;
320
- opacity: 0;
321
- -webkit-transition: top 0.3s ease,opacity 0.3s ease;
322
- -moz-transition: top 0.3s ease,opacity 0.3s ease;
323
- -ms-transition: top 0.3s ease,opacity 0.3s ease;
324
- transition: top 0.3s ease,opacity 0.3s ease;
325
- }
326
- .floating-label-form-group::not(:first-child) {
327
- padding-left: 14px;
328
- border-left: 1px solid #eeeeee;
329
- }
330
- .floating-label-form-group-with-value label {
331
- top: 0;
332
- opacity: 1;
333
- }
334
- .floating-label-form-group-with-focus label {
335
- color: #c39aed;
336
- }
337
- form .row:first-child .floating-label-form-group {
338
- border-top: 1px solid #eeeeee;
339
- }
340
- .btn {
341
- font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
342
- text-transform: uppercase;
343
- font-size: 14px;
344
- font-weight: 800;
345
- letter-spacing: 1px;
346
- border-radius: 0;
347
- padding: 15px 25px;
348
- }
349
- .btn-lg {
350
- font-size: 16px;
351
- padding: 25px 35px;
352
- }
353
- .btn-default:hover,
354
- .btn-default:focus {
355
- background-color: #c39aed;
356
- border: 1px solid #c39aed;
357
- color: white;
358
- }
359
- .pager {
360
- margin: 20px 0 0;
361
- }
362
- .pager li > a,
363
- .pager li > span {
364
- font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
365
- text-transform: uppercase;
366
- font-size: 14px;
367
- font-weight: 800;
368
- letter-spacing: 1px;
369
- padding: 10px 5px;
370
- background-color: black;
371
- }
372
- @media only screen and (min-width: 768px) {
373
- .pager li > a,
374
- .pager li > span {
375
- font-size: 14px;
376
- padding: 15px 25px;
377
- }
378
- }
379
- .pager li > a:hover,
380
- .pager li > a:focus {
381
- color: white;
382
- background-color: black;
383
- }
384
- .pager .disabled > a,
385
- .pager .disabled > a:hover,
386
- .pager .disabled > a:focus,
387
- .pager .disabled > span {
388
- color: #808080;
389
- background-color: #404040;
390
- cursor: not-allowed;
391
- }
392
- ::-moz-selection {
393
- color: white;
394
- text-shadow: none;
395
- background: #c39aed;
396
- }
397
- ::selection {
398
- color: white;
399
- text-shadow: none;
400
- background: #c39aed;
401
- }
402
- img::selection {
403
- color: white;
404
- background: transparent;
405
- }
406
- img::-moz-selection {
407
- color: white;
408
- background: transparent;
409
- }
410
- body {
411
- webkit-tap-highlight-color: #c39aed;
412
- }
413
- .fa-stack-2x {
414
- color: black;
415
- }
416
-
417
- article img, #post-content img {
418
- padding: 15px;
419
- }
420
-
421
- article .small, #post-content .small {
422
- max-width: 30%;
423
- }
424
-
425
- article img.medium, #post-content img.medium {
426
- width: 50%;
427
- }
428
-
429
- article .large img, #post-content .large img {
430
- width: 70%;
431
- }
432
-
433
-
434
- article .full img, #post-content .full img {
435
- width: 100%;
436
- }
437
-
438
-
439
- @media screen and (max-width: 780px) {
440
- article .small, #post-content .small, article .medium img, #post-content .medium img, article .large img, #post-content .large img
441
- {
442
- clear: both;
443
- width: 100%;
444
- text-align: center;
445
- }
446
-
447
- }
448
-
449
-
450
- article .left, #post-content .left {
451
- float: left;
452
- }
453
-
454
- article img.center, #post-content img.center {
455
- margin: 0 auto;
456
- }
457
-
458
-
459
- article .right, #post-content .right {
460
- float: right;
461
- }
462
-
463
- article .clear, #post-content .clear {
464
- clear: all;
465
- }
466
-
467
- .fancytextborder {
468
- margin-right:1em; text-shadow: -.025em -.025em 0 rgba(102, 0, 85, 0.75), .025em -.025em 0 rgba(102, 0, 85, 0.75), -.025em .025em 0 rgba(102, 0, 85, 0.75), .025em .025em 0 rgba(102, 0, 85, 0.75);
469
- }
470
-
471
- .view-cart {
472
- float: right; display: block; margin-top: 13px; width: 36px;
473
- }
474
-
475
- .addtocart {
476
- position: relative;
477
- width: 320px;
478
- }
479
-
480
- .addtocart .addtocart-button {
481
- float: left;
482
- width: 100%;
483
- }
484
-
485
- .addtocart .addtocart-button:hover {
486
- opacity: .7;
487
- }
488
-
489
- .addtocart div {
490
- display: block;
491
- text-align: center;
492
- position: absolute;
493
- top: 75px;
494
- right: 40px;
495
- }
496
-
497
- .addtocart h2 {
498
- color: rgb(198, 157, 207);
499
- margin-bottom: -10px;
500
- }
501
-
502
- .addtocart sub {
503
- font-size: 10pt;
504
- font-style: italic;
505
-
506
- }
507
-
508
- .newsletter {
509
- background-color: #725377;
510
- color: white;
511
- }
512
-
513
- .newsletter #tlemail {
514
- background-color: #e6d0e6;
515
- }
516
-
517
- .newsletter #submit {
518
- background-color:#9c869c;
519
- }
520
-
521
- #donate input {
522
- width: 200px;
523
- }
524
-
525
- #donate:hover {
526
- opacity: .8;
527
- }
528
-
529
- @media only screen and (min-width: 768px) {
530
- li #donate {
531
- display: none;
532
- }
533
- .donate-outside #donate {
534
- position: absolute;
535
- top: 60px;
536
- right: 0px;
537
- }
538
- }
539
-
540
- @media only screen and (max-width: 768px) {
541
- #donate {
542
- display: block;
543
- }
544
-
545
- .donate-outside #donate {
546
- display: none;
547
- }
548
-
549
- }
550
-
551
- .center {
552
- text-align: center;
553
- }
554
-
555
- #headerwrapper {
556
- background: no-repeat center center;
557
- background-size: cover;
558
- background-attachment: scroll;
559
- display: block;
560
- }
561
-
562
- #headerwrapper .intro-header {
563
-
564
- background-color: rgba(118, 37, 126, 0.8);
565
-
566
- }
567
-
568
-
569
-
570
- #header-booknow {
571
- position: absolute;
572
- top: 60px;
573
- }
574
-
575
- .services-testimonials h2 {
576
- text-align: center;
577
- }
578
- .services-testimonials ul {
579
- padding: 0px;
580
- }
581
-
582
- .services-testimonials ul li {
583
- text-align: center;
584
- list-style-type: none;
585
- font-size: 20px;
586
- font-style: italic;
587
- }
588
- .services-testimonials ul li li {
589
- text-align: right;
590
- font-weight: 800;
591
- content: "By: ";
592
- font-size: 18px;
593
- font-style: bold;
594
- margin-bottom: 40px;
595
- }
596
-
597
-
598
- .round {
599
- border-radius: 50%;
600
- width: 150px;
601
- height: 150px;
602
- margin: 0 auto;
603
- border: 1px solid purple;
604
- }
605
-
606
- .services-three {
607
- padding: 0px;
608
- }
609
- .services-one h1, .services-one h2 {
610
- text-align: center;
611
-
612
- }
613
-
614
- .services-one {
615
- text-align: justify;
616
- font-size: 16px;
617
- }
618
-
619
- .services-one .round {
620
- border-radius: 50%;
621
- width: 300px;
622
- height: 300px;
623
- margin: 0 auto;
624
- margin-top: -160px;
625
- }
626
-
627
- .services-three li {
628
- width: 33%;
629
- float: left;
630
- display: block;
631
- font-size: 16px;
632
- text-align: center;
633
- margin: 5px 0;
634
-
635
- }
636
-
637
- .services-three li h2 {
638
- font-size: 20px;
639
- text-align: center;
640
- }
641
-
642
-
643
- .services-two ul {
644
- padding: 0px;
645
- }
646
-
647
- .services-two li {
648
- width: 50%;
649
- float: left;
650
- padding: 5px;
651
- list-style-type: none;
652
- font-size: 12pt;
653
- height: 550px;
654
- padding: 20px;
655
- text-align: justify;
656
- }
657
-
658
-
659
- .services-two li p {
660
-
661
- padding: 0 40px;
662
- }
663
-
664
- .services-two li h3 {
665
- padding-bottom: 20px;
666
- text-align: center;
667
- }
668
-
669
- @media screen and (max-width: 780px) {
670
- .services-three li {
671
- width: 100%;
672
- float: none;
673
- clear: both;
674
- display: block;
675
- }
676
-
677
- .owl-gallery {
678
- margin-top: 0px!important;
679
- }
680
-
681
- .booknow {
682
- width: 100%; display: inline; padding-right: 0px; clear:both; margin: 5px auto;
683
- }
684
-
685
- .booknow img {
686
- width: 100%;
687
- }
688
-
689
- #header-booknow {
690
- display: none;
691
- }
692
-
693
-
694
- .services-two li {
695
- width: 100%;
696
- float: left;
697
- list-style-type: none;
698
- float: none;
699
- clear: both;
700
- display: block;
701
- height: auto;
702
- padding: 5px;
703
- }
704
-
705
- }
706
-
707
- .owl-overlay {
708
- display: block;
709
- z-index: 9999999;
710
- position: absolute;
711
- bottom: 0px;
712
- right: 0px;
713
- visibility: visible;
714
-
715
-
716
- }
717
- .owl-wrapper {
718
- position: relative;
719
- }
720
-
721
- hr {
722
- border: 0;
723
- height: 0;
724
- box-shadow: 0 0 1px 1px rgb(196, 146, 196);
725
- }
726
-
727
- .bloglist-header {
728
-
729
- /* border: 1px solid red; */
730
- left: 0px;
731
- right: 0px;
732
- clear: both;
733
- position: relative;
734
- padding: 20px;
735
-
736
- /* Create the parallax scrolling effect */
737
- background-attachment: fixed;
738
- background-position: center;
739
- background-repeat: no-repeat;
740
- background-size: cover;
741
-
742
- }
743
-
744
- #post-content {
745
- padding-bottom: 80px;
746
- }
747
-
748
- .bloglist-header h2, .bloglist-header h3, .bloglist-header .meta {
749
- color: white;
750
- text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
751
- }
752
-
753
-
754
- .bloglist-header .meta {
755
- color: #fff;
756
- }
757
-
758
- ul#pager {
759
- position: absolute;
760
- display: block;
761
- clear: both;
762
- /* border: 1px solid red; */
763
- margin: 0 auto;
764
- width: 100%;
765
- }
766
- #pager li {
767
- float: center;
768
- display: block;
769
- text-align: center;
770
- margin: 0 auto;
771
-
772
- }
773
-
774
- .container {
775
- overflow: hidden;
776
- }
777
-
778
- .services-three a img:hover {
779
- cursor: inherit;
780
- }
781
-
782
-
783
- .gallery {
784
- min-height: 1000px;
785
- }
786
-
787
- .gallery img {
788
- float: left;
789
- margin: 20px 0;
790
- max-height: 1100px;
791
- width: 95%;
792
- }
793
-
794
- .gallery-col {
795
- width: 50%;
796
- float: left;
797
- }
798
-
799
-
800
- /* Shop */
801
-
802
- .shop.item {
803
- display: block;
804
- width: 24%;
805
- float: left;
806
- text-align: center;
807
- padding: 20px;
808
- }
809
-
810
- .shop.item b, .shop.item i {
811
- display: block;
812
- clear: both;
813
- white-space: nowrap;
814
- overflow: hidden;
815
- text-overflow: ellipsis;
816
- }
817
-
818
-
819
- .shop.item img {
820
- max-width: auto;
821
- height: 300px;
822
- margin: 5px auto;
823
- padding-bottom: 20px;
824
- object-fit: cover;
825
- }
826
-
827
-
828
- @media screen and (max-width: 780px) {
829
- .shop.item {
830
- display: block;
831
- width: 100%;
832
- border: 1px solid #614961;
833
- margin: 5px;
834
- float: left;
835
- text-align: center;
836
- padding: 20px;
837
- }
838
-
839
- }
840
-
841
- @media screen and (min-width: 780px) {
842
- .productimg {
843
- float: left;
844
- width: 60%;
845
- }
846
-
847
- p .img-responsive {
848
- max-width: 40%;
849
- }
850
-
851
- }
852
-
853
- .row h1, .row h2, .row h3, .row h4, .row h5, .row h6 {
854
- clear: initial;
855
-
856
- }