Changeset 182976

Timestamp:

01/09/2023 02:15:17 PM (3 years ago)

Author:

themedropbox

Message:

New version of Spera - 2.0.12

Location:

spera/2.0.12

Files:

• . (copied) (copied from spera/2.0.11)
• css/portfolio-effects.css (added)
• functions.php (modified) (1 diff)
• images (added)
• images/circle-anim.png (added)
• readme.txt (modified) (2 diffs)
• sections/spera-portfolio.php (added)
• sections/spera-service.php (added)
• style.css (modified) (2 diffs)
• templates/template-homepage-one.php (modified) (1 diff)

spera/2.0.12/functions.php

@@ -10 +10 @@
         wp_enqueue_style('spera-media-query',get_stylesheet_directory_uri() .'/css/media-query.css');
         wp_dequeue_style('specia-media-query');
+        
+        wp_enqueue_style('spera-portfolio-effects',get_stylesheet_directory_uri() .'/css/portfolio-effects.css');
+        
         
         wp_enqueue_script('spera-custom',get_stylesheet_directory_uri() . '/js/custom.js');

spera/2.0.12/readme.txt

@@ -4 +4 @@
 Tested up to: 6.1
 Requires PHP: 5.6
-Stable tag: 2.0.11
-Version: 2.0.11
+Stable tag: 2.0.12
+Version: 2.0.12
 License: GPLv3 or later
 License URI: https://www.gnu.org/licenses/gpl-3.0.html
@@ -88 +88 @@
 ##Changelog
 
+version 2.0.12
+* Improved Service Section
+* Portfolio Animation Updated
+
 version 2.0.11
 * Block Read More Padding Issue Fixed

spera/2.0.12/style.css

@@ -6 +6 @@
     Description: Spera is a trending WordPress theme with lots of powerful features, instantly giving a professional look to your online presence. Spera comes with everything you could ever need to build an amazing website, and It's perfect for any type of business! View the demo of Spera Premium https://demo.speciatheme.com/pro/?theme=spera
     Template: specia
-    Version: 2.0.11
+    Version: 2.0.12
     Tested up to: 6.1
     Requires PHP: 5.6
@@ -722 +722 @@
     padding: 5px 10px;
 }
+
+/*---------------------------------------
+    Service Magzee
+-----------------------------------------*/
+.service_theme_bg_grow .service-box .inner {
+    text-align: left;
+    position: relative;
+    display: block;
+    background: #f9f9f9;
+    border-radius: 5px;
+    overflow: hidden;
+    padding: 38px 26px 35px;
+    transition: all 500ms ease;
+}
+.service_theme_bg_grow .service-box .inner:after {
+    content: '';
+    position: absolute;
+    top: -70px;
+    right: -70px;
+    width: 216px;
+    height: 216px;
+    background-image: url('images/circle-anim.png');
+    background-repeat: no-repeat;
+    opacity: 0;
+    transition: all 500ms ease;
+    animation: rotateme 30s infinite linear;
+}
+.service_theme_bg_grow .service-box .inner:before {
+    position: absolute;
+    content: '';
+    left: 0px;
+    top: 0px;
+    width: 100%;
+    height: 100%;
+    opacity: 0;
+    -webkit-transform-origin: top;
+    transform-origin: top;
+    -webkit-transform: scale(.9) translateY(20px);
+    transform: scale(.9) translateY(20px);
+    transition: all 500ms ease;
+    background-color: #ff0034;
+}
+
+.service_theme_bg_grow .service-box:hover .inner,
+.service_theme_bg_grow .service-box:focus-within .inner {
+    margin: -5px 0px;
+    padding: 43px 26px 40px;
+}
+
+.service-spera.service_theme_bg_grow .service-box:hover, .service-spera.service_theme_bg_grow .service-box:focus-within {
+    background-color: transparent;
+}
+.service_theme_bg_grow .service-box:hover .inner:after,
+.service_theme_bg_grow .service-box:focus-within .inner:after {
+    opacity: 1;
+}
+.service_theme_bg_grow .service-box:hover .inner:before,
+.service_theme_bg_grow .service-box:focus-within .inner:before {
+    opacity: 1;
+    -webkit-transform: scale(1) translateY(0px);
+    -ms-transform: scale(1) translateY(0px);
+    transform: scale(1) translateY(0px);
+    -webkit-transition: 1s;
+    -o-transition: 1s;
+    transition: 1s;
+}
+.service_theme_bg_grow .service-row [class*='col-'] {
+    padding: 0;
+    margin: 0;
+}
+.service_theme_bg_grow .service-row [class*='col-']:nth-child(2n+1) .service-box .inner {
+    background: #f6f6f6;
+}
+.service_theme_bg_grow .specia-icon {
+    color: #222222;
+}
+.service_theme_bg_grow .specia-icon:before {
+    padding: 0;
+    font-size: 60px;
+}
+
+.service_theme_bg_grow .specia-icon:after {
+    position: absolute;
+    content: '';
+    width: 30px;
+    height: 30px;
+    border-radius: 50%;
+    top: 0px;
+    right: -6px;
+    opacity: 0.5;
+    transition: all 500ms ease;
+    -webkit-animation: zoomfade 2s infinite linear;
+    animation: zoomfade 2s infinite linear;
+    background-color: #ff0034;
+}
+
+.service_theme_bg_grow .service-title {
+    margin-bottom: 12px;
+    transition: all 500ms ease;
+}
+.service_theme_bg_grow .service-title a {
+    font-size: 20px;
+    font-weight: 600;
+    display: block;
+    position: relative;
+}
+.service_theme_bg_grow .service-icon-box {
+    position: relative;
+    display: inline-block;
+    font-size: 60px;
+    width: 80px;
+    height: 80px;
+    line-height: 80px;
+    text-align: center;
+    border-radius: 50%;
+    background: transparent;
+    margin-bottom: 16px;
+    transition: all 500ms ease;
+}
+.service_theme_bg_grow .service-description p {
+    transition: all 500ms ease;
+}
+.service_theme_bg_grow .service-description .more-link {
+    margin-top: 12px;
+}
+.service_theme_bg_grow .service-box:hover .service-icon-box,
+.service_theme_bg_grow .service-box:focus-within .service-icon-box {
+    background-color: #ffffff;
+}
+.service_theme_bg_grow .service-box:hover .specia-icon:before,
+.service_theme_bg_grow .service-box:focus-within .specia-icon:before {
+    font-size: 50px;
+}
+.service_theme_bg_grow .service-box:hover a,
+.service_theme_bg_grow .service-box:hover p,
+.service_theme_bg_grow .service-box:focus-within a,
+.service_theme_bg_grow .service-box:focus-within p {
+    color: #ffffff;
+}
+.service_theme_bg_grow .service-description .more-link:after {
+    content: "";
+    width: 100%;
+    height: 2px;
+    background-color: #ffffff;
+    border-radius: 0;
+    top: auto;
+    bottom: 0;
+    right: auto;
+    left: 0;
+}
+@keyframes rotateme {
+    from {
+        transform: rotate(0deg);
+    }
+    to { 
+        transform: rotate(360deg);
+    }
+}
+@-webkit-keyframes rotateme {
+    from {
+        -webkit-transform: rotate(0deg);
+    }
+    to { 
+        -webkit-transform: rotate(360deg);
+    }
+}
+@keyframes zoomfade {
+  0% {
+    -webkit-transform: scale(0.9);
+    transform: scale(0.9);
+  }
+  50% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+  100% {
+    -webkit-transform: scale(0.9);
+    transform: scale(0.9);
+  }
+}
+@-webkit-keyframes zoomfade {
+  0% {
+    -webkit-transform: scale(0.9);
+    transform: scale(0.9);
+  }
+  50% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+  100% {
+    -webkit-transform: scale(0.9);
+    transform: scale(0.9);
+  }
+}

spera/2.0.12/templates/template-homepage-one.php

@@ -7 +7 @@
     get_template_part('sections/spera','slider');
     get_template_part('sections/spera','call-action');
-    get_template_part('sections/specia','service'); 
+    get_template_part('sections/spera','service');  
     get_template_part('sections/specia','features');
-    get_template_part('sections/specia','portfolio');       
+    get_template_part('sections/spera','portfolio');        
     get_template_part('sections/specia','blog');