Difference between revisions of "Mobile.css"
From Franklinova expedice
m |
m (+ important pro height: auto) |
||
| (12 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
.fe-sloupec-vpravo { | .fe-sloupec-vpravo { | ||
| + | } | ||
| + | |||
| + | .fe-sloupec-vpravo .fe-boxik { | ||
padding: 0.5em; | padding: 0.5em; | ||
| + | margin-bottom: 1em; | ||
| + | background-color: #f9f9f9; | ||
| + | border: 1px solid #aaa; | ||
| + | } | ||
| + | |||
| + | /* To make images responsive - třída pro obalující div! */ | ||
| + | .res-img p { | ||
| + | max-width:100% !important; | ||
| + | border: 1px dotted gray; | ||
| + | } | ||
| + | |||
| + | .res-img img { | ||
| + | max-width:100%; | ||
| + | height:auto !important; | ||
| + | } | ||
| + | |||
| + | .thumbinner { | ||
| + | max-width:100% !important; | ||
| + | } | ||
| + | |||
| + | .thumbinner .thumbimage { | ||
| + | max-width:100%; | ||
| + | height:auto !important; | ||
| + | } | ||
| + | |||
| + | /* externí aktuality - rss kanály */ | ||
| + | .fe-blogitem { | ||
| + | margin-bottom: 0.5em; | ||
| + | } | ||
| + | |||
| + | .fe-blogitem .h4 { | ||
| + | margin-bottom: 0; | ||
} | } | ||
| − | .fe- | + | .fe-blogitem-date { |
| − | + | margin: 0; | |
| − | + | font-size: 95%; | |
| + | } | ||
| + | |||
| + | .fb-reset { | ||
| + | display: inline; | ||
| + | } | ||
| + | |||
| + | .fb-share-button { | ||
| + | line-height: 100%; | ||
| + | margin-right: 20px; | ||
| + | top: -5px; | ||
| + | } | ||
| + | |||
| + | .fb_iframe_widget { | ||
| + | display: inline !important; | ||
} | } | ||
Latest revision as of 10:02, 5 August 2021
/* CSS placed here will affect users of the mobile site */
.fe-sloupec-vpravo {
}
.fe-sloupec-vpravo .fe-boxik {
padding: 0.5em;
margin-bottom: 1em;
background-color: #f9f9f9;
border: 1px solid #aaa;
}
/* To make images responsive - třída pro obalující div! */
.res-img p {
max-width:100% !important;
border: 1px dotted gray;
}
.res-img img {
max-width:100%;
height:auto !important;
}
.thumbinner {
max-width:100% !important;
}
.thumbinner .thumbimage {
max-width:100%;
height:auto !important;
}
/* externí aktuality - rss kanály */
.fe-blogitem {
margin-bottom: 0.5em;
}
.fe-blogitem .h4 {
margin-bottom: 0;
}
.fe-blogitem-date {
margin: 0;
font-size: 95%;
}
.fb-reset {
display: inline;
}
.fb-share-button {
line-height: 100%;
margin-right: 20px;
top: -5px;
}
.fb_iframe_widget {
display: inline !important;
}