Початковий файл sitka.css
В створенні шаблона (index.html), я використовую два файла .css
Перший файл ➫ "styles.css" містить скидання стилів та основне форматування, а другий "sitka.css" загальні правила та медіа запити.
Для шаблонів DLE передбачений че нижній файл ➫ "nuz.css" який містить стілі самого двигунчика (вспливаючі вікна, опитування, прелоадер, карточку користувача.)
Файл стилів - "sitka.css":
/* rullan.in.ua 18.07.2024 - made in Ukraine
Зміст:
1. Медіа запити по ширині екрану
2. Медіа запити для вертикального і горизонтального екрану
*/
/* Великий десктоп */
@media (max-width: 1799px) {
.no-1799 {display:none; opacity: 0;}
}
/* Десктоп */
@media (max-width: 1279px) {
.no-1279 {display:none; opacity: 0;}
}
/* Ноутбук */
@media (max-width: 1023px) {
.no-1023 {display:none; opacity: 0;}
}
/* Планшет в альбомному режимі */
@media (max-width: 767px) {
.no-767 {display:none; opacity: 0;}
}
/* Великий мобільний телефон */
@media (max-width: 575px) {
.no-575 {display:none; opacity: 0;}
}
/* Вертикальний формат */
@media (orientation: portrait) {
}
/* Горизонтальний формат */
@media (orientation: landscape) {
}