assets/css/blog.css in appscms-tools-theme-1.9.9 vs assets/css/blog.css in appscms-tools-theme-2.0.1
- old
+ new
@@ -1,491 +1,491 @@
-/**********************************************/
-/***************BLOG-CSS-STYLING *************/
-
-/********************************************/
-
-html {
- scroll-behavior: smooth;
- font-size: 62.5%;
-}
-body {
- font-family: 'Open Sans', sans-serif !important;
-}
-a {
- text-decoration: none !important;
-}
-img {
- width: 100%;
-}
-
-.section_post {
- margin-top: 100px;
-}
-
-/* logo styling */
-.logo {
- width: 50px;
- border-radius: 50%;
-}
-
-header {
- width: 100%;
- position: relative;
-}
-.navbar {
- width: 100%;
- padding: 1.2rem 9% !important;
- position: fixed;
- top: 0;
- left: 0;
- z-index: 999;
-}
-.navbar-nav {
- align-items: center;
-}
-.navbar-brand {
- font-size: 2.2rem;
- color: var(--txtColor) !important;
- font-weight: 900;
-}
-.navbar-brand-image {
- width: 80%;
- display: inline-block;
- max-width: 40px;
-}
-.navbar-dark .navbar-toggler {
- outline: none !important;
-}
-.navbar-nav .nav-item {
- padding: 0 10px;
-}
-.navbar-nav .nav-link:hover {
- color: var(--txtColor) !important;
- transition: all 0.2s linear;
- -webkit-transition: all 0.2s linear;
- -moz-transition: all 0.2s linear;
-}
-.nav-link {
- text-decoration: none !important;
- font-size: 16px;
- color: gray !important;
-}
-/* close */
-
-/* blogs-card title, content styling */
-.anchor_link {
- text-decoration: none !important;
- color: #343a40 !important;
-}
-.anchor_link:hover {
- transition: all 0.5s linear;
- color: #000 !important;
-}
-.anchor_link .card-title {
- font-weight: 600;
- font-size: 22px;
- line-height: 1.3;
-}
-.text_size {
- color: rgba(0, 0, 0, 0.44);
- font-size: 15px;
- line-height: 1.6;
- font-weight: 400;
-}
-/* close */
-
-/* Blog-card-footer styling */
-.card-footer {
- border: none;
-}
-.wrapfooter {
- display: flex;
- align-items: center;
- margin-bottom: 15px;
-}
-.wrapfooter img {
- width: 35px;
- height: 35px;
- border-radius: 50%;
-}
-.wrapfooter .author-meta {
- flex: 1 1 auto;
- padding: 0 15px;
-}
-.wrapfooter .author-meta a {
- font-size: 15px;
- color: #000;
- text-transform: capitalize;
-}
-.wrapfooter .span.post-read-more {
- align-items: center;
- display: inline-block;
- margin-top: 8px;
-}
-.post-date {
- color: rgba(0, 0, 0, 0.44);
- font-size: 13px;
-}
-/* close */
-
-/* BLOG-Categories stlying */
-.explore {
- color: #fff;
- margin-bottom: 100px;
- margin-top: 60px;
- width: 100%;
- background: repeating-linear-gradient(
- 45deg,
- rgb(27, 27, 27) 0px,
- rgb(27, 27, 27) 97px,
- rgb(24, 24, 24) 97px,
- rgb(24, 24, 24) 194px,
- rgb(20, 20, 20) 194px,
- rgb(20, 20, 20) 291px
- );
- height: 250px;
- align-items: center;
- display: flex;
- justify-content: space-around;
-}
-.explore ul {
- display: flex;
- list-style: none;
- flex-wrap: wrap;
-}
-.cat {
- display: inline-block;
- padding: 5px 10px;
- text-decoration: none !important;
- color: #000 !important;
- font-weight: 600;
- font-size: 12px;
- background: #fff;
- border-radius: 15px;
- margin: 0 15px;
-}
-/* close */
-
-/* BLOG-alertbar stlying */
-.alertbar {
- box-shadow: 0 -3px 10px 0 rgb(0 0 0 / 8%);
- position: fixed;
- bottom: 0;
- left: 0;
- background-color: #fff;
- width: 100%;
- padding: 14px 0;
- z-index: 1;
-}
-.alertbar form {
- display: inline-block;
-}
-.alertbar input[type='email'] {
- font-size: 0.85rem;
- padding: 3px 40px 3px 10px;
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- border: 1px solid #ddd;
- border-right: 0;
- margin-right: -10px;
- height: 34px;
- letter-spacing: 0.5px;
- margin-left: 5px;
- outline: 0;
-}
-.alertbar input[type='submit'] {
- background-color: #1c9963;
- border: 1px solid #1c9963;
- color: #fff;
- fill: #fff;
- font-size: 12px;
- border-radius: 0;
- padding: 4px 10px;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- font-weight: 600;
- height: 34px;
- letter-spacing: 0.5px;
- cursor: pointer;
-}
-/* close */
-
-/* Blog-Pages-Pagination stlying*/
-.blog-pagination a,
-.blog-pagination span {
- padding: 7px 10px;
- margin-left: -2px;
- margin-right: -2px;
- background-color: #ffffff;
- display: inline-block;
- text-decoration: none;
-}
-
-.blog-pagination a:hover {
- background-color: #f1f1f1;
- color: #333;
-}
-
-.blog-pagination {
- text-align: center;
- font-size: 14px;
-}
-
-/* BLOG-Categories-PAGes styling */
-.section-title h2 {
- border-bottom: 1px solid rgba(0, 0, 0, 0.125);
- font-weight: 700;
- font-size: 1.5rem;
- margin-bottom: 27px;
-}
-.section-title span {
- border-bottom: 1px solid rgba(0, 0, 0, 0.44);
- display: inline-block;
- padding-bottom: 20px;
- margin-bottom: -1px;
-}
-
-/***************************************************************/
-/********************** post-layouts-styling *******************/
-/***************************************************************/
-
-/* left-sidebar-social-styling */
-.post-content {
- font-size: 20px;
-}
-
-/*.socialIons {
- position: sticky;
- top: 100px;
-}*/
-
-.socialIons > .item-lists2 {
- display: flex;
- flex-direction: row;
- width: 100%;
-}
-.socialIons > .item-lists2 > li:nth-child(1) {
- margin: 0;
-}
-
-.socialIons > .item-lists2 > li {
- list-style: none;
- padding: 8px 0px;
- margin: 0 auto;
-}
-.socialIons .item-lists2 li a {
- color: rgba(95, 21, 21, 0.44);
- fill: rgba(0, 0, 0, 0.44);
- font-size: 15px;
- cursor: pointer;
- text-decoration: none !important;
-}
-.socialIons > .item-lists2 > li i {
- font-size: 18px;
- color: rgba(0, 0, 0, 0.44);
- fill: rgba(0, 0, 0, 0.44);
-}
-.sep {
- height: 1px;
- width: 20px;
- background: #999;
- margin: 3px auto;
-}
-.comments-count {
- margin: 18px 25px;
- text-align: center;
-}
-.comment_count {
- font-size: 12px;
- color: rgba(95, 21, 21, 0.44) !important;
- fill: rgba(0, 0, 0, 0.44);
- text-decoration: none !important;
-}
-/* close */
-
-/* right-sidebar-styling-starts */
-/* author bio styling.. */
-.author_image .author-thumb {
- width: 60px;
- height: 60px;
- object-fit: cover;
-}
-.author-meta .postName {
- font-size: 18px !important;
- color: rgba(0, 0, 0, 0.8) !important;
- text-decoration: none !important;
- font-family: 'Merriweather', serif;
-}
-.btn_follow {
- margin-left: 5px;
- margin-bottom: 10px;
- border-color: #02b875;
- color: #1c9963 !important;
- padding: 3px 10px;
- text-align: center;
- border-radius: 999em;
- font-size: 1.5rem;
- display: inline-block;
- border: 1px solid;
-}
-.author_bio {
- font-family: 'Merriweather', serif;
- color: rgba(0, 0, 0, 0.44);
- font-size: 13px;
- line-height: 20px;
-}
-/* close */
-
-/* pagination-styling-postpages */
-.pointerup i.fa {
- color: #eaeaea;
-}
-.pointerup {
- margin-bottom: -9px;
- margin-left: 49%;
- font-size: 30px;
-}
-.bottompagination span.navigation {
- display: block;
- font-size: 0.93rem;
- padding: 15px 0 0 0;
- text-align: center;
- margin-bottom: 0rem;
- color: #999;
- border-top: 1px solid #ddd;
-}
-.pagination {
- display: -ms-flexbox;
- display: flex;
- padding-left: 0;
- list-style: none;
- border-radius: 0.25rem;
- display: block;
- color: green;
- font-size: 15px;
- margin-bottom: 30px;
-}
-.pageUrl {
- color: green;
- font-size: 12px;
- font-weight: 900;
- text-decoration: none;
- margin-right: 10px;
-}
-.pageUrl:hover {
- text-decoration: none;
- color: green;
-}
-.lunrsearchresult {
- font-size: 15px;
-}
-.lunrsearchresult .title {
- color: #d9230f;
-}
-.lunrsearchresult .url {
- color: silver;
-}
-.lunrsearchresult a {
- display: block;
- color: #777;
-}
-
-.lunrsearchresult:hover,
-.lunrsearchresult:focus {
- text-decoration: none;
-}
-
-.lunrsearchresult:hover .title {
- text-decoration: underline;
-}
-
-.close {
- float: right;
- font-size: 2rem;
- font-weight: 700;
- line-height: 1;
- color: #000;
- text-shadow: 0 1px 0 #fff;
- opacity: 0.5;
- border: none;
- background: transparent;
-}
-.close:focus {
- outline: none !important;
-}
-
-/* recent post heading stlye */
-.recent_post_heading {
- width: 100%;
- font-size: 46px;
- text-align: left;
- font-weight: 800;
- font-stretch: normal;
- font-style: normal;
- line-height: 1.24;
- letter-spacing: normal;
- color: rgb(17, 48, 78);
- margin-bottom: 45px;
- padding-top: 75px;
- display: inline-block;
-}
-
-@media (max-width: 768px) {
- .bd-search {
- padding: 10px 25px;
- }
- .socialIons > .item-lists2 {
- justify-content: center;
- }
- .socialIons > .item-lists2 {
- flex-direction: row;
- align-items: center;
- }
- .socialIons > .item-lists2 > li {
- padding-right: 30px;
- margin: 0;
- }
-}
-
-@media (max-width: 768px) {
- .navbar-nav {
- align-items: unset;
- }
- .nav-item {
- padding: 0 !important;
- }
-
- .sep {
- margin: 0;
- }
- .author-meta {
- padding-left: 15px;
- }
- .comments-count {
- margin: 18px 0;
- text-align: left;
- }
-
- .navbar {
- padding-left: 7% !important;
- padding-right: 7% !important;
- }
- .title,
- .description {
- width: 100% !important;
- text-align: center;
- }
- .angle-arrow {
- position: fixed;
- bottom: 4px;
- right: 32px;
- top: auto;
- z-index: 999;
- }
- .alertbar form {
- display: block;
- margin-top: 10px;
- }
- .small_description {
- font-size: 25px;
- }
-}
+/**********************************************/
+/***************BLOG-CSS-STYLING *************/
+
+/********************************************/
+
+html {
+ scroll-behavior: smooth;
+ font-size: 62.5%;
+}
+body {
+ font-family: 'Open Sans', sans-serif !important;
+}
+a {
+ text-decoration: none !important;
+}
+img {
+ width: 100%;
+}
+
+.section_post {
+ margin-top: 100px;
+}
+
+/* logo styling */
+.logo {
+ width: 50px;
+ border-radius: 50%;
+}
+
+header {
+ width: 100%;
+ position: relative;
+}
+.navbar {
+ width: 100%;
+ padding: 1.2rem 9% !important;
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 999;
+}
+.navbar-nav {
+ align-items: center;
+}
+.navbar-brand {
+ font-size: 2.2rem;
+ color: var(--txtColor) !important;
+ font-weight: 900;
+}
+.navbar-brand-image {
+ width: 80%;
+ display: inline-block;
+ max-width: 40px;
+}
+.navbar-dark .navbar-toggler {
+ outline: none !important;
+}
+.navbar-nav .nav-item {
+ padding: 0 10px;
+}
+.navbar-nav .nav-link:hover {
+ color: var(--txtColor) !important;
+ transition: all 0.2s linear;
+ -webkit-transition: all 0.2s linear;
+ -moz-transition: all 0.2s linear;
+}
+.nav-link {
+ text-decoration: none !important;
+ font-size: 16px;
+ color: gray !important;
+}
+/* close */
+
+/* blogs-card title, content styling */
+.anchor_link {
+ text-decoration: none !important;
+ color: #343a40 !important;
+}
+.anchor_link:hover {
+ transition: all 0.5s linear;
+ color: #000 !important;
+}
+.anchor_link .card-title {
+ font-weight: 600;
+ font-size: 22px;
+ line-height: 1.3;
+}
+.text_size {
+ color: rgba(0, 0, 0, 0.44);
+ font-size: 15px;
+ line-height: 1.6;
+ font-weight: 400;
+}
+/* close */
+
+/* Blog-card-footer styling */
+.card-footer {
+ border: none;
+}
+.wrapfooter {
+ display: flex;
+ align-items: center;
+ margin-bottom: 15px;
+}
+.wrapfooter img {
+ width: 35px;
+ height: 35px;
+ border-radius: 50%;
+}
+.wrapfooter .author-meta {
+ flex: 1 1 auto;
+ padding: 0 15px;
+}
+.wrapfooter .author-meta a {
+ font-size: 15px;
+ color: #000;
+ text-transform: capitalize;
+}
+.wrapfooter .span.post-read-more {
+ align-items: center;
+ display: inline-block;
+ margin-top: 8px;
+}
+.post-date {
+ color: rgba(0, 0, 0, 0.44);
+ font-size: 13px;
+}
+/* close */
+
+/* BLOG-Categories stlying */
+.explore {
+ color: #fff;
+ margin-bottom: 100px;
+ margin-top: 60px;
+ width: 100%;
+ background: repeating-linear-gradient(
+ 45deg,
+ rgb(27, 27, 27) 0px,
+ rgb(27, 27, 27) 97px,
+ rgb(24, 24, 24) 97px,
+ rgb(24, 24, 24) 194px,
+ rgb(20, 20, 20) 194px,
+ rgb(20, 20, 20) 291px
+ );
+ height: 250px;
+ align-items: center;
+ display: flex;
+ justify-content: space-around;
+}
+.explore ul {
+ display: flex;
+ list-style: none;
+ flex-wrap: wrap;
+}
+.cat {
+ display: inline-block;
+ padding: 5px 10px;
+ text-decoration: none !important;
+ color: #000 !important;
+ font-weight: 600;
+ font-size: 12px;
+ background: #fff;
+ border-radius: 15px;
+ margin: 0 15px;
+}
+/* close */
+
+/* BLOG-alertbar stlying */
+.alertbar {
+ box-shadow: 0 -3px 10px 0 rgb(0 0 0 / 8%);
+ position: fixed;
+ bottom: 0;
+ left: 0;
+ background-color: #fff;
+ width: 100%;
+ padding: 14px 0;
+ z-index: 1;
+}
+.alertbar form {
+ display: inline-block;
+}
+.alertbar input[type='email'] {
+ font-size: 0.85rem;
+ padding: 3px 40px 3px 10px;
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+ border: 1px solid #ddd;
+ border-right: 0;
+ margin-right: -10px;
+ height: 34px;
+ letter-spacing: 0.5px;
+ margin-left: 5px;
+ outline: 0;
+}
+.alertbar input[type='submit'] {
+ background-color: #1c9963;
+ border: 1px solid #1c9963;
+ color: #fff;
+ fill: #fff;
+ font-size: 12px;
+ border-radius: 0;
+ padding: 4px 10px;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+ font-weight: 600;
+ height: 34px;
+ letter-spacing: 0.5px;
+ cursor: pointer;
+}
+/* close */
+
+/* Blog-Pages-Pagination stlying*/
+.blog-pagination a,
+.blog-pagination span {
+ padding: 7px 10px;
+ margin-left: -2px;
+ margin-right: -2px;
+ background-color: #ffffff;
+ display: inline-block;
+ text-decoration: none;
+}
+
+.blog-pagination a:hover {
+ background-color: #f1f1f1;
+ color: #333;
+}
+
+.blog-pagination {
+ text-align: center;
+ font-size: 14px;
+}
+
+/* BLOG-Categories-PAGes styling */
+.section-title h2 {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.125);
+ font-weight: 700;
+ font-size: 1.5rem;
+ margin-bottom: 27px;
+}
+.section-title span {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.44);
+ display: inline-block;
+ padding-bottom: 20px;
+ margin-bottom: -1px;
+}
+
+/***************************************************************/
+/********************** post-layouts-styling *******************/
+/***************************************************************/
+
+/* left-sidebar-social-styling */
+.post-content {
+ font-size: 20px;
+}
+
+/*.socialIons {
+ position: sticky;
+ top: 100px;
+}*/
+
+.socialIons > .item-lists2 {
+ display: flex;
+ flex-direction: row;
+ width: 100%;
+}
+.socialIons > .item-lists2 > li:nth-child(1) {
+ margin: 0;
+}
+
+.socialIons > .item-lists2 > li {
+ list-style: none;
+ padding: 8px 0px;
+ margin: 0 auto;
+}
+.socialIons .item-lists2 li a {
+ color: rgba(95, 21, 21, 0.44);
+ fill: rgba(0, 0, 0, 0.44);
+ font-size: 15px;
+ cursor: pointer;
+ text-decoration: none !important;
+}
+.socialIons > .item-lists2 > li i {
+ font-size: 18px;
+ color: rgba(0, 0, 0, 0.44);
+ fill: rgba(0, 0, 0, 0.44);
+}
+.sep {
+ height: 1px;
+ width: 20px;
+ background: #999;
+ margin: 3px auto;
+}
+.comments-count {
+ margin: 18px 25px;
+ text-align: center;
+}
+.comment_count {
+ font-size: 12px;
+ color: rgba(95, 21, 21, 0.44) !important;
+ fill: rgba(0, 0, 0, 0.44);
+ text-decoration: none !important;
+}
+/* close */
+
+/* right-sidebar-styling-starts */
+/* author bio styling.. */
+.author_image .author-thumb {
+ width: 60px;
+ height: 60px;
+ object-fit: cover;
+}
+.author-meta .postName {
+ font-size: 18px !important;
+ color: rgba(0, 0, 0, 0.8) !important;
+ text-decoration: none !important;
+ font-family: 'Merriweather', serif;
+}
+.btn_follow {
+ margin-left: 5px;
+ margin-bottom: 10px;
+ border-color: #02b875;
+ color: #1c9963 !important;
+ padding: 3px 10px;
+ text-align: center;
+ border-radius: 999em;
+ font-size: 1.5rem;
+ display: inline-block;
+ border: 1px solid;
+}
+.author_bio {
+ font-family: 'Merriweather', serif;
+ color: rgba(0, 0, 0, 0.44);
+ font-size: 13px;
+ line-height: 20px;
+}
+/* close */
+
+/* pagination-styling-postpages */
+.pointerup i.fa {
+ color: #eaeaea;
+}
+.pointerup {
+ margin-bottom: -9px;
+ margin-left: 49%;
+ font-size: 30px;
+}
+.bottompagination span.navigation {
+ display: block;
+ font-size: 0.93rem;
+ padding: 15px 0 0 0;
+ text-align: center;
+ margin-bottom: 0rem;
+ color: #999;
+ border-top: 1px solid #ddd;
+}
+.pagination {
+ display: -ms-flexbox;
+ display: flex;
+ padding-left: 0;
+ list-style: none;
+ border-radius: 0.25rem;
+ display: block;
+ color: green;
+ font-size: 15px;
+ margin-bottom: 30px;
+}
+.pageUrl {
+ color: green;
+ font-size: 12px;
+ font-weight: 900;
+ text-decoration: none;
+ margin-right: 10px;
+}
+.pageUrl:hover {
+ text-decoration: none;
+ color: green;
+}
+.lunrsearchresult {
+ font-size: 15px;
+}
+.lunrsearchresult .title {
+ color: #d9230f;
+}
+.lunrsearchresult .url {
+ color: silver;
+}
+.lunrsearchresult a {
+ display: block;
+ color: #777;
+}
+
+.lunrsearchresult:hover,
+.lunrsearchresult:focus {
+ text-decoration: none;
+}
+
+.lunrsearchresult:hover .title {
+ text-decoration: underline;
+}
+
+.close {
+ float: right;
+ font-size: 2rem;
+ font-weight: 700;
+ line-height: 1;
+ color: #000;
+ text-shadow: 0 1px 0 #fff;
+ opacity: 0.5;
+ border: none;
+ background: transparent;
+}
+.close:focus {
+ outline: none !important;
+}
+
+/* recent post heading stlye */
+.recent_post_heading {
+ width: 100%;
+ font-size: 46px;
+ text-align: left;
+ font-weight: 800;
+ font-stretch: normal;
+ font-style: normal;
+ line-height: 1.24;
+ letter-spacing: normal;
+ color: rgb(17, 48, 78);
+ margin-bottom: 45px;
+ padding-top: 75px;
+ display: inline-block;
+}
+
+@media (max-width: 768px) {
+ .bd-search {
+ padding: 10px 25px;
+ }
+ .socialIons > .item-lists2 {
+ justify-content: center;
+ }
+ .socialIons > .item-lists2 {
+ flex-direction: row;
+ align-items: center;
+ }
+ .socialIons > .item-lists2 > li {
+ padding-right: 30px;
+ margin: 0;
+ }
+}
+
+@media (max-width: 768px) {
+ .navbar-nav {
+ align-items: unset;
+ }
+ .nav-item {
+ padding: 0 !important;
+ }
+
+ .sep {
+ margin: 0;
+ }
+ .author-meta {
+ padding-left: 15px;
+ }
+ .comments-count {
+ margin: 18px 0;
+ text-align: left;
+ }
+
+ .navbar {
+ padding-left: 7% !important;
+ padding-right: 7% !important;
+ }
+ .title,
+ .description {
+ width: 100% !important;
+ text-align: center;
+ }
+ .angle-arrow {
+ position: fixed;
+ bottom: 4px;
+ right: 32px;
+ top: auto;
+ z-index: 999;
+ }
+ .alertbar form {
+ display: block;
+ margin-top: 10px;
+ }
+ .small_description {
+ font-size: 25px;
+ }
+}