Laporan Proyek

/* ----------------------------------------- */ /* View slug: teaching-tools - 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:.7em!important}.page-item:last-child .page-link{margin-left:.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:#036;border-color:#036} /* ----------------------------------------- */ /* View slug: teaching-tools - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: knowledge-loop - 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; margin-bottom: 15px; border-radius: 5px 5px 5px 5px; } #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 .wrap { display:flex; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; display: -webkit-box; display: -ms-flexbox; -webkit-box-flex-direction: column; -moz-box-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; } #media-view-1 .media-item .news-logo { margin: 0; background-color: #f5f5f5; } .blog-img { display: flex; flex-wrap:wrap; height: 230px; overflow: hidden; } #media-view-1 .media-img { overflow:hidden; width:100%!important; 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 10px; } #media-view-1 .media-item .download-button { display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: column; padding: 5px 20px 10px; } #media-view-1 .media-item h3, #media-view-1 .media-item h3 a { font-size: 16px; font-weight: 600; color: #7a7a7a; margin-bottom: 10px; } #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: 14px; } #media-view-1 .media-item .published { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; padding: 0 10px; margin-bottom: 10px; } #media-view-1 .media-item .media-date { font-size: 16px; color: #777; } @media screen and (max-width: 960px) { #media-view-1 .media-item .media-img { width: 100%; max-width: 100%; align-items: normal!important; } } @media screen and (max-width: 768px) { #media-view-1 .media-item .blog-img { height: 200px!important; }} /* ----------------------------------------- */ /* Content Template: knowledge-loop - end */ /* ----------------------------------------- */