Cerita dari Lapangan

/* ----------------------------------------- */ /* View slug: news-view - start */ /* ----------------------------------------- */ .col-md-4 { display: flex!important;flex-wrap: wrap; } .col-sm-6 { display: flex!important;flex-wrap: wrap; } .no-paddings { padding-left:0px!important; padding-right:0px!important; } .page-item:last-child .page-link, .page-item:first-child .page-link { border-radius: 50%;background-color: #fff; -webkit-box-shadow: 1px 2px 10px rgba(0,0,0,.2); box-shadow: 1px 2px 10px rgba(0,0,0,.2); padding: 5px 10px!important; } .page-item:first-child .page-link { margin-right: 0.7em!important; } .page-item:last-child .page-link { margin-left:0.7em!important; } .page-item .disabled .page-link { border:none; } .wpv-pagination-nav-links-container { margin-top:20px; justify-content:center; align-items:center; } .wpv-pagination-nav-links-container .page-link { margin: 1px!important; font-size:14px; } .page-item .page-link { color: #7a7a7a; border:none; } .page-item .page-link:hover { color: #b8892d; border:none; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #003366; border-color: #003366; } /* ----------------------------------------- */ /* View slug: news-view - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View slug: author-in-blog - start */ /* ----------------------------------------- */ .oleh:not(:first-child):before{ content:", "; } /* ----------------------------------------- */ /* View slug: author-in-blog - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: news-view-template - start */ /* ----------------------------------------- */ #media-view-1 .media-item { display: flex; flex-wrap: wrap; flex-direction: column; border-style: solid; border-width: 1px 1px 1px 1px; border-color:rgba(193, 193, 193, 0.71); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.23); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; border-radius: 5px 5px 5px 5px; flex: 1 1 100%; } #media-view-1 .media-item:hover { border:solid 1px #b8892d; } #media-view-1 .media-item * { margin: 0; padding: 0 0; } #media-view-1 .media-item { margin-bottom: 20px; } #media-view-1 .media-item .news-logo { margin: 0; background-color: #f5f5f5; height: 230px; overflow: hidden; } .blog-img { overflow:hidden; } #media-view-1 .media-img { overflow:hidden width:100%!important; height: 100%; object-fit:cover; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; } #media-view-1 .media-img:hover { transform:scale(1.2); -moz-transform: scale(1.2); -webkit-transform:scale(1.2); opacity: 0.5; } #media-view-1 .media-item .term-meta { display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column; padding: 10px 20px 5px; } #media-view-1 .media-item .content { display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: column; padding: 5px 20px 5px; flex: 1 1; } #media-view-1 .media-item h3, #media-view-1 .media-item h3 a { font-size: 16px; font-weight: 600; color: #7a7a7a; } #media-view-1 .media-item h3:hover, #media-view-1 .media-item h3 a:hover { color:#b8892d; } #media-view-1 .media-item .media-name { color: #999; margin: 0 0 10px 0; padding: 0; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; } #media-view-1 .media-types { display: flex; padding: 5px 20px; margin-bottom: 10px; align-items: center; } #media-view-1 .author { font-size:12px; } @media screen and (max-width: 768px) { #media-view-1 .media-item .media-img { width: 100%; max-width: 100%; } } @media screen and (max-width: 768px) { #media-view-1 .media-item .news-logo { height: 200px!important; }} /* ----------------------------------------- */ /* Content Template: news-view-template - end */ /* ----------------------------------------- */