assets/css/blog.css in word-games-theme-1.8.5 vs assets/css/blog.css in word-games-theme-1.8.6
- old
+ new
@@ -1,40 +1,27 @@
-html {
- scroll-behavior: smooth;
- font-size: 62.5%;
-}
-
-body {
- font-family: 'Open Sans', sans-serif !important;
-}
-
-.bars {
- position: relative;
- top: 3px;
- color: #000;
- font-size: 35px;
-}
-
+/* default css */
a {
text-decoration: none !important;
}
img {
width: 100%;
height: 100%;
}
-.section_post {
- margin-top: 100px;
+
+html {
+ scroll-behavior: smooth;
+ font-size: 62.5%;
}
-.logo {
- height: 50px;
- width: 50px;
- border-radius: 50%;
+body {
+ font-family: 'Open Sans', sans-serif !important;
}
+
+/* header and navbar css */
header {
width: 100%;
position: relative;
}
@@ -45,10 +32,21 @@
top: 0;
left: 0;
z-index: 999;
}
+.navbar-dark .navbar-toggler {
+ outline: none !important;
+}
+
+.navbar-toggler .bars {
+ position: relative;
+ top: 3px;
+ color: #000;
+ font-size: 35px;
+}
+
.navbar-nav {
align-items: center;
}
.navbar-brand {
@@ -61,14 +59,10 @@
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 {
@@ -76,39 +70,38 @@
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
}
-.nav-link {
+.navbar-nav .nav-link {
text-decoration: none !important;
font-size: 16px;
color: gray !important;
}
-.anchor_link {
+
+/* section post css */
+.section_post {
+ margin-top: 100px;
+}
+
+.card-body .anchor_link {
text-decoration: none !important;
color: #343a40 !important;
}
-.anchor_link:hover {
+.card-body .anchor_link:hover {
transition: all 0.5s linear;
color: #000 !important;
}
-.anchor_link .card-title {
+.card-body .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;
-}
-
.card-footer {
border: none;
}
.wrapfooter {
@@ -138,15 +131,57 @@
align-items: center;
display: inline-block;
margin-top: 8px;
}
-.post-date {
+.wrapfooter .post-date {
color: rgba(0, 0, 0, 0.44);
font-size: 13px;
}
+/* pagination css */
+.bottompagination .pointerup {
+ margin-bottom: -9px;
+ margin-left: 49%;
+ font-size: 30px;
+}
+
+.bottompagination .pointerup i.fa {
+ color: #eaeaea;
+}
+
+.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;
+}
+
+.blog-pagination {
+ text-align: center;
+ font-size: 14px;
+}
+
+.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;
+}
+
+/* explore box css */
.explore {
padding: 25px;
color: #fff;
margin-bottom: 100px;
margin-top: 60px;
@@ -168,11 +203,11 @@
display: flex;
list-style: none;
flex-wrap: wrap;
}
-.cat {
+.explore .cat {
display: inline-block;
padding: 5px 10px;
text-decoration: none !important;
color: #000 !important;
font-weight: 600;
@@ -180,31 +215,11 @@
background: #fff;
border-radius: 15px;
margin: 0 15px;
}
-.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;
-}
-
-
+/* categories page css */
.section-title h2 {
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
font-weight: 700;
font-size: 1.5rem;
margin-bottom: 27px;
@@ -215,50 +230,12 @@
display: inline-block;
padding-bottom: 20px;
margin-bottom: -1px;
}
-.post-content {
- font-size: 20px;
-}
-.socialIons>.item-lists2 {
- display: flex;
- 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;
-}
-
+/* post page content css */
.author_image .author-thumb {
width: 60px;
height: 60px;
object-fit: cover;
}
@@ -288,30 +265,45 @@
color: rgba(0, 0, 0, 0.44);
font-size: 13px;
line-height: 20px;
}
-.pointerup i.fa {
- color: #eaeaea;
+.post-content {
+ font-size: 20px;
}
-.pointerup {
- margin-bottom: -9px;
- margin-left: 49%;
- font-size: 30px;
+/* social icons css */
+.socialIons>.item-lists2 {
+ display: flex;
+ width: 100%;
}
-.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;
+.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);
+}
+
+/* post page pagination css */
.pagination {
display: -ms-flexbox;
display: flex;
padding-left: 0;
list-style: none;
@@ -320,41 +312,27 @@
color: green;
font-size: 15px;
margin-bottom: 30px;
}
-.pageUrl {
+.pagination .pageUrl {
color: green;
font-size: 12px;
font-weight: 900;
text-decoration: none;
margin-right: 10px;
}
-.pageUrl:hover {
+.pagination .pageUrl:hover {
text-decoration: none;
color: green;
}
-.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;
-}
-
-.related_post_heading {
+/* related and recent post heading css */
+.related_post_heading,
+.recent_post_heading {
width: 100%;
font-size: 35px;
/* text-align: center; */
font-weight: 800;
font-stretch: normal;
@@ -365,48 +343,33 @@
margin-bottom: 15px;
padding-top: 75px;
display: inline-block;
}
-.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) {
-#ezoic-pub-ad-placeholder-109 {
- position: absolute;
- top: 60px;
- left: 0;
- z-index: 99999;
- /* width: 160px;
- height: 100vh; */
-}
+ .navbar {
+ padding-left: 7% !important;
+ padding-right: 7% !important;
+ }
-#ezoic-pub-ad-placeholder-110 {
- position: absolute;
- top: 60px;
- right: 0;
- z-index: 99999;
- /* width: 160px;
- height: 100vh; */
-}
+ .navbar-nav {
+ align-items: unset;
+ }
-@media (max-width: 768px) {
- .bd-search {
- padding: 10px 25px;
+ .nav-item {
+ padding: 0 !important;
}
+ .author-meta {
+ padding-left: 15px;
+ }
+
+ .small_description {
+ font-size: 25px;
+ }
+
.socialIons>.item-lists2 {
justify-content: center;
}
.socialIons>.item-lists2 {
@@ -417,64 +380,17 @@
.socialIons>.item-lists2>li {
padding-right: 30px;
margin: 0;
}
- .navbar-nav {
- align-items: unset;
- }
-
- .nav-item {
- padding: 0 !important;
- }
-
.socialIons>.item-lists2 {
flex-direction: row;
align-items: center;
}
.socialIons>.item-lists2>li {
padding-right: 30px;
margin: 0;
}
- .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;
- }
}
\ No newline at end of file