%PDF-
%PDF-
Mini Shell
Mini Shell
/*!--------------------------------------------------------------
* 6.0 Blog
==============================================================*/
#post-area.blog-list
&:before
content ''
display: block
padding-top 35px
border-top 1px solid #cccccc
&.blog-separator-disable
&:before
display: none !important
&.masonry-gap-15
> .row
margin-left: -15px;
margin-right: -15px;
.grid-item
margin-bottom: 40px;
padding-left: 15px;
padding-right: 15px;
&.masonry-gap-20
> .row
margin-left: -20px;
margin-right: -20px;
.grid-item
margin-bottom: 40px;
padding-left: 20px;
padding-right: 20px;
&.masonry-gap-25
> .row
margin-left: -25px;
margin-right: -25px;
.grid-item
margin-bottom: 50px;
padding-left: 25px;
padding-right: 25px;
&.masonry-gap-30
> .row
margin-left: -30px;
margin-right: -30px;
.grid-item
margin-bottom: 60px;
padding-left: 30px;
padding-right: 30px;
article
margin-bottom 40px
&.sticky .post-wrapper
border-width 1px
border-style solid
border-bottom-width 4px
background-color #f6f6f6
padding 20px
.entry-title
padding-top 0
.post-content-wrapper
padding-bottom 0
.more-link:hover .continue-reading
border 0
.image-wrap
a + h2
padding-top 18px
a
color #000
.entry-meta
font-size 12px
span
font-size 12px
.post-wrapper
border-bottom 1px solid #cccccc
.post-featured-img
position: relative
overflow hidden
display: block
line-height 0
backface-visibility: hidden;
img
min-width 100%
transition transform .7s cubic-bezier(.2,1,.22,1);
transform scale(1)
.image-wrap:hover
img
transform scale(1.05)
.entry-content
padding-bottom 25px
.excerpt
margin-bottom 0 !important
p
margin-bottom 0 !important
.more-link
font-weight bold;
font-size 14px
height: 19px;
display: inline-block;
&:hover
.continue-reading
border-bottom 1px solid #000
.continue-reading
display: inline-block;
padding-bottom: 8px;
height: 28px;
.post-content-wrapper
padding-bottom 8px
.image-wrap
.entry-title
margin-bottom 3px
padding-top 18px
.rdy_latest_post
.boxes_image,
.latest_post_image
a
position: relative
overflow hidden
display: block
line-height 0
backface-visibility: hidden;
img
transition transform .7s cubic-bezier(.2,1,.22,1);
transform scale(1)
&.hover
a:hover
img
transform scale(1.05)
.single.single-post
.blog-single
.tags_line
border-bottom 1px solid #d6d6d6
position relative
height 60px
.tags_holder
margin-top 20px
color #222
font-size 14px
overflow: hidden;
height: 40px;
a
display: inline-block;
border-bottom: 1px solid transparent;
margin-left 10px
height: 40px
&:hover
border-bottom: 1px solid #000;
.video-wrap
margin-bottom 50px
.audio-wrap
margin-bottom 50px
.entry-author
padding 80px 0
text-align center
.avatar
border-radius 50%
.post-author
margin-top 10px
margin-bottom 10px
font-weight bold
.post-author-desc
margin-bottom 30px
.post-author-link
font-weight bold
.top-bar-social,
.bottom-bar-social
&.animation
a:hover
.fa
z-index: 1;
animation: hoverBomb .8s cubic-bezier(.19,1,.22,1);
@media (max-width: 768px) {
.single .tags_wrapper .post-share-buttons {
text-align center
}
}
.post-share-buttons
text-align right
&.animation
a:hover
&:before
animation: hoverBomb .8s cubic-bezier(.19,1,.22,1);
a
font-size 20px
line-height 60px
text-align center
position: relative
display: inline-block
height 60px
width 60px
color #000
&:hover
color: #fff !important
&:after
top: 0 !important;
&:before
position: relative;
z-index: 2;
&:after
content: '';
position: absolute;
display: block;
background-color: #000;
top: 60px;
width: 100%;
bottom: 0;
left: 0;
transition: top 0.12s;
.rdy-post-nav
border-bottom: 1px solid #d6d6d6;
border-top: 1px solid #d6d6d6;
&.no-top-border
border-top 0 !important
.arrow
width: 40px
.dots
a
top 85px
.rdy-post-next
text-align right
.gi
right -30px
&:hover .gi
right -36px
.rdy-post-prev
text-align left
.gi
left -30px
&:hover .gi
left -36px
.col-table
height: 200px
.rdy-post-next,
.rdy-post-prev
.gi
color #333
transition color .2s ease-in-out, left .2s ease-in-out, right .2s ease-in-out
.rdy-nav-direction
color #999999
font-size 14px
margin-bottom 6px
.rdy-nav-title
position: relative
font-size 18px
font-weight 800
line-height 150%
margin 0
transition color .2s ease-in-out
.gi
position: absolute
top 4px
.navigation-bar
border-top 1px solid #ccc
.arrow
width: 40px
.rdy-post-next
text-align right
.gi
right -30px
&:hover .gi
right -36px
.rdy-post-prev
text-align left
.gi
left -30px
&:hover .gi
left -36px
.rdy-post-next,
.rdy-post-prev
padding-top 15px
color #000
.gi
color #333
transition color .2s ease-in-out, left .2s ease-in-out, right .2s ease-in-out
.rdy-nav-direction
color #999999
font-size 14px
margin-bottom 6px
.rdy-nav-title
position: relative
font-size 18px
font-weight 800
margin 0
transition color .2s ease-in-out
.gi
position: absolute
top 4px
.comments-area
margin-top 100px
margin-bottom 60px
p
margin-bottom 0
.logged-in-as
margin-bottom 8px
.comments-title
font-size: 24px
font-weight 800
.comment-list
margin-top 50px
margin-left 0
margin-bottom 0
.children
margin-left 70px
> li:last-first
article
margin-top 0
li.comment,
li.pingback
margin-top 50px
list-style none
.reply
margin-top 30px
a
color #999999
font-size 12px
.comment-info
padding-left 85px
.comment-author
font-size 14px
font-weight bold
color #222
margin-bottom 5px
.comment-meta
font-size 12px
margin-bottom 20px
a
color #999
.comment-author
img
width 70px
border-radius 50%
#respond
margin-top 50px
.comment-respond
.comment-reply-title
font-weight bold
font-size 24px
margin-bottom 10px
.comment-notes
color #999999
margin-bottom 60px
.form-fields
margin-top 25px
margin-bottom 25px
//height: 80px
label
color #999999
margin-bottom 6px
display: inline-block
input
width 100%
height: 54px
padding: 18px 16px
transition border .3s
&:focus
border 2px solid #000
#comment
height: 210px
transition border .3s
&:focus
border 2px solid #000
.form-submit
margin-top 20px
.submit
display: inline-block
color #fff
background-color #000
text-transform uppercase
padding-top: 18px;
padding-bottom: 18px;
border: 0
outline 0
-webkit-appearance: none;
@media screen and (min-width: 991px)
.blog__sidebar,
.blog-single__sidebar
padding-left: 45px
&.pull-left
padding-left: 15px
padding-right: 45px
.single-post
article
.entry-content
margin-bottom 100px
.search-results
.page-header
margin-bottom 65px
article
border-top 1px solid #ccc
padding-top 65px
padding-bottom 70px
h2
font-size 20px
a
color #000
.entry-meta
color #ccc
margin-bottom 10px
.search
.no-results.not-found
text-align center
padding-top 50px
h1
font-weight bold
margin-bottom 15px
.search-form
margin-top 30px
.search-field
max-width 300px;
width 300px;
padding: 15px 10px !important;
border: 1px solid #c6c6c8;
font-size: 14px;
border-radius: 0;
outline: 0;
margin 0 auto
display: block
text-align center
.search-submit
margin-top 30px
.woocommerce.single-product
.wpb_tab
padding-left 15px !important
padding-right 15px !important
.vc_row
margin-left 0
margin-right 0
body
.blog-list,
.page-content
ul, ol
margin-left: 30px;
margin-bottom: 30px;
ol
list-style-type: decimal;
ul
list-style: initial;
body
&.woocommerce-cart,
&.woocommerce-checkout
.page-content
ul, ol
margin-left: 0;
margin-bottom: 0;
//ul li
// list-style: disc;
// list-style-position: outside;
//ol li
// list-style: decimal;
// list-style-position: outside;
.rdy-post-nav.has-no-tags
margin-top: 0
table.wp-list-table .column-header {
width: 52px;
text-align: center;
white-space: nowrap;
}
Zerion Mini Shell 1.0