File manager - Edit - /home/u300416816/domains/arib7.net/public_html/wp-content/themes/jannah/assets/css/sass/base/_general.scss
Back
//Magazine1 | none-homepages | wider in responsive @include breakpoint(max_min_sm){ .magazine1:not(.has-builder):not(.error404){ .main-content, .related-posts-full-width .tie-col-md-12, .sidebar{ padding-left: 0; padding-right: 0; } .social-icons-widget.widget-content-only{ padding: 0 20px; } } } // Forms textarea, input, select{ border: $base-border; color: $base-color; font-size: 13px; outline: none; padding: 10px 12px; line-height: 23px; border-radius: $base-border-radius; transition: background 0.3s, border 0.3s; max-width: 100%; background-color: transparent; } textarea:hover, input:hover, select:hover, textarea:focus, input[type="text"]:focus, select:focus{ background-color: rgba(0,0,0,0.03); } textarea, input:not([type="checkbox"]):not([type="radio"]){ appearance: none; outline: none; } textarea{ width: 100%; } select{ padding: 5px; height: 30px; -webkit-appearance: menulist; } select[multiple]{ height: auto; } [type="radio"] { appearance: radio; } @include breakpoint(max_min_sm){ input:not([type="submit"]), select, textarea { font-size: 16px !important; } } .has-global-color-background-color { background-color: $brand-color; } .has-global-color-color { color: $brand-color; } // Buttons .button, [type="submit"], .generic-button a, // BuddyPress .generic-button button{ // BuddyPress width: auto; position: relative; background-color: var(--tie-buttons-color, $brand-color); color: var(--tie-buttons-text, $bright); border-radius: var(--tie-buttons-radius, $base-border-radius); border: var(--tie-buttons-border-width, 0) solid var(--tie-buttons-border-color, $brand-color); padding: 10px 25px; margin: 0; font-weight: 600; font-size: 14px; display: inline-block; text-align: center; line-height: 21px; cursor: pointer; text-decoration: none; vertical-align: middle; transition: 0.3s; appearance: none; &:hover{ background-color: var(--tie-buttons-hover-color, $dark-brand-color); color: var(--tie-buttons-hover-text, $bright); text-decoration: none; } } code, kbd, tt, var, samp, pre { font-family: Inconsolata, Monaco,'MonacoRegular',monospace; font-size: 13px; line-height: 1.6; } pre{ overflow: auto; margin: 20px 0; padding: 1.43em; color: #3f3b36; border: 1px solid $brand-color; border-left: 10px solid $brand-color; background: url(../images/code-bg.png) repeat top; background-size: 1px 40px; text-align: left; direction: ltr; tab-size: 2; } code { background-color: #d1d1d1; color: #1a1a1a; padding: 0.125em 0.25em; } kbd { font-family: Consolas, "Lucida Console", monospace; display: inline-block; border-radius: 3px; padding: 0px 4px; box-shadow: 1px 1px 1px #777; margin: 2px; font-size: small; vertical-align: text-bottom; font-weight: 500; color: #555; cursor: pointer; font-variant: small-caps; font-weight: 600; background: black; color: #ddd; letter-spacing: 1px; -webkit-touch-callout: none; user-select: none; } // selection ::-moz-selection{ background: $brand-color; color: $bright; text-shadow: none; } ::selection{ background: $brand-color; color: $bright; text-shadow: none; } .more-link{ margin-top: 10px; white-space: nowrap; word-wrap: normal; // IE fix } // COLUMNS LAYOUT @include breakpoint(md){ .sidebar-right{ .main-content{ float: left; } .sidebar{ float: right; } &.magazine1, .magazine1 &{ .main-content{ padding-right: 3px; } } &.magazine2, .magazine2 &{ .main-content{ padding-right: 5px; } } } .sidebar-left{ .main-content{ float: right; padding-left: 5px; } .sidebar{ float: left; } &.magazine1, .magazine1 &{ .main-content{ padding-left: 3px; } } &.magazine2, .magazine2 &{ .main-content{ padding-left: 5px; } } } } .full-width { .main-content{ width: 100%; } } // One Column .one-column-no-sidebar{ .main-content{ margin-right: auto; margin-left: auto; float: none; @include breakpoint(md){ max-width: 780px; width: 100%; } } } // Parallax Background .tie-parallax{ position: relative; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; z-index: 1; [id^="jarallax-container-"] > div, [id^="jarallax-container-"] > iframe{ max-width: inherit; } } .has-video-background:not(.tie-parallax) > div:last-child{ img, iframe{ transform: translateY(-50%)!important; position: absolute !important; top: 50% !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0!important; width: auto; } } // lazyload .is-lazyload{ .lazy-img{ will-change: opacity; &[data-src]{ opacity: 0.5; background-color: var(--lazyload-loading-color, #eeeeee); animation: lazyloadeffect 0.5s linear alternate 100; } } .tie-slick-slider:not(.slick-initialized) .lazy-bg, [data-lazy-bg] .post-thumb, [data-lazy-bg].post-thumb, .lazy-img[data-src]{ background-size: 60%; background-repeat: no-repeat; background-position: center; } } @keyframes lazyloadeffect { from { opacity: 0.3; } to { opacity: 1; } } // General Animation @keyframes tieSlideInUp { from { transform: translate3d(0,20px,0); opacity: 0; } to { transform: translate3d(0,0,0); opacity: 1; } } #tie-body .tie-animate-slideInUp{ opacity: 0; animation: tieSlideInUp 0.4s forwards 1; animation-delay: 0.3; } // Post Thumb Overlay - .is-thumb-overlay-disabled{ .post-thumb:hover{ opacity: 0.85 !important; } .media-overlay .post-thumb:hover img{ opacity: 1; } .post-thumb-overlay{ display: none; } .media-overlay .post-thumb-overlay{ display: block; } } .post-thumb{ position: relative; height: 100%; display: block; backface-visibility: hidden; transform: rotate(0); transition: opacity 0.2s; img { width: 100%; display: block; } .post-cat-wrap { position: absolute; bottom: 10px; margin: 0; right: 10px; } } .post-thumb-overlay-wrap{ position: absolute; width: 100%; height: 100%; overflow: hidden; } // Post format icon on hover .post-thumb-overlay{ position: absolute; width: 100%; height: 100%; z-index: 3; background: rgba(35, 38, 42, 0.8); transform: scale(1.5); transition: 0.4s; opacity: 0; &:hover{ opacity: 1; transform: scale(1); } .tie-media-icon { position: absolute; @include center(xy); color: #ffffff; text-align: center; @include font-size(32px); z-index: 8; &:before{ height: 32px; width: 32px; content: "\e685"; } } } .tie-playlist .tie-media-icon:before, .tie-video .tie-media-icon:before { content: "\e6b6"; } .tie-thumb .tie-media-icon:before, .tie-slider .tie-media-icon:before { content: "\e6ac"; } .tie-map .tie-media-icon:before { content: "\e6ab"; } .tie-audio .tie-media-icon:before { content: "\e6a2"; } // Media Overlay Icon .media-overlay{ .post-thumb-overlay{ background: rgba(0,0,0,0); transform: scale(1); opacity: 1; } .tie-media-icon:before{ border: 2px solid #ffffff; border-radius: 50%; width: 40px; height: 40px; line-height: 36px; display: block; content: "\f030"; text-align: center; @include font-size(17px); background: rgba(0,0,0,0.3); transition: 0.3s; z-index: 2; } .tie-playlist .tie-media-icon:before, .tie-video .tie-media-icon:before{ content: "\f04b"; letter-spacing: -3px; } .tie-audio .tie-media-icon:before { content: "\f028"; } .post-thumb:hover{ img{ opacity: 0.85; } .tie-media-icon:before{ background: rgba(0,0,0,0.6); } } .tie-map, .tie-standard{ .tie-media-icon{ display: none; } } .digital-rating-static, .digital-rating, .post-rating{ z-index: 3; } } // Posts With Large Media-overlay Icon @include breakpoint(sm){ .has-first-big-post li:first-child, .full-width-img-news-box li:not(.is-trending), .wide-post-box, .big-posts-box, .posts-list-bigs{ .tie-media-icon:before{ width: 50px; height: 50px; line-height: 46px; } } } .first-post-gradient:not(.media-overlay) li:first-child, .scroll-2-box{ .post-thumb-overlay{ display: none !important; // override [.is-thumb-overlay-disabled .media-overlay .post-thumb-overlay] } } // Post Meta .post-meta{ margin: 10px 0 8px; font-size: 12px; overflow: hidden; &, a:not(:hover){ color: $post-meta-color; } .meta-item{ margin-right: 8px; display: inline-block; .fa{ display: none; // compatibility with old versions child themes } // Icons &.tie-icon{ &:before{ padding-right: 3px; } } // Date &.date:before{ content: "\f017"; } // Comments &.meta-comment:before{ content: "\f086"; } } .no-avatars .author-name:before{ content: "\f007"; padding-right: 3px; } .tie-alignright .meta-item:last-child{ margin: 0 !important; } @include breakpoint(max_min_sm){ .entry-header &, .main-content &{ > span, > div{ float: left; } } } } .warm{ color: #f47512; } .hot{ color: #f3502a; } .very-hot{ color: #f11e1e; } // Post Category .post-cat-wrap { position: relative; z-index: 3; pointer-events: auto; margin-bottom: 5px; font-weight: normal; font-family: inherit !important; line-height: 0; display: block; } .post-cat{ display: inline-block; background: $brand-color; color: $bright; padding: 0 11px; font-size: 13px; line-height: 2em; margin-right: 4px; position: relative; white-space: nowrap; word-wrap: normal; // IE fix letter-spacing: 0; transition: 0.3s; border-radius: 4px; &:first-child:last-child{ margin: 0; } } a.post-cat:hover{ background: $dark-brand-color; color: $bright; } // Post Rating- .post-rating { position: absolute; top: 10px; right: 10px; white-space: nowrap; word-wrap: normal; // IE fix letter-spacing: 4px; text-align: center; text-indent: 2px; font-size: 15px; direction: ltr; z-index: 1; } .stars-rating-bg { color: #434850; &:before{ content: "\f005" "\f005" "\f005" "\f005" "\f005"; font-family: tiefonticon; display: block; } } .stars-rating-active-inner { text-align: left; &:before{ content: "\f005" "\f005" "\f005" "\f005" "\f005"; font-family: tiefonticon; display: block; } } .stars-rating-active { transition: width 1.5s; position: absolute; left: 0; top: 0; width: 0; overflow: hidden; color: $brand-color; } .image-hearts{ .stars-rating-bg, .stars-rating-active-inner{ &:before{ content: "\f004" "\f004" "\f004" "\f004" "\f004"; } } } .image-thumbs{ .stars-rating-bg, .stars-rating-active-inner{ &:before{ content: "\f164" "\f164" "\f164" "\f164" "\f164"; } } } .post-meta { .post-rating { position: relative; top: -1px; float: left; right: auto; margin-right: 8px; font-size: 13px; text-indent: 0; letter-spacing: 2px; .stars-rating-active { width: 0; } } } // Digital Rating(SVG) - $size: 40px; .digital-rating { position: absolute; z-index: 2; top: 10px; right: 10px; width: $size; height: $size; } .pie-svg circle { transition: stroke-dashoffset 1s linear; stroke: rgba(255, 255, 255, 0.3); stroke-width: 2px; } circle.circle_bar { stroke-dashoffset: 125.66; stroke: $brand-color; } .pie-wrap { display: block; height: $size; width: $size; border-radius: 100%; position: relative; &:after { position: absolute; display: block; height: $size; width: $size; @include center(xy); content: attr(data-score); border-radius: 100%; line-height: $size; @include font-size(13px); font-weight: bold; color: #ffffff; text-shadow: 0 0 3px #333; text-align: center; } &.review-percentage:after { content: attr(data-score)"%"; } } .digital-rating-static { transition: width 1.5s; background: $brand-color; color: $bright; position: absolute; bottom: 0; left: 0; width: 0; text-align: right; overflow: hidden; opacity: 0.8; z-index: 1; strong { @include font-size(11px); line-height: 13px; font-weight: normal; color: #ffffff; padding: 2px 5px; display: block; white-space: nowrap; word-wrap: normal; // IE fix } } // Default sliders navigation Arrows - .tie-slider-nav { width: 100%; position: absolute; z-index: 1; *height: 0; top: 50%; margin-top: -23px; transition: opacity; li { cursor: pointer; position: relative; float: left; &:last-child { float: right; } span { position: absolute; z-index: 2; width: 25px; height: 46px; line-height: 46px; background: #ffffff; text-align: center; @include font-size(20px); color: $base-color; transition: 0.3s; border-radius: $base-border-radius; border-top-left-radius: 0; border-bottom-left-radius: 0; &:hover { background: $brand-color; color: $bright; } .dark-skin &:not(:hover){ color: $dark-base-color; } } &:last-child span { right: 0; border-radius: $base-border-radius; border-top-right-radius: 0; border-bottom-right-radius: 0; } } a:hover { background: $base-border-color; } @include breakpoint(md){ opacity: 0; .main-slider:hover &{ opacity: 1; } } } // remove slider nav in respoinsive @include breakpoint(max_min_sm){ .grid-slider-wrapper, .boxed-slider-three-slides-wrapper, .boxed-five-slides-slider, .boxed-four-taller-slider{ .tie-slider-nav{ display: none; } } } // Breaking news & Mag-box head .slider-arrow-nav{ float: right; margin-left: 5px; li{ float: left; clear: none; } a{ border: $base-border; margin-left: 5px; @include font-size(12px); line-height: 20px; width: 22px; height: 22px; text-align: center; display: inline-block; cursor: pointer; border-radius: $base-border-radius; &:not(.pagination-disabled):hover{ background-color: $brand-color; color: $bright; border-color: $brand-color; } } } // pages-navigation .pages-nav { padding: 30px 0 0; overflow: hidden; width: 100%; margin: auto; @include breakpoint(max_min_md){ padding: 15px 0 0; } @include breakpoint(md){ .magazine2 &{ padding: 50px 0 0; } } } .pages-numbers { overflow: hidden; text-align: center; margin-bottom: -3px; li { display: inline-block; margin: 3px; //a, //span{ //display: block; //} &.current span{ background: $brand-color; border-color: $brand-color; color: $bright; } } a:not(:hover){ color: $base-color; } } .pages-numbers a, .pages-nav-item, .bp-pagination-links .page-numbers{ line-height: 36px; padding: 0 15px; border: $base-border; border-radius :$base-border-radius; display: inline-block; overflow: hidden; } .first-last-pages { .pagination-icon { width: 22px; @include font-size(16px); line-height: 36px; font-family: tiefonticon; border: $base-border; border-width: 0 0 0 1px; margin: 0 0 0 10px; text-align: right; &:before { content: "\f106"; } } &.first-page .pagination-icon{ float: left; border-width: 0 1px 0 0; margin: 0 10px 0 0; text-align: left; &:before { content: "\f104"; } } } .pages-standard{ overflow: hidden; .first-page{ float: left; } .last-page, .pagination-icon { float: right; } } // Used in the sticky menu arrows .widget-pagination-wrapper{ clear: both; overflow: hidden; margin-top: 15px !important; .slider-arrow-nav{ display: flex; float: none; margin: 0; justify-content: center; li{ margin: 0; padding: 0; } a{ width: 30px; height: 30px; line-height: 28px; } } .widget-pagination{ margin-top: 0 !important; } } // BreadCrumbs - #breadcrumb { margin: 50px 0 0; &, a:not(:hover){ color: $post-meta-color; } .delimiter{ margin: 0 3px; font-style: normal; } .entry-header-outer &{ margin: 0 0 20px; padding: 0; } @include breakpoint(max_min_sm){ .page &, .single-post &{ .current, em:last-of-type{ display: none; } } } } // Author Signature .author-signature{ img{ margin-top: 10px; max-width: 150px; } } // About Author .about-author{ overflow: hidden; background: transparent; box-shadow: none !important; .author-avatar{ float: left; line-height: 0; img{ transition: 0.15s; } &:hover{ img{ opacity: 0.8; } } } .author-info{ padding-left: 20px; overflow: hidden; h4{ margin-top: 0; } } .author-name{ @include font-size(18px); display: inline-block; } .author-bio{ margin: 5px 0 10px; .entry &{ @include font-size(13px); } } .social-icons{ padding: 0; margin: 0; } li.social-icons-item{ float: left; list-style: none; padding: 0; margin: 0; a{ font-size: 15px; width: auto; height: auto; span{ width: 24px; } &:not(:hover) span{ color: $base-color; } &:hover{ background-color: transparent !important; } } } @include breakpoint(max_min_xs){ text-align: center; .author-avatar{ float: none; img{ margin: 0 auto 10px; display: block; } } .author-info{ padding: 0; } .social-icons{ li{ float: none; display: inline-block; } } } } .author-avatar { display: block; img { border-radius: 50%; max-width: 111px; object-fit: cover; aspect-ratio: 1; } } a.author-avatar:hover { opacity: 0.8; } // Social Icons .social-icons-item { float: right; margin-left: 6px; position: relative; .social-link { span{ color: $base-color; transition: 0.15s; line-height: unset; } .social-icons &, .social-icons-widget &{ width: 24px; height: 24px; line-height: 24px; padding: 0; display: block; text-align: center; border-radius: $base-border-radius; } &.custom-social-img span.social-icon-img { background-size: 18px; background-repeat: no-repeat; background-position: center; width: 100%; display: inline-block; &:before { content: "\f005"; // dummy content visibility: hidden; } } &.social-custom-link:hover{ background-color: $light-dark-bg; color: #ffffff; } #theme-header .dropdown-social-icons &:hover span{ color: #ffffff !important; } } .social-icons-widget &{ .social-link:hover span{ color: #ffffff; } } @at-root .main-nav{ .components{ > li.social-icons-item .social-link{ &:hover{ background-color: transparent !important; } &:not(:hover) span{ color: var(--main-nav-text-color); } } } } @at-root .top-nav{ .components{ > li.social-icons-item .social-link{ &:hover{ background-color: transparent !important; } &:not(:hover) span{ color: $base-color; } } } } $social-list: facebook twitter pinterest linkedin instagram vimeo dribbble youtube soundcloud flickr github behance foursquare px500 vk mixcloud twitch rss goodreads steam tiktok spotify skype reddit tumblr wordpress yelp lastfm xing deviantart apple paypal google_play odnoklassniki telegram whatsapp bitbucket medium viadeo snapchat tripadvisor patreon buymeacoffee flipboard ; $social-color: $facebook-color $twitter-color $pinterest-color $linkedin-color $instagram-color $vimeo-color $dribbble-color $youtube-color $soundcloud-color $flickr-color $github-color $behance-color $foursquare-color $px500-color $vk-color $mixcloud-color $twitch-color $rss-color $goodreads-color $steam-color $tiktok-color $spotify-color $skype-color $reddit-color $tumblr-color $wordpress-color $yelp-color $lastfm-color $xing-color $deviantart-color $apple-color $paypal-color $googleplay-color $odnoklassniki-color $telegram-color $whatsapp-color $bitbucket-color $medium-color $viadeo-color $snapchat-color $tripadvisor-color $patreon-color $buymeacoffee-color $flipboard-color ; @for $i from 1 through length($social-list) { .#{nth($social-list, $i)}-social-icon { background-color: nth($social-color, $i) !important; span { color: nth($social-color, $i); } } } // the output of this code is moved to the inlined-styles.php file // Arqam and Arqam Lite // @for $i from 1 through 20 { // .#{nth($social-list, $i)}-social-icon span.counter-icon{ // background-color: nth($social-color, $i); // } // } ul:not(.solid-social-icons) & a:not(:hover){ background-color: transparent !important; } } .social-icons-item .social-custom-link span{ color: $light-dark-base-color; } .solid-social-icons { .social-link { background-color: $base-color; transition: opacity 0.3s; .dark-skin &{ background-color: $dark-bg; border-color: $dark-bg; } span { color: #ffffff !important; transition: 0.1s; } &:hover { opacity: 0.8; } } } // Responsive Videos .tie-fluid-width-video-wrapper, .featured-area.video-is-sticky{ // video placeholder when the video moved to sticky width: 100%; position: relative; padding: 0; padding-top: 56%; } .entry .tie-fluid-width-video-wrapper { clear: both; } .tie-fluid-width-video-wrapper iframe, .tie-fluid-width-video-wrapper object, .tie-fluid-width-video-wrapper embed, .tie-fluid-width-video-wrapper .wp-video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } // Audio Player div:not(.tie-ignore-fitvid) > { .wp-video-shortcode, .wp-video { width: 100% !important; height: auto !important; } } .tie-ignore-fitvid{ .wp-video-shortcode, .wp-video { margin-right: auto; margin-left: auto; } } #tie-wrapper .mejs-container{ .mejs-controls{ background: $brand-color; color: $bright; } .mejs-time-current{ background: #ffffff; } .mejs-time-loaded, .mejs-horizontal-volume-current { background: rgba(255, 255, 255, 0.5); } &.wp-video-shortcode.mejs-video { padding-top: 57%; } .mejs-overlay, .mejs-poster { width: 100% !important; height: 100% !important; } .mejs-mediaelement video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; } } #tie-wrapper .wp-playlist{ //tie-wrapper to override the CSS file of the player padding: 0; &.wp-playlist-light, &.wp-playlist-dark { border-color: #eee; background: transparent; color: #333; .wp-playlist-playing{ background: #eee; color: #444; } } .wp-playlist-item { padding: 5px; border-color: #eee; } .wp-playlist-item-length { right: 6px; top: 5px; } .wp-playlist-playing { font-weight: normal; } .wp-playlist-tracks{ margin-top: 0; } } // Theme Notices .theme-notice{ background: #fff6ac; padding: 10px; color: #000000 !important; display: block; clear: both; #the-post &{ margin-bottom: 10px; } } // Trending Icon .trending-post{ &.tie-icon-bolt{ width: 22px; height: 22px; line-height: 22px; text-align: center; font-size: 12px; background: #F64E4E; color: #ffffff; border-radius: 100%; z-index: 4; display: inline-block; } // In the Sliders Meta Area .thumb-meta &{ margin-right: 7px; } // For the slider 3 and 4 which have the title centered &.trending-lg, .centered-title-slider &{ display: block; margin: 5px auto !important; width: 35px; height: 35px; line-height: 35px; font-size: 18px; } // The Tiny Slides areas .wide-slider-nav-wrapper &, .boxed-five-slides-slider &{ width: 18px; height: 18px; line-height: 18px; font-size: 12px; margin-top: -5px; } .post-thumb &{ &.trending-lg{ position: absolute; margin: 0 !important; left: 10px; top: -10px; @include breakpoint_max(670px){ top: 10px; } } } &.trending-sm { display: block; width: 14px; height: 14px; line-height: 15px; font-size: 12px; float: left; top: 3px; position: relative; } } // Loading Icon .loader-overlay{ opacity: 1; perspective: 10000px; background: transparent; position: absolute; *zoom: 1; @include center(xy); } // Spinner style #1 .spinner{ user-select: none; text-align: center; margin: auto; width: 5em; .show-more-button &{ width: 3.101em; } .bounce1{ animation-delay: -0.32s; margin-right: .5em; opacity: 0.8; } .bounce2{ animation-delay: -0.16s; margin-right: .5em; opacity: 0.9; } > div{ border-radius: 100%; animation: bouncedelay 1.4s infinite; animation-fill-mode: both; background-color: $brand-color; color: $bright; display: block; float:left; height: 1em; width: 1em; #product-images-slider-nav &, .show-more-button &{ width: 0.7em; height: 0.7em; } } } @keyframes(bouncedelay){ 0%, 80%, 100%{ transform: scale(0); } 40%{ transform: scale(1); } } // Spinner style #2 $spinner-width: 40px; .spinner-circle{ position: absolute; z-index: 1; height: $spinner-width; width: $spinner-width; top: - $spinner-width / 2; left: - $spinner-width / 2; animation: parent-animate 1.5s linear infinite; clip: rect(0, $spinner-width, $spinner-width, ($spinner-width / 2) ); &:after{ content: ''; position: absolute; border-radius: 50%; height: $spinner-width; width: $spinner-width; box-shadow: inset 0 0 0 2px; // According to https://drafts.csswg.org/css-backgrounds/#the-box-shadow The color is the color of the shadow. If the color is absent, the used color is taken from the ‘color’ property. in practice, we have use the color property and leave box-shadow without a color so we be able to customize it later color: $brand-color; animation: child-animate 1.5s ease-in-out infinite; clip: rect(0, $spinner-width, $spinner-width, ($spinner-width / 2)) } } @keyframes(parent-animate) { 0% { transform: rotate(0); } 100% { transform: rotate(220deg); } } @keyframes(child-animate){ 0% { transform: rotate(-140deg); } 100% { transform: rotate(140deg); } } .entry-header, .entry-archives-header{ padding: 30px 30px 0; margin-bottom: 20px; @include breakpoint(max_min_md){ padding: 20px 20px 0; } } @include breakpoint(max_min_lg){ .entry-archives-header{ padding: 20px 20px 0; margin-bottom: 10px; } } // Elements with forced text-decoration: none when [Underline text links on hover] option is active. #tie-body{ .post-cat:hover, .social-statistics-widget a:hover, a.remove:hover, a.button:hover, .tabs > li > a:hover, // bodypress & bbpress .item-list-tabs a:hover, .item-options a:hover, .action a:hover{ text-decoration: none !important; } } // Requried to get the scrollbar width via JS #is-scroller-outer{ visibility: hidden; width: 100px; height: 0; overflow: scroll; } #is-scroller{ width: 100%; } .entry { line-height: 1.7; @include font-size(15px); p{ margin-bottom: 25px; line-height: 1.7; &:last-child{ margin: 0; } } } @include breakpoint(max_min_sm){ .container-wrapper, .entry-content{ padding: 20px 15px; } } @include breakpoint(max_min_md){ .sidebar-before-content{ .main-content-row{ display: flex; flex-direction: column; } .main-content{ order: 2; } .sidebar{ order: 1; margin-bottom: 20px; } } } // Subscribe (NewsLetter) widget // After Post Newsletter section .subscribe-widget { .widget-inner-wrap{ text-align: center; } .widget-title { text-align: left; } .widget-title-icon:before { content: "\f0e0"; } .newsletter-icon { color: rgba(0, 0, 0, 0.2); font-size: 40px; display: block; margin: 0 0 20px; line-height: 0.8; } .subscribe-widget-content{ margin-bottom: 20px; .subscribe-subtitle { @include font-size(15px); position: relative; padding-bottom: 10px; margin-bottom: 10px; display: block; &:after { content: ""; position: absolute; width: 50px; height: 1px; background-color: $base-border-color; bottom: 0; @include center(x); transition: 0.15s; } } h3 { @include font-size(28px); color: $dark-color; margin-bottom: 10px; } } form { position: relative; &:before { font-size: 15px; position: absolute; left: 12px; top: 10px; color: rgba(0, 0, 0, 0.2); @include font-size(18px); content: "\f0e0"; font-family: tiefonticon; } } .subscribe-input { padding: 8px 30px; width: 100%; text-align: center; @include font-size(13px); @include placeholder(){ text-align: center; } } .button { margin-top: 10px; width: 100%; } }
| ver. 1.4 |
Github
|
.
| PHP 8.2.28 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings