| Current Path : /home/x/b/o/xbodynamge/namtation/wp-content/ |
| Current File : /home/x/b/o/xbodynamge/namtation/wp-content/layouts.tar |
_blogs.scss 0000666 00000026753 15113263133 0006725 0 ustar 00 $blog_gutter: $gl-gutter;
.bypostauthor {
display: inline-block;
}
.entry-title {
word-wrap: break-word;
}
.entry-meta {
> span {
display: inline-block;
padding: 5px 0;
}
.sep {
margin-left: 8px;
margin-right: 8px;
}
.author {
img {
vertical-align: middle;
overflow: hidden;
border-radius: 50%;
margin-right: 5px;
}
}
}
.posts-layout {
.entry {
margin-bottom: 2em;
}
.entry--item {
margin-bottom: 15px;
&:last-child {
margin-bottom: 0px;
}
}
.entry-inner {
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
border-bottom: 1px solid $color_border;
padding-bottom: 2em;
@include for_device( mobile ){
display: block;
}
}
.entry-media {
position: relative;
max-width: 100%;
flex-basis: 40%;
padding-top: 0;
overflow: hidden;
@include for_device( mobile ){
margin-bottom: 1em;
width: 100% !important;
padding-top: 56.25%; // 16:9
}
}
.entry-thumbnail {
position: absolute;
top: 0px;
bottom: 0px;
width: 100%;
height: 100%;
display: flex;
line-height: 0;
background-color: #d5d5d5;
img {
object-fit: cover;
width: 100%;
height: auto;
}
a {
position: absolute;
top: 0px;
top: 0px;
display: block;
}
}
.entry-title {
font-size: 1.5em;
font-weight: 500;
word-wrap: break-word;
display: flex;
align-items: center;
a {
text-align: inherit;
display: block;
flex-basis: 100%;
}
}
.entry-excerpt {
p{
&:last-child {
margin-bottom: 0px;
}
}
}
.entry-media-link {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0; display: block;
z-index: 30;
}
.entry-content-data {
flex: 1;
word-wrap: break-word;
max-width: 100%;
}
.entry-readmore {
margin-top: 1em;
}
.entry-cat {
top: 0;
display: block;
a {
color: inherit;
&:hover {
color: inherit;
}
}
}
.readmore-button {
display: inline-block;
line-height: 1;
border: 1px solid $color_primary;
color: $color_primary;
border-radius: 2px;
cursor: pointer;
padding: 7px 17px;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.5px;
transition: transform .18s, border .18s, background .18s, box-shadow .18s, opacity .18s, color .18s;
font-weight: 500;
&:hover {
background: $color_primary;
color: #FFFFFF;
border-color: $color_primary;
}
}
.entry-content-data {
display: flex;
flex-flow: column nowrap;
}
.entry-article-part {
position: relative;
width: 100%;
margin-bottom: 15px;
&:first-child {
margin-top: 0;
}
&.entry-article-media {
flex: none;
position: absolute;
top: 0px;
width: 100%;
height: 100%;
overflow: hidden;
}
&.entry-article-footer{
display: flex;
margin-top: auto;
margin-bottom: 0px;
justify-content: space-between;
&.only-more {
.entry-readmore {
width: 100%;
}
}
}
}
.entry-article-footer {
align-items: center;
> *, .entry-meta {
margin-bottom: 0px;
margin-top: 0px;
display: inline-block;
}
}
.entry-thumbnail {
transition: all .3s linear;
img {
transition: all .3s linear;
}
&:before {
transition: all .3s linear;
content: "";
display: block;
position: absolute;
top: 0px; left: 0px; bottom: 0px; right: 0px;
z-index: 2;
}
}
.entry-article-media {
z-index: 5;
}
// Media content align
.mc-bottom {
.media-content-inner {
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
display: block;
}
}
.mc-top {
.media-content-inner {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
display: block;
}
}
.mc-center {
.media-content-inner {
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
right: 0px;
display: flex;
flex-direction: column;
justify-content: center;
}
}
&.layout-- {
&blog_column, &blog_boxed {
.entry-inner {
display: block;
.entry-content-data, .entry-article-header {
display: flex;
flex-direction: column;
}
}
}
&blog_classic {
.entry-media {
margin-right: $blog_gutter;
@include for_device( mobile ) {
margin-right: 0px;
}
}
}
&blog_column, &blog_boxed {
.entry-media {
padding-top: 40%;
}
.entry {
display: block;
}
.sticky {
.entry-content-data {
background-color: #fcf8e3;
border: 1px solid #faf2cc;
border-top: 0px none;
color: #8a6d3b;
padding: 1em;
}
}
.entry-media {
margin-bottom: 1em;
display: block;
position: relative;
}
}
&blog_boxed {
.entry-content-data {
padding: ( $blog_gutter /2 );
}
}
}
}
// Pagination
.pagination {
margin: 30px auto;
display: block;
.nav-links {
> * {
border: 1px solid $color_border;
color: $color_meta;
padding: 4px 12px 4px;
border-radius: 1px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.8px;
display: inline-block;
&:hover {
border-color: $color_primary;
background: $color_primary;
color: #FFFFFF;
}
}
span {
border-color: $color_primary;
background: $color_primary;
color: #FFFFFF;
}
}
}
// Single post
.single {
.entry-meta {
margin-bottom: ms(1);
}
.entry-footer {
margin-bottom: ms(2);
}
}
.entry-content {
.page-links {
display: block;
margin: 5px 0px 20px;
font-weight: 500;
a {
border: 1px solid $color_border;
padding: 5px 12px 5px;
text-transform: uppercase;
color: $color_text;
margin: 0px 2px;
}
}
.table-wrapper {
max-width: 100%;
overflow: auto;
}
}
.single-post {
.entry-content {
a {
&:hover {
text-decoration: underline;
}
}
}
}
.entry-single {
.entry--item:not( .entry-title ), .entry-thumbnail {
margin-bottom: 1.41575em;
&:last-child {
margin-bottom: 0px;
}
}
.entry--item.entry-related {
margin-bottom: 0.41575em;
}
.tags-links, .cats-links {
&:before {
font: normal normal normal 16px/1 FontAwesome;
text-decoration: inherit;
text-transform: none;
position: relative;
margin-right: 5px;
color: $color_meta;
}
}
.cats-links:before {
content: "\f115";
}
.tags-links:before {
content: "\f02c";
}
.edit-link {
display: block;
width: 100%;
margin-top: ms(-3);
a {
text-transform: uppercase;
font-weight: 500;
font-size: 80%;
letter-spacing: 0.5px;
}
}
}
// Biography box
.author-bio {
display: flex;
.avatar {
flex-basis: 90px;
@include for_device( mobile ){
flex-basis: 90px;
}
}
.author-bio-details {
flex-basis: calc( 100% - 90px );
margin-left: 1.5em;
@include for_device( mobile ){
flex-basis: calc( 100% - 50px );
}
}
.author-bio-desc p:last-child {
margin-bottom: 0.72em;
}
}
.post-navigation .nav-links {
@include clearfix();
padding: 16px 0px 15px;
border-top: 1px solid $color_border;
border-bottom: 1px solid $color_border;
.nav-previous, .nav-next {
width: 49%;
a {
span.meta-nav {
display: block;
margin-bottom: 5px;
}
}
}
.nav-previous {
float: left;
text-align: left;
}
.nav-next {
float: right;
text-align: right;
}
}
// Related Posts
.related-post-title {
margin-bottom: 0.41575em;
@include for_device( mobile ){
margin-bottom: 0;
}
}
.related-post {
margin-bottom: 1em;
.entry-title {
font-size: 1.1em;
line-height: 1.3;
}
}
.related-thumbnail {
a {
display: block;
line-height: 0px;
position: relative;
}
}
.img-pos-left , .img-pos-right {
.related-post {
display: flex;
@include for_device( mobile ){
display: block;
}
}
.related-thumbnail {
flex-basis: 160px;
position: relative;
@include for_device( mobile ){
margin-bottom: 1em;
}
img {
width: 100%;
object-fit: cover;
display: block;
}
}
.related-body {
flex-basis: calc( 100% - 160px );
p {
margin-bottom: 0px;
}
}
}
.img-pos-left {
.related-body {
padding-left: 1em;
@include for_device( mobile ){
padding-left: 0em;
}
}
}
.img-pos-right {
.related-body {
order: 1;
padding-right: 1em;
@include for_device( mobile ){
padding-right: 0em;
}
}
.related-thumbnail {
order: 2;
}
}
.img-pos-top {
.related-thumbnail {
margin-bottom: 0.5em;
img {
width: 100%;
}
}
}
_pages.scss 0000666 00000000501 15113263133 0006675 0 ustar 00 /* Page Mics */
.archive, .search {
.page-title {
margin-bottom: 35px;
padding-bottom: 20px;
border-bottom: 1px solid $color_border;
}
}
/* Search Page */
.search {
.content-area {
.entry-summary p:last-child {
margin-bottom: 0px;
}
}
}
/* 404 Page */ _layouts.scss 0000666 00000013721 15113263133 0007306 0 ustar 00 /*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Layouts Helper
# Layout: content-sidebar
# Layout: sidebar-content
# Layout: sidebar-sidebar-content
# Layout: content-sidebar-sidebar
# Layout: sidebar-content-sidebar
*/
/************************
HIDING COLS FOR DEVICES
*************************/
@each $mq-key, $mq-value in $gl-devices-list {
@media #{$mq-value} { //_#{$mq-key}
.hide-on-#{$mq-key},
.customify-grid .hide-on-#{$mq-key} { display: none; }
.align-left-#{$mq-key} { text-align: left; }
.align-center-#{$mq-key} { text-align: center; }
.align-right-#{$mq-key} { text-align: right; }
}
}
#page {
position: relative;
}
.no-box-shadow {
box-shadow: none !important;
}
// Site boxed layout.
.site-boxed, .site-framed {
.site {
max-width: 1248px;
box-shadow: 0 3px 6px -4px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
margin: 0 auto;
}
}
// Site framed layout.
.site-framed {
.site {
margin-top: 30px;
margin-bottom: 30px;
}
}
.customify-container {
position: relative;
padding-left: 2em;
padding-right: 2em;
@include clearfix;
@include mq(max-sm) {
padding-left: 1em;
padding-right: 1em;
}
}
.customify-container, .layout-contained{
// max-width: $container_width; // 1200px
max-width: 1248px; // 1200px
margin: 0 auto;
}
.site-content {
background: #fff;
&.content-full-width {
.customify-container {
max-width: 100%;
}
}
&.content-boxed {
max-width: $container_width;
margin: 0 auto;
}
&.content-full-stretched {
.customify-container {
max-width: 100%;
}
> .customify-container {
padding-left: 0px;
padding-right: 0px;
.customify-grid {
margin: 0px;
}
.content-area.customify-col-12 {
margin-right: 0px;
margin-left: 0px;
}
}
#main.customify-col-12 {
padding:0;
}
}
}
#sidebar-secondary, #sidebar-primary, #main {
padding-top: ms(4);
padding-bottom: ms(4);
}
.sidebar-content-sidebar {
#main {
@include for_device( tablet ) {
border-left: 0px none;
}
}
#sidebar-secondary {
@include for_device( tablet ) {
order: 5;
display: none;
}
}
}
/*-- Layout: content-sidebar --*/
.content-sidebar {
@include mq(min-sm) {
.content-inner {
padding-right: ms(0);
}
&.sidebar_vertical_border {
.content-area {
border-right: 1px solid $color_border;
}
.content-inner {
padding-right: ms(0);
}
.sidebar-primary-inner {
padding-left: ms(0);
}
}
}
}
/*-- Layout: sidebar-content --*/
.sidebar-content {
@include mq(min-sm) {
.content-inner {
padding-left: ms(0);
}
&.sidebar_vertical_border {
.content-area {
border-left: 1px solid $color_border;
}
.content-inner {
padding-left: ms(0);
}
.sidebar-primary-inner {
padding-right: ms(0);
}
}
}
}
/*-- Layout: sidebar-sidebar-content --*/
.sidebar-sidebar-content {
@include mq(min-sm) {
.content-inner {
padding-left: ms(0);
}
&.sidebar_vertical_border {
.content-area {
}
.sidebar-primary {
border-right: 1px solid $color_border;
}
.sidebar-secondary {
border-right: 1px solid $color_border;
}
.content-inner {
padding-left: ms(0);
}
.sidebar-primary-inner {
padding-right: ms(0);
}
.sidebar-secondary-inner {
padding-left: ms(0);
padding-right: ms(0);
}
}
}
}
/*-- Layout: content-sidebar-sidebar --*/
.content-sidebar-sidebar {
// Layout with vertical border, only for large screen
@include mq(min-sm) {
.content-inner {
padding-right: ms(0);
}
&.sidebar_vertical_border {
.content-area {
}
.sidebar-primary {
border-left: 1px solid $color_border;
}
.sidebar-secondary {
border-left: 1px solid $color_border;
}
.content-inner {
padding-right: ms(0);
}
.sidebar-primary-inner {
padding-left: ms(0);
padding-right: ms(0);
}
.sidebar-secondary-inner {
padding-left: ms(0);
}
}
}
}
/*-- Layout: sidebar-content-sidebar --*/
.sidebar-content-sidebar {
// Layout with vertical border, only for large screen
@include mq(min-sm) {
.content-inner {
padding-left: ms(0);
padding-right: ms(0);
}
&.sidebar_vertical_border {
.content-area {
border-left: 1px solid $color_border;
border-right: 1px solid $color_border;
}
.content-inner {
padding-left: ms(0);
padding-right: ms(0);
}
.sidebar-primary-inner {
padding-left: ms(0);
}
.sidebar-secondary-inner {
padding-right: ms(0);
}
}
}
@include mq(max-md) {
&.sidebar_vertical_border {
.content-inner {
padding-left: 0;
}
}
}
}
.skip-grid--column {
.builder-item {
display: inline-block;
}
}