lmnwest/themes/simple/static/css/index.css

87 lines
1.3 KiB
CSS

.entry-content {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
margin-top: 1rem;
}
.entry-content img {
height: auto;
width: auto;
max-height: 200px;
max-width: 300px;
padding-left: 5px;
padding-right: 5px;
}
.summary-container {
width: calc(100% - 560px);
min-width: 280px;
max-width: 95%;
padding-left: 5px;
padding-right: 5px;
text-align: justify;
}
@media only screen and (max-width: 600px) {
.summary-container {
width: 100%;
}
}
.entry-content a{
-webkit-tap-highlight-color:transparent;
}
.summary-container a {
text-decoration: none;
}
@media only screen and (min-width: 980px) {
.entry-content {
justify-content: space-between;
}
}
.index-header-footer-container {
display: flex;
align-items: flex-end;
flex-wrap: wrap;
}
.index-header-footer-container header{
width: 50%;
margin-right: 10%;
}
.index-header-footer-container footer{
width: 40%;
}
.hentry {
margin-top: 1em;
}
@media only screen and (max-width: 800px) {
.index-header-footer-container {
align-items: flex-start;
}
.index-header-footer-container header{
width: 100%;
}
.index-header-footer-container footer{
width: 100%;
}
.entry-title {
margin-bottom: .2em;
}
.hentry {
margin-top: unset;
}
}