ZwiiCMS/module/blog/view/index/index.css

117 lines
1.5 KiB
CSS
Raw Normal View History

.rowArticle {
margin-bottom: 10px !important;
}
2018-04-02 08:29:19 +02:00
.blogPicture {
2019-05-31 23:25:31 +02:00
float: none;
border: 1px;
2018-04-02 08:29:19 +02:00
}
2019-02-24 19:11:13 +01:00
.blogPicture img {
width: 100%;
height: auto;
/*
border:1px solid lightgray;
2020-05-27 08:56:20 +02:00
box-shadow: 1px 1px 5px darkgray;
*/
}
2022-03-15 09:16:42 +01:00
#sectionTitle {
margin-top: 0;
margin-bottom: 5px;
}
.blogArticlePicture {
height: auto;
border:1px solid lightgray;
box-shadow: 1px 1px 5px;
}
.blogArticlePictureleft {
float: left;
margin: 15px 10px 5px 0 ;
}
.blogArticlePictureright {
float: right;
margin: 15px 0 5px 10px ;
}
2018-04-02 08:29:19 +02:00
.blogPicture:hover {
opacity: .7;
}
2019-02-22 22:38:06 +01:00
.row:after {
2018-04-02 08:29:19 +02:00
content: " ";
display: table;
clear: both;
}
.blogComment {
2019-02-22 22:38:06 +01:00
padding-right: 10px;
2018-04-02 08:29:19 +02:00
float: right;
}
2019-02-22 22:38:06 +01:00
.blogTitle {
/*background-color: #ECEFF1;*/
padding: 0px;
margin-bottom: 5px;
2019-02-22 22:38:06 +01:00
}
.blogContent {
float: left;
margin-top: 5px;
2019-02-22 22:38:06 +01:00
}
2022-10-07 20:13:55 +02:00
.blogDate, .blogEdit {
2019-02-22 22:38:06 +01:00
font-size:0.8em;
font-style: italic;
/*
2019-02-22 22:38:06 +01:00
color: grey;
*/
2019-02-22 22:38:06 +01:00
}
2018-04-02 08:29:19 +02:00
@media (max-width: 768px) {
.blogContent {
display: none;
}
2020-12-04 17:06:42 +01:00
.blogPicture img {
width: 50% ;
display: block;
margin-left: auto;
margin-right: auto;
}
2020-11-15 18:39:03 +01:00
}
2022-03-15 09:16:42 +01:00
.pict20{
width: 20%;
}
.pict30{
width: 30%;
}
.pict40{
width: 40%;
}
.pict50{
width: 50%;
}
.pict100{
width: 100%;
margin: 15px 0 20px 0 ;
}
2020-11-16 14:55:46 +01:00
/*
* Flux RSS
*/
#rssFeed {
2020-11-15 18:39:03 +01:00
text-align: right;
2020-11-16 14:55:46 +01:00
}
#rssFeed p {
display: inline;
vertical-align: top;
2023-03-23 07:56:45 +01:00
}
article {
position: relative;
/* Autres styles pour les articles coupés */
}
article
.read-more-btn {
position: absolute;
bottom: 10px;
right: 10px;
z-index: 1;
/* Autres styles pour le bouton */
}