c64fd17550
- Use proper semantic markup for s9y_gallery - Add a few classes just in case - Add basic CSS for image galleries - Backport gallery styles to default References #552
110 lines
2.0 KiB
CSS
110 lines
2.0 KiB
CSS
/* The templates/default/style_fallback.css emits CSS statements that all s9y
|
|
themes should have.
|
|
|
|
Statements declared in this file are emitted early in the dynamically
|
|
generated stylesheet serendipity.css, so you can override them by declaring
|
|
them again in your theme's style.css or user.css.
|
|
|
|
IT IS NOT ADVISED TO CREATE YOUR OWN style_fallback.css FILE! */
|
|
|
|
/* Images positioned normal/left/right */
|
|
.serendipity_image_center {
|
|
border: 0;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.serendipity_image_left {
|
|
float: left;
|
|
border: 0;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.serendipity_image_right {
|
|
float: right;
|
|
border: 0;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
/* Images with captions and positioning */
|
|
.serendipity_imageComment_center,
|
|
.serendipity_imageComment_left,
|
|
.serendipity_imageComment_right {
|
|
border: 1px solid #ddd;
|
|
background-color: #efefef;
|
|
margin: 3px;
|
|
padding: 3px;
|
|
text-align: center;
|
|
}
|
|
|
|
.serendipity_imageComment_center {
|
|
margin: auto;
|
|
}
|
|
|
|
.serendipity_imageComment_left {
|
|
float: left;
|
|
}
|
|
|
|
.serendipity_imageComment_right {
|
|
float: right;
|
|
}
|
|
|
|
.serendipity_imageComment_img,
|
|
.serendipity_imageComment_img img {
|
|
margin: 0;
|
|
padding: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.serendipity_imageComment_txt {
|
|
border-top: 1px solid #ddd;
|
|
margin: 0;
|
|
padding: 3px;
|
|
clear: both;
|
|
font-size: 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
/* Image gallery */
|
|
.s9y_gallery {
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.s9y_gallery_item {
|
|
box-sizing: border-box;
|
|
flex: 0 1 33.3333%;
|
|
padding: 0 5px 5px 0;
|
|
}
|
|
|
|
.s9y_gallery_image {
|
|
height: auto;
|
|
max-width: 100%;
|
|
}
|
|
|
|
/* Lists without bullets or numbers */
|
|
.plainList {
|
|
list-style: none;
|
|
margin-left: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
/* Messages: centered, important, notice */
|
|
.serendipity_center {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
text-align: center;
|
|
}
|
|
|
|
.serendipity_msg_important {
|
|
color: red;
|
|
}
|
|
|
|
.serendipity_msg_notice {
|
|
color: green;
|
|
}
|
|
/* END OF style_fallback.css */
|