File manager - Edit - /home/xfekoga/grenier/wp-content/plugins/miniorange-malware-protection/includes/css/other_plugins.css
Back
* { box-sizing: border-box; } .blog-card { display: flex; flex-direction: column; margin: 1rem auto 1.6%; background: #fff; line-height: 1.4; border-radius: 5px; overflow: hidden; z-index: 0; } .blog-card a { color: inherit; } .blog-card a:hover { color: #5ad67d; } .blog-card:hover .photo { transform: scale(1.5); } .blog-card .meta { position: relative; z-index: 0; height: 200px; } .blog-card .photo { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: 128px; background-repeat: no-repeat; background-position: center; transition: transform 0.2s; } .blog-card .details, .blog-card .details ul { margin: auto; padding: 0; list-style: none; } .blog-card .details { position: absolute; top: 0; bottom: 0; left: -100%; margin: auto; transition: left 0.2s; background: rgba(0, 0, 0, 0.6); color: #fff; padding: 10px; width: 100%; font-size: 0.9rem; } .blog-card .details a { text-decoration: dotted underline; } .blog-card .details ul li { display: inline-block; } .blog-card .details .author:before { font-family: FontAwesome; margin-right: 10px; content: "\f007"; } .blog-card .details .date:before { font-family: FontAwesome; margin-right: 10px; content: "\f133"; } .blog-card .details .tags ul:before { font-family: FontAwesome; content: "\f02b"; margin-right: 10px; } .blog-card .details .tags li { margin-right: 2px; } .blog-card .details .tags li:first-child { margin-left: -4px; } .blog-card .description { padding: 0.5rem; background: #fff; position: relative; z-index: 1; } .blog-card .description h1, .blog-card .description h2 { font-family: Poppins, sans-serif; } .blog-card .description h1 { line-height: 1; margin: 0; font-size: 1.7rem; } .blog-card .description .read-more a { color: #5ad67d; display: inline-block; position: relative; } .blog-card .description .read-more a:after { content: "\f061"; font-family: FontAwesome; margin-left: -10px; opacity: 0; vertical-align: middle; transition: margin 0.3s, opacity 0.3s; } .blog-card .description .read-more a:hover:after { margin-left: 5px; opacity: 1; } .blog-card p { position: relative; margin: 1rem 0 0; } .blog-card p:first-of-type { margin-top: 1.25rem; } .blog-card p:first-of-type:before { content: ""; position: absolute; height: 5px; background: #5ad67d; width: 35px; top: -0.75rem; border-radius: 3px; } @media (min-width: 640px) { .blog-card { flex-direction: row; max-width: 700px; } .blog-card .meta { flex-basis: 40%; height: auto; } .blog-card .description { flex-basis: 60%; } .blog-card .description:before { transform: skewX(-3deg); content: ""; background: #fff; width: 30px; position: absolute; left: -10px; top: 0; bottom: 0; z-index: -1; } .blog-card .description ul li { font-size: 16px; } .blog-card .description h4 { font-size: 1.0rem; } .blog-card .description h1 { font-size: 1.3rem; } .blog-card.alt .description:before { left: inherit; right: -10px; transform: skew(3deg); } .blog-card.alt .details { padding-left: 25px; } }
| ver. 1.4 |
Github
|
.
| PHP 8.0.30 | Generation time: 0 |
proxy
|
phpinfo
|
Settings