File manager - Edit - /home/jardides/www/Jardi-design/plugins/pagebuilderck/blog/assets/blog.css
Back
/** * @name Page Builder CK * @package com_pagebuilderck * @copyright Copyright (C) 2015. All rights reserved. * @license GNU General Public License version 2 or later; see LICENSE.txt * @author Cedric Keiflin - https://www.template-creator.com - https://www.joomlack.fr */ .blogck { display: flex; justify-content: space-between; flex-wrap: wrap; } .blogck-item { /*width: calc(1/3*100% - (1 - 1/3)*10px);*/ display: flex; flex-direction: column; box-sizing: border-box; } .block-link-bottom .blogck-text { flex: 1 1 auto; } .blogck-link { align-self: center; } .pagebuilderck .blogck-image img { display:block; margin: 0 auto; height: 100%; object-fit: cover; } .blogck [data-state="0"] { display: none; } .blogck-image figure.imageeffectck, .blogck-image .imageeffectck_img { margin: 0; height: 100%; } /*--- for grid display ---*/ .blogck-grid .blogck-item { display: grid; grid-template-areas: "img title" "img date" "img text" "img button"; grid-template-columns: 50% 50%; grid-template-rows: auto auto; } .blogck-grid .blogck-image { grid-area: img; } .blogck-grid .blogck-title { grid-area: title; } .blogck-grid .blogck-text { grid-area: text; } .blogck-grid .blogck-date { grid-area: date; } .blogck-grid .blogck-link { grid-area: button; } /*--- pagination ---*/ .blogck-pagination { margin: 10px; } .blogck-pagination ul { display: inline-block; margin-left: 0; margin-bottom: 0; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,0.05); } .blogck-pagination ul > li { display: inline; } .blogck-pagination ul > li > a:hover, .blogck-pagination ul > li > a:focus, .blogck-pagination ul > .active > a, .blogck-pagination ul > .active > span { background-color: #f5f5f5; } .blogck-pagination ul > li > a, .blogck-pagination ul > li > span { float: left; padding: 4px 12px; line-height: 18px; text-decoration: none; background-color: #fff; border: 1px solid #ddd; border-left-width: 0; } .blogck-pagination ul > li:first-child > a, .blogck-pagination ul > li:first-child > span { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .blogck-pagination ul > li:first-child > a, .blogck-pagination ul > li:first-child > span { border-left-width: 1px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .blogck-pagination ul > li:last-child > a, .blogck-pagination ul > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .blogck-pagination ul > .active > a, .blogck-pagination ul > .active > span { color: #999; cursor: default; } .blogck-link[data-align="left"] { align-self: self-start; } .blogck-link[data-align="right"] { align-self: self-end; }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.04 |
proxy
|
phpinfo
|
Settings