| Server IP : 104.21.64.1 / Your IP : 216.73.216.145 Web Server : LiteSpeed System : Linux premium151.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : tempvsty ( 647) PHP Version : 8.0.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/tempvsty/peekmysite.com/wp-content/themes/CherryFramework/less/ |
Upload File : |
/*#Content
================================================== */
.content-holder {
position:relative;
z-index:1;
padding-bottom:50px;
}
#content {
padding-top: 40px;
&.left {
position: relative;
z-index: 9;
float: right !important;
margin-bottom: 40px;
}
}
.isStuck{
-webkit-transform: translateZ( 0 );
}
/* Title
---------------------------------------- */
.title{
&-section {
padding: 70px 0 0;
}
&-header {
overflow: hidden;
margin-bottom: 1.5em;
.hyphens(auto);
}
&-desc {
display: block;
color: #999;
font-size: 11px;
}
}
/* Breadcrumb
---------------------------------------- */
.breadcrumb__t {
margin: 0;
.hyphens(auto);
li {
display: inline;
&.active {
}
&.divider {
.hide-text();
&:after {
content: ' / ';
color: @textColor;
font: @baseFontSize/@baseLineHeight @baseFontFamily;
}
}
a {
}
}
}
/* /Breadcrumb */
/* Sidebar
================================================== */
#sidebar {
padding-top: 40px;
h3{
margin-bottom: 20px;
}
}
/* #Pages
================================================== */
/* Page */
.page {
}
/* Testimonials Page
---------------------------------------- */
.testimonial {
position: relative;
margin-bottom:35px;
padding:30px;
border:1px solid @tableBorder;
background:#f5f5f5;
font-style:italic;
font-family:@serifFontFamily;
line-height:1.5em;
.border-radius(2px);
&_bq {
margin:0;
padding:0;
border:none;
p {
}
}
&_content {
overflow: hidden;
background: url(../images/quotes.png) no-repeat 0 0;
}
& .featured-thumbnail {
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
width: 80px;
height: 80px;
}
}
& small {
font-family: @sansFontFamily;
font-style: normal;
padding: 12px 0 0;
font-size: @fontSizeSmall;
span {
display: inline;
}
}
.testi {
&-url, &-email {
font-style: normal;
}
}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.testimonial {
padding: 15px;
background-position: 150px 10px;
}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.testimonial {
padding: 15px;
background-position: 150px 10px;
}
}
/* Single thumbnails Page
---------------------------------------- */
#primary {
padding-top: 40px;
}
.entry-content {
overflow: hidden;
}
.entry-meta { }
/* Info */
.entry-meta{
&.float-right{
float: right;
}
}
.portfolio-meta{
margin: 0;
padding: 1em 0;
border: none;
border-top: 1px solid @tableBorder;
span {
display: inline-block;
line-height: 20px;
padding-right: 15px;
@media (max-width: 767px) {
display: block
}
}
i {
font-size: 16px;
margin-right: .5em;
color: @iconColor;
&.icon-tag{
margin-right: .3em;
}
}
&-list {
margin: 0 0 2em 0;
padding: 1em 0;
border: none;
border-top: 1px solid @tableBorder;
border-bottom: 1px solid @tableBorder;
li {
margin: .5em 0 0 0;
padding: 0;
border: none;
background: none;
list-style-type: none;
text-transform: none;
&:first-child {
margin-top:0;
}
strong {
display:inline;
padding-right:.3em;
}
}
}
}
/* Single Image */
.image-holder {
position:relative;
& img {
max-width:100%;
}
}
/* Grid Gallery */
.grid_gallery {
margin-bottom:-1px;
position:relative;
overflow:hidden;
padding:0;
}
.grid_gallery_inner {
position:relative;
overflow:hidden;
width:100%;
&.isotope{
.gallery_item{
padding: 0;
a{
position: relative;
padding: 1px;
}
}
}
}
.gallery_item {
float:left;
width: 33%;
margin: 0;
padding: 0 1px 1px 0;
&.featured-thumbnail {
border: none;
.border-radius(0);
.box-shadow(none);
}
}
.single-gallery-item {
margin:0 !important;
}
/* Zoom Icon */
.zoom-icon {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
display:block;
background:rgba(0, 0, 0, .4);
opacity:0;
cursor:pointer;
.transition(0.2s);
}
.no-rgba .zoom-icon {
visibility:hidden;
background:url(../images/black-opacity-60.png);
}
.zoom-icon:before {
position:absolute;
top:50%;
left:50%;
display:block;
margin:-13px 0 0 -13px;
width:25px;
height:26px;
background:url(../images/magnify-alt.png) 50% 50% no-repeat;
content:"";
}
.featured-thumbnail a:hover .zoom-icon,
a.thumbnail:hover .zoom-icon,
.thumbnail__portfolio a:hover .zoom-icon {
opacity:1;
}
.no-rgba .image-wrap:hover .zoom-icon,
.featured-thumbnail a:hover .zoom-icon,
a.thumbnail:hover .zoom-icon,
.thumbnail__portfolio a:hover .zoom-icon {
visibility:visible;
}
/* Filterable Portfolio
---------------------------------------- */
.filter-wrapper {
strong {
display: block;
padding: 8px 0;
margin-right: 5px;
float: left;
}
.nav {
overflow: hidden;
}
}
.nav-pills {
float: left;
li {
@media (max-width: 480px) {
float: none;
}
a {
white-space: nowrap;
@media (max-width: 480px) {
display: block;
padding: 5px;
}
}
}
}
.filterable-portfolio {
position:relative;
visibility:hidden;
overflow:hidden;
margin:0 -10px;
& .portfolio_item {
display:block;
float:left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin:0 0 20px 0;
padding:0 10px;
width:0;
}
& .portfolio_item.nomargin {
margin-right:0;
}
& .portfolio_item_holder {
overflow:hidden;
}
& h3 {
}
& .image-wrap {
position:relative;
display:block;
overflow:hidden;
&:before{
top: 50%;
left: 50%;
margin: -16px 0 0 -16px;
z-index: -1;
}
}
.folio_loader{
top: 50%;
left: 50%;
margin: -10px 0 0 -10px;
z-index: -1;
}
}
.thumbnail__portfolio {
margin: 0;
}
.video_preview{
&.featured-thumbnail{
margin: 0 0 10px 0;
padding: 0px;
width: 100%;
}
>div{
padding: 4px;
}
a[rel="author"]{
display: inline-block;
}
.post_author{
display: block;
}
.post_date{
display: block;
}
img{
width: 100%;
}
span.hover{
position: absolute;
top: 50%;
left: 50%;
margin: -41px 0 0 -35px;
font-size: 80px;
color: #FFF;
text-decoration: none;
opacity: 0.8;
-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
a:hover span.hover{
opacity: 1;
-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
transform: rotateY(360deg);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
h4{
padding: 0 0 7px 5px;
border-bottom: 1px solid @tableBorder;
}
.post_author{
float: left;
padding: 0 0 5px 5px;
}
.post_date{
float: right;
padding: 0 5px 5px 0;
}
}
/**** Isotope Filtering ****/
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
z-index: 1;
pointer-events: none;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: top, left, opacity;
transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
/* Author Page
---------------------------------------- */
.post-author {
margin-bottom: 60px;
padding: 10px 20px 15px 20px;
border: 1px solid @tableBorder;
background-color: #FAFAFA;
&__page {
}
&_h {
margin-bottom: 20px;
}
&_link {
margin-top:1.5em;
}
&_gravatar {
float: left;
margin:0 20px 0 0;
& img {
padding:5px;
border:1px solid @tableBorder;
background:#fff;
}
}
&_desc {
}
.post-author_desc{
overflow: hidden;
margin-top: 1em;
.post-author_link{
font-size: 15px;
}
}
}
/* Recent author posts */
#recent-author-posts {
margin-bottom:3em;
}
/* Recent author comments */
#recent-author-comments {
}
/* Single Team Page
---------------------------------------- */
.team-holder {
.page-header {
}
.featured-thumbnail {
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
width: 80px;
height: 80px;
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
width: 80px;
height: 80px;
}
}
.team-content {
overflow: hidden;
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
overflow: visible;
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
overflow: visible;
}
}
}
/* FAQs Page
---------------------------------------- */
.faq-list {
&_h {
position:relative;
margin:0;
padding:0 0 5px 28px;
background:none;
font-weight:normal;
}
&_body {
position:relative;
margin:0 0 2em 0;
padding:0 0 0 28px;
& .marker {
top: 3px;
}
}
& .marker {
position:absolute;
top:0;
left:0;
display:block;
font-weight:bold;
margin:0;
}
}
/* 404 Error Page
---------------------------------------- */
.error404-holder {
padding: 30px 0 100px 0;
&_num {
text-align: center;
font-size: 250px;
line-height: 1.2em;
/* Landscape phones and down */
@media (max-width: 480px) {
font-size: 120px;
}
}//404 number
.hgroup_404 {
margin:0 0 2em 0;
padding-top:50px;
h1 {
margin-bottom:.2em;
font-size:3em;
}
}//.hgroup_404
}//404 holder
/* Archive Page
---------------------------------------- */
.archive_lists {
& .archive_h {
}//archive_h
}//archive_lists
/* #Post
================================================== */
.post {
&__holder {
overflow:hidden;
margin-bottom: 0px;
&.single-post {
overflow:hidden;
margin-bottom:30px;
width:100%;
}
.post-header{
.post-title{
margin-bottom: 30px;
}
}
.featured-thumbnail{
&.large{
margin-bottom: 35px;
}
}
.post_content{
padding-bottom: 20px;
h1, h2, h3, h4, h5, h6{
margin: 5px 0 15px 0;
}
p{
margin: 0 0 15px;
}
}
}//post__holder
&_header {
}
&-title {
.hyphens(auto);
}
.featured-thumbnail {
@media (max-width: 480px) {
width: 120px;
height: auto;
}
}
.featured-thumbnail.large {
@media (max-width: 480px) {
width: auto;
}
}
&_content {
.hyphens(auto);
padding-bottom: 20px;
& .excerpt,
& .full-post-content {
margin-bottom:1.5em;
}
}//post_content
&_footer {
clear:both;
padding:15px 0 0 0;
}//post_footer
}
.post_wrapper{
margin-bottom: 40px;
}
.post_meta {
overflow:hidden;
margin-bottom:1em;
padding:.5em 0;
border-top:1px solid @tableBorder;
border-bottom:1px solid @tableBorder;
font-size:.92em;
div[class^="post_"]{
display: inline-block;
line-height: 20px;
padding: 2px 5px;
@media (max-width: 767px) {
display: block;
}
.not_voting{
cursor: default;
color: inherit;
span{
color: inherit;
}
}
.ajax_voting{
color: inherit;
span{
color: inherit;
}
}
.user_voting{
cursor: default;
i, span{
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-out;
}
}
.user_like{
cursor: default;
i, span{
color: #2ecc71;
}
i{
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-out;
}
}
.user_dislike{
cursor: default;
i, span{
color: #e74c3c;
}
i{
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-out;
}
}
.animation_item{
position: absolute;
top: 0px;
right: 0px;
}
a{
text-transform: capitalize;
}
}
&>div&_unite {
display: block;
border-top:1px solid @tableBorder;
padding-top: .5em;
margin-top: .5em;
&:first-child{
border-top:none;
margin-top:0;
padding-top:0;
}
.meta_group{
}
}
& .post_permalink {
float: right;
padding-right: 0;
@media (max-width: 767px) {
float: left;
}
}
& span.voting_count{
padding-right: 0;
position: relative;
}
& i {
font-size: 16px;
margin-right: 0em;
padding-right: 0.5em;
color: @iconColor;
}
& .pull-right {
padding-right: 0;
padding-left: 15px;
}
& hr {
margin:.5em 0;
}
.post_dislike, .post_like{
a{
text-decoration: none;
}
}
}//post_meta
.meta_type_icon{
& > div.post_meta_unite{
display: inline-block;
float: left;
border-top: none;
padding: 0 0 0em;
margin-top: 0;
& div[class^="post_"]{
float: left;
width: 15px;
text-align: center;
padding: 0 7px 25px;
margin-bottom: -25px;
& i{
margin-right: 0;
padding-right: 10px;
width: 15px;
text-align: center;
display: inline-block;
}
& .tips{
margin-left:-5px;
margin-top: 10px;
padding: 2px 7px;
position: absolute;
background: #eaeaea;
color: #000;
min-width:10px;
border-radius: 5px;
visibility: hidden;
animation: tips_out 0.3s ease-out;
animation-fill-mode:forwards;
-webkit-animation: tips_out 0.3s ease-out;
-webkit-animation-fill-mode:forwards;
&:before{
background: transparent;
content: " ";
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 7px 7px 7px;
border-color: transparent transparent #EAEAEA transparent;
position: absolute;
margin:-19px 0 0 5px;
padding-top: 10px;
color: #eaeaea;
left: 0;
}
}
&:hover{
.tips{
visibility: visible;
margin-top: 15px;
animation: tips_in 0.3s ease-out;
animation-fill-mode:backwards;
-webkit-animation: tips_in 0.3s ease-out;
-webkit-animation-fill-mode:backwards;
}
};
}
}
}
@media (max-width: 768px) {
& .post_meta .post_meta_unite{
border-top:1px solid @tableBorder;
display:block;
padding: .5em 0;
width: auto;
border-left: none;
overflow: hidden;
box-sizing: inherit;
float: none;
&:first-child{
border-top:none;
padding-top:0;
}
&.last-child{
padding-bottom:0;
}
}
& .meta_type_icon .post_meta_unite{
& span{
padding-right: 15px;
text-align: left;
float: none;
width: 100%;
.tips{
position: absolute;
display: inline-block;
visibility: visible;
margin: 0;
-webkit-animation: none;
animation: none;
padding: 0;
background: none;
&:before{
display:none;
}
}
&:hover{
.tips{
margin: 0;
animation: none;
-webkit-animation: none;
}
};
}
}
}
/* tips keyframes animation*/
.tips_in (){
0%{
visibility: visible;
pointer-events:none;
opacity: 0;
margin-top: 25px;
}
100%{
opacity: 1;
margin-top: 15px;
}
}
.tips_out (){
0%{
visibility: visible;
pointer-events:none;
opacity: 1;
margin-top: 15px;
}
100%{
visibility: hidden;
margin-top: 40px;
opacity: 0;
}
}
@keyframes tips_in{
.tips_in();
}
@-webkit-keyframes tips_in{
.tips_in();
}
@keyframes tips_out{
.tips_out();
}
@-webkit-keyframes tips_out{
.tips_out();
}
/* end tips keyframes animation*/
.sticky{
position: relative;
z-index: 9;
overflow: visible;
}//sticky post
/* Post Formats
---------------------------------------- */
/* Quote Post */
.quote-wrap {
margin-bottom: 25px;
}
.format-quote .post_meta {
padding-top: 25px;
}
.format-quote blockquote {
font-family: @serifFontFamily;
font-size: @fontSizeLarge;
line-height: 1.4em;
font-style: italic;
color: @grayLight;
font-weight: normal;
margin-bottom: 10px;
padding: 10px 0 10px 25px;
}
.format-quote cite {
padding-left: 30px;
margin-bottom: 20px;
}
/*/ Quote Post */
/* Post gravatar */
p.gravatar {
float:left;
margin-right:20px;
}
/* Post edit link */
.post-edit-link {
}
.post-edit-link:hover {
}
/* Related Posts */
.related-posts {
overflow:hidden;
margin: 0 0 45px;
padding:0;
&_h {
margin-bottom: 20px;
}
&_list {
padding: 0;
margin: 0 0 0 -4%;
font-size: 0;
}
&_item {
display: inline-block;
width: 21%;
margin-left: 4%;
margin-bottom: 20px;
padding: 0;
list-style-type:none;
overflow: hidden;
vertical-align: top;
font-size: 12px;
}
&_item:first-child {
//margin-left:0;
}
.featured-thumbnail {
float:none;
overflow:visible;
margin:0 0 10px 0;
}
/* Landscape phones and down */
@media (max-width: 480px) {
&_item {
width: 46%;
}
}
}
/*/ Related Posts */
/* Share buttons */
.share-buttons {
margin-bottom: 45px;
padding: 10px 0;
width: 100%;
height: 21px;
span, li {
display: block;
float: left;
width: 90px;
&.google{
width: 68px;
}
}
iframe {
max-width: none;
}
@media (max-width: 480px) {
display: none;
}
}
/*/ Share buttons */
/* Single pager */
.single-pager {
margin: 10px 0 30px;
padding: 5px 0;
border-top: 1px solid @tableBorder;
border-bottom: 1px solid @tableBorder;
font-size: 11px;
}
/* Gallery post format */
.gallery-post {
}
/*/ Gallery post format */
/* Gallery Pagination */
.g-pagination {
overflow:hidden;
text-align:left;
& ul {
overflow:hidden;
margin:0;
padding:.5em 0;
list-style-type:none;
& li {
display:inline;
margin:0;
padding:0 5px 0 0;
& a {
display:inline-block;
width:10px;
height:10px;
border-radius:5px;
background:#000;
vertical-align:top;
text-decoration:none;
font-size:0;
line-height:0;
}
&.activeSlide a,
& a:hover {
background:#999;
}
}
}
}
/*/ Gallery Pagination */
.g_controls {
float:right;
& a {
display:inline-block;
border-radius:4px;
background:#000;
color:#fff;
vertical-align:top;
text-decoration:none;
font-size:11px;
font-family:"Times New Roman", Times, serif;
& span {
display:inline-block;
padding:2px 6px 4px 6px;
}
&:hover {
background:#999;
}
}
}
/* Posts navigation
---------------------------------------- */
.pagination__posts {
margin: 0;
text-align: center;
& ul {
& li {
& a {
}
}
& .active {
& a {
}
}
& .prev {
& a {
}
}
& .next {
& a {
}
}
& .first {
& a {
}
}
& .last {
& a {
}
}
}
}
/* /Posts navigation
/* blog masonry */
.blog{
.isotope{
margin: 0 -5px 20px;
vertical-align: top;
height: auto;
visibility: hidden;
@media (max-width: 768px) {
margin-left: -1%;
margin-right: -1%;
}
@media (max-width: 480px) {
margin-left: 0;
margin-right: 0;
}
.post_wrapper{
display: block;
float: left;
margin: 5px;
width: 306px;
@media (min-width: 1200px) {
width: 383px;
}
@media (min-width: 768px) and (max-width: 979px) {
width: 357px;
}
@media (max-width: 768px) {
width: 47.7%;
margin: 5px 1%;
}
@media (max-width: 480px) {
width: 100%;
margin:5px 0;
}
.post_content{
padding-bottom: 10px;
}
.post__holder{
border: 1px solid @tableBorder;
padding:6px;
border-radius: 5px;
margin-bottom: 0;
.post_meta{
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
}
/*.video-wrap{
min-height: 210px;
padding: 0;
}
embed, iframe, object, video{
min-height: 210px;
}*/
}
}
}
/* end blog masonry */