ZwiiCMS/module/news/view/index/index.css

/**
 * This file is part of Zwii.
 *
 * For full copyright and license information, please see the LICENSE
 * file that was distributed with this source code.
 *
 * @author Rémi Jean <remi.jean@outlook.com>
 * @copyright Copyright (C) 2008-2018, Rémi Jean
 * @author Frédéric Tempez <frederic.tempez@outlook.com>
 * @copyright Copyright (C) 2018-2021, Frédéric Tempez
 * @license GNU General Public License, version 3
 * @link http://zwiicms.fr/
 */

 /*
* Module news
*/

/*
.newsTitle {
    background-color: #ECEFF1;
    padding:5px;
}*/
.newsContent {
	overflow: hidden; /* les dépassements seront masqués */
	position: relative;
}

.newsBlur {
	position: absolute;
	bottom: -5%;
	margin: -10px;
	height: 20%;
	width: 110%;
	backdrop-filter: blur(1px);
	-webkit-backdrop-filter: blur(1px);
}


.newsContent {
	clear: left;
	margin-left: 10px;
	margin-bottom: 5px;
}

.newsSignature {
	margin-right: 10px;
	float: right;
	font-style: italic;
	color: grey;
}

/*
* Flux RSS
*/
#rssFeed {
    text-align: right;
    float: right;
}
#rssFeed p {
    display: inline;
    vertical-align: top;
}
@media (min-width: 769px)
{
	.col2 {width: 20%;}
	.col3 {width: 24%;}
	.col4 {width: 32%;}
	.col6 {width: 49%;}
	.col12 {width: 100%;}
}

@media (max-width: 768px)
{
	.col2 {width: 49%;}
	.col3 {width: 49%;}
	.col4 {width: 49%;}
}
@media (max-width: 480px)
{
    .col2 {width: 100%;}
	.col3 {width: 100%;}
	.col4 {width: 100%;}
}