145 lines
3.9 KiB
CSS
145 lines
3.9 KiB
CSS
/*!
|
|
Theme Name: XpoMagazine
|
|
Theme URI: https://walkerwp.com/xpomagazine/
|
|
Description: This is the child theme for walkerpress, XpoMagazine is the magazine, news wordpress free theme which is suitable for blog, magazine, news portal, personal blog, travel blogs and magazine.
|
|
Author: WalkerWP
|
|
Author URI: https://walkerwp.com/
|
|
Template: walkerpress
|
|
Version: 1.0.1
|
|
Tested up to: 6.0
|
|
Requires PHP: 5.6
|
|
License: GNU General Public License v2 or later
|
|
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
|
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, grid-layout, blog, news, two-columns, three-columns, footer-widgets, sticky-post
|
|
Text Domain: xpomagazine
|
|
*/
|
|
body {
|
|
background: #141414;
|
|
}
|
|
.walkerwp-wraper.tag-list .taglist-hodler {
|
|
background: transparent;
|
|
width: 100%;
|
|
padding: 5px 0 0;
|
|
box-shadow: none;
|
|
}
|
|
.walkerwp-wraper.ticker-news-wraper .ticker-header:after {
|
|
border-width: 71px 0 0 35px;
|
|
border-color: transparent transparent transparent var(--primary-color);
|
|
top: -17px;
|
|
right: -31px;
|
|
}
|
|
.news-ticker-box{
|
|
padding-left: 50px;
|
|
}
|
|
.walkerwp-wraper.ticker-news-wraper {
|
|
overflow: hidden;
|
|
}
|
|
.walkerwp-grid-6.walkerpress-slider.slider-1 {
|
|
padding-left: 0;
|
|
}
|
|
.banner-layout.banner-layout-1 .walkerwp-grid-3.grid-posts {
|
|
padding-right: 20px;
|
|
}
|
|
.walkerwp-wraper.ticker-news-wraper {
|
|
margin-top: 5px;
|
|
}
|
|
.tabs-section ul.tabs li h6 {
|
|
margin: 0;
|
|
}
|
|
ul.tabs li.active h6 {
|
|
background: var(--primary-color);
|
|
color: #fff;
|
|
|
|
}
|
|
ul.tabs li h6 {
|
|
padding: 10px 15px;
|
|
}
|
|
.tabs-section ul.tabs li:last-child {
|
|
border-left: 0;
|
|
}
|
|
.tabs-section ul.tabs li{
|
|
border-bottom: 0;
|
|
}
|
|
.tabs-section ul.tabs {
|
|
border-bottom: 1px solid #ededed;
|
|
}
|
|
/*.walkerwp-wraper.inner-wraper main#primary .content-layout.grid-layout article {
|
|
padding: 0;
|
|
}
|
|
.walkerwp-wraper.inner-wraper main#primary .content-layout.grid-layout .article-inner.has-thumbnails {
|
|
padding: 30px;
|
|
}*/
|
|
.featured-post-box .post-thumbnail,
|
|
.missed-post-box .post-thumbnail {
|
|
height: 300px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.box-title span:after,
|
|
.frontpage-content-block .walkerpress-custom-header span:after {
|
|
content: '';
|
|
position: absolute;
|
|
right: -23px;
|
|
top: 0;
|
|
z-index: 3;
|
|
width: 0;
|
|
height: 0;
|
|
border-width: 34px 0 0 23px;
|
|
border-style: solid;
|
|
border-color: transparent transparent transparent var(--primary-color);
|
|
}
|
|
.featured-post-grid .featured-post-item,
|
|
.frontpage-content-block .walkerpress-custom-header span {
|
|
position: relative;
|
|
}
|
|
.frontpage-content-block .walkerpress-custom-header{
|
|
overflow: hidden;
|
|
}
|
|
.featured-post-grid .featured-pocts-content {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
padding: 20px;
|
|
width: 100%;
|
|
z-index: 3;
|
|
}
|
|
|
|
.featured-post-grid .featured-post-item:after {
|
|
content: '';
|
|
width: 100%;
|
|
height: 56%;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: linear-gradient( 180deg, transparent, #000000e3);
|
|
}
|
|
.featured-post-item h5 a {
|
|
color: #fff;
|
|
}
|
|
.featured-post-grid span.category a,
|
|
.banner-layout-1 .grid-posts .walkerpress-featured-box span.category a{
|
|
background: var(--primary-color);
|
|
color: #fff;
|
|
padding: 2px 13px;
|
|
border-radius: 32px;
|
|
}
|
|
.missed-post-box .post-content {
|
|
z-index: 3;
|
|
width: 100%;
|
|
}
|
|
.latest-post .box-title, .popular-posts .box-title, .sidebar-block .block-header, .box-title,
|
|
.walkerpress-custom-header{
|
|
border-bottom-width: 2px;
|
|
}
|
|
.walkerwp-wraper.tag-list {
|
|
background: transparent;
|
|
}
|
|
.walkerwp-wraper.tag-list ul.taglists a {
|
|
color: var(--primary-color);
|
|
background: transparent;
|
|
}
|
|
.walkerwp-wraper.tag-list ul.taglists li.taglist-header {
|
|
background: var(--primary-color);
|
|
color: #fff;
|
|
padding: 2px 10px;
|
|
} |