Ero sivun ”Järjestelmäviesti:Common.css” versioiden välillä
Ei muokkausyhteenvetoa |
Ei muokkausyhteenvetoa |
||
| Rivi 4: | Rivi 4: | ||
.mainItem {flex: 0 0 30.333333%;margin: 10px;border:1px solid #b1c903;padding:0 1em 1em 1em;background-color:#f6f6f6;box-sizing: border-box;} | .mainItem {flex: 0 0 30.333333%;margin: 10px;border:1px solid #b1c903;padding:0 1em 1em 1em;background-color:#f6f6f6;box-sizing: border-box;} | ||
@media only screen and (max-width: | @media only screen and (max-width: 850px) { | ||
mainItem { | .mainItem { | ||
flex: 0 0 45%; | flex: 0 0 45%; | ||
margin: 5px; | |||
padding: 0px 4px 3px 5px; | |||
} | } | ||
} | } | ||
@media only screen and (max-width: 600px) { | @media only screen and (max-width: 600px) { | ||
mainItem { | .mainItem { | ||
flex: 0 0 | flex: 0 0 100%; | ||
} | } | ||
} | } | ||
Versio 4. marraskuuta 2022 kello 09.48
/* CSS placed here will be applied to all skins */
.page-ITS_Factory_Developer_Wiki #contentSub { display: none }
.page-Main_Page #contentSub { display: none }
.mainItem {flex: 0 0 30.333333%;margin: 10px;border:1px solid #b1c903;padding:0 1em 1em 1em;background-color:#f6f6f6;box-sizing: border-box;}
@media only screen and (max-width: 850px) {
.mainItem {
flex: 0 0 45%;
margin: 5px;
padding: 0px 4px 3px 5px;
}
}
@media only screen and (max-width: 600px) {
.mainItem {
flex: 0 0 100%;
}
}