Default page

Your IP: 216.73.216.91
Server IP: 157.245.101.34
Server: Linux skvinfotech-website 5.4.0-131-generic #147-Ubuntu SMP Fri Oct 14 17:07:22 UTC 2022 x86_64
Server Software: Apache/2.4.41 (Ubuntu)
PHP Version: 7.4.33
Buat File | Buat Folder
Dir : ~/var/www/skvcomputers.com/mobile/sass/theme/
View File Name : _blog.scss

/*===============================================
	[SASS DIRECTORY ]
	
    [1] SO LATSET BLOG
    [2] SIMPLE BLOG
    [3] ARTICLE INFO
	
==============================================*/

/*============SO LATSET BLOG ==================*/

/*============SIMPLE BLOG ==================*/


.blog-listitem.list .blog-item .itemBlogImg .article-image{margin:0;}
.blog-listitem{margin: 0 -15px; display: inline-block; 
    .blog-item{  padding:0;margin-bottom: 30px;
      .itemBlogImg{
        .article-image{ position: relative;
          &:before{
            content: '';
            width: 0;
            height: 0;
            border-bottom: 70px solid transparent;
            top: 0;
            position: absolute;
            z-index: 2;
            border-#{$left}: 70px solid #fff;
            #{$left}: 0;
          } 
          .article-date{ position: absolute; z-index: 2; top: 0; #{$left}: 0; 
            .date{ font-size: 14px; color: #909090; display: block; 
              b{ font-size: 24px; color: #909090;   display: block;}
            }
          }
        }
      }
      .readmore{
        a {
          display: block;
          width: 100%;
          padding: 10px 0 0;
          font-size: 13px;
          font-weight: 600;
          color: $linkColor;
          text-align: $left;
						i{
							padding-#{$right}: 5px;
							@include if-rtl {transform: rotate(180deg);padding-#{$left}: 5px;}
						}
        }
      }
      .article-image{margin-bottom: 15px;}
      .itemBlogContent{
        .article-title h4{margin-bottom: 5px; @include rem(font-size, 14px); line-height: 25px;
            a{ color: #222;  font-size: 16px;  font-weight: bold;
              &:hover{ color: $linkColor; } 
            }
          }
          .blog-meta{
              display:inline-block;
              padding: 10px 0;
              border-bottom: 1px solid #ebebeb;
              vertical-align: top;
              width: 100%;
              i{padding-#{$right}: 5px;}
              > span{
                  line-height: 15px;
                  font-weight: normal;
                  @include rem(font-size, 13px);
                  color: #909090;
                  float: $left;
                  padding-#{$right}: 20px;
              &.comment_count{
                  padding-#{$left} : 0;
                  color: #909090;
                  a{
                    @include linkGraylighter();
                    @include rem(font-size, 13px);
                  }
              }
          }
        }
      }
    }
    &.list{
      .article-description{
        border-bottom: 1px solid #ebebeb;
        padding-bottom: 20px;
        margin-bottom: 0;
      }
      .blog-item{
        margin-bottom: 40px;
        .itemBlogContent .blog-meta {
          padding: 15px 0 20px;
          border: none;
        }
      } 
    }
}


.simple-blog-product h4{@include rem(font-size, 14px);}
/*============ARTICLE INFO==================*/
div.article-info{
    
    .article-title{
        h3{
            font-size: 16px;
						line-height: 26px;
            text-transform: uppercase;
            color: #222;
            font-weight: bold;
        }
    }
    .article-sub-title{display: inline-block;width:100%; margin-bottom: 10px;
        span{
            padding: 0 5px;
            &.article-author{padding-#{$left} : 0;
                a{ @include linkGraylighter(); font-size: 13px;}
            }
            &.article-comment{border-#{$right} : 0;}
        }
        
    }
    .article-image{ margin-bottom: 10px;}
    
    .related-comment{
				border: none;
        border-top: 1px solid #e6e6e6;
        padding-top: 40px;
        
        margin-top: 40px;
        .article-reply{
            border: none;
            background: #f9f9f9;
            .author{
                font-weight: bold;
                font-size: 16px;
            }
            .article-reply{
                background: #f4f3f3;
            }
        }
        .panel-body{padding: 0; border: 0;
            .form-group #comments{padding: 0; border: 0; overflow: hidden;
                h2#review-title{
                    margin: 0 0 30px;
                    padding: 0;
                    font-weight: bold;
                    text-transform: uppercase;
                    font-size: 18px;
                    color: #121212;
                }
            }
        }
        #button-comment{
            background: $background1;
            border-color: $linkColor;
            text-transform: uppercase;
            color: #fff;
            padding: 10px;
            @media (min-width:992px){
                padding: 10px 52px;
            }    
            &:hover{
                background: #444;
                border-color: #444;
            }
        }
    }
   
    .itemFullText{text-align: justify;}
}
/*============ARTICLE COMMENTS==================*/
.comments.comments-level-1 {margin-#{$left}: 30px;}
.comments .pull-left {
  width: 60px;
  height: 60px;
  display: block;
  background-color: #f5f5f5;
  margin-#{$right}: 20px;
  position: relative;
  padding: 0;
}
.comments .pull-left .fa {
  font-size: 36px;
  display: block;
  text-align: center;
  margin: 10px 0;

}
.comments .pull-left img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
}
.comments .pull-left span {
  position: absolute;
  display: inline-block;
  top: 15%;
}
.comments .media-body .media-title {
  color: #1fc0a0;
  padding-bottom: 10px;
}
.comments .media-body .media-title .username {
  font-size: 16px;
  font-style: italic;
  font-family: Georgia, sans-serif;
  display: inline-block;
  margin-#{$right}: 14px;
}

.comments .media-body .media-title .time .fa {
  margin-#{$right}: 10px ;
}