diff --git a/form_edit_templates.md b/form_edit_templates.md index c1eb7ee4..392624f9 100644 --- a/form_edit_templates.md +++ b/form_edit_templates.md @@ -62,14 +62,15 @@ - - - + + + + ``` @@ -701,38 +702,36 @@ - natasha_bruce - steve_sharon - - -## Template Preview +## Template Name - Wedding - 1. dylan_rose = input number max 5, input number arrow - 2. emma_norman = input number max 5, input number arrow - 3. jack_jane = input number max 5, input number arrow - 4. liam_felicia = input number max 5, input number arrow - 5. lucas_eli = input number max 5, input number arrow - 6. natasha_bruce = input number max 5, input number arrow - 7. peter_mary = input number max 5, input number arrow - 8. steve_sharon = input number max 5, input number arrow - 9. vicky_wanda = input number max 5, input number arrow - 10. victor_karla = input number max 5, input number arrow + 1. dylan_rose = wedding_8 + 2. emma_norman = wedding_4 + 3. jack_jane = wedding_5 + 4. liam_felicia = wedding_3 + 5. lucas_eli = wedding_10 + 6. natasha_bruce = wedding_1 + 7. peter_mary = wedding_2 + 8. steve_sharon = wedding_9 + 9. vicky_wanda = wedding_6 + 10. victor_karla = wedding_victor - Birthday - 1. aaron = input number max 5, input number arrow - 2. anastasia = input number max 5, input number arrow - 3. christine = input number max 5, input number arrow - 4. diana_ross = input number max 5, input number arrow + 1. aaron = birthday_4 + 2. anastasia = birthday_2 + 3. christine = birthday_3 + 4. diana_ross = birthday_1 - Event - 1. 10year_reunion = input number max 5, input number arrow - 2. 20year_reunion = input number max 5, input number arrow - 3. brotherfield = input number max 5, input number arrow - 4. christmas_dinner = input number max 5, input number arrow - 5. lacasadepapel = input number max 5, input number arrow - 6. music = input number max 5, input number arrow - 7. oceandor = input number max 5, input number arrow - 8. seminary = input number max 5, input number arrow + 1. 10year_reunion = event_5 + 2. 20year_reunion = event_6 + 3. brotherfield = grand_opening + 4. christmas_dinner = event_7 + 5. lacasadepapel = gala_dinner + 6. music = event_8 + 7. oceandor = event_3 + 8. seminary = event_4 - Free - 1. anastasia = input number max 5, input number arrow - 2. christine = input number max 5, input number arrow - 3. diana_ross = input number max 5, input number arrow - 4. dylan_rose = input number max 5, input number arrow - 5. natasha_bruce = input number max 5, input number arrow - 6. steve_sharon = input number max 5, input number arrow \ No newline at end of file + 1. anastasia = birthday_2_free + 2. christine = birthday_3_free + 3. diana_ross = birthday_1_free + 4. dylan_rose = wedding_8_free + 5. natasha_bruce = wedding_1_free + 6. steve_sharon = wedding_9_free \ No newline at end of file diff --git a/static/css/default.css b/static/css/default.css index 3868ebee..d17e72e5 100644 --- a/static/css/default.css +++ b/static/css/default.css @@ -1653,4 +1653,28 @@ height: 12vh; object-fit: cover; } - } \ No newline at end of file + } + + +/* New Template Button */ +.input-number-arrow{position: relative;} +.input-number-arrow input[type=number]{ + -moz-appearance: textfield; + padding: 0 !important; +} +.input-number-arrow #step-decrement{ + position: absolute; + padding: .375rem .75rem; + top: 50%; + transform: translateY(-50%); + left: 0; + width: 50px; +} +.input-number-arrow #step-increment{ + position: absolute; + padding: .375rem .75rem; + top: 50%; + transform: translateY(-50%); + right: 0; + width: 50px; +} \ No newline at end of file diff --git a/static/css/style.css b/static/css/style.css index fde59657..de8d5047 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -1334,7 +1334,7 @@ /* Section RSVP */ .tour-rsvp .boxv{top: 30%;} .tour-rsvp .image{ - background-size: cover !important; + background-size: 100% 100% !important; background-repeat: no-repeat !important; background-position: top left !important; position: absolute; diff --git a/static/img/04-templates/templates-landing-image-02.png b/static/img/04-templates/templates-landing-image-02-01.png similarity index 100% rename from static/img/04-templates/templates-landing-image-02.png rename to static/img/04-templates/templates-landing-image-02-01.png diff --git a/static/img/04-templates/templates-landing-image-02.jpg b/static/img/04-templates/templates-landing-image-02.jpg new file mode 100644 index 00000000..657e9543 Binary files /dev/null and b/static/img/04-templates/templates-landing-image-02.jpg differ diff --git a/static/img/04-templates/templates-landing-image-03.png b/static/img/04-templates/templates-landing-image-03-01.png similarity index 100% rename from static/img/04-templates/templates-landing-image-03.png rename to static/img/04-templates/templates-landing-image-03-01.png diff --git a/static/img/04-templates/templates-landing-image-03.jpg b/static/img/04-templates/templates-landing-image-03.jpg new file mode 100644 index 00000000..5a826567 Binary files /dev/null and b/static/img/04-templates/templates-landing-image-03.jpg differ diff --git a/static/img/04-templates/templates-landing-image-04.png b/static/img/04-templates/templates-landing-image-04-01.png similarity index 100% rename from static/img/04-templates/templates-landing-image-04.png rename to static/img/04-templates/templates-landing-image-04-01.png diff --git a/static/img/04-templates/templates-landing-image-04.jpg b/static/img/04-templates/templates-landing-image-04.jpg new file mode 100644 index 00000000..56c5c640 Binary files /dev/null and b/static/img/04-templates/templates-landing-image-04.jpg differ diff --git a/static/img/templates-button/buttons_BruceNatasha-07.png b/static/img/templates-button/buttons_BruceNatasha-07.png new file mode 100644 index 00000000..c7234d95 Binary files /dev/null and b/static/img/templates-button/buttons_BruceNatasha-07.png differ diff --git a/static/img/templates-button/buttons_BruceNatasha-08.png b/static/img/templates-button/buttons_BruceNatasha-08.png new file mode 100644 index 00000000..23a58a7e Binary files /dev/null and b/static/img/templates-button/buttons_BruceNatasha-08.png differ diff --git a/static/img/templates-button/buttons_EmmaNorman-05.png b/static/img/templates-button/buttons_EmmaNorman-05.png new file mode 100644 index 00000000..63b9d0fe Binary files /dev/null and b/static/img/templates-button/buttons_EmmaNorman-05.png differ diff --git a/static/img/templates-button/buttons_EmmaNorman-06.png b/static/img/templates-button/buttons_EmmaNorman-06.png new file mode 100644 index 00000000..574c5334 Binary files /dev/null and b/static/img/templates-button/buttons_EmmaNorman-06.png differ diff --git a/static/img/templates-button/buttons_Friendship 20years-15.png b/static/img/templates-button/buttons_Friendship 20years-15.png new file mode 100644 index 00000000..ce22e051 Binary files /dev/null and b/static/img/templates-button/buttons_Friendship 20years-15.png differ diff --git a/static/img/templates-button/buttons_Friendship 20years-16.png b/static/img/templates-button/buttons_Friendship 20years-16.png new file mode 100644 index 00000000..4431b179 Binary files /dev/null and b/static/img/templates-button/buttons_Friendship 20years-16.png differ diff --git a/static/img/templates-button/buttons_Grand-Opening-Food-23.png b/static/img/templates-button/buttons_Grand-Opening-Food-23.png new file mode 100644 index 00000000..fef48fff Binary files /dev/null and b/static/img/templates-button/buttons_Grand-Opening-Food-23.png differ diff --git a/static/img/templates-button/buttons_Grand-Opening-Food-24.png b/static/img/templates-button/buttons_Grand-Opening-Food-24.png new file mode 100644 index 00000000..78907956 Binary files /dev/null and b/static/img/templates-button/buttons_Grand-Opening-Food-24.png differ diff --git a/static/img/templates-button/buttons_JackJane-01.png b/static/img/templates-button/buttons_JackJane-01.png new file mode 100644 index 00000000..c2073ce8 Binary files /dev/null and b/static/img/templates-button/buttons_JackJane-01.png differ diff --git a/static/img/templates-button/buttons_JackJane-02.png b/static/img/templates-button/buttons_JackJane-02.png new file mode 100644 index 00000000..0fa77a88 Binary files /dev/null and b/static/img/templates-button/buttons_JackJane-02.png differ diff --git a/static/img/templates-button/buttons_Le-Casa-21.png b/static/img/templates-button/buttons_Le-Casa-21.png new file mode 100644 index 00000000..49aca00b Binary files /dev/null and b/static/img/templates-button/buttons_Le-Casa-21.png differ diff --git a/static/img/templates-button/buttons_Le-Casa-22.png b/static/img/templates-button/buttons_Le-Casa-22.png new file mode 100644 index 00000000..5ca71c22 Binary files /dev/null and b/static/img/templates-button/buttons_Le-Casa-22.png differ diff --git a/static/img/templates-button/buttons_LiamFeli-03.png b/static/img/templates-button/buttons_LiamFeli-03.png new file mode 100644 index 00000000..48b0d2b0 Binary files /dev/null and b/static/img/templates-button/buttons_LiamFeli-03.png differ diff --git a/static/img/templates-button/buttons_LiamFeli-04.png b/static/img/templates-button/buttons_LiamFeli-04.png new file mode 100644 index 00000000..c771e427 Binary files /dev/null and b/static/img/templates-button/buttons_LiamFeli-04.png differ diff --git a/static/img/templates-button/buttons_LucalEliza-02.png b/static/img/templates-button/buttons_LucalEliza-02.png new file mode 100644 index 00000000..dfe51416 Binary files /dev/null and b/static/img/templates-button/buttons_LucalEliza-02.png differ diff --git a/static/img/templates-button/buttons_LucalEliza-03.png b/static/img/templates-button/buttons_LucalEliza-03.png new file mode 100644 index 00000000..c881f46a Binary files /dev/null and b/static/img/templates-button/buttons_LucalEliza-03.png differ diff --git a/static/img/templates-button/buttons_PeterMary-09.png b/static/img/templates-button/buttons_PeterMary-09.png new file mode 100644 index 00000000..c7c2f069 Binary files /dev/null and b/static/img/templates-button/buttons_PeterMary-09.png differ diff --git a/static/img/templates-button/buttons_PeterMary-10.png b/static/img/templates-button/buttons_PeterMary-10.png new file mode 100644 index 00000000..e66c43eb Binary files /dev/null and b/static/img/templates-button/buttons_PeterMary-10.png differ diff --git a/static/img/templates-button/buttons_Reunion-10years-19.png b/static/img/templates-button/buttons_Reunion-10years-19.png new file mode 100644 index 00000000..596809d1 Binary files /dev/null and b/static/img/templates-button/buttons_Reunion-10years-19.png differ diff --git a/static/img/templates-button/buttons_Reunion-10years-20.png b/static/img/templates-button/buttons_Reunion-10years-20.png new file mode 100644 index 00000000..4d5ec245 Binary files /dev/null and b/static/img/templates-button/buttons_Reunion-10years-20.png differ diff --git a/static/img/templates-button/buttons_Seminar-Event-17.png b/static/img/templates-button/buttons_Seminar-Event-17.png new file mode 100644 index 00000000..03d3928a Binary files /dev/null and b/static/img/templates-button/buttons_Seminar-Event-17.png differ diff --git a/static/img/templates-button/buttons_Seminar-Event-18.png b/static/img/templates-button/buttons_Seminar-Event-18.png new file mode 100644 index 00000000..e5ddc874 Binary files /dev/null and b/static/img/templates-button/buttons_Seminar-Event-18.png differ diff --git a/static/img/templates-button/buttons_VickyWanda-11.png b/static/img/templates-button/buttons_VickyWanda-11.png new file mode 100644 index 00000000..d0a296a1 Binary files /dev/null and b/static/img/templates-button/buttons_VickyWanda-11.png differ diff --git a/static/img/templates-button/buttons_VickyWanda-12.png b/static/img/templates-button/buttons_VickyWanda-12.png new file mode 100644 index 00000000..f9266475 Binary files /dev/null and b/static/img/templates-button/buttons_VickyWanda-12.png differ diff --git a/static/img/templates-button/buttons_VictorKarla-13.png b/static/img/templates-button/buttons_VictorKarla-13.png new file mode 100644 index 00000000..f9f323d4 Binary files /dev/null and b/static/img/templates-button/buttons_VictorKarla-13.png differ diff --git a/static/img/templates-button/buttons_VictorKarla-14.png b/static/img/templates-button/buttons_VictorKarla-14.png new file mode 100644 index 00000000..ef564f1c Binary files /dev/null and b/static/img/templates-button/buttons_VictorKarla-14.png differ diff --git a/static/rsvp/event/20year_reunion/app.js b/static/rsvp/event/20year_reunion/app.js index 1b131b95..5c5cd0ec 100644 --- a/static/rsvp/event/20year_reunion/app.js +++ b/static/rsvp/event/20year_reunion/app.js @@ -32,7 +32,7 @@ $('.nav-event .menu-icon').click(function() { }); $('.carousel-header').addClass('owl-carousel owl-theme').owlCarousel({ margin: 50, - navText: ["",""], + navText: ["",""], loop: true, responsiveClass: true, responsive:{ diff --git a/static/rsvp/event/20year_reunion/style_event_6.css b/static/rsvp/event/20year_reunion/style_event_6.css index 237d8c10..8f32ef22 100644 --- a/static/rsvp/event/20year_reunion/style_event_6.css +++ b/static/rsvp/event/20year_reunion/style_event_6.css @@ -141,11 +141,17 @@ input[type=number] { border: 2px solid #fff; color: #fff; } -#step-increment{ - position: absolute; - right: 0; - top: 0; - } +form input[type="number"]{padding: 15px 0 !important;} +.input-number-arrow #step-decrement{ + padding: 0; + left: -1px; + width: 38px; +} +.input-number-arrow #step-increment{ + padding: 0; + right: -1px; + width: 38px; +} @media screen and (max-width: 846px) { h1{ font-size: 30px; diff --git a/static/rsvp/event/brotherfield/app.js b/static/rsvp/event/brotherfield/app.js index 323fa914..80c22ac6 100644 --- a/static/rsvp/event/brotherfield/app.js +++ b/static/rsvp/event/brotherfield/app.js @@ -57,7 +57,7 @@ let countDown = new Date('May 19, 2020 00:00:00').getTime(), $('.carousel-guest').addClass('owl-carousel owl-theme').owlCarousel({ loop: true, responsiveClass: true, - navText: ["",""], + navText: ["",""], responsive:{ 0: { items: 1, diff --git a/static/rsvp/event/brotherfield/style_grand_opening.css b/static/rsvp/event/brotherfield/style_grand_opening.css index d8882ee1..c8e79c6c 100644 --- a/static/rsvp/event/brotherfield/style_grand_opening.css +++ b/static/rsvp/event/brotherfield/style_grand_opening.css @@ -216,10 +216,13 @@ input[type=number] { margin-right: -50px; } -#step-increment{ - position: absolute; - right: 0; - top: 0; +.input-number-arrow{width: 50%;} +.input-number-arrow #step-decrement{left: -20px;} +.input-number-arrow #step-increment{right: -20px;} +.input-number-arrow input[type=number]{ + color: #fff; + background: transparent; + border: none; } @media screen and (max-width: 846px) { p, a, label, th, td, li, input{ diff --git a/static/rsvp/event/lacasadepapel/style_gala_dinner.css b/static/rsvp/event/lacasadepapel/style_gala_dinner.css index 9442cab1..dcdb139d 100644 --- a/static/rsvp/event/lacasadepapel/style_gala_dinner.css +++ b/static/rsvp/event/lacasadepapel/style_gala_dinner.css @@ -116,6 +116,9 @@ input[type=number] { height: 30px; color: #fff; } +.input-number-arrow{width: 30%;} +.input-number-arrow #step-decrement{left: -20px;} +.input-number-arrow #step-increment{right: -20px;} .home-bottom-content .bottom-line{ border-top: 1px solid #6d6d70; } diff --git a/static/rsvp/event/music/app.js b/static/rsvp/event/music/app.js index 9cee213e..3e555d08 100644 --- a/static/rsvp/event/music/app.js +++ b/static/rsvp/event/music/app.js @@ -32,7 +32,7 @@ $('.nav-event .menu-icon').click(function() { }); $('.carousel-lineup').addClass('owl-carousel owl-theme').owlCarousel({ center: true, - navText: ["",""], + navText: ["",""], loop: true, responsiveClass: true, responsive:{ @@ -53,4 +53,31 @@ $('.nav-event .menu-icon').click(function() { } } }) -}); \ No newline at end of file +}); + +//// ============Input number incrementer / stepper=============== + $(".btn").on("click tap", function() { + var $button = $(this); + var oldValue = $('#spinner').val(); + if ($button.attr("id") == "step-increment") { + var newVal = parseFloat(oldValue) + 1; + } else { + // Don't allow decrementing below zero + if (oldValue > 0) { + var newVal = parseFloat(oldValue) - 1; + } else { + newVal = 0; + } + }; + $('#spinner').val(newVal); + }); + $("#step-decrement").on("click tap", function() { + if ( $('#spinner').val() === '0' ) { + $(this).attr("disabled", true); + $(this).attr("aria-disabled", true); + } + }); + $("#step-increment").on("click tap", function() { + $("#step-decrement").removeAttr("disabled"); + $("#step-decrement").removeAttr("aria-disabled"); + }); \ No newline at end of file diff --git a/static/rsvp/event/oceandor/app.js b/static/rsvp/event/oceandor/app.js index 74488397..55b9d23b 100644 --- a/static/rsvp/event/oceandor/app.js +++ b/static/rsvp/event/oceandor/app.js @@ -32,19 +32,19 @@ $(document).ready(function() { responsive:{ 0: { items: 1, - navText: ["",""], + navText: ["",""], dots: false, nav: true }, 600: { items: 1, - navText: ["",""], + navText: ["",""], dots: false, nav: true }, 1000: { items: 1, - navText: ["",""], + navText: ["",""], dots: false, nav: true } @@ -62,19 +62,19 @@ $(document).ready(function() { responsive:{ 0: { items: 1, - navText: ["",""], + navText: ["",""], dots: false, nav: true }, 600: { items: 1, - navText: ["",""], + navText: ["",""], dots: false, nav: true }, 1000: { items: 1, - navText: ["",""], + navText: ["",""], dots: false, nav: true } diff --git a/static/rsvp/event/seminary/app.js b/static/rsvp/event/seminary/app.js index 1fdb044c..288303c3 100644 --- a/static/rsvp/event/seminary/app.js +++ b/static/rsvp/event/seminary/app.js @@ -18,7 +18,7 @@ $(document).ready(function(){ $('.carousel-gallery').addClass('owl-carousel owl-theme').owlCarousel({ margin: 50, - navText: ["",""], + navText: ["",""], loop: true, responsiveClass: true, responsive:{ @@ -43,7 +43,7 @@ $(document).ready(function(){ }) $('.carousel-sponsors').addClass('owl-carousel owl-theme').owlCarousel({ margin: 50, - navText: ["",""], + navText: ["",""], loop: true, responsiveClass: true, responsive:{ @@ -66,7 +66,7 @@ $(document).ready(function(){ }) $('.carousel-mobile-speakers').addClass('owl-carousel owl-theme').owlCarousel({ margin: 50, - navText: ["",""], + navText: ["",""], loop: true, responsiveClass: true, responsive:{ @@ -89,7 +89,7 @@ $(document).ready(function(){ }) $('.carousel-mobile-schedule').addClass('owl-carousel owl-theme').owlCarousel({ margin: 50, - navText: ["",""], + navText: ["",""], loop: true, responsiveClass: true, responsive:{ diff --git a/static/rsvp/event/seminary/style_event_4.css b/static/rsvp/event/seminary/style_event_4.css index 638fe27b..d549ee55 100644 --- a/static/rsvp/event/seminary/style_event_4.css +++ b/static/rsvp/event/seminary/style_event_4.css @@ -192,6 +192,8 @@ input[type=number] { .rsvp input::placeholder{ color: #fff; } +.input-number-arrow #step-decrement{left: -10px;} +.input-number-arrow #step-increment{right: -10px;} .footer .button{ color: #fff; border: 2px solid #fff; diff --git a/static/rsvp/free/diana_ross/app.js b/static/rsvp/free/diana_ross/app.js index 3bacec7e..62a65e23 100644 --- a/static/rsvp/free/diana_ross/app.js +++ b/static/rsvp/free/diana_ross/app.js @@ -306,7 +306,7 @@ $(document).ready(function() { items: 1, dots: false, loop: true, - navText: ["",""], + navText: ["",""], nav: true }, 600: { diff --git a/static/rsvp/free/natasha_bruce/app.js b/static/rsvp/free/natasha_bruce/app.js index 3bacec7e..13f127dd 100644 --- a/static/rsvp/free/natasha_bruce/app.js +++ b/static/rsvp/free/natasha_bruce/app.js @@ -306,7 +306,7 @@ $(document).ready(function() { items: 1, dots: false, loop: true, - navText: ["",""], + navText: ["",""], nav: true }, 600: { diff --git a/static/rsvp/free/natasha_bruce/style-birthday-1.css b/static/rsvp/free/natasha_bruce/style-birthday-1.css index 0da0375b..090fb157 100644 --- a/static/rsvp/free/natasha_bruce/style-birthday-1.css +++ b/static/rsvp/free/natasha_bruce/style-birthday-1.css @@ -1,880 +1,466 @@ -/* Default */ - @font-face{ - font-family: "Raleway Regular"; - src: url(Raleway-Regular.ttf) format("truetype"); - } - @font-face{ - font-family: "Raleway Medium"; - src: url(Raleway-Medium.ttf) format("truetype"); - } - @font-face{ - font-family: "Raleway Black"; - src: url(Raleway-Black.ttf) format("truetype"); - } - @font-face{ - font-family: "Raleway Bold"; - src: url(Raleway-Bold.ttf) format("truetype"); - } - @font-face{ - font-family: "Raleway ExtraBold"; - src: url(Raleway-ExtraBold.ttf) format("truetype"); - } - .container-fluid{position: relative;} - h1, h2, h3, h4, h5, h6{font-family: "Raleway Medium";} - h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{font-family: "Raleway Black";} - h2{ - font-size: 36px !important; - line-height: 42px; - letter-spacing: 7.2px; - } - p,a,label,th,td,li, input{ - font-family: "Raleway Medium"; - font-size: 14px !important; - line-height: 25px; - letter-spacing: 0.35px; - color: #58595B; + body{ + overflow-x: hidden; + } + h1, h2, h3, h4, h5, h6{font-family: "Oswald Medium";} + .font-weight-bold{ + font-family: "Montserrat Bold"; + } + p strong{ + font-family: "Montserrat Bold"; + } + h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{font-family: "Oswald Medium";} + p,a,label,th,td,li, input{ + font-family: "Montserrat Regular"; + font-size : 12pt; + line-height : 24px; + } + input::-webkit-outer-spin-button, + input::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; + } - } - b{ - font-family: "Raleway ExtraBold"; - font-weight: unset !important; - } - .ts{text-shadow: 2px 2px 3px rgba(74,74,74,0.65);} - .bs{box-shadow: 2px 2px 10px rgba(74,74,74,0.65);} - .font-green,.font-green p{color: #00704b;} - .font-yellow,.font-yellow p{color: #eec319;} - .line-white{border: 2px solid #fff;} - .line-green{border-bottom: 2px solid #00704b;} - .bg-green{background-color: #00704b;} - .bg-yellow{background-color: #eec319;} - .bg-aqua{background-color: #a7dee9;} - .button-default{ - padding: 4% 10%; - letter-spacing: 0; - color: #fff; - background: #a3d7e3; - border-radius: 50px; - border: 1px solid #a3d7e3; - } - .button-default:hover{ - color: #a3d7e3; - background: #fff; - border: 1px solid #a3d7e3; - transition: .5s; - } - .button-pink{ - padding: 4% 10%; - letter-spacing: 2.8px; - color: #fff; - background: #ff92a7; - border-radius: 50px; - border: 1px solid #ff92a7; - } - .button-pink:hover{ - color: #ff92a7; - background: #fff; - border: 1px solid #ff92a7; - transition: .5s; - } - .button-trans{ - padding: 4% 10%; - letter-spacing: 2.8px; - color: #fff; - background: transparent; - border-radius: 50px; - border: 1px solid #fff; - } - .button-trans:hover{ - background: #fff; - color: #a7dee9; - transition: .5s; - } -/* Navbar */ - nav{ - position: absolute; - z-index: 1; - padding: 1.5% 5%; - top: 0; - left: 0; - width: 100%; - } - nav ul{ - margin-bottom: 0; - padding: 3% 0; - list-style-type: none; - text-align: right; - } - nav ul li{ - display: inline; - padding: 0 2.5%; - } - nav ul li:last-child{ - padding-right: 0; - } - nav ul li a{ - letter-spacing: 2.8px; - color: #58595B; - text-transform: uppercase; - } - nav ul li a:hover, - nav ul li a:active, - nav ul li a.active{ - padding-bottom: 5px; - font-family: "Raleway Bold"; - color: #58595B; - border-bottom: 2px solid #58595B; - transition: .0s; - } - .side-nav{ - background: #fff; - position: fixed; - top: 0; - left: -100%; - height: 100vh; - width: 100%; - transition: all .3s; - } - .side-nav.active{ - left: 0; - } - .side-nav ul{ - margin: 2.5em 0 0 0; - } - .side-nav ul li{ - display: block; - text-align: center; - margin: 25px 0; - } - .side-nav ul li a{font-size: 15px !important;} - .side-nav .fa-times{ - font-size: 40px; - color: #58595b; - } - @media screen and (max-width: 846px) { - nav .container-fluid{ - -webkit-animation-name: unset; - animation-name: unset; - } - nav h3 i, - nav .close-div i{cursor: pointer;} - nav ul li:last-child{ - padding-right: 15px; - } - /*nav ul li a{color: #79797a;}*/ - nav ul li a:hover, - nav ul li a:active, - nav ul li a.active{ - color: #58595B; - border-bottom: 2px solid #58595B; - } - #wishlist nav h3{color: #58595b !important;} - } -/* Footer */ - footer p, - footer a{margin-bottom: 0;} - footer .button-trans{ - padding: 2.5% 5%; - line-height : 13px; - letter-spacing : 0.7px; - } -/* Page Home */ - /* BANNER */ - #banner{overflow: hidden;} - #banner .logo{ - z-index: 2; - top: 57%; - width: 100%; - } - #banner .motif{ - z-index: 3; - top: 14%; - left: 42%; - width: 40%; - transform: translateY(0); - } - #banner .ornament-01{ - position: absolute; - z-index: 1; - top: -6%; - left: -9%; - width: 26%; - } - #banner .ornament-02{ - position: absolute; - z-index: 1; - top: 16%; - right: 6%; - width: 18%; - } - #banner .ornament-03{ - position: absolute; - z-index: 1; - bottom: -5%; - left: 2%; - width: 45%; - } - #banner .icon{ - top: 90%; - left: 1%; - width: 5%; - } - /* ABOUT */ - #about .motif1{ - top: 20%; - left: 7%; - right: unset; - transform: unset; - width: 10%; - } - #about .motif2{ - top: 0; - transform: unset; - } - #about .motif3{ - top: 42%; - width: 20%; - } - #about .wrap-images{ - position: absolute; - top: 20%; - width: 100%; - height: 60vh; - overflow: hidden; - } - #about .wrap-images img{ - width: 100%; - height: 100%; - object-fit: cover; - } - /* DATE & PLACE */ - #dateandplace .bg{top: 60%;} - #dateandplace .motif1{ - margin: unset; - top: 5%; - transform: unset; - left: unset; - right: 25%; - width: 14%; - } - #dateandplace .motif2{ - margin: unset; - top: 0; - transform: unset; - left: unset; - right: 3%; - width: 25%; - } - #dateandplace .content{ - padding: 0 7% !important; - width: 100%; - } - #dateandplace .box{ - position: relative; - margin: 0 auto; - width: 260px; - height: 260px; - text-align: center; - color: #fff; - border-radius: 100%; - } - #dateandplace .box .detail{ - display: none; - position: absolute; - top: 0; - width: 100%; - height: 100%; - border-radius: 100%; - background-color: rgba(0, 0, 0, 0.5); - color: rgba(0, 0, 0, 0.5); - } - #dateandplace .box .detail .circle{ - position: relative; - margin: 15%; - width: 70%; - height: 70%; - border: 2px solid #fff; - border-radius: 100%; - } - #dateandplace .box .detail .circle p{ - padding-top: 0; - font-family: "Raleway Regular"; - font-size: 15px !important; - line-height: 18.6px; - letter-spacing: 0.38px; - color: #fff; - } - #dateandplace .box:hover .detail{ - display: block; - transition: 0.3s; - } - #dateandplace .box img{height: 100%;} - #dateandplace .box .boxc{ - padding-top: 5%; - font-family: "Raleway Medium"; - font-size: 29px; - line-height: 45px; - letter-spacing : 1.13px; - } - #dateandplace .box .boxc span{ - font-family: "Raleway ExtraBold"; - font-size: 98px; - } - #dateandplace .desc{ - padding-top: 25px; - text-align: center; - } - #dateandplace .desc p{ - font-family: "Raleway Medium"; - font-size: 14px !important; - line-height: 25px; - letter-spacing: 0.35px; - color: #fff; - } - /* GALLERY */ - #gallery .ov{ - position: absolute; - top: 0; - width: 100%; - height: 100%; - background-color: rgba(0, 0, 0, 0.5); - } - #gallery .ov:hover{ - background-color: unset; - transition: .3s; - cursor: pointer; - } - #gallery #js-gallery{min-height: 50vh;} - #gallery #js-gallery,#js-gallery img{width: 100%;} - #gallery #js-gallery .gallery__hero{ - position: absolute; - top: 0; - right: 0; - width: 50%; - } - #gallery #js-gallery .gallery__thumbs{ - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - box-sizing: border-box; - width: 50%; - } - #gallery #js-gallery .gallery__thumbs a{ - display: inline-block; - position: relative; - -ms-flex: 0 0 33.333333%; - flex: 0 0 33.333333%; - max-width: 33.333333%; - overflow: hidden; - } - #gallery #js-gallery .gallery__thumbs a:hover img, #gallery .ov:hover{ - transform: scale(1.1); - transition: 1s; - } - #gallery #js-gallery .gallery__thumbs a.is-active .ov{background-color: unset;} - /* RSVP */ - #rsvp .desc{width: 80%;} - #rsvp label{ - font-family: "Raleway Bold"; - font-size: 15px !important; - color: #00704b; - } - #rsvp form table tr td label.radio{ - margin-right: 4%; - font-family: "Raleway Medium"; - font-weight: unset; - color: #58595B; - } - #rsvp form table{ - margin-bottom: 5%; - width: 100%; - } - #rsvp form table tr td{ - padding: 3vh 0; - width: 30% - } - #rsvp form table tr td:last-child{width: 70%;} - #rsvp form input[type=text], - #rsvp form input[type=email], - #rsvp form input[type=number]{ - padding: 5px 10px; - width: 80%; - font-size : 15px !important; - letter-spacing : 0.38px; - color : #58595B; - border: none; - border-radius: 0; - border-bottom: 2px solid #00704b; - } - ::-webkit-input-placeholder{color: #BCBEC0 !important;} - ::-ms-input-placeholder{color: #BCBEC0 !important;} - ::placeholder{color: #BCBEC0 !important;} - #rsvp form input::-webkit-outer-spin-button, - #rsvp form input::-webkit-inner-spin-button{ - /* display: none; <- Crashes Chrome on hover */ - -webkit-appearance: none; - margin: 0; - } - #rsvp form input[type=number] { - -moz-appearance:textfield; /* Firefox */ - } - #rsvp form .guest{ - width: 80%; - border-bottom: 2px solid #00704b; - } - #rsvp form .guest input[type=number]{ - width: 85%; - background: transparent; - border: none; - } - #rsvp form .guest a{ - margin: 0; - padding: 0 0 3px 40px; - border: none; - } - #rsvp form button:focus{outline:0;} - #rsvp form .button-default{padding: 15px 20px;} - #rsvp form input.button-pink{ - margin-top: -10px; - padding: 10px 30px; - } - #rsvp #ebrochure .modal-lg{max-width: 70%;} - #rsvp #ebrochure .boxc{ - text-align: center; - } - #rsvp #ebrochure .boxc h2{ - font-size : 21px !important; - line-height : 29.31px !important; - letter-spacing : 4.2px; - } - #rsvp #ebrochure .boxc h2 span{font-size: 30px !important;} - #rsvp #ebrochure .boxc p{ - font-size : 21px !important; - letter-spacing : 0.53px; - } - #rsvp #ebrochure .boxc .button-blue{ - margin: 3% auto 0; - cursor: pointer; - } - /* THANKS */ - #thanks .bg{ - background: url('images/ornament-thanks-01.png'); - background-size: 100% 100% !important; - background-repeat: no-repeat !important; - background-attachment: fixed !important; - background-position: center !important; - width: 100%; - height: 50vh; - } - #thanks .desc{ - top: 80%; - left: 24%; - width: 20%; - text-align: center; - } - #thanks .desc p{ - font-size : 21px !important; - letter-spacing : 0.53px; - } + /* Firefox */ + input[type=number] { + -moz-appearance: textfield; + } + .font-gilroy{ + font-family: "Montserrat Regular"; + } + .font-oswald-extralight{ + font-family: "Oswald ExtraLight"; + } + .text-dgreen{ + color: #5F7754; + } + .text-gray{ + color: #6D6E71; + } + .text-yellow{ + color: #EFCC60; + } + .text-cyan{ + color: #84AFA1; + } + .bg-cyan{ + background: #84AFA1; + } + .nav-wedding{ + width: 100%; + z-index: 2; + left: 50%; + transform: translateX(-50%); + } + .nav-wedding ul{ + margin: 0.5em 0 0; + } + .nav-wedding ul li{ + display: inline; + } + .nav-wedding ul li:hover{ + border-bottom: 1.5px solid #fff; + } + .nav-wedding ul li a{ + color: #fff; + letter-spacing: 1px; + } + .our-story h3{ + transform: rotate(-90deg); + position: absolute; + top: 2em; + left: -9%; + } + .border-green{ + border: 2px solid #5F7754; + } + .our-story .image-title{ + position: absolute; + bottom: 0; + } + .our-story hr.green{ + background: #5F7754; + height: 2px; + width: 80%; + } + .vertical-center{ + position: absolute; + transform: translateY(-50%); + top: 50%; + right: 0; + } + .header{ + width: 100%; + height: 768px; + background-position: center; + background-repeat: no-repeat; + background-size: cover; + } + .about-us p.text-gray.font-weight-bold.pl-lg-5.ml-lg-5{ + letter-spacing: 1.5px; + } + .about-us h1.title.pl-lg-5.ml-lg-5{ + font-size: 85px; + } + .about-us .line-style{ + background: #5F7754; + height: 2px; + width: 20em; + } + .about-us .nav-link{ + padding: 0.6rem 0.6rem; + font-size: 30px; + color: #84AFA1; + border: 2px solid #84afa1; + border-radius: 50% !important; + background: #fff; + box-shadow: 0px 4px 2px 0px rgba(0,0,0,0.1); + } + .about-us li:last-child .nav-link::after{ + content: '\f219'; + font-family: 'FontAwesome'; + font-size: 8px; + position: absolute; + top: 10px; + left: 50%; + transform: translate(-50%,-50%); + color: #84afa1; + } + .about-us li:last-child .nav-link.active::after{ + color: #fff; + } + .about-us .nav-pills .nav-link.active,.about-us .nav-pills .show > .nav-link { + border-radius: 50%; + font-size: 30px; + font-weight: bold; + background: #84AFA1; + box-shadow: none; + } + .about-us ul.nav{ + position: absolute; + bottom: 140px; + left: 10.8%; + transform: translate(-50%, -50%); + } + .about-us{ + background-image: url(images/bg-about-us-20.jpg); + padding-top: 3rem; + padding-bottom: 10rem; + background-size: contain; + background-repeat: no-repeat; + } + .when-section{ + background-color: #EFCC60; + overflow: visible !important; + margin-bottom: 130px; + } + .when-section p.title-1{ + font-family: "Oswald Medium"; + font-size: 120px; + position: absolute; + left: 38%; + top: 50%; + transform: translate(-50%) rotate(-90deg); + } + .when-section .image-left{ + margin-top: -170px; + } + .when-section .image-right{ + margin-bottom: -170px; + } + .button-border-cyan{ + border: 2px solid #84AFA1; + color: #84AFA1; + font-weight: bold; + padding: 5px 20px; + border-radius: 25px; + letter-spacing: 0.8px; + } + .button-border-white{ + border: 2px solid #fff; + color: #fff; + font-weight: bold; + padding: 5px 20px; + border-radius: 25px; + letter-spacing: 0.8px; + } + .col-lg-5.px-lg-5.content { + padding: 7em 0; + } + .when-section p.title-2{ + font-family: "Oswald Medium"; + font-size: 120px; + position: absolute; + left: 63%; + top: 50%; + transform: translate(-50%) rotate(90deg); + } + .overflow-hidden{ + overflow: hidden; + } + .our-gallery{ + margin-top: 150px; + } + .our-gallery .owl-dots .owl-dot.active span, .our-gallery .owl-theme .owl-dots .owl-dot.active span, .our-gallery .owl-theme .owl-dots .owl-dot:hover span{ + background: #fff !important; + } + .our-gallery .owl-dots{ + margin-top: 40px !important; + } + .our-gallery .owl-theme .owl-dots .owl-dot span{ + width: 50px; + height: 5px; + border-radius: 0; + } + .carousel-gallery{ + margin-bottom: -300px; + } + .bg-green-count{ + background-image: url(images/bg-green-bottom-14.jpg); + background-size: cover; + background-position: bottom; + background-repeat: no-repeat; + padding: 500px 0 0; + } + .bg-green-count ul li{ + margin: 0 50px; + display: inline + } + .bg-green-count p.count{ + font-size: 130px; + color: #fff; + } + .bg-green-count .text-white.col-lg-2.text-center::after{ + content: ":"; + position: absolute; + top: -60px; + right: -10px; + font-size: 90px; + font-family: "Oswald ExtraLight"; + transform: translate(-50%); + } + .bg-green-count .text-white.col-lg-2.text-center:last-child::after{ + content: ""; + } + .section-form input.form-control, .trial-wedding-1 input.form-control, .trial-wedding-1 input[type="number"]{ + border: none; + border-bottom: 2px solid #5F7754; + border-radius: 0; + padding: 0; + margin-bottom: 30px; + } + .side-nav{ + background: #efcc60; + position: fixed; + top: 0; + left: -100%; + height: 100vh; + width: 100%; + transition: all .3s; + } + .side-nav.active{ + left: 0; + } + .side-nav ul{ + margin: 4.5em 0 0; + } + .side-nav ul li{ + display: block; + text-align: center; + margin: 25px 0; + } + .side-nav ul li a{ + font-size: 20px; + } + .side-nav .fa-times{ + font-size: 40px; + color: #fff; + } + .modal h1{ + font-size: 85px; + line-height: 80px; + } + .thank-you{ + background-image: url(images/bg-pop-up-02.jpg); + background-size: cover; + background-repeat: no-repeat; + } + .accomodation{ + padding-top: 100px; + } + .accomodation h1.title{ + font-size: 85px; + } + .accomodation hr.line-accomodation{ + background: #5F7754; + height: 2px; + width: 37em; + } + .accomodation .button-location{ + background: #efcc60; + color: #fff; + font-weight: bold; + padding: 15px 25px; + border-radius: 50px; + letter-spacing: 1.5px; + font-size: 13px; + -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.35); + -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.35); + box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.35); + } + .accomodation .button-location:hover{ + background: #fff; + color: #efcc60; + border: 2px solid #efcc60; + } + .button-come { + background: #fff; + color: #EFCC60; + font-weight: bold; + padding: 15px 25px; + border-radius: 25px; + letter-spacing: 1.5px; + box-shadow: 0px 4px 2px 0px rgba(0,0,0,0.1); + font-size: 13px; + } + .button-come:hover{ + border: 2px solid #fff; + color: #fff; + background-color: #efcc60; -/* Page Wishlist */ - /* CONTENT */ - #content-wishlist{width: 100%;} - #content-wishlist .bg1{ - position: absolute; - top: 10%; - } - #content-wishlist .bg2{ - position: absolute; - bottom: 8%; - } - #content-wishlist p span{color: #ff786e;} - #content-wishlist #wishlist-popup .modal-lg{max-width: 70%;} - #content-wishlist #wishlist-popup .boxc{ - text-align: center; - } - #content-wishlist #wishlist-popup .boxc h2{ - font-size : 21px !important; - line-height : 29.31px !important; - letter-spacing : 4.2px; - } - #content-wishlist #wishlist-popup .boxc h2 span{font-size: 30px !important;} - #content-wishlist #wishlist-popup .boxc p{ - font-size : 21px !important; - letter-spacing : 0.53px; - } - #content-wishlist #wishlist-popup .boxc .button-wishlist{ - margin: 3% auto 0; - cursor: pointer; - display: block; - background: url('images/popup-03.png'); - background-size: 100% 100% !important; - background-repeat: no-repeat !important; - background-position: center !important; - padding: 55px 10px 10px 0; - width: 150px; - height: 150px; - font-size: 18px !important; - letter-spacing: 3.6px; - text-align: center; - border: none; - color: #fff !important; - } - .birthday-1-free{ - background-image: url(images/bg-bday1-free-06.jpg); - background-size: cover; - background-position: center; + } + .button-cyan{ + background: #84AFA1; + color: #fff; + font-weight: bold; + padding: 5px 20px; + border-radius: 25px; + letter-spacing: 0.8px; + box-shadow: 0px 4px 2px 0px rgba(0,0,0,0.1); + border: none; } - .birthday-1-free input[type="text"], .birthday-1-free input[type="number"]{ - padding: 5px 10px; - width: 100%; - font-size: 15px !important; - letter-spacing: 0.38px; - color: #58595B; - border: none; - border-bottom-color: currentcolor; - border-bottom-style: none; - border-bottom-width: medium; - border-radius: 0; - border-bottom: 1px solid #00704b; - background: none; + .footer .button-border-white:hover{ + background-color: #fff; + color: #84afa1; + } + @media screen and (max-width: 846px) { + p, a, label, th, td, li, input{ + font-size: 11pt; } - .birthday-1-free input[type="number"] { - -moz-appearance: textfield; - -webkit-appearance: textfield; + .nav-wedding .logo-mobile{ + margin-top: 2px; } - .birthday-1-free .submit-birthday{ - padding: 10px 30px; - letter-spacing: 2.8px; - color: #fff; - background: #ff786e; - border-radius: 50px; - border: 1px solid #ff786e; + .our-story h3{ + position: relative; + transform: none; + top: auto; + left: auto; } - .birthday-1-free .wrapper-carousel{ - margin-left: -70px; + .our-story .content-right .vertical-center{ + position: relative; + transform: none; + top: auto; + right: auto; } - .birthday-1-free .submit-birthday:hover{ - color: #ff786e; - background: #fff; + .our-story hr.green{ + width: 93%; } - .birthday-1-free .carousel-free .owl-prev{ - left: -60px; + .our-story .content-right .ml-lg-20p{ + margin-left: 1.5rem !important; } - .birthday-1-free .carousel-free .owl-next{ - right: -60px; + .about-us{ + background-size: cover; } - -@media screen and (max-width: 846px) { - h2{ - font-size: 28px !important; - line-height: 36px; - letter-spacing: 5.6px; - } - p,a,label,th,td,li, input{ - font-family: "Raleway Medium"; - font-size: 13px !important; - line-height: 22px; - letter-spacing: 0.33px; - } - .mtext-center, - footer .mtext-center{text-align: center !important;} - .ts{text-shadow: 1px 1px 2px rgba(74,74,74,0.65);} - /* Footer */ - footer p, footer a{ - font-size: 12px !important; - text-align: center; - } - footer .button-trans{padding: 2.5% 5%;} - /* Page Home */ - /* BANNER */ - #banner .logo{top: 30%;} - #banner .motif{ - top: 50%; - left: 0; - width: 85%; - } - #banner .ornament-01{ - top: 0; - left: -12%; - width: 54%; - } - #banner .ornament-02{ - top: 36%; - right: 0; - width: 38%; - } - #banner .ornament-03{ - left: -50%; - width: 100%; - } - #banner .icon{ - top: 93%; - left: 3%; - width: 18%; - } - /* ABOUT */ - #about .wrap{ - overflow: hidden; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - } - #about .motif1{ - top: 55%; - left: 18%; - width: 20%; - } - #about .motif2{ - top: 22%; - transform: unset; - } - #about .motif3{ - z-index: -1; - top: 20%; - left: 100%; - width: 27%; - } - /* DATE & PLACE */ - #dateandplace .motif1{ - margin: 0 auto; - top: 11%; - left: 0; - right: 19%; - width: 30%; - } - #dateandplace .motif2{ - margin: 0 auto; - top: 6%; - left: 50%; - right: 0; - width: 50%; - } - #dateandplace .content{ - padding: unset !important; - width: unset; - } - #dateandplace .box{ - width: 150px; - height: 150px; - } - #dateandplace .box .boxc{ - font-size: 17px; - line-height: 23.25px; - letter-spacing: 0.43px; - } - #dateandplace .box .boxc span{font-size: 58px;} - #dateandplace .desc{ - padding-top: 5%; - padding-bottom: 10%; - } - /* GALLERY */ - #gallery .one-carousel{z-index: 0;} - #gallery .one-carousel .owl-dots .owl-dot span{ - width: 25px; - height: 5px; - border-radius: 0; - background: #d1d3d4 !important; - } - #gallery .one-carousel .owl-dots .owl-dot.active span{background: #eec319 !important;} - #gallery .one-carousel .owl-dots .owl-dot:hover span{background: #eec319 !important;} - /* RSVP */ - #rsvp form table{margin-bottom: 10%;} - #rsvp form table tr td:first-child, - #rsvp form table tr td:last-child{ - display: block; - padding: 0; - width: 100%; - } - #rsvp form table tr td:last-child{padding-bottom: 10%;} - #rsvp form input[type=text], - #rsvp form input[type=email], - #rsvp form input[type=number]{ - padding: 5px 10px; - width: 100%; - font-size : 15px !important; - letter-spacing : 0.38px; - color : #58595B; - border: none; - border-radius: 0; - border-bottom: 1px solid #00704b; - } - #rsvp form .guest{ - width: 100%; - border-bottom: 1px solid #00704b; - } - #rsvp form .guest input[type="number"]{width: 75%;} - #rsvp form .row{width: unset !important;} - #rsvp form .order-1, - #rsvp form .order-2{margin-bottom: 15%;} - #rsvp form .button-default, - #rsvp form .button-pink{display: block;} - #rsvp form .button-pink{ - padding: 15px 30px !important; - width: 100%; - } - /* THANKS */ - #thanks .bg{ - background: url('images/mobile-ornament-thanks-01.png'); - height: 30vh; - } - #thanks .ornament{ - right: 10%; - width: 50%; - } - #thanks .desc{ - left: 50%; - width: 45%; - } - #thanks .desc p{font-size: 12px !important;} - /* Page Wishlist*/ - #content-wishlist #wishlist-popup .modal-lg{max-width: 100%;} - #content-wishlist #wishlist-popup .boxc h2{ - font-size: 10px !important; - line-height: 15.31px !important; - } - #content-wishlist #wishlist-popup .boxc h2 span{font-size: 23px !important;} - #content-wishlist #wishlist-popup .boxc p{ - margin-bottom: 10px; - font-size: 10px !important; - line-height: 16px; - } - #content-wishlist #wishlist-popup .boxc .button-wishlist{ - float: unset; - margin: 0 auto; - padding-top: 25px; - width: 80px; - height: 80px; - font-size: 13px !important; - letter-spacing: 0.6px; - } - .birthday-1-free .wrapper-carousel{ - margin-left: auto; - margin-top: -180px; - padding: 60px; - } - .birthday-1-free .submit-birthday{ - display: block; - text-align: center; - } -} -/* Animation */ - /*Slide From Left*/ - .slideanimLeft {visibility:hidden;} - .slideLeft{ - animation-name: slideLeft; - -webkit-animation-name: slideLeft; - animation-duration: 2s; - -webkit-animation-duration: 2s; - visibility: visible; + .about-us p.text-gray.font-weight-bold.pl-lg-5.ml-lg-5{ + margin-top: 160px; } - @keyframes slideLeft { - 0% { - opacity: 0; - transform: translateX(-50%); - } - 100% { - opacity: 1; - transform: translateX(0%); - } + .about-us ul.nav{ + bottom: auto; + top: 490px; + left: 22%; } - @-webkit-keyframes slideLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(-50%); - } - 100% { - opacity: 1; - -webkit-transform: translateX(0%); - } + .about-us h1.title.pl-lg-5.ml-lg-5{ + font-size: 60px; } - /*Image 1*/ - .slideanimImage1 {visibility:hidden;} - .slideImage1 { - animation-name: slideImage1; - -webkit-animation-name: slideImage1; - animation-duration: 1s; - -webkit-animation-duration: 1s; - visibility: visible; + .mobile-tab-come .nav-item:last-child{ + border-left: 2px solid #5F7754; + width: 48%; } - @keyframes slideImage1 { - 0% { - opacity: 0; - transform: translateY(50%); - } - 100% { - opacity: 1; - transform: translateY(0%); - } + .mobile-tab-come .nav-item{ + width: 50%; + text-align: center; } - @-webkit-keyframes slideImage1 { - 0% { - opacity: 0; - -webkit-transform: translateY(50%); - } - 100% { - opacity: 1; - -webkit-transform: translateY(0%); - } + .mobile-tab-come .nav-link{ + display: inline; + padding: .5rem 0; } - /*Image 2*/ - .slideanimImage2 {visibility:hidden;} - .slideImage2 { - animation-name: slideImage2; - -webkit-animation-name: slideImage2; - animation-duration: 1.5s; - -webkit-animation-duration: 1.5s; - visibility: visible; + .mobile-tab-come .nav-pills, .mobile-tab-come .nav-pills .nav-link{ + border-radius: 0; + color: #5F7754 !important; + transition: all .3s; } - @keyframes slideImage2 { - 0% { - opacity: 0; - transform: translateY(100%); - } - 100% { - opacity: 1; - transform: translateY(0%); - } + .mobile-tab-come .nav-pills .nav-link.active, .nav-pills .show > .nav-link{ + background: none; + border-bottom: 2px solid #5F7754; + font-weight: bold; } - @-webkit-keyframes slideImage2 { - 0% { - opacity: 0; - -webkit-transform: translateY(100%); - } - 100% { - opacity: 1; - -webkit-transform: translateY(0%); - } + .mobile-tab-come .button-white{ + background: #fff; + color: #EFCC60; + font-weight: bold; + padding: 5px 20px; + border-radius: 25px; + letter-spacing: 0.8px; + box-shadow: 0px 4px 2px 0px rgba(0,0,0,0.1); } - - /*Image 3*/ - .slideanimImage3 {visibility:hidden;} - .slideImage3 { - animation-name: slideImage3; - -webkit-animation-name: slideImage3; - animation-duration: 2s; - -webkit-animation-duration: 2s; - visibility: visible; + .our-gallery { + margin-top: 90px; + } + .bg-green-count{ + padding: 390px 0 0; + } + .bg-green-count p.count { + font-size: 36px; + } + .bg-green-count .text-white.col-lg-2.text-center::after{ + top: -30px; + right: -11px; + font-size: 52px; + } + .footer p{ + font-size: 10px; + text-align: center; + } + .modal h1{ + font-size: 35px; + line-height: 40px; + margin-top: 7px; + } + .modal img{ + width: 70%; + } + .modal .w-lg-30p{ + width: 90% !important; + } + .accomodation { + padding-top: 100px; + } + .accomodation h1.title { + font-size: 35px; + } + .section-form .text-center.w-50.float-right{ + width: 100% !important; + } + .carousel-free.owl-theme .owl-dots .owl-dot span { + width: 130px !important; + height: 4px !important; + margin: 5px 0px !important; + background: #D6D6D6; + display: block; + -webkit-backface-visibility: visible; + transition: opacity .2s ease; + border-radius: 0 !important; } - @keyframes slideImage3 { - 0% { - opacity: 0; - transform: translateY(150%); - } - 100% { - opacity: 1; - transform: translateY(0%); - } + .carousel-free .owl-dots .owl-dot.active span { + background: #5f7754 !important; } - @-webkit-keyframes slideImage3 { - 0% { - opacity: 0; - -webkit-transform: translateY(150%); - } - 100% { - opacity: 1; - -webkit-transform: translateY(0%); - } - } \ No newline at end of file + } \ No newline at end of file diff --git a/static/rsvp/free/steve_sharon/app.js b/static/rsvp/free/steve_sharon/app.js index 645c3538..3327c0f7 100644 --- a/static/rsvp/free/steve_sharon/app.js +++ b/static/rsvp/free/steve_sharon/app.js @@ -119,19 +119,19 @@ $(document).ready(function() { responsive:{ 0: { items: 1, - navText: ["",""], + navText: ["",""], dots: false, nav: false }, 600: { items: 1, - navText: ["",""], + navText: ["",""], dots: false, nav: true }, 1000: { items: 3, - navText: ["",""], + navText: ["",""], dots: false, nav: true } diff --git a/static/rsvp/wedding/emma_norman/style-wedding-4.css b/static/rsvp/wedding/emma_norman/style-wedding-4.css index 62aed3f8..bdf0ed6e 100644 --- a/static/rsvp/wedding/emma_norman/style-wedding-4.css +++ b/static/rsvp/wedding/emma_norman/style-wedding-4.css @@ -373,7 +373,7 @@ } #rsvp form input{ margin-bottom: 10px; - padding: 4.5% 10px; + padding: 15px 10px; height: auto; font-family: "Cormorant Medium" !important; border: none; @@ -387,6 +387,17 @@ -webkit-appearance: none; border: 1px solid #000; } + #rsvp form input[type="number"]{padding: 15px 0 !important;} + .input-number-arrow #step-decrement{ + padding: 0; + left: -1px; + width: 56px; + } + .input-number-arrow #step-increment{ + padding: 0; + right: -1px; + width: 56px; + } .button-download{ font-family: "Cormorant Medium Italic"; padding: 1.4% 5%; diff --git a/static/rsvp/wedding/jack_jane/style-wedding-5.css b/static/rsvp/wedding/jack_jane/style-wedding-5.css index f2deba70..b6b25478 100644 --- a/static/rsvp/wedding/jack_jane/style-wedding-5.css +++ b/static/rsvp/wedding/jack_jane/style-wedding-5.css @@ -329,17 +329,7 @@ -moz-appearance:textfield; /* Firefox */ } #rsvp form .guest{border-bottom: 1px solid #819e82;} - #rsvp form .guest input[type=number]{ - padding: .375rem .75rem; - width: 85%; - background: transparent; - border: none; - } - #rsvp form .guest a{ - margin: 0; - padding: 0 0 3px 30px; - border: none; - } + #rsvp form .guest input[type=number]{border: none;} .popup-thankyou .content-background{ background-image: url(images/bg-content-popup-03.jpg); height: 660px; @@ -443,7 +433,6 @@ } #rsvp form table tr td:first-child{padding-bottom: 0;} #rsvp form table tr td:last-child{padding-bottom: 10%;} - #rsvp form .guest input[type="number"]{width: 75%;} #rsvp form .button-green{padding: 4% 50px;} } .popup-thankyou .content-background{ diff --git a/static/rsvp/wedding/liam_felicia/app.js b/static/rsvp/wedding/liam_felicia/app.js index 2911cefb..ded6c331 100644 --- a/static/rsvp/wedding/liam_felicia/app.js +++ b/static/rsvp/wedding/liam_felicia/app.js @@ -168,4 +168,31 @@ $(document).ready(function() { } } }) -}) \ No newline at end of file +}) + +//// ============Input number incrementer / stepper=============== + $(".btn").on("click tap", function() { + var $button = $(this); + var oldValue = $('#spinner').val(); + if ($button.attr("id") == "step-increment") { + var newVal = parseFloat(oldValue) + 1; + } else { + // Don't allow decrementing below zero + if (oldValue > 0) { + var newVal = parseFloat(oldValue) - 1; + } else { + newVal = 0; + } + }; + $('#spinner').val(newVal); + }); + $("#step-decrement").on("click tap", function() { + if ( $('#spinner').val() === '0' ) { + $(this).attr("disabled", true); + $(this).attr("aria-disabled", true); + } + }); + $("#step-increment").on("click tap", function() { + $("#step-decrement").removeAttr("disabled"); + $("#step-decrement").removeAttr("aria-disabled"); + }); \ No newline at end of file diff --git a/static/rsvp/wedding/liam_felicia/style-wedding-3.css b/static/rsvp/wedding/liam_felicia/style-wedding-3.css index d7aada86..cf0cc1a0 100644 --- a/static/rsvp/wedding/liam_felicia/style-wedding-3.css +++ b/static/rsvp/wedding/liam_felicia/style-wedding-3.css @@ -504,7 +504,10 @@ text-transform: uppercase; color: #EBD8CF; } - #rsvp form input{padding: 25px 15px;} + #rsvp form input{ + padding: 15px 10px !important; + height: auto; + } #rsvp form .button-default{ outline: none; } diff --git a/static/rsvp/wedding/lucas_eli/app.js b/static/rsvp/wedding/lucas_eli/app.js index 79e6902c..42e3bf92 100644 --- a/static/rsvp/wedding/lucas_eli/app.js +++ b/static/rsvp/wedding/lucas_eli/app.js @@ -32,19 +32,19 @@ $(document).ready(function() { responsive:{ 0: { items: 1, - navText: ["",""], + navText: ["",""], dots: true, nav: true }, 600: { items: 1, - navText: ["",""], + navText: ["",""], dots: true, nav: true }, 1000: { items: 1, - navText: ["",""], + navText: ["",""], dots: true, nav: true } @@ -58,19 +58,19 @@ $(document).ready(function() { responsive:{ 0: { items: 1, - navText: ["",""], + navText: ["",""], dots: true, nav: true }, 600: { items: 1, - navText: ["",""], + navText: ["",""], dots: true, nav: true }, 1000: { items: 3, - navText: ["",""], + navText: ["",""], dots: true, nav: true } diff --git a/static/rsvp/wedding/lucas_eli/style-wedding-10.css b/static/rsvp/wedding/lucas_eli/style-wedding-10.css index e504f800..81e0f64d 100644 --- a/static/rsvp/wedding/lucas_eli/style-wedding-10.css +++ b/static/rsvp/wedding/lucas_eli/style-wedding-10.css @@ -509,7 +509,8 @@ } #rsvp form input{ margin-bottom: 5%; - padding: 7% 5%; + padding: 10px 5% !important; + height: auto; font-family: "Avenir Medium"; font-size: 18px !important; line-height: 38px !important; diff --git a/static/rsvp/wedding/steve_sharon/app.js b/static/rsvp/wedding/steve_sharon/app.js index 645c3538..8eeed0c0 100644 --- a/static/rsvp/wedding/steve_sharon/app.js +++ b/static/rsvp/wedding/steve_sharon/app.js @@ -119,19 +119,19 @@ $(document).ready(function() { responsive:{ 0: { items: 1, - navText: ["",""], + navText: ["",""], dots: false, nav: false }, 600: { items: 1, - navText: ["",""], + navText: ["",""], dots: false, nav: true }, 1000: { items: 3, - navText: ["",""], + navText: ["",""], dots: false, nav: true } diff --git a/static/rsvp/wedding/vicky_wanda/app.js b/static/rsvp/wedding/vicky_wanda/app.js index 7ae05b04..362e198d 100644 --- a/static/rsvp/wedding/vicky_wanda/app.js +++ b/static/rsvp/wedding/vicky_wanda/app.js @@ -117,19 +117,19 @@ $(document).ready(function() { responsive:{ 0: { items: 1, - navText: ["",""], + navText: ["",""], dots: false, nav: true }, 600: { items: 1, - navText: ["",""], + navText: ["",""], dots: false, nav: true }, 1000: { items: 1, - navText: ["",""], + navText: ["",""], dots: false, nav: true } diff --git a/static/rsvp/wedding/vicky_wanda/style-wedding-6.css b/static/rsvp/wedding/vicky_wanda/style-wedding-6.css index 9d0d6b87..eb81884e 100644 --- a/static/rsvp/wedding/vicky_wanda/style-wedding-6.css +++ b/static/rsvp/wedding/vicky_wanda/style-wedding-6.css @@ -496,7 +496,7 @@ #rsvp form input[type=email], #rsvp form input[type=number]{ margin-bottom: 3%; - padding: 10px 15px; + padding: 10px 15px !important; height: auto; background: #fff; border: none; diff --git a/static/rsvp/wedding/victor_karla/style_victor.css b/static/rsvp/wedding/victor_karla/style_victor.css index 67fdc68c..98553ccb 100644 --- a/static/rsvp/wedding/victor_karla/style_victor.css +++ b/static/rsvp/wedding/victor_karla/style_victor.css @@ -297,10 +297,13 @@ input[type=number] { position: absolute; z-index: 3; } -#step-increment{ - position: absolute; - right: 0; - top: .5em; +.input-number-arrow #step-decrement{ + padding: 0; + left: -18px; +} +.input-number-arrow #step-increment{ + padding: 0; + right: -18px; } .button-download{ color: #ceb49b; diff --git a/templates/preview/birthday/aaron/index.html b/templates/preview/birthday/aaron/index.html index 77515e9c..798f5830 100644 --- a/templates/preview/birthday/aaron/index.html +++ b/templates/preview/birthday/aaron/index.html @@ -9,14 +9,14 @@