/* ===================================================== 0. КАРТА СЕКЦИЙ 1. ОСНОВА САЙТА — BODY / HTML — строка 715 2. ЗАГОЛОВКИ И ТЕКСТ — строка 741 3. ЗАГОЛОВКИ СТАТЕЙ — строка 784 4. ТЕКСТ СТАТЕЙ — строка 801 5. УБИРАЕМ ЖИРНОСТЬ ВНУТРИ СТАТЕЙ — строка 819 6. КАРТИНКИ — строка 833 7. ОБЩИЙ ФОН САЙТА — строка 842 8. HTML5-БЛОКИ — строка 871 9. МОБИЛЬНЫЙ ФИКС ОСНОВЫ САЙТА — строка 885 10. ЦЕНТРАЛЬНЫЙ БЛОК САЙТА — строка 919 11. ШАПКА САЙТА — строка 941 12. ФУТЕР И ОСНОВНЫЕ КОЛОНКИ — строка 1415 13. МОБИЛЬНЫЙ ФИКС СТАРОЙ СЕТКИ GTAMANIA — УСИЛЕННЫЙ — строка 1489 14. БАННЕР ГЛАВНАЯ — строка 2482 15. ОСНОВНАЯ КАРТОЧКА — строка 2509 16. TITLE — строка 2580 17. LINE — строка 2666 18. IMAGE — панорама 860px без стекла — строка 2678 19. BUTTON — строка 2779 20. NOTE — строка 2836 21. TEXT SUPPORT — строка 2894 22. MOBILE — строка 2919 23. REDUCED MOTION — строка 3005 24. КАРУСЕЛЬ ВНУТРИ КАТЕГОРИЙ — строка 3022 25. GTA CARD (СТАРЫЙ ДИЗАЙН) — строка 3047 26. SHINE — строка 3069 27. IMAGE — строка 3091 28. BUTTON — строка 3128 29. ICONS — строка 3162 30. HOT PULSE — строка 3177 31. HOVER INFO — строка 3192 32. HOT — строка 3244 33. BADGES — строка 3268 34. TITLE — строка 3291 35. INFO — строка 3317 36. ICONS — строка 3355 37. NO IMAGE — строка 3364 38. ВНУТРЕННИЕ НОВОСТИ — строка 3423 39. GTN HUD BLOCK (PREMIUM UI) — строка 4062 40. КОММЕНТАРИИ — строка 4193 41. КОММЕНТАРИИ — строка 4483 42. ФОРМА КОММЕНТАРИЕВ — строка 4893 43. ERROR — строка 4911 44. LABEL / FIELD — строка 4923 45. INPUT / TEXTAREA — строка 4942 46. BBCODES — строка 5011 47. SMILES — строка 5042 48. LINKS — строка 5068 49. SUBMIT — строка 5086 50. MOBILE — строка 5142 51. МОБИЛЬНЫЙ ФИКС ДЛЯ СТРАНИЦЫ НОВОСТЕЙ — строка 5182 52. МОДЫ ВНУТРИ — строка 5407 53. CONTAINERS — строка 5418 54. SHARED SURFACES — строка 5441 55. COMMON BUTTONS — строка 5560 56. MOD PAGE — строка 5715 57. COMMENTS TOP / BEST COMMENT — строка 6414 58. COMMENT WRAPPER — строка 6484 59. STANDALONE COMMENT FORM — строка 6639 60. COMMENT CARD — строка 6786 61. BREADCRUMBS — строка 7067 62. PAGINATION — строка 7120 63. FORUM INFORMER — строка 7222 64. PROFILE — строка 7403 65. MOBILE FIXED DOWNLOAD — строка 7633 66. MOBILE — строка 7641 67. МИНИ ПРОФИЛЬ — строка 8021 68. ЗАГОЛОВОК БЛОКА — строка 8096 69. ПРОФИЛЬ / ГОСТЬ — строка 8192 70. АВАТАР — строка 8201 71. ТЁПЛАЯ ТОЧКА ОНЛАЙН — строка 8287 72. ИМЯ И ГРУППА — строка 8327 73. РАЗДЕЛИТЕЛЬ — строка 8448 74. СЕКЦИИ — строка 8458 75. КНОПКИ — строка 8536 76. CSS-ИКОНКИ В КНОПКАХ — строка 8656 77. ТЁПЛАЯ КНОПКА ВЫХОД / ВХОД — строка 8700 78. БЛОК ИНФОРМАЦИИ — строка 8745 79. СТАТУСЫ — строка 8876 80. СООБЩЕНИЯ — строка 8930 81. ПОДСКАЗКА ДЛЯ ГОСТЯ — строка 9143 82. СОЦИАЛЬНЫЙ ВХОД — строка 9177 83. ДОП. ССЫЛКА — строка 9198 84. АДМИН-ПЛАШКИ И КНОПКИ — строка 9251 85. БЫСТРЫЙ ВХОД ГОСТЯ — строка 9413 86. REDUCED MOTION — строка 9455 87. MOBILE — строка 9470 88. ОНЛАЙН СЕЙЧАС — строка 9485 89. ОСНОВНОЙ БЛОК — строка 9511 90. ЗАГОЛОВОК — строка 9592 91. ТЕЛО БЛОКА — строка 9699 92. СЧЁТЧИК ОНЛАЙН — строка 9718 93. РАДАР — строка 9784 94. ТЕКСТ СЧЁТЧИКА — строка 9919 95. СТАТУС — строка 9986 96. FOOTER — строка 10050 97. ССЫЛКИ — строка 10102 98. ЖЁСТКАЯ ЗАЩИТА ОТ ВЫЕЗДА — строка 10125 99. КОМПАКТНЫЙ РЕЖИМ — строка 10171 100. УЗКАЯ КОЛОНКА — строка 10220 101. АНИМАЦИИ — строка 10246 102. REDUCED MOTION — строка 10278 103. Уникальные кнопки добавления материала — строка 10309 104. ОСНОВНАЯ КНОПКА — строка 10329 105. ВАРИАНТ: ДОБАВИТЬ ФАЙЛ — строка 10493 106. ВАРИАНТ: ДОБАВИТЬ НОВОСТЬ — строка 10528 107. ДОП. ЗАЩИТА ОТ ВЫЕЗДА — строка 10563 108. REDUCED MOTION — строка 10581 109. Участники сайта — строка 10609 110. MEMBER CARD — строка 10700 111. АВАТАР — строка 10824 112. КОНТЕНТ — строка 10930 113. НИЗ / ДАТА — строка 11089 114. FIXED HEIGHT + SCROLL FOR MYINF_38 — строка 11151 115. МИНИ-FOOTER — строка 11191 116. REDUCED MOTION — строка 11234 117. МИНИ-ЧАТ GTA MANIA — строка 11271 118. ОСНОВНОЙ БЛОК ЧАТА — строка 11302 119. ЗАГОЛОВОК ЧАТА — строка 11376 120. ТЕЛО ВНЕШНЕГО БЛОКА — строка 11540 121. СООБЩЕНИЯ ЧАТА — строка 11699 122. ВЕРХ СООБЩЕНИЯ — строка 11767 123. АВАТАРЫ — строка 11799 124. ПОЛЬЗОВАТЕЛЬ / ИМЯ / РОЛИ — строка 11919 125. МЕТА / ОТВЕТИТЬ / ДАТА — строка 12040 126. ТЕКСТ СООБЩЕНИЯ — строка 12144 127. ТИПЫ СООБЩЕНИЙ — строка 12210 128. ФОРМА ЧАТА — строка 12293 129. СКРОЛЛ ТОЛЬКО ВНУТРИ ЧАТА — строка 12593 130. ЗАЩИТА — строка 12667 131. АНИМАЦИИ — строка 12691 132. REDUCED MOTION — строка 12707 133. Пользователи посетившие сайт — строка 12740 134. Заголовок — строка 12777 135. Тело блока — светлое — строка 12902 136. Верхняя статистика — строка 12972 137. Декоративный статус — светлый — строка 13058 138. Микро-разделитель — строка 13126 139. Светлая скролл-область — строка 13139 140. Светлая карточка пользователя — строка 13221 141. Цвета групп через groupID — строка 13387 142. Кнопка Показать всех — читаемая — строка 13526 143. Footer — светлый и читаемый — строка 13614 144. Финальная защита от выезда — строка 13659 145. Сниженная анимация — строка 13678 146. Счётчик материалов справа — строка 13710 147. Защита от выезда текста — строка 13834 148. Актуальные события — строка 13889 149. Заголовок — строка 13979 150. Тело — строка 14092 151. Статус — строка 14108 152. Список — строка 14189 153. Ссылка-карточка — строка 14241 154. Жёсткая защита ширины — строка 14398 155. Анимации — строка 14439 156. Снижение движения — строка 14475 157. ОБЩИЙ МОДУЛЬ: ОНЛАЙН + СТАТИСТИКА — строка 14540 158. БЛОК НОВОСТЕЙ — строка 14673 159. Картинка — строка 14773 160. Тело новости — строка 14930 161. Мобильная версия — строка 15095 162. Reduced motion — строка 15145 163. ПРИМЕЧАНИЕ ПОД СТАТЬЁЙ — строка 15195 164. Автор новости — строка 15283 165. Автор в верхней строке мета-информации — строка 15373 166. Кнопка "Спасибо автору за новость" — строка 15392 167. Мобильная версия — строка 15517 168. UCOZ uWnd / _uWnd — рабочий непрозрачный дизайн — строка 15557 1. Главное окно — строка 15562 2. Центральная часть — строка 15594 3. Заголовок окна — строка 15606 4. Тело окна — строка 15660 5. Таблицы внутри формы — строка 15688 6. Заголовок внутри формы — строка 15714 7. Fieldset: Действие / Комментарий — строка 15728 8. Радиокнопки — строка 15770 9. Поле комментария — строка 15794 10. Линия — строка 15848 11. Кнопки — строка 15860 12. Выравнивание нижней кнопки — строка 15900 13. Ссылки — строка 15911 14. Стандартная кнопка закрытия — строка 15926 15. Наш отдельный крестик из скрипта — строка 15943 169. Похожие материалы — светлый GTA стиль — строка 16023 170. Картинка — строка 16074 171. Контент — строка 16132 172. Мета-информация — строка 16168 173. Дата — строка 16206 174. Если нет картинки — строка 16220 175. Адаптация — строка 16246 176. Новости — комментарии + золотой комментарий — строка 16311 177. Новости — комментарии + скрытие — строка 16569 178. Моды плашка для рейтинга метриалов старницы — строка 16582 179. заменяет iframe-видео на обычную ссылку-кнопку Смотреть на YouTube — строка 16633 180. Аватар виден для битых картинок внутри модов — строка 16734 181. GtaMania: скриншоты на странице мода — строка 16789 182. Выпадающий список дополнительных скриншотов — строка 16859 183. Заглушка, если нет скриншота — строка 16938 184. Адаптация под мобильные — строка 16990 185. FIX: длинные коды в описании мода — скролл, без выезда — строка 17021 186. PRE — код со скроллом, без переноса — строка 17093 187. uCoz / BB-кодовые блоки — скролл, без переноса — строка 17148 188. ФИНАЛЬНЫЙ ФИКС ПЕРВОГО CSS — строка 17298 189. ФИКС СТАРОЙ ШАПКИ ПРОФИЛЯ — строка 17321 190. ФИКС ПРОФИЛЯ ПОЛЬЗОВАТЕЛЯ — строка 17337 191. ФИКС ИНФОРМЕРОВ — строка 17383 192. ФИКС СТАРЫХ БЛОКОВ МОДОВ — строка 17437 193. ФИКС КНОПКИ "СПАСИБО" — строка 17476 194. ФИКС БАННЕРА И ПАНОРАМНОЙ КАРТИНКИ — строка 17489 195. ФИКС ВНУТРЕННИХ НОВОСТЕЙ — строка 17508 196. ФИКС БОКОВОГО МИНИ-ЧАТА — строка 17532 197. ФИКС КНОПКИ СКРОЛЛА ВВЕРХ — строка 17556 198. ОБЩИЙ ФИКС МЕДИА / ТАБЛИЦ / ФОРМ — строка 17569 199. МОБИЛЬНАЯ ВЕРСИЯ — ГЛАВНЫЙ ФИКС — строка 17603 200. УЗКИЕ ЭКРАНЫ — строка 17767 201. GTA 4 Cheats Table — таблица чит-кодов GTA 4 — строка 17823 202. Мобильная версия таблицы читов — строка 17954 203. GTA 4 Vehicles Table — таблица транспорта GTA 4 — строка 18055 204. Оценки A / B / C / D — строка 18178 205. Мобильная версия таблицы — строка 18231 206. GTA 6 Release Page — отдельные стили статьи — строка 18330 207. ХЛЕБНЫЕ КРОШКИ — строка 18369 208. HERO — строка 18416 209. КАРТИНКА — строка 18517 210. СЕКЦИИ — строка 18555 211. СПИСКИ — строка 18637 212. ПРИМЕЧАНИЯ И ВАЖНЫЕ БЛОКИ — строка 18691 213. ССЫЛКИ — строка 18773 214. ЗАЩИТА ОТ СТАРЫХ ТАБЛИЦ И ЛИШНИХ РАСТЯЖЕНИЙ — строка 18791 215. МОБИЛЬНАЯ ВЕРСИЯ — строка 18811 216. CORE WEB VITALS — МОБИЛЬНЫЕ ИСПРАВЛЕНИЯ — строка 18953 1. КАРТИНКИ — ЗАЩИТА ОТ ПРЫЖКОВ СТРАНИЦЫ — строка 18960 2. КАРТИНКИ ВНУТРИ НОВОСТЕЙ И СТАТЕЙ — строка 18975 3. ГЛАВНЫЕ КАРТИНКИ СТАТЕЙ — строка 18994 4. IFRAME И ВСТАВКИ — ЗАЩИТА ОТ ПРЫЖКОВ — строка 19011 5. МИНИ-ЧАТ UCOZ — ФИКС ВЫСОТЫ — строка 19022 6. БЛОК ПАРТНЁРСКОГО МАТЕРИАЛА — строка 19036 7. БЛОКИ БОКОВОЙ КОЛОНКИ — ОБЩАЯ СТАБИЛЬНОСТЬ — строка 19046 8. ОПРОСЫ UCOZ — ЗАЩИТА ОТ СДВИГОВ — строка 19077 9. ТАБЛИЦЫ UCOZ — ЧТОБЫ НЕ РАЗДУВАЛИ МОБИЛЬНУЮ ВЕРСИЮ — строка 19103 10. ШРИФТЫ И ТЕКСТ — МЕНЬШЕ РЕЗКИХ СДВИГОВ — строка 19121 11. МОБИЛЬНАЯ ВЕРСИЯ — ГЛАВНЫЕ ФИКСЫ — строка 19132 12. ОЧЕНЬ МАЛЕНЬКИЕ ЭКРАНЫ — строка 19297 13. ЗАЩИТА ОТ СЛУЧАЙНОГО ГОРИЗОНТАЛЬНОГО СКРОЛЛА — строка 19345 14. СТАБИЛЬНОСТЬ РЕКЛАМНЫХ / ИНФОРМАЦИОННЫХ БЛОКОВ — строка 19357 15. ОТКЛЮЧЕНИЕ ТЯЖЁЛОЙ АНИМАЦИИ ДЛЯ ТЕХ, У КОГО ВКЛЮЧЕНО УМЕНЬШЕНИЕ ДВИЖЕНИЯ — строка 19376 217. GTA SCROLL PROGRESS — КРАСИВАЯ КНОПКА НАВЕРХ — строка 19398 218. ПРАВАЯ КОЛОНКА — строка 19598 219. GTA инструменты — строка 19780 220. Заголовок — строка 19866 221. Статус — строка 19988 222. Тело — строка 20037 223. Скролл — строка 20053 224. Разделы — строка 20108 225. Элемент — строка 20161 226. Ссылка — строка 20182 227. Иконка — строка 20299 228. Подсказка снизу — строка 20372 229. Footer — строка 20421 230. Защита — строка 20450 231. Анимации — строка 20464 232. Снижение движения — строка 20484 233. СТАТИСТИКА САЙТА — строка 20529 234. Заголовок — строка 20615 235. Статус — строка 20752 236. Тело — строка 20800 237. Общий счётчик — строка 20816 238. Карточка дня — строка 20902 239. Скролл — строка 20963 240. Список / разделы — строка 21013 241. Элемент / строка — строка 21052 242. Иконки — строка 21194 243. Цифры — строка 21529 244. Footer — строка 21601 245. Защита — строка 21630 246. Анимации — строка 21646 247. Снижение движения — строка 21676 248. БЛОК 2. ВЕРХНЯЯ ШАПКА САЙТА — строка 21720 249. ЛОГОТИП — строка 21789 250. НАВИГАЦИЯ — строка 21876 251. КНОПКИ — строка 21905 252. ИКОНКИ — строка 22027 253. ПОЧЁТНАЯ ПЛАШКА — строка 22139 254. АДАПТИВ — строка 22292 255. REDUCED MOTION — строка 22415 256. Поддержка старых uCoz-классов — строка 22436 257. ЗАЩИТА САЙТА — строка 22613 258. РАДИО — строка 22666 259. Скролл для длинных правых меню — строка 22984 260. Обновление сайта — строка 23115 261. Тело — строка 23238 262. Статус-строка — строка 23249 263. Скролл 170px — строка 23354 264. Текстовая карточка — строка 23413 265. Почетная плашка с 2008 года — строка 23636 266. Цветные плашки для пунктов меню — строка 23735 267. ФОРУМ ГЛАВНАЯ — строка 23815 268. HEADER — строка 23896 269. LIST — строка 23999 270. TOP ROW — строка 24108 271. META — строка 24250 272. STATES — строка 24319 273. PROTECTION — строка 24384 274. MOBILE — строка 24400 275. REDUCED MOTION — строка 24454 276. ДОБАВИТЬ МОД — строка 24487 277. ГОСТЬ — строка 24525 278. Заголовок — строка 24594 279. Текст — строка 24619 280. Кнопки — строка 24633 281. Mobile — строка 24725 282. Reduced motion — строка 24753 283. ДОБАВИТЬ НОВОСТЬ — строка 24781 284. ГОСТЬ — строка 24819 285. Заголовок — строка 24888 286. Текст — строка 24913 287. Кнопки — строка 24927 288. Mobile — строка 25019 289. Reduced motion — строка 25047 290. ОПРОС САЙТА — строка 25067 291. Заголовок — строка 25162 292. Статус — строка 25260 293. Тело — строка 25302 294. Вопрос — строка 25320 295. Ответы / результаты uCoz — строка 25371 296. Кнопка ответа — строка 25519 297. Ссылки — строка 25577 298. Всего ответов — строка 25630 299. Защита от старых отступов uCoz — строка 25692 300. Анимация — строка 25750 301. FIX: ОПРОС НА ВСЮ ШИРИНУ КОЛОНКИ — строка 25787 302. КАРТОЧКИ МОДОВ ГЛАВНАЯ — строка 25871 303. FIX OVERLAY / CLICK — строка 25949 304. SHINE — строка 25983 305. IMAGE — строка 26004 306. BUTTON — строка 26065 307. HOT PULSE — строка 26128 308. HOVER INFO — строка 26159 309. HOT — строка 26221 310. BADGES — строка 26249 311. TITLE — строка 26319 312. INFO — ТЁМНАЯ СТРОКА СЧЁТЧИКОВ — строка 26370 313. NO IMAGE — строка 26450 314. MOBILE — строка 26467 315. REDUCED MOTION — строка 26514 316. НОВОСТИ КАРТОЧКА — строка 26542 317. IMAGE — строка 26619 318. SHINE — строка 26702 319. BUTTON / ЧИТАТЬ — строка 26738 320. HOT PULSE — строка 26801 321. HOVER INFO — строка 26832 322. HOT LABEL — строка 26897 323. TITLE — строка 26928 324. INFO — строка 26984 325. ICONS — строка 27044 326. MOBILE — строка 27063 327. REDUCED MOTION — строка 27125 328. НОВЫЙ ВИД МАТЕРИАЛОВ НОВОСТЕЙ GTAMANIA — строка 27152 329. ШАПКА — строка 27201 330. КАРТИНКА — главный фикс — строка 27298 331. ИНФО — строка 27447 332. НИЗ — строка 27509 333. ЗАЩИТА ОТ СТАРЫХ ТАБЛИЦ И КАРТИНОК — строка 27661 334. МОБИЛЬНАЯ ВЕРСИЯ — строка 27681 335. Теги без запятых + нормальные отступы — строка 27746 336. ОПИСАНИЕ РАЗДЕЛОВ — строка 27774 337. Цветовые варианты — строка 27825 338. Заголовок — строка 27869 339. Тело — строка 27987 340. Описание с декоративной полосой — строка 28008 341. Нижняя строка — строка 28099 342. Mobile — строка 28148 343. Reduced motion — строка 28187 344. КОММЕНТАРИИ — MINI PROFILE LIGHT — строка 28206 345. Заголовок блока — как мини профиль — строка 28231 346. Тело — светлый фон — строка 28361 347. Скролл — светлый — строка 28418 348. Пустое состояние — строка 28463 349. Карточка комментария — светлая — строка 28499 350. Метки — строка 28586 351. Аватар — строка 28628 352. Контент — строка 28747 353. Мини-картинка — светлая — строка 28824 354. Подпись / заголовок — строка 28894 355. Текст комментария — светлый — строка 28957 356. Нижняя строка — строка 29032 357. Ответить / Читать — светлые кнопки — строка 29219 358. Защита от выезда — строка 29315 359. Компактный режим — строка 29340 360. Снижение движения — строка 29381 361. FIX: убираем разрыв сверху и добавляем отступ снизу — строка 29401 362. КОММЕНТАРИИ НА СТРАНИЦЕ МАТЕРИАЛА — строка 29440 363. ВЕРХНИЙ ЗАГОЛОВОК КОММЕНТАРИЕВ — строка 29508 364. НАВИГАЦИЯ / СОРТИРОВКА / СТАТИСТИКА — строка 29631 365. ЗОЛОТОЙ КОММЕНТАРИЙ — строка 29836 366. ТЕЛО КОММЕНТАРИЕВ — строка 30017 367. ВИД КОММЕНТАРИЯ — gtmComItem — строка 30043 368. ТЕКСТ КОММЕНТАРИЯ — строка 30342 369. ОТВЕТ АДМИНА / ОТВЕТ НА КОММЕНТАРИЙ — строка 30444 370. КНОПКА ОТВЕТИТЬ — строка 30477 371. ФОРМА ДОБАВЛЕНИЯ КОММЕНТАРИЕВ — строка 30542 372. ЗАЩИТА ОТ ВЫЕЗДА И СТАРЫХ СТИЛЕЙ — строка 30659 373. АДАПТИВ — строка 30704 374. СНИЖЕНИЕ ДВИЖЕНИЯ — строка 30799 375. КОММЕНТАРИИ МАТЕРИАЛА — GTAMANIA GOLD UI — строка 30822 376. СТАТИСТИКА — строка 30966 377. СОРТИРОВКА / ПОДСКАЗКА — строка 31052 378. ЗОЛОТОЙ КОММЕНТАРИЙ — строка 31119 379. ОБЩИЙ СПИСОК КОММЕНТАРИЕВ — строка 31282 380. ФОРМА И ПРАВИЛА — строка 31673 381. ЗАЩИТА ОТ ВЫЕЗДА — строка 31781 382. АДАПТИВ — строка 31805 383. ФОРМА ДОБАВЛЕНИЯ НОВОСТИ — строка 31906 384. Таблица uCoz — строка 31969 385. Поля формы — строка 32077 386. Редактор / uCoz элементы — строка 32152 387. Нижние кнопки — строка 32178 388. Ссылки — строка 32263 389. Защита от выезда — строка 32282 390. Мобильная версия — строка 32301 391. ФОРМА ДОБАВЛЕНИЯ МОДА — строка 32357 392. Список полей — строка 32421 393. Поля ввода — строка 32551 394. uCoz редактор / вложенные элементы — строка 32627 395. Кнопки — строка 32662 396. Ссылки — строка 32743 397. Защита от выезда — строка 32762 398. Мобильная версия — строка 32783 399. ЕДИНЫЙ БЛОК: ПОЛЬЗОВАТЕЛИ ОНЛАЙН + АКТИВНОСТЬ ЗА СУТКИ — строка 32853 400. СБРОС ВНУТРЕННИХ БЛОКОВ — строка 32923 401. ЗАГОЛОВОК — строка 32957 402. ТЕЛО — строка 33084 403. ОНЛАЙН-СТАТУС — В ОДНУ СТРОКУ — строка 33107 404. СЕЙЧАС НА САЙТЕ — строка 33217 405. СПИСКИ — строка 33258 406. НИКИ — В ОДНУ СТРОКУ С ИКОНКОЙ — строка 33300 407. РОЛИ — строка 33437 408. ИМЕНИННИКИ — НИКИ ПРОСТО ТЕКСТОМ — строка 33531 409. НИЖНЯЯ СЕКЦИЯ — строка 33672 410. КНОПКА ВНИЗУ ВСЕГО БЛОКА — строка 33805 411. ПУСТЫЕ СОСТОЯНИЯ — строка 33873 412. ФУТЕР — строка 33903 413. СКРОЛЛЫ — строка 33948 414. ЗАЩИТА ОТ ЛЕВОГО ОТСТУПА В КОЛОНКЕ — строка 33993 415. УЗКАЯ КОЛОНКА — строка 34007 416. REDUCED MOTION — строка 34040 417. MYINF_39 — пользователь в активности за сутки — строка 34056 418. Цвета групп по GROUP_ID — строка 34195 419. СЕТКА МОДОВ — 3 КОЛОНКИ — строка 34279 420. КАРТОЧКИ МОДОВ внутри категорий — строка 34332 421. FIX OVERLAY / CLICK — строка 34410 422. SHINE — строка 34445 423. IMAGE — строка 34467 424. BUTTON — строка 34529 425. HOT PULSE — строка 34593 426. HOVER INFO — строка 34625 427. HOT — строка 34688 428. BADGES — строка 34717 429. TITLE — строка 34788 430. INFO — ТЁМНАЯ СТРОКА СЧЁТЧИКОВ — строка 34840 431. NO IMAGE — строка 34921 432. ADAPTIVE — строка 34939 433. REDUCED MOTION — строка 35002 434. МЕНЮ САЙТА — строка 35029 435. GTA SCROLL — ФИНАЛЬНЫЙ КОД, СТАВИТЬ В САМЫЙ НИЗ CSS — строка 36152 436. МИНИ-ЧАТ GTA MANIA — строка 36263 437. ВНЕШНИЙ БЛОК — строка 36290 438. ЗАГОЛОВОК — строка 36382 439. ТЕЛО — строка 36594 440. СООБЩЕНИЯ ЧАТА — строка 36750 441. ФОРМА ЧАТА — строка 37023 442. СКРОЛЛ ТОЛЬКО ВНУТРИ ЧАТА — строка 37115 443. АНИМАЦИИ — строка 37169 444. REDUCED MOTION — строка 37185 445. НИЗ САЙТА — строка 37221 446. Основной футер — строка 37253 447. Верхний уровень — строка 37330 448. Статус — строка 37391 449. Копирайт — строка 37471 450. Sitemap-меню — строка 37518 451. Нижний уровень — строка 37647 452. Счётчики / бейджи — строка 37684 453. Дисклеймер — строка 37874 454. Powered line — строка 37913 455. Hidden scripts/counters — строка 37947 456. Общие фиксы — строка 37965 457. Reduced motion — строка 37993 458. Адаптация — строка 38009 459. GtaMania — профиль пользователя — строка 38124 460. Якорное меню профиля — строка 38154 461. Общая карточка — строка 38210 462. Панели сверху — строка 38395 463. Верх профиля — строка 38566 464. Визитка группы — строка 38835 465. Статусы и бейджи — строка 38943 466. Уровень, действия, сводка — строка 39289 467. Заполненность / достижения — строка 39491 468. Путь / карьера / доверие — строка 39682 469. Информация / активность — строка 39912 470. Подпись / соцсети / награды — строка 40088 471. Кнопка вверх — строка 40226 472. Мобильная версия — строка 40269 473. GtaMania — страница сообщений — строка 40458 474. GtaMania — страница сообщений — строка 41182 475. Финальная правка фона и статуса переписки — строка 42138 476. GtaMania — редактирование профиля — строка 42236 477. Общая карточка — строка 42314 478. Верхняя панель действий — строка 42486 479. Главная карточка — строка 42576 480. Статусы — строка 42690 481. Информационные блоки — строка 42744 482. Контейнер системной формы — строка 42889 483. Форма редактирования uCoz — строка 42905 484. Поля формы — строка 43026 485. Социальные аккаунты — строка 43176 486. Старые системные блоки uCoz — строка 43220 487. Мобильная версия — строка 43278 488. GtaMania — список пользователей — строка 43411 489. Общая карточка — строка 43487 490. Верхняя панель — строка 43659 491. Hero — строка 43749 492. Поиск пользователей — строка 44048 493. Содержимое uCoz — строка 44115 494. Пагинация — строка 44283 495. Мобильная версия — строка 44341 496. СТРАНИЦА КОММЕНТАРИЕВ ПОЛЬЗОВАТЕЛЯ — строка 44441 497. СТРАНИЦА РЕГИСТРАЦИИ ПОЛЬЗОВАТЕЛЯ — строка 44771 498. СТРАНИЦА ВХОДА ПОЛЬЗОВАТЕЛЕЙ — строка 45141 499. ВИД ИЗОБРАЖЕНИЙ МАТЕРИАЛА — строка 45509 500. ВИД ПОХОЖИХ МАТЕРИАЛОВ — строка 45631 501. Каталог файлов — верхний блок — строка 45835 502. Каталог файлов — быстрые кнопки — строка 46052 503. Каталог файлов — поиск по модулю — строка 46164 504. Каталог файлов — фильтры — строка 46264 505. Каталог файлов — сортировка — строка 46332 506. Каталог файлов — нижний SEO-блок — строка 46393 507. Мобильная версия — строка 46418 508. Страница раздела каталога — строка 46518 509. Быстрые кнопки раздела — строка 46737 510. Поиск раздела — строка 46806 511. Фильтры раздела — строка 46885 512. Нижний SEO-блок раздела — строка 46957 513. Мобильная версия — строка 46981 514. Страница категории каталога — строка 47071 515. Быстрые кнопки категории — строка 47334 516. Поиск категории — строка 47427 517. Фильтры категории — строка 47506 518. Нижний SEO-блок категории — строка 47578 519. Мобильная версия — строка 47602 520. Поиск и рейтинг материалов — строка 47686 521. Быстрые кнопки поиска/рейтинга — строка 47924 522. Поиск по материалам — строка 48017 523. Нижний SEO-блок — строка 48096 524. Мобильная версия — строка 48135 525. Архив материалов / новости — строка 48224 526. Быстрые кнопки архива — строка 48458 527. Поиск новостей — строка 48551 528. Архив / календарь — строка 48630 529. Нижний SEO-блок архива — строка 48714 530. Мобильная версия — строка 48748 531. FIX: компактный список месяцев архива — строка 48899 532. Страница списка материалов раздела — строка 49002 533. Быстрые кнопки раздела — строка 49232 534. Поиск по разделу — строка 49325 535. Нижний SEO-блок раздела — строка 49404 536. Мобильная версия — строка 49438 537. ВИД ТОВАРА В КАТАЛОГЕ — строка 49511 538. Страница заказа магазина — строка 49951 539. ВТОРОЙ ВИД ТОВАРА — строка 50617 540. Ещё одна страница заказа — строка 51095 541. GTAMANIA FORUM NORMAL CSS — строка 51858 542. ПЕРЕМЕННЫЕ — строка 51865 543. БАЗА ТОЛЬКО ДЛЯ ФОРУМА — строка 51899 544. ССЫЛКИ — строка 52014 545. ОБЩИЕ ПАНЕЛИ — строка 52030 546. ШАПКА ФОРУМА — строка 52093 547. ПУТЬ / ПОЛЬЗОВАТЕЛЬ — строка 52179 548. ПАНЕЛЬ КНОПОК — строка 52273 549. СИСТЕМНЫЕ ТАБЛИЦЫ — строка 52329 550. КАТЕГОРИИ / ТЕМЫ / ОПРОСЫ — строка 52369 551. РОДНЫЕ ИКОНКИ UCOZ — строка 52545 552. БЕЙДЖИ / СЧЁТЧИКИ — строка 52636 553. БЕЙДЖИ СТРОК — строка 52756 554. НОВЫЕ СООБЩЕНИЯ — строка 52809 555. ПОСЛЕДНЕЕ СООБЩЕНИЕ — строка 52828 556. ПУСТОЙ СТАТУС — строка 52899 557. ПОСТЫ — строка 52926 558. ПРОФИЛЬ В ПОСТЕ — строка 53015 559. ONLINE / OFFLINE — строка 53170 560. РОЛИ — строка 53227 561. СООБЩЕНИЕ — строка 53259 562. ЦИТАТЫ / КОД / СПОЙЛЕРЫ — строка 53358 563. ВЛОЖЕНИЯ — строка 53457 564. ПОДПИСЬ — строка 53505 565. НИЗ ПОСТА / КНОПКИ — строка 53582 566. КНОПКА ВВЕРХ — строка 53689 567. IP / СТРАНА — строка 53757 568. ФОРМА ОТВЕТА — строка 53780 569. BB EDITOR — строка 53862 570. ПОЛЯ ФОРМ — строка 53889 571. КНОПКИ ФОРМ — строка 53949 572. FORM EXTRA — строка 53991 573. ПРАВИЛА ОТВЕТА — строка 54036 574. НИЖНЯЯ ИНФОРМАЦИЯ — строка 54052 575. ЛЕГЕНДА — строка 54099 576. СТАРЫЕ СИСТЕМНЫЕ БЛОКИ UCOZ — строка 54163 577. ЗАЩИТА ОТ ДЛИННОГО КОНТЕНТА — строка 54218 578. ЗАЩИТА ОТ ЧЁРНОГО INLINE-ТЕКСТА — строка 54261 579. УБИРАЕМ СЕРЫЙ HOVER — строка 54279 580. INLINE BACKGROUND FIX — строка 54326 581. MOBILE — строка 54335 582. Самые загружаемые моды — строка 54593 583. СКРОЛЛ — строка 54619 584. ОБОЛОЧКА ИНФОРМЕРА — строка 54654 585. КАРТОЧКА МОДА — строка 54687 586. TOP-1 / TOP-2 / TOP-3 — строка 54784 587. ГЛАВНЫЙ РЯД — строка 54833 588. МАЛЕНЬКАЯ КАРТИНКА — строка 54847 589. КОНТЕНТ СПРАВА — строка 54946 590. СТАТИСТИКА — строка 55055 591. НИЗ — строка 55165 592. ЗАЩИТА — строка 55254 593. REDUCED MOTION — строка 55273 594. FIX: блок "Самые загружаемые моды" на всю ширину колонки — строка 55292 595. GtaMania: дополнительные блоки страницы регистрации — строка 55362 596. Регистрация: нижний блок "Уже зарегистрированы?" — строка 55515 597. GtaMania: тёмная форма регистрации uCoz — строка 55584 598. FIX: полностью тёмная форма регистрации uCoz — строка 55948 599. FIX: полностью тёмная форма регистрации uCoz — строка 56179 600. ЖЁСТКИЙ FIX: убрать светлую подсветку выбранных пунктов — строка 56409 601. FIX: чекбоксы рассылки и нижняя строка кнопки регистрации — строка 56649 602. ЖЁСТКИЙ ФИКС ПУСТОТЫ СПРАВА НА МОБИЛЬНОЙ ВЕРСИИ — строка 56815 603. ФИКС ДЛЯ СТАРЫХ UCOZ-БЛОКОВ С ФИКСИРОВАННОЙ ШИРИНОЙ — строка 56893 604. ФИКС ДЛИННЫХ ССЫЛОК И ТЕКСТА — строка 56932 605. ФИКС ДЛЯ ШАПКИ И ВЕРХНЕЙ ПАНЕЛИ — строка 56952 606. ФИКС БОКОВЫХ КОЛОНОК НА МОБИЛЬНОЙ ВЕРСИИ — строка 56979 607. ФОНЫ САЙТА GTAMANIA + ФИКС ПУСТОТЫ СПРАВА — строка 57018 1. БАЗА СТРАНИЦЫ — строка 57024 2. УБИРАЕМ ИСКУССТВЕННЫЕ ЗАТЕМНЕНИЯ — строка 57044 3. ОСНОВНОЙ ФОН САЙТА — строка 57056 4. PDA-ВЕРСИЯ — строка 57074 5. ВНУТРЕННИЙ ЦЕНТРАЛЬНЫЙ ФОН ШАБЛОНА — строка 57088 6. ВНУТРЕННИЕ СЛУЖЕБНЫЕ СТРАНИЦЫ — строка 57100 7. МОБИЛЬНЫЙ ФИКС ПУСТОТЫ СПРАВА — строка 57115 8. МОБИЛЬНЫЙ ФИКС ОСНОВНЫХ КОНТЕЙНЕРОВ — строка 57153 9. МОБИЛЬНЫЙ ФИКС ШАПКИ И МЕНЮ — строка 57186 10. МОБИЛЬНЫЙ ФИКС ТАБЛИЦ UCOZ — строка 57213 11. МОБИЛЬНЫЙ ФИКС КАРТИНОК, ВСТАВОК И ФОРМ — строка 57246 12. МОБИЛЬНЫЙ ФИКС ДЛИННЫХ ССЫЛОК И ТЕКСТА — строка 57274 608. ФИНАЛЬНЫЙ ФИКС ПЕРВОГО CSS — строка 57301 609. ФИКС СТАРОЙ ШАПКИ ПРОФИЛЯ — строка 57324 610. ФИКС ПРОФИЛЯ ПОЛЬЗОВАТЕЛЯ — строка 57340 611. ФИКС ИНФОРМЕРОВ — строка 57386 612. ФИКС СТАРЫХ БЛОКОВ МОДОВ — строка 57440 613. ФИКС КНОПКИ "СПАСИБО" — строка 57479 614. ФИКС БАННЕРА И ПАНОРАМНОЙ КАРТИНКИ — строка 57492 615. ФИКС ВНУТРЕННИХ НОВОСТЕЙ — строка 57511 616. ФИКС БОКОВОГО МИНИ-ЧАТА — строка 57535 617. ФИКС КНОПКИ СКРОЛЛА ВВЕРХ — строка 57559 618. ОБЩИЙ ФИКС МЕДИА / ТАБЛИЦ / ФОРМ — строка 57572 619. МОБИЛЬНАЯ ВЕРСИЯ — ГЛАВНЫЙ ФИКС — строка 57606 620. УЗКИЕ ЭКРАНЫ — строка 57770 621. АВАРИЙНЫЙ ФИКС /gta_news — строка 57819 622. ГЛАВНЫЙ ФИКС КАРТИНКИ — строка 57875 623. МОБИЛЬНАЯ ВЕРСИЯ — строка 58054 624. Статистика пользователей — строка 58103 625. Заголовок статистики пользователей — строка 58135 626. Тело блока — строка 58224 627. USERS STATS DESIGN — строка 58292 628. КРУПНОЕ МИНИ-ТАБЛО — строка 58365 629. Сегодня / Вчера / 7 дней / 30 дней — строка 58496 630. МИНИ-ЗАГОЛОВКИ — строка 58607 631. ГРУППЫ В ОДНУ СТРОКУ — строка 58670 632. КОМПАКТНЫЙ НИЖНИЙ ИТОГ — строка 58997 633. FOOTER С ЖИВЫМ ИНДИКАТОРОМ — строка 59061 634. HOVER — строка 59124 635. УЗКАЯ КОЛОНКА — строка 59155 636. REDUCED MOTION — строка 59189 637. GTAMANia Sidebar / Carousel Polish — строка 59745 1. CSS handle instead of — строка 59746 2. Unified carousel header height — строка 59747 3. Refined legacy pager — строка 59748 4. Softer title fade for long labels — строка 59749 5. Shared sidebar shell for carousel/forum/users blocks — строка 59750 6. Equalized informer cards and previews — строка 59751 7. Mobile-safe trims and card titles — строка 59752 5. Shared sidebar shell — строка 59773 638. 1 + 2 + 4. Carousel titles — строка 59806 639. 1 + 2 + 3 + 6 + 7. Informer cards — строка 59901 3. Legacy uCoz pager polish — строка 60054 5. Forum deck header/list alignment — строка 60140 640. Fine tuning for the users panel — строка 60192 641. Motion safety — строка 60214 642. 6 + 7. Mobile safety — строка 60230 643. Мини чат иконки — строка 60334 644. GtaMania: скриншоты на странице мода — строка 60417 645. Выпадающий список дополнительных скриншотов — строка 60486 646. Заглушка, если нет скриншота — строка 60564 ===================================================== */ @import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500&family=Montserrat:wght@400;500&display=swap'); @import url('https://fonts.cdnfonts.com/css/pricedown'); :root { --font-logo: 'Pricedown Bl', sans-serif; --font-head: 'Exo 2', 'Montserrat', sans-serif; --font-text: 'Montserrat', 'Open Sans', Tahoma, Verdana, Arial, sans-serif; } /* ===================================================== 1. ОСНОВА САЙТА — BODY / HTML Фикс фона и защита от пустоты справа ===================================================== */ html, body { min-height:100%; width:100%; max-width:100%; margin:0; padding:0; overflow-x:hidden; } body { font-family:var(--font-text); font-size:13px; line-height:1.5; letter-spacing:0; background:url('/new/img/main_bg.jpg') repeat center top #1b1a11; font-weight:400; color:inherit; } /* ===================================================== 2. ЗАГОЛОВКИ И ТЕКСТ ===================================================== */ h1, h2, h3, h4, h5, h6, p { margin:0; } h1 { font-family:var(--font-head); font-size:clamp(24px, 2.2vw, 32px); font-weight:500; line-height:1.08; letter-spacing:0; margin-bottom:8px; text-transform:none; } h2 { font-family:var(--font-head); font-size:clamp(20px, 1.8vw, 26px); font-weight:500; line-height:1.1; margin-bottom:8px; text-transform:none; } h3 { font-family:var(--font-head); font-size:clamp(17px, 1.5vw, 21px); font-weight:500; line-height:1.15; margin-bottom:6px; text-transform:none; } /* ===================================================== 3. ЗАГОЛОВКИ СТАТЕЙ ===================================================== */ .article-title, .post-title, .news-title { font-family:var(--font-text); font-size:clamp(16px, 1.3vw, 20px); font-weight:400; line-height:1.25; letter-spacing:0; margin-bottom:4px; text-transform:none; } /* ===================================================== 4. ТЕКСТ СТАТЕЙ ===================================================== */ .article-content, .post-content, .news-content, .article-content p, .post-content p, .news-content p { font-family:var(--font-text); font-size:15px; font-weight:400; line-height:1.55; letter-spacing:0; } /* ===================================================== 5. УБИРАЕМ ЖИРНОСТЬ ВНУТРИ СТАТЕЙ ===================================================== */ .article-content b, .article-content strong, .post-content b, .post-content strong, .news-content b, .news-content strong { font-weight:400; } /* ===================================================== 6. КАРТИНКИ ===================================================== */ a img { border:0; } /* ===================================================== 7. ОБЩИЙ ФОН САЙТА bg.png — верхний боковой слой main_bg.jpg — нижний повторяющийся фон ===================================================== */ /*#body_bg {background:url('/new/img/bg_winter.jpg') repeat-y center top #1b1a11;}*/ #body_bg { width:100%; max-width:100%; min-height:100vh; overflow-x:hidden; background: url('/new/img/bg.png') repeat-y center top, url('/new/img/main_bg.jpg') repeat center top #1b1a11; } #body_bg_pda { width:100%; max-width:100%; min-height:100vh; overflow-x:hidden; background:url('/new/img/main_bg.jpg') repeat center top #1b1a11; } /* ===================================================== 8. HTML5-БЛОКИ ===================================================== */ header, section, aside, article, footer, nav { display:block; } /* ===================================================== 9. МОБИЛЬНЫЙ ФИКС ОСНОВЫ САЙТА Убирает горизонтальную прокрутку от body / body_bg ===================================================== */ @media (max-width:1024px){ html, body{ width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; overflow-x:hidden !important; } #body_bg, #body_bg_pda{ width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; padding-left:0 !important; padding-right:0 !important; overflow-x:hidden !important; box-sizing:border-box !important; } } /* ===================================================== 10. ЦЕНТРАЛЬНЫЙ БЛОК САЙТА ===================================================== */ #main{ margin:-3px auto 0 auto; padding:5px 0 0 0; width:1000px; max-width:100%; box-sizing:border-box; /* Внутренний фон центрального блока: main_bg2.jpg */ background:url('/new/img/main_bg2.jpg') repeat center top #1b1a11; border-radius:3px 3px 0 0; } /* ===================================================== 11. ШАПКА САЙТА ===================================================== */ .header { width:1000px; max-width:100%; box-sizing:border-box; height:150px; /* Старый зимний header: background:url('/img/v3/winter/header.jpg') no-repeat center 46px; */ background:url('/new/img/header5.png') no-repeat center 46px; margin:0 auto; position:relative; overflow:hidden; /* Тонкая тёмная рамка вокруг всей картинки + золотая линия снизу + лёгкое скругление сверху */ border:1px solid rgba(0,0,0,0.75); border-bottom:1px solid rgba(180,145,70,0.35); border-radius:3px 3px 0 0; /* Усиленная мягкая тень под всей шапкой */ box-shadow: 0 2px 5px rgba(0,0,0,0.45), 0 14px 32px rgba(0,0,0,0.34); -webkit-transition:background ease-in-out 0.1s; -moz-transition:background ease-in-out 0.1s; -o-transition:background ease-in-out 0.1s; -ms-transition:background ease-in-out 0.1s; transition:background ease-in-out 0.1s; } /* Плавное оживление шапки: приближение → отдаление → лёгкое дыхание яркости → лёгкий сдвиг */ .header:before { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:inherit; background-repeat:no-repeat; -webkit-transform:scale(1) translateX(0); transform:scale(1) translateX(0); -webkit-transform-origin:center center; transform-origin:center center; -webkit-filter:brightness(1) contrast(1); filter:brightness(1) contrast(1); -webkit-animation:gtmHeaderZoomLightLoop 110s ease-in-out infinite; animation:gtmHeaderZoomLightLoop 110s ease-in-out infinite; z-index:0; pointer-events:none; } /* Мягкий затемняющий слой: верхний стеклянный глянец + затемнение по бокам + мягкая подсветка центра + лёгкая плёночная текстура + низ + рамка + золотая подсветка */ .header:after { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background: linear-gradient(to bottom, rgba(255,255,255,0.07), transparent 24%), linear-gradient(to right, rgba(0,0,0,0.28), transparent 18%, transparent 82%, rgba(0,0,0,0.28)), radial-gradient(circle at center, rgba(255,220,140,0.08), rgba(0,0,0,0.16) 70%), repeating-linear-gradient( 0deg, rgba(255,255,255,0.012) 0px, rgba(255,255,255,0.012) 1px, transparent 1px, transparent 4px ), linear-gradient(to bottom, rgba(255,255,255,0.04), rgba(0,0,0,0.28)); box-shadow: inset 0 0 0 1px rgba(0,0,0,0.85), inset 0 1px 0 rgba(255,255,255,0.08), inset 0 -18px 32px rgba(0,0,0,0.35), inset 0 0 36px rgba(0,0,0,0.28), inset 0 -1px 0 rgba(245,220,150,0.18); z-index:1; pointer-events:none; } /* Золотой редкий блик */ .gtmHeaderShine { position:absolute; top:0; left:-45%; width:34%; height:100%; background:linear-gradient( 110deg, transparent 0%, rgba(255,220,140,0.00) 35%, rgba(255,220,140,0.08) 47%, rgba(255,255,255,0.12) 50%, rgba(255,220,140,0.08) 53%, rgba(255,220,140,0.00) 65%, transparent 100% ); -webkit-transform:skewX(-18deg); transform:skewX(-18deg); -webkit-animation:gtmHeaderShineMove 120s ease-in-out infinite; animation:gtmHeaderShineMove 120s ease-in-out infinite; z-index:2; pointer-events:none; } /* Всё содержимое шапки поверх фона и затемнения */ .header > * { position:relative; z-index:3; } .header_s { width:1000px; max-width:100%; box-sizing:border-box; height:150px; background:url('') no-repeat center 46px; margin:0 auto; position:relative; overflow:hidden; /* Тонкая тёмная рамка вокруг всей картинки + золотая линия снизу + лёгкое скругление сверху */ border:1px solid rgba(0,0,0,0.75); border-bottom:1px solid rgba(180,145,70,0.35); border-radius:3px 3px 0 0; /* Усиленная мягкая тень под всей шапкой */ box-shadow: 0 2px 5px rgba(0,0,0,0.45), 0 14px 32px rgba(0,0,0,0.34); -webkit-transition:background ease-in-out 0.1s; -moz-transition:background ease-in-out 0.1s; -o-transition:background ease-in-out 0.1s; -ms-transition:background ease-in-out 0.1s; transition:background ease-in-out 0.1s; } /* Такой же эффект для header_s, если он используется */ .header_s:before { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:inherit; background-repeat:no-repeat; -webkit-transform:scale(1) translateX(0); transform:scale(1) translateX(0); -webkit-transform-origin:center center; transform-origin:center center; -webkit-filter:brightness(1) contrast(1); filter:brightness(1) contrast(1); -webkit-animation:gtmHeaderZoomLightLoop 110s ease-in-out infinite; animation:gtmHeaderZoomLightLoop 110s ease-in-out infinite; z-index:0; pointer-events:none; } /* Такой же слой для header_s */ .header_s:after { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background: linear-gradient(to bottom, rgba(255,255,255,0.07), transparent 24%), linear-gradient(to right, rgba(0,0,0,0.28), transparent 18%, transparent 82%, rgba(0,0,0,0.28)), radial-gradient(circle at center, rgba(255,220,140,0.08), rgba(0,0,0,0.16) 70%), repeating-linear-gradient( 0deg, rgba(255,255,255,0.012) 0px, rgba(255,255,255,0.012) 1px, transparent 1px, transparent 4px ), linear-gradient(to bottom, rgba(255,255,255,0.04), rgba(0,0,0,0.28)); box-shadow: inset 0 0 0 1px rgba(0,0,0,0.85), inset 0 1px 0 rgba(255,255,255,0.08), inset 0 -18px 32px rgba(0,0,0,0.35), inset 0 0 36px rgba(0,0,0,0.28), inset 0 -1px 0 rgba(245,220,150,0.18); z-index:1; pointer-events:none; } .header_s > * { position:relative; z-index:3; } /* Позиции шапки по разделам */ .header_s.header_s2 { background-position:center -58px; } .header.header_forum { background-position:center -58px; } .header.header_news { background-position:center -162px; } .header.header_gta5 { background-position:center -266px; } .header.header_gta4 { background-position:center -370px; } .header.header_eflc { background-position:center -474px; } .header.header_other { background-position:center -578px; } .header.header_mafia2 { background-position:center -682px; } .header.header_vc { background-position:center -786px; } .header.header_sa { background-position:center -888px; } .header.header_crmp { background-position:center -992px; } .header.header_cw { background-position:center -1096px; } .header.header_web { background-position:center -1200px; } /* Цикл: 0% — обычный размер и обычная яркость 25% — лёгкое приближение, небольшой сдвиг и мягкая яркость 50% — максимум приближения + дыхание яркости 75% — отдаление и лёгкий сдвиг обратно 100% — обычный размер и обычная яркость */ @-webkit-keyframes gtmHeaderZoomLightLoop { 0% { -webkit-transform:scale(1) translateX(0); transform:scale(1) translateX(0); -webkit-filter:brightness(1) contrast(1); filter:brightness(1) contrast(1); } 25% { -webkit-transform:scale(1.018) translateX(-2px); transform:scale(1.018) translateX(-2px); -webkit-filter:brightness(1.045) contrast(1.02); filter:brightness(1.045) contrast(1.02); } 50% { -webkit-transform:scale(1.035) translateX(-4px); transform:scale(1.035) translateX(-4px); -webkit-filter:brightness(1.09) contrast(1.045); filter:brightness(1.09) contrast(1.045); } 75% { -webkit-transform:scale(1.018) translateX(2px); transform:scale(1.018) translateX(2px); -webkit-filter:brightness(1.045) contrast(1.02); filter:brightness(1.045) contrast(1.02); } 100% { -webkit-transform:scale(1) translateX(0); transform:scale(1) translateX(0); -webkit-filter:brightness(1) contrast(1); filter:brightness(1) contrast(1); } } @keyframes gtmHeaderZoomLightLoop { 0% { -webkit-transform:scale(1) translateX(0); transform:scale(1) translateX(0); -webkit-filter:brightness(1) contrast(1); filter:brightness(1) contrast(1); } 25% { -webkit-transform:scale(1.018) translateX(-2px); transform:scale(1.018) translateX(-2px); -webkit-filter:brightness(1.045) contrast(1.02); filter:brightness(1.045) contrast(1.02); } 50% { -webkit-transform:scale(1.035) translateX(-4px); transform:scale(1.035) translateX(-4px); -webkit-filter:brightness(1.09) contrast(1.045); filter:brightness(1.09) contrast(1.045); } 75% { -webkit-transform:scale(1.018) translateX(2px); transform:scale(1.018) translateX(2px); -webkit-filter:brightness(1.045) contrast(1.02); filter:brightness(1.045) contrast(1.02); } 100% { -webkit-transform:scale(1) translateX(0); transform:scale(1) translateX(0); -webkit-filter:brightness(1) contrast(1); filter:brightness(1) contrast(1); } } /* Редкий золотой блик */ @-webkit-keyframes gtmHeaderShineMove { 0% { left:-45%; opacity:0; } 55% { left:-45%; opacity:0; } 62% { opacity:1; } 70% { opacity:0; } 100% { left:115%; opacity:0; } } @keyframes gtmHeaderShineMove { 0% { left:-45%; opacity:0; } 55% { left:-45%; opacity:0; } 62% { opacity:1; } 70% { opacity:0; } 100% { left:115%; opacity:0; } } /* Отключаем тяжёлую анимацию на мобильных */ @media (max-width:700px) { .header:before, .header_s:before { -webkit-animation:none; animation:none; -webkit-transform:none; transform:none; -webkit-filter:brightness(1) contrast(1); filter:brightness(1) contrast(1); } .gtmHeaderShine { display:none; } } /* ===================================================== 12. ФУТЕР И ОСНОВНЫЕ КОЛОНКИ ===================================================== */ .footer { width: 980px; max-width:100%; clear: both; color:#666; font-size:11px; text-align:center; background:#2f2b1b; margin: 0 10px; border-radius: 3px; box-shadow: 1px 1px 0 0 #524f41, 1px 1px 0 0 #17150d inset; box-sizing:border-box; } .leftcolumn { width: 200px; float: left; margin-bottom:20px; box-sizing:border-box; } .content { width: 590px; float: left; padding: 0 5px; margin-bottom:20px; box-sizing:border-box; } .content_forum { width: 790px; float: left; padding: 0 5px; color:#999; box-sizing:border-box; } .rightcolumn { width: 200px; float: left; margin-bottom:20px; box-sizing:border-box; } .hr { background:url('/new/img/hr.png') repeat-x; height:2px; margin: 5px 0; clear:right; } a:link, a:visited, a:active { text-decoration:underline; color:#2a271c; -webkit-transition: background-color 0.3s ease, color 0.3s ease, opacity 0.3s ease-in-out, background-position 0.3s ease-in-out; -moz-transition: background-color 0.3s ease, color 0.3s ease, opacity 0.3s ease-in-out, background-position 0.3s ease-in-out; -o-transition: background-color 0.3s ease, color 0.3s ease, opacity 0.3s ease-in-out, background-position 0.3s ease-in-out; -ms-transition: background-color 0.3s ease, color 0.3s ease, opacity 0.3s ease-in-out, background-position 0.3s ease-in-out; transition: background-color 0.3s ease, color 0.3s ease, opacity 0.3s ease-in-out, background-position 0.3s ease-in-out; } a:hover { text-decoration:underline; color:#000000; } /* ===================================================== 13. МОБИЛЬНЫЙ ФИКС СТАРОЙ СЕТКИ GTAMANIA — УСИЛЕННЫЙ Убирает пустоту справа от #main / header / footer / колонок Работает до 1024px, чтобы сработало даже на старом viewport ===================================================== */ @media (max-width:1024px){ html, body{ width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; overflow-x:hidden !important; } #body_bg, #body_bg_pda{ width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; padding-left:0 !important; padding-right:0 !important; box-sizing:border-box !important; overflow-x:hidden !important; } #main{ width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; padding-left:0 !important; padding-right:0 !important; box-sizing:border-box !important; overflow-x:hidden !important; background:url('/new/img/main_bg2.jpg') repeat center top #1b1a11 !important; } /* ===================================================== МОБИЛЬНАЯ ШАПКА header и header_s больше не держат 1000px ===================================================== */ .header, .header_s{ width:100% !important; max-width:100% !important; min-width:0 !important; height:150px !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; overflow:hidden !important; background-size:auto 150px !important; } /* ===================================================== МОБИЛЬНЫЙ ФУТЕР Исправляет width:980px + margin:0 10px ===================================================== */ .footer{ width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; padding-left:8px !important; padding-right:8px !important; box-sizing:border-box !important; overflow:hidden !important; } /* ===================================================== МОБИЛЬНЫЕ КОЛОНКИ Левая, центр и правая колонка становятся друг под другом ===================================================== */ .leftcolumn, .content, .content_forum, .rightcolumn{ float:none !important; display:block !important; width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; padding-left:5px !important; padding-right:5px !important; box-sizing:border-box !important; overflow-x:hidden !important; } /* ===================================================== МОБИЛЬНЫЙ ФИКС ТАБЛИЦ UCOZ Старые таблицы часто растягивают сайт вправо ===================================================== */ table{ width:100% !important; max-width:100% !important; min-width:0 !important; box-sizing:border-box !important; table-layout:auto !important; } tbody, tr, td{ max-width:100% !important; min-width:0 !important; box-sizing:border-box !important; } /* ===================================================== МОБИЛЬНЫЙ ФИКС КАРТИНОК И ВСТАВОК ===================================================== */ img, iframe, object, embed, video{ max-width:100% !important; height:auto !important; box-sizing:border-box !important; } input, textarea, select, button{ max-width:100% !important; box-sizing:border-box !important; } /* ===================================================== МОБИЛЬНЫЙ ФИКС ДЛИННЫХ ССЫЛОК И ТЕКСТА ===================================================== */ a, p, div, span, li, td{ max-width:100%; overflow-wrap:break-word !important; word-wrap:break-word !important; } /* ===================================================== МОБИЛЬНЫЙ ФИКС ДЛЯ ШАПОЧНОГО БЛИКА На всякий случай убираем элемент, который ездит left:-45% → 115% ===================================================== */ .gtmHeaderShine{ display:none !important; } } /* Profile page */ .top_bar_userpage {margin: 0 auto;width: 1000px;height: 53px;} .user_bar { background: url("/new/img/bts_big.png") repeat-x 0 0 #443f2d; border-radius: 3px; box-shadow: 0 1px 2px #000000, 0 1px 0 #6f6c5f inset; height: 33px; margin: 0 5px 5px; } .user_bar_name { color:#fff; font-size: 25px; line-height: 30px; padding: 0 10px 0 15px; float:left; text-shadow: -1px -1px 0 #000; } .user_bar_name a:link, .user_bar_name a:visited, .user_bar_name a:active {color:#fff;text-decoration:none;} .user_bar_name a:hover {color:#999;text-decoration:none;} .user_bar_group { color:#b6ac94; font-size:12px; float:left; padding-top: 3px; text-shadow: -1px -1px 0 #000; } .user_bar_log_time { color: #b6ac94; float: right; font-size: 13px; line-height: 30px; padding: 0 15px 0 0; text-shadow: -1px -1px 0 #000; } .user_bar_log_time span {color:#fff;} .user_block_profile { background: #2f2b1b; box-shadow: -1px 1px 2px 0 #17150d, 0 1px 0 0 #524f41 inset; margin-top: 10px; float:left; margin: 10px 5px; width: 990px; border-radius:3px; } .user_block_full {background:#f5ebce;border-radius: 3px;} .user_block_full table {font-size:13px;} .user_block_left { width: 200px; float:left; padding:15px 0; } .user_block_right { float:left; background: #f5ebce; box-shadow: 0 0 0 1px #000000; padding: 15px 20px; border-top:1px solid #fefcf8; border-radius: 0 3px 3px 0; width:750px; } .user_block_info_table {float:left;} .user_block_info_table td { padding: 0 20px 5px 0; } .user_block_signature { float:left; width:540px; } .user_block_signature_title { color: #937f51; text-shadow: 1px 1px 0 #ffffff; margin-top:30px; } .user_lnk {background: #ff0000; display: inline-block; height: 32px; margin: 0 6px 6px 0; outline: medium none; padding: 0; vertical-align: bottom; width: 32px;} .lnk_youtb {background:url('/new/img/social_profile.png') no-repeat 0 0;} .lnk_vk {background:url('/img/social_profile.png') no-repeat -32px 0;} .lnk_odn {background:url('/img/social_profile.png') no-repeat -64px 0;} .lnk_fcbk {background:url('/img/social_profile.png') no-repeat -96px 0;} .lnk_screens {background:url('/img/social_profile.png') no-repeat -128px 0;} .lnk_site {background:url('/img/social_profile.png') no-repeat -160px 0;} .user_block_search { float:left; width:100%; } .user_block_search_title { color: #937f51; text-shadow: 1px 1px 0 #ffffff; margin-top:50px; } .user_block_avatar { text-align:center; clear:right; } .user_block_avatar img { border-radius: 10px; } .user_block_links { padding: 0 15px; } .user_block_links > .catsTd > a { display:block; } .user_block_activity {float:right;width:200px;} .user_block_activity_title { color: #000; font-size: 21px; text-shadow: 1px 1px 0 #fff; border-bottom:1px solid #ddd5a9; box-shadow: 0px 1px 0 #fefcf8; } .actTd {padding: 3px 5px 3px 5px;border-bottom:1px solid #ddd5a9;} .actTd a:link, .actTd a:visited, .actTd a:active {text-decoration:none;display:block;} .actTd a:hover {text-decoration:none;} /* /Profile page */ /* Profile */ .profile {float:right;margin-right:10px;} .profile-info{float:left;margin-right:50px;} .profile-info div {float:left;} .profile-info p {margin: 2px 0 0 0;padding:0;color:#8A8067;line-height:14px;} .profile-info p span {color:#ccc;} .profile-info p a {color:#ccc;} .profile-info img {float:left;border: 3px solid #8A8067;border-radius: 5px;width:auto;height:auto;max-width:40px!important;max-height:40px!important;margin:2px 10px 0 0;} .profile-nav { display: inline-block; position: relative; z-index: 500; padding:0; margin:0; } .profile-nav ul {padding:0;margin:0;} /* Menu List */ .profile-nav li { display: block; float: left; } .profile-nav li {list-style:none;padding:0;margin:0;} /* Menu Links */ .profile-nav > li > a { position: relative; display: block; } .profile-nav > li > a > img { border:0; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; } .profile-nav > li:hover > a > img {background: #F5EBCE;} /* Menu Dropdown */ .profile-nav-column { position: absolute; display: block; top: 50px; right: 0; width: 168px; padding: 0 10px 10px 20px; opacity: 0; visibility: hidden; overflow: hidden; background: #F5EBCE; border-radius: 0 0 3px 3px; box-shadow: 0 2px 2px #000000; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; } .profile-nav > li:hover > .profile-nav-column { opacity: 1; visibility: visible; overflow: visible; } /* Menu Content Styles */ .profile-nav-title { margin: 15px 0 10px 0; line-height: 18px; display:block; font-weight: bold; font-size: 14px; color: #8a8067; text-transform: uppercase; } .profile-nav-column a { display: block; line-height: 25px; color: #333; text-shadow: 1px 1px 0 #ccc; text-decoration:none; } .profile-nav-column a:hover { color: #881010; } .unread_pm {position:absolute;width:50px;text-align:right;margin-top:5px;z-index:1;} .unread_pm a {text-decoration:none;background:#c00000;color:#fff;font-weight:bold;box-shadow: 0 1px 1px #000;padding:0 4px;border:2px solid #fff;border-radius:25%;margin-right:2px;} /* /Profile */ /* Скролл наверх */ .toTop { background: #000; display: none; opacity: 0.4; height:100%; width:5%; position: fixed; right: 0px; top: 0px; cursor: pointer; text-align: center; font-size: 1.5em; color: #666; font-weight: bold; text-decoration:none; padding: 50px 5px 5px 5px; } #toTop { background: #000; opacity: 0.4; height:100%; position: fixed; right: 0px; top: 0px; cursor: pointer; text-align: center; font-size: 24px; color: #666; font-weight: bold; text-decoration:none; padding: 50px 5px 5px 5px; top: expression( document.getElementsByTagName( 'body' )[0].scrollTop + "px" ); } /* -------- */ /* Search */ .search { float:right;margin-right:5px; } /* Menu Dropdown */ .search-nav-column { position: absolute; display: block; top: 33px; right: 0; width: 200px; padding: 0 10px 10px 20px; opacity: 0; visibility: hidden; overflow: hidden; background: #F5EBCE; border-radius: 0 0 3px 3px; box-shadow: 0 1px 2px #000000, 0 1px 0 #6F6C5F inset; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; } .profile-nav > li:hover > .search-nav-column { opacity: 1; visibility: visible; overflow: visible; } .search input[type="text"]{ background: #3A3523 !important; border-color: #1C1A11 #2E2A1C #615D4F !important; } /* /Search */ /* Spasibo */ .merci:link, .merci:visited, .merci:active { background: url("/img/v3/btns/inf_li_bg.gif") repeat-x #FEF8DD; width:490px; color: #612B00; display: block; font-size: 13px; font-weight: bold; height: 31px; position: relative; text-align: center; text-decoration: none; text-shadow: 1px 1px 0 #FFFFFF; border-radius: 5px;} .merci:hover {background:url("/img/v3/btns/inf_li_bg_h.gif") repeat-x #FEF8DD;border-left: 1px solid #DDD5A9;border-right: 1px solid #DDD5A9;color:#000;} .merci span {line-height: 27px;display:block;} .merci_small {width:auto !important;} /* PagesSwch */ .catPages1 {margin:8px 0;color:#ff0000;} .catPages2 {text-align:center;margin: 10px 0 10px 0;padding: 10px 0 0 0;} .swchItemA, .swchItemA1 {border-radius: 20px 20px 20px 20px;box-shadow: 1px 1px 1px 0 #000;background:url('/img/v3/btns/inf_li_bg.gif') #F5EBCE;color: #2F2B1B;padding: 3px 7px;text-decoration: none;border: 0px solid #2F2B1B;text-shadow: 1px 1px 0 #fff;} a.swchItem, a.swchItem1 {border-radius: 20px 20px 20px 20px;box-shadow: 1px 1px 0 0 #524F41, 1px 1px 0 0 #17150D inset;background:#3a3523;color: #fff;padding: 3px 7px;text-decoration: none;text-shadow: 1px 1px 0 #000;} .swchItem:hover, .swchItem1:hover {background:#2b2718;} /* /PagesSwch */ /* ОПРОСЫ ШКАЛЫ*/ .poll_box_body {margin-top:30px;padding-left:10px;float:left;} .pollQue {text-shadow: 1px 1px 0 #000;color:#b6ac94;margin-bottom:10px;} .answer {color:#fff;font-size:12px;padding: 0 0 6px;} .answer div {background:#1C1809;width:133px;padding:2px !important;border-radius:10px;box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.2), 0 1px 0px 0px rgba(0, 0, 0, 0.6) inset;} .answer div div {box-shadow: 0 3px 2px 0 rgba(255, 255, 255, 0.4) inset;} .pollBut {width:110px;} .pollTot {color:#999;font-size:12px;} .pollBody {padding:7px; margin:0px; background:#000000} .textResults {background:#FFFFFF} .textResultsTd {background:#5F5F5F} .pollNow {background:#FFFFFF} .pollNowTd {background:#5F5F5F} .totalVotesTable {background:#FFFFFF} .totalVotesTd {background:#5F5F5F} /* ---------- */ /* ИЗ_ЗА ЭТОГО ЕДЕТ КАРУСЕЛЬ*/ .informer {width:588px;margin: 5px 0;} .inf_title {background: url('/img/v3/inf_title.png');height:29px;color:#881010;text-shadow: 1px 1px 0 #dad4c5;font-size:17px;line-height:29px;} .inf_title div {width:350px;cursor:move;} .inf_header {background: url('/img/v3/inf_header.png');height:11px;} .inf_body {background:#b6ac94;padding: 12px 1px;border-radius: 10px;box-shadow: 0 0 1px 0 #17150d, 0 1px 0 0 #d7d1c4 inset;} .inf_title-body {width:347px;height:2px;background:#b6ac94;margin: -13px 0 13px 120px} .inf_footer {background: url('/img/v3/inf_footer.png');height:11px;} .inf_ul {border: medium none;margin: 0;outline: medium none;padding: 0;} .inf_li {list-style: none outside none;} a.inf_a { background: url('/img/v3/btns/inf_li_bg.gif') repeat-x #fef8dd; color: #612b00; display: block; font-size: 13px; font-weight: bold; line-height: 20px; height: 31px; padding: 0 10px 0 10px; position: relative; text-decoration: none; text-shadow: 1px 1px 0 #fff; text-align:left; } a.inf_a:hover { background: url('/img/v3/btns/inf_li_bg_h.gif') repeat-x #e0d6c0; } a.inf_a:visited {color:#908350;text-decoration:none;} a.inf_lnk {margin-right: 31px; background: url('/img/v3/btns/inf_li_bg.gif') repeat-x #fef8dd; color: #612b00; display: block; font-size: 13px; font-weight:bold; line-height: 20px; height: 31px; padding: 0 10px 0 40px; position: relative; text-decoration: none; text-shadow: 1px 1px 0 #fff; } a.inf_lnk:hover { background: url('/img/v3/btns/inf_li_bg_h.gif') repeat-x #e0d6c0; } a.inf_lnk:visited {color:#908350;text-decoration:none;} .inf_li a.ulightbox {position:absolute;padding:0;margin-left:555px;} .inf_li span { background: #e9e2c3; border-radius: 15px 15px 15px 15px; box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2) inset, 1px 1px 0px rgba(255, 255, 255, 0.5); font-size: 11px; font-weight:normal; line-height: 18px; display: block; margin-right: 75px; padding: 0 10px; position: absolute; right: 0; top: 6px; } .inf_li a:hover span { background: #cec1a8; } span.inf_date { color:#937f51; background: none; box-shadow: none; display: block; margin-right: 0px; padding: 0 10px; position: absolute; right: 0; top: 6px; } .inf_li a:hover .inf_date {background: none;} span.inf_ico {background: url('/img/v3/btns/gta_ico.gif');position: absolute;width:31px;height:31px;padding:0;margin:0;box-shadow:none;border:none;border-radius:0;left:0;top:0;} .inf_li a:hover .inf_ico {background: url('/img/v3/btns/gta_ico_h.gif');} span.inf_cat { font-size:10px; color:#937f51; background: none; box-shadow: none; display: block; margin: 0 0 0 30px; padding: 0 10px; position: absolute; left: 0; top: 13px; } .inf_last_post { font-size:10px; color:#937f51; text-shadow: 1px 1px 0 #FFFFFF; background: none; box-shadow: none; display: block; position:absolute; margin: -15px 0 0 0px; padding: 0 10px; text-align:left; } /* .inf_last_post a {color:#937f51;} */ a.uLPost {} .inf_li a:hover .inf_cat {background: none;} #sortable { list-style-type: none; margin: 0; padding: 0; display:none;} /* /Informers */ /* ЕДЕТ КАРУСЕЛЬ*/ .add_entry {text-align:center;margin: 5px 3px 0 3px;} .add_entry a { background:url('/img/v3/btns/bts_big_yelow.gif') repeat-x #443f2d; display: block; height: 31px; line-height: 27px; color: #fff; text-decoration:none; text-shadow: -1px -1px 0 #000; box-shadow: 0 1px 1px #000, 0 1px 0 #e4cf00 inset; border-radius: 3px; font-size:13px; font-weight:bold; } .add_entry a:hover { background:url('/img/v3/btns/bts_big_yelow.gif') repeat-x 0 -51px #2b2718; color:#e4cf00; } /* /Add entry */ /*НАЗВАНИЯ ВНУТРИ МАТЕРИАЛОВ ВВЕРХУ */ .load_crumbs { background: url('/img/v3/btns/inf_li_bg.gif') repeat-x #fef8dd; color: #2f2b1b; font-size: 12px; font-weight:bold; height: 31px; line-height: 27px; display: block; text-shadow: 1px 1px 0 #fff; box-shadow: 0 1px 0 #000; border-radius: 3px; padding-left:3px; margin: 5px 0; } .crumbs {padding-left:10px;color:#881010;} .load_crumbs a { background:url('/img/v3/btns/a_crumbs.png') no-repeat right; display: block; float:left; height: 31px; padding: 0 18px 0 10px; color: #2f2b1b; text-decoration:none; } .load_crumbs a:hover { background:url('/img/v3/btns/a_crumbs_h.png') no-repeat right; color:#881010; } .load_crumbs a:hover span { background:url('/img/v3/btns/a_crumbs_h_left.png') no-repeat right; width:12px; height:31px; margin-left:-22px; position:absolute; } .load_crumbs_nolink {padding: 0 18px 0 10px;color:#881010;} .load_desc { color: #999; font-size: 12px; text-shadow: -1px -1px 0 #000; padding: 5px 0; margin: 5px 0 15px 0; text-align: center; border-top: 1px solid #1c1a11; border-bottom: 1px solid #1c1a11; box-shadow: 0 1px 0 0 #615f56, 0 1px 0 0 #615f56 inset; } .load_desc h1 { color:#E4CF00; font-size: 13px; text-shadow: 1px 1px 0 #000; padding:0;margin:0; } .sort_menu {color:#fff;} .sort_menu a {color:#fff;} .sortArrDown, .sortArrUp {padding: 0 2px;} .load_content_rus { float:left; width:400px; padding: 0 10px; } .load_info_rus { width:160px; padding: 0 10px 0 0; margin-top:50px; float:left; } .load_info_rus ul {list-style:none;margin:0;padding:0;} .load_info_rus li {line-height:13px;padding-top:5px;} .load_author { float:right; background: #e9e2c3; border-radius: 15px 15px 15px 15px; box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2) inset, 1px 1px 0px rgba(255, 255, 255, 0.5); font-size: 11px; line-height: 18px; padding: 0 10px; margin: -5px 0 5px 0; } .load_author span {font-weight:bold} .dwnl_footer {float:left;text-align:center;width:590px;} .dwnl_block {} a.dwnl_lnk { /*background: url("/img/v3/winter/bts_big.png") repeat-x 0 -4px #443F2D;*/ background:url('/img/v3/btns/bts_big.gif') repeat-x #443f2d; display: block; height: 35px; margin: 5px 10px 5px 10px; line-height: 31px; color: #fff; text-decoration:none; text-shadow: -1px -1px 0 #000; box-shadow: 0 2px 1px #3d3b34, 0 1px 0 #6f6c5f inset; border-radius: 3px; font-size:15px; font-weight:bold; } a.dwnl_lnk:hover { /*background: url("/img/v3/winter/bts_big.png") repeat-x 0 -65px #443F2D;*/ background:url('/img/v3/btns/bts_big.gif') repeat-x 0 -51px #2b2718; color:#881010; } .load_pass { background: #e9e2c3; border-radius: 15px 15px 15px 15px; box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2) inset, 1px 1px 0px rgba(255, 255, 255, 0.5); font-size: 12px; line-height: 18px; padding: 0 10px; margin: 5px 10px; color:#881010; text-align:center; } .load_pass span {font-weight:bold} .tabs_load_switch {position:absolute;margin: 10px 0 0 420px;} #bad_lnk_button {display:none;} .bad_lnk { float:right; background: #e9e2c3; border-radius: 0 0 5px 5px; box-shadow: 0 2px 1px #3D3B34 inset, 1px 1px 0px rgba(255, 255, 255, 0.5); font-size: 10px; line-height: 18px; padding: 0px 10px 2px 10px; margin: -5px 20px 5px 0; color:#881010; text-align:center; } .load_author_block {text-align:center;padding-bottom:10px;} #load_author_avatar img, #load_author_avatar2 img {border: 3px solid #8A8067;border-radius: 5px;} .load_author_name {font-weight:bold;} .load_author_name a {text-decoration:none;} /* -- Выбор категории */ .u-combo {border:none !important;} .u-comboeditcell {border:none !important;background:none !important;} .u-combolist {background: #F5EBCE !important; border-radius: 0 0 3px 3px !important; border:none !important; box-shadow: 0 1px 2px #000000, 0 1px 0 #6F6C5F inset !important; color: #333 !important; text-shadow: 1px 1px 0 #fff !important; margin: -6px 5px 0 5px !important; } .u-combobut { background: url("/img/v3/btns/u-combobut.jpg") no-repeat!important;height:26px !important;width:26px !important;cursor:pointer;} /* /Loads */ /* User Group Marks */ a.groupUser:link,a.groupUser:visited,a.groupUser:hover {color:#937f51;} a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:#347802;} a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:#cc0000;} a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:#0066cc;} a.groupBanned:link,a.groupBanned:visited,a.groupBanned:hover {color:#2f2b1b;} a.groupOther1:link,a.groupOther1:visited,a.groupOther1:hover {color:#FF6600;} a.groupOther2:link,a.groupOther2:visited,a.groupOther2:hover {color:#8a00e1;} a.groupOther3:link,a.groupOther3:visited,a.groupOther3:hover {color:#888888;} a.groupOther4:link,a.groupOther4:visited,a.groupOther4:hover {color:#780909;} a.groupOther5:link,a.groupOther5:visited,a.groupOther5:hover {color:#cc0000;} /* ---------------- */ /* Forum */ .posttdMessage {font-size:13px;} .posttdMessage,.postTdInfo,.postBottom,.postTdTop {padding:5px;border-bottom: 1px solid #ddd5a9;border-top: 1px solid #fefcf8;border-right: 1px solid #ddd5a9;border-left: 1px solid #fefcf8;} .postTable {border-spacing: 0px;background:#F5EBCE;} .gTable {background: #2f2b1b;color:#000;background-size: 10px 20px padding: 5px 0 10px 0;margin: 10px 0;border-radius: 3px; box-shadow: 0 1px 2px 0 #17150D, 0px 1px 0 0 #524F41 inset;border-spacing: 0px;} /* ----- */ /* ========================= 14. БАННЕР ГЛАВНАЯ ========================= */ .gtx-banner{ width:590px; max-width:100%; margin:0 auto; padding:0; box-sizing:border-box; color:#e4dac4; font:400 12px/1.45 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; } .gtx-banner, .gtx-banner *, .gtx-banner *:before, .gtx-banner *:after{ box-sizing:border-box; } .gtx-banner table{ border-collapse:collapse; border-spacing:0; } /* ========================= 15. ОСНОВНАЯ КАРТОЧКА ========================= */ .gtx-banner-card{ position:relative; width:590px; max-width:100%; margin:0 0 10px 0; padding:10px; overflow:hidden; table-layout:fixed; color:#e4dac4; background: radial-gradient(circle at 50% 0,rgba(210,171,115,.10),transparent 42%), radial-gradient(circle at 86% 100%,rgba(86,52,24,.14),transparent 34%), linear-gradient(180deg,#3d3628 0%,#2f291d 52%,#221d14 100%); border:1px solid #1c1710; border-radius:12px; box-shadow: 0 14px 30px rgba(0,0,0,.42), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.16) inset; transition: box-shadow .2s ease, border-color .2s ease; } .gtx-banner-card:hover{ transform:none !important; border-color:#2a2418; box-shadow: 0 18px 34px rgba(0,0,0,.48), 0 0 12px rgba(210,171,115,.12), 0 1px 0 rgba(255,255,255,.06) inset, 0 -1px 0 rgba(0,0,0,.18) inset; } .gtx-banner-card:before{ content:""; position:absolute; inset:1px; border-radius:11px; border:1px solid rgba(255,255,255,.03); pointer-events:none; z-index:1; } .gtx-banner-card:after{ content:""; position:absolute; left:0; top:0; width:100%; height:1px; background:linear-gradient(90deg,transparent,rgba(240,221,185,.36),transparent); pointer-events:none; z-index:2; } .gtx-banner-card > *{ position:relative; z-index:3; } /* ========================= 16. TITLE ========================= */ .gtx-banner-title{ position:relative; margin:0 0 9px 0; padding:8px 9px; overflow:hidden; color:#f5ebce; background:linear-gradient(180deg,rgba(84,72,52,.92),rgba(62,53,39,.92)); border:1px solid #2a2418; border-radius:8px; font:700 12px/1.3 "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; text-transform:uppercase; letter-spacing:.06em; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 2px 6px rgba(0,0,0,.24); } .gtx-banner-title:before{ content:""; position:absolute; top:0; left:-45%; width:70%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent); transform:skewX(-24deg); pointer-events:none; } .gtx-banner-title:after{ content:""; position:absolute; left:10px; right:10px; bottom:0; height:2px; background:linear-gradient(90deg,rgba(122,74,42,0),rgba(210,171,115,.95),rgba(122,74,42,0)); opacity:.9; pointer-events:none; } .gtx-banner-title a{ position:relative; z-index:2; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; color:#f5ebce; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0,.82); transition: color .18s ease, text-decoration-color .18s ease; } .gtx-banner-title a:before{ content:"▸"; display:inline-block; margin:0 5px 0 0; color:#d2ab73; font-size:10px; line-height:1; vertical-align:1px; text-shadow:0 0 7px rgba(210,171,115,.45); } .gtx-banner-title a:hover{ color:#fff; text-decoration:underline; text-decoration-color:rgba(210,171,115,.45); text-underline-offset:2px; } /* ========================= 17. LINE ========================= */ .gtx-banner-line{ height:1px; margin:0 2px 9px; overflow:hidden; background:linear-gradient(90deg,transparent,rgba(245,235,206,.28),transparent); opacity:1; } /* ========================= 18. IMAGE — панорама 860px без стекла ========================= */ .gtx-banner-img-wrap{ padding:0 0 9px !important; text-align:center !important; } .gtx-banner-img-wrap a{ position:relative !important; display:block !important; width:100% !important; height:100px !important; overflow:hidden !important; border-radius:9px !important; background:#17150d !important; text-decoration:none !important; border:1px solid rgba(138,123,90,.55) !important; outline:1px solid rgba(210,171,115,.18) !important; outline-offset:2px !important; box-shadow: 0 6px 14px rgba(0,0,0,.50), 0 0 10px rgba(210,171,115,.10), inset 0 1px 0 rgba(255,255,255,.08) !important; } /* Картинка НЕ ужимается: реальная ширина 860px */ .gtx-banner-img{ position:absolute !important; left:0 !important; top:0 !important; display:block !important; width:860px !important; max-width:none !important; height:100px !important; min-height:100px !important; max-height:100px !important; margin:0 !important; padding:0 !important; object-fit:cover !important; object-position:left center !important; border:0 !important; outline:0 !important; animation:gtxBannerPanoramaMove 320s ease-in-out infinite !important; transform-origin:left center !important; filter:none !important; transition:none !important; } /* При наведении движение не ломается */ .gtx-banner-img-wrap a:hover .gtx-banner-img{ width:860px !important; height:100px !important; animation:gtxBannerPanoramaMove 320s ease-in-out infinite !important; filter:none !important; transition:none !important; } /* Очень медленное движение панорамы */ @keyframes gtxBannerPanoramaMove{ 0%{ transform:translateX(0); } 45%{ transform:translateX(-292px); } 55%{ transform:translateX(-292px); } 100%{ transform:translateX(0); } } /* Убрано стекло, затемнение и блеск поверх картинки */ .gtx-banner-img-wrap a:before, .gtx-banner-img-wrap a:after, .gtx-banner-img-wrap a .gtx-banner-btn:after, .gtx-banner-img-wrap a:hover .gtx-banner-btn:after{ display:none !important; content:none !important; background:none !important; } /* ========================= 19. BUTTON ========================= */ .gtx-banner-btn{ position:absolute; left:50%; bottom:10px; z-index:5; transform:translateX(-50%); padding:7px 18px; overflow:hidden; color:#2f2b1b; background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 48%,#c7b89a 100%); border:1px solid #8a7b5a; border-radius:7px; font-size:11px; font-weight:900; line-height:1; letter-spacing:.03em; text-transform:uppercase; text-shadow:1px 1px 0 rgba(255,255,255,.7); box-shadow: 0 3px 8px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.45); opacity:0; visibility:hidden; transition: opacity .2s ease, visibility .2s ease, box-shadow .18s ease, color .18s ease, border-color .18s ease; } .gtx-banner-img-wrap a:hover .gtx-banner-btn{ opacity:1; visibility:visible; transform:translateX(-50%) !important; color:#7a4a2a; border-color:#a18b5f; box-shadow: 0 5px 12px rgba(0,0,0,.65), 0 0 10px rgba(224,214,192,.25), inset 0 1px 0 rgba(255,255,255,.48); } /* ========================= 20. NOTE ========================= */ .gtx-banner-note{ margin:0; padding:9px 10px; color:#2a2418; background-image: linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.035) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.12) .7px, transparent .8px), linear-gradient(180deg,#f5ebce 0%,#e7d9b8 100%); background-size: auto, 6px 6px, 8px 8px, auto; background-position: 0 0, 0 0, 3px 3px, 0 0; border:1px solid #9b8864; border-left:4px solid #7a4a2a; border-radius:8px; font:700 12px/1.45 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; text-shadow:1px 1px 0 rgba(255,255,255,.55); box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 2px 6px rgba(0,0,0,.25); transition: background .18s ease, border-color .18s ease, box-shadow .18s ease; } .gtx-banner-note:hover{ border-color:#a18b5f; background-image: linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.04) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.14) .7px, transparent .8px), linear-gradient(180deg,#fff4d4 0%,#e3cfaa 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.48), 0 4px 10px rgba(0,0,0,.28), 0 0 8px rgba(224,214,192,.18); } /* ========================= 21. TEXT SUPPORT ========================= */ .gtx-banner-note b, .gtx-banner-title b{ color:#7a4a2a; font-weight:900; } .gtx-banner-note a, .gtx-banner-note a:link, .gtx-banner-note a:visited, .gtx-banner-note a:active{ color:#7a4a2a; font-weight:900; text-decoration:none; border-bottom:1px dotted rgba(122,74,42,.45); } .gtx-banner-note a:hover{ color:#2a2418; border-bottom-color:#2a2418; } /* ========================= 22. MOBILE ========================= */ @media screen and (max-width:640px){ .gtx-banner, .gtx-banner-card{ width:100%; max-width:590px; box-sizing:border-box; } .gtx-banner-card{ padding:8px; } .gtx-banner-title{ font-size:12px; padding:8px 9px; } .gtx-banner-line{ margin:0 2px 8px; } .gtx-banner-img-wrap{ padding:0 0 8px !important; } .gtx-banner-img-wrap a{ height:85px !important; } .gtx-banner-img{ width:860px !important; height:85px !important; min-height:85px !important; max-height:85px !important; } .gtx-banner-img-wrap a:hover .gtx-banner-img{ width:860px !important; height:85px !important; } .gtx-banner-btn{ opacity:1; visibility:visible; bottom:8px; padding:6px 14px; font-size:10px; } .gtx-banner-note{ padding:8px; font-size:11px; line-height:1.35; } } @media screen and (max-width:420px){ .gtx-banner-title{ font-size:11px; } .gtx-banner-img-wrap a{ height:75px !important; } .gtx-banner-img{ width:860px !important; height:75px !important; min-height:75px !important; max-height:75px !important; } .gtx-banner-img-wrap a:hover .gtx-banner-img{ width:860px !important; height:75px !important; } .gtx-banner-note{ font-size:10.5px; } } /* ========================= 23. REDUCED MOTION ========================= */ @media(prefers-reduced-motion:reduce){ .gtx-banner-card, .gtx-banner-card *, .gtx-banner-card *:before, .gtx-banner-card *:after{ animation:none !important; transition:none !important; transform:none !important; } } /* ========================= 24. КАРУСЕЛЬ ВНУТРИ КАТЕГОРИЙ ========================= */ li.gtaLoadCardItem{ float:left !important; width:31.5% !important; margin:0 0.75% 12px 0.75% !important; list-style:none !important; box-sizing:border-box !important; } li.gtaLoadCardItem .gtaLoadCard{ width:100% !important; margin:0 !important; float:none !important; } ul:after{ content:""; display:block; clear:both; } /* ========================= 25. GTA CARD (СТАРЫЙ ДИЗАЙН) ========================= */ .gtaLoadCard{ overflow:hidden; position:relative; background:linear-gradient(180deg,#f5ebce 0%,#e9dfc2 55%,#d8cba5 100%); border:1px solid #2a2418; border-radius:8px; box-shadow:0 4px 10px rgba(0,0,0,.45); transition:.2s ease; } .gtaLoadCard:hover{ transform:translateY(-2px); box-shadow:0 8px 16px rgba(0,0,0,.55); } /* ========================= 26. SHINE ========================= */ .gtaLoadCard:after{ content:""; position:absolute; top:0; left:-120%; width:80%; height:100%; background:linear-gradient(120deg,transparent,rgba(255,255,255,.22),transparent); transition:.6s; pointer-events:none; z-index:9; } .gtaLoadCard:hover:after{ left:120%; } /* ========================= 27. IMAGE ========================= */ .gtaLoadCard_img{ position:relative; height:100px; padding:3px; background:#2f2b1b; overflow:hidden; } .gtaLoadCard_img img{ width:100%!important; height:100px!important; object-fit:cover; display:block; border-radius:5px; transition:.25s; } .gtaLoadCard:hover .gtaLoadCard_img img{ transform:scale(1.05); } .gtaLoadCard_img:before{ content:""; position:absolute; left:0; right:0; bottom:0; height:55%; background:linear-gradient(180deg,transparent,rgba(0,0,0,.72)); z-index:2; } /* ========================= 28. BUTTON ========================= */ .gtaLoadCard_download{ position:absolute; left:50%; bottom:10px; transform:translateX(-50%); opacity:0; visibility:hidden; z-index:6; padding:6px 14px; font-size:11px; font-weight:bold; border-radius:4px; text-decoration:none!important; background:linear-gradient(180deg,#e0d6c0 0%,#c7b89a 100%); color:#2f2b1b!important; border:1px solid #8a7b5a; text-shadow:1px 1px 0 #fff; box-shadow:0 2px 6px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.35); transition:.2s; } .gtaLoadCard:hover .gtaLoadCard_download{ opacity:1; visibility:visible; } /* ========================= 29. ICONS ========================= */ .gtaLoadCard_local:before{ content:"⬇"; margin-right:5px; } .gtaLoadCard_external:before{ content:"↗"; margin-right:5px; } /* ========================= 30. HOT PULSE ========================= */ .gtaLoadCard_isHot:hover .gtaLoadCard_download{ animation:gtaPulseSepia 1.2s infinite; } @keyframes gtaPulseSepia{ 0%{box-shadow:0 0 0 0 rgba(200,180,140,.65);} 70%{box-shadow:0 0 0 10px rgba(200,180,140,0);} 100%{box-shadow:0 0 0 0 rgba(200,180,140,0);} } /* ========================= 31. HOVER INFO ========================= */ .gtaLoadCard_hoverInfo{ position:absolute; top:6px; right:6px; width:120px; z-index:7; opacity:0; visibility:hidden; transform:translateY(6px); padding:6px; background:rgba(47,43,27,.95); border:1px solid rgba(245,235,206,.2); border-radius:5px; color:#f5ebce; font-size:10px; line-height:14px; text-shadow:1px 1px 0 #000; transition:.2s ease; } .gtaLoadCard_hoverInfo span{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .gtaLoadCard_hoverInfo a{ color:#e4cf00; text-decoration:none; } .gtaLoadCard_hoverInfo a:hover{ color:#fff; text-decoration:underline; } .gtaLoadCard:hover .gtaLoadCard_hoverInfo{ opacity:1; visibility:visible; transform:translateY(0); } /* ========================= 32. HOT ========================= */ .gtaLoadCard_hot{ position:absolute; top:6px; right:6px; z-index:8; height:18px; padding:0 7px; line-height:18px; background:#881010; color:#f5ebce; border-radius:3px; font-size:10px; font-weight:bold; text-shadow:1px 1px 0 #000; } /* ========================= 33. BADGES ========================= */ .gtaLoadCard_badge{ position:absolute; top:6px; left:6px; z-index:8; min-width:18px; height:18px; padding:0 6px; line-height:18px; border-radius:3px; color:#f5ebce; font-size:10px; font-weight:700; text-align:center; } /* ========================= 34. TITLE ========================= */ .gtaLoadCard_tit a{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:36px; overflow:hidden; line-height:18px; padding:7px 6px; color:#2f2b1b; font-size:13px; font-weight:bold; text-decoration:none; } .gtaLoadCard_tit a:hover{ background:#e0d6c0; color:#881010; } /* ========================= 35. INFO ========================= */ .gtaLoadCard_info{ display:flex; align-items:center; justify-content:space-between; gap:6px; padding:5px 6px; font-size:11px; background:#2f2b1b; border-top:1px solid #17150d; color:#b6ac94; text-shadow:1px 1px 0 #000; } .gtaLoadCard_comments, .gtaLoadCard_loads, .gtaLoadCard_views{ display:flex; gap:3px; align-items:center; } .gtaLoadCard_cat{ margin-left:auto; max-width:80px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:right; } /* ========================= 36. ICONS ========================= */ .ico-com:before{content:"💬";} .ico-eye:before{content:"👁";} .ico-loads:before{content:"⇩";} /* ========================= 37. NO IMAGE ========================= */ .gtaLoadCard_noimg{ height:100px; line-height:100px; text-align:center; color:#b6ac94; font-size:12px; font-weight:bold; text-shadow:1px 1px 0 #000; } /* ========================= 38. ВНУТРЕННИЕ НОВОСТИ PREMIUM BROWN EDITION ========================= */ .gtnEntry{ position:relative; width:570px; margin:8px 0 16px; overflow:hidden; background: radial-gradient(circle at 14% 0%, rgba(255,231,184,.06) 0%, transparent 28%), radial-gradient(circle at 86% 100%, rgba(86,52,24,.14) 0%, transparent 34%), linear-gradient(180deg,#3d3628 0%,#2d281b 100%); border:1px solid #1c1710; border-radius:12px; box-shadow: 0 14px 30px rgba(0,0,0,.42), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.16) inset; color:#e4dac4; } .gtnEntry:before{ content:""; position:absolute; inset:1px; border-radius:11px; border:1px solid rgba(255,255,255,.03); pointer-events:none; } .gtnEntry:after{ content:""; position:absolute; left:0; top:0; width:100%; height:1px; background:linear-gradient(90deg,transparent,rgba(255,228,177,.42),transparent); pointer-events:none; } .gtnEntry_moder{ position:absolute; right:10px; top:10px; z-index:10; } /* HEAD */ .gtnEntry_head{ position:relative; padding:14px 15px 11px; background: radial-gradient(circle at top left, rgba(255,240,208,.08) 0%, transparent 38%), linear-gradient(180deg,rgba(255,241,205,.06) 0%,rgba(255,241,205,0) 100%); box-shadow:inset 0 -1px 0 rgba(0,0,0,.14); } /* если нужен бейдж категории, добавь в HTML:
Новости
перед .gtnEntry_title */ .gtnEntry_label{ display:inline-flex; align-items:center; gap:7px; margin:0 0 9px; padding:5px 11px; background: linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,0) 40%), linear-gradient(180deg,#d8bd88 0%,#b58d55 55%,#8a663b 100%); border:1px solid #7f5f36; border-radius:999px; color:#24180f; font:700 10px/1 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; letter-spacing:.12em; text-transform:uppercase; text-shadow:0 1px 0 rgba(255,255,255,.38); box-shadow: 0 3px 8px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.45), inset 0 -1px 0 rgba(97,70,34,.35); } .gtnEntry_label:before{ content:""; width:6px; height:6px; border-radius:50%; background:linear-gradient(180deg,#fff0c8 0%,#c79654 100%); box-shadow:0 0 6px rgba(255,224,165,.35); flex:0 0 6px; } .gtnEntry_title{ margin:0 0 8px; padding:0; font-family:"Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; font-size:18px; font-weight:600; line-height:1.2; letter-spacing:.01em; color:#efe4cd; text-shadow:1px 1px 0 rgba(0,0,0,.78); } .gtnEntry_title a{ color:inherit; text-decoration:none; } .gtnEntry_meta{ display:flex; flex-wrap:wrap; gap:8px; color:#c6b899; font-size:11px; text-shadow:1px 1px 0 rgba(0,0,0,.88); } .gtnEntry_meta span{ padding:4px 9px; background:linear-gradient(180deg,rgba(44,37,24,.78),rgba(24,20,12,.78)); border:1px solid rgba(156,138,101,.26); border-radius:999px; box-shadow: 0 1px 0 rgba(255,255,255,.04) inset, 0 1px 3px rgba(0,0,0,.18); } /* DECORATIVE DIVIDER */ .gtnEntry_line{ position:relative; height:14px; margin:0 14px 10px; } .gtnEntry_line:before{ content:""; position:absolute; left:0; right:0; top:50%; height:1px; transform:translateY(-50%); background:linear-gradient( 90deg, transparent 0%, rgba(154,126,81,0) 18%, rgba(154,126,81,.35) 34%, rgba(201,170,111,.5) 50%, rgba(154,126,81,.35) 66%, rgba(154,126,81,0) 82%, transparent 100% ); } .gtnEntry_line:after{ content:""; position:absolute; left:50%; top:50%; width:68px; height:3px; transform:translate(-50%,-50%); border-radius:999px; background:linear-gradient(90deg,rgba(201,170,111,0),rgba(224,196,144,.95),rgba(201,170,111,0)); box-shadow:0 0 10px rgba(224,196,144,.22); } /* COVER */ .gtnEntry_cover{ position:relative; margin:0 14px 12px; overflow:hidden; border:1px solid rgba(138,123,90,.44); border-radius:9px; background:#17150d; box-shadow: 0 6px 16px rgba(0,0,0,.36), 0 1px 0 rgba(255,255,255,.05) inset; transition:border-color .22s ease, box-shadow .22s ease; } .gtnEntry_cover:after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 28%,transparent 72%,rgba(0,0,0,.08)); opacity:1; pointer-events:none; transition:opacity .22s ease; } .gtnEntry_cover img{ width:100%!important; height:auto!important; display:block; border:0; transition:transform .35s ease, filter .35s ease; } .gtnEntry:hover .gtnEntry_cover{ border-color:rgba(173,149,104,.58); box-shadow: 0 8px 20px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.06) inset; } .gtnEntry:hover .gtnEntry_cover img{ transform:scale(1.02); filter:saturate(1.02) contrast(1.03); } /* TEXT */ .gtnEntry_text{ margin:0 14px 12px; padding:12px 13px; background-image: linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.035) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.12) .7px, transparent .8px), linear-gradient(180deg,#f5ebce 0%,#e7d9b8 100%); background-size: auto, 6px 6px, 8px 8px, auto; background-position: 0 0, 0 0, 3px 3px, 0 0; border:1px solid #9b8864; border-left:4px solid #8b1610; border-radius:8px; color:#000; font:400 13px/1.64 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; box-shadow: inset 0 1px 0 rgba(255,255,255,.58), 0 2px 4px rgba(0,0,0,.1), 0 0 0 1px rgba(255,245,214,.08); } .gtnEntry_text img{ max-width:100%; height:auto; border-radius:5px; } .gtnEntry_text p{ margin:0 0 9px; color:#000; font-weight:400; } .gtnEntry_text p:last-child{ margin-bottom:0; } .gtnEntry_text h1, .gtnEntry_text h2, .gtnEntry_text h3, .gtnEntry_text h4, .gtnEntry_text h5, .gtnEntry_text h6{ margin:0 0 8px; font-family:"Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; font-weight:500; line-height:1.2; color:#17110b; text-shadow:none; } .gtnEntry_text h1{ font-size:18px; } .gtnEntry_text h2{ font-size:17px; } .gtnEntry_text h3{ font-size:16px; } .gtnEntry_text h4, .gtnEntry_text h5, .gtnEntry_text h6{ font-size:15px; } .gtnEntry_text b, .gtnEntry_text strong{ color:#111; font-weight:500; } /* BLOCKQUOTE */ .gtnEntry_text blockquote{ position:relative; margin:14px 0; padding:14px 16px 14px 22px; background: linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,.06)), linear-gradient(180deg,#efe2c2 0%,#dcc8a3 100%); border:1px solid rgba(146,117,73,.46); border-left:4px solid #a57642; border-radius:8px; color:#2a1d11; font-style:italic; box-shadow: inset 0 1px 0 rgba(255,255,255,.36), 0 2px 4px rgba(0,0,0,.08); } .gtnEntry_text blockquote:before{ content:"“"; position:absolute; left:9px; top:-4px; color:rgba(123,90,50,.34); font:700 40px/1 Georgia,"Times New Roman",serif; pointer-events:none; } .gtnEntry_text blockquote p{ margin:0 0 8px; color:#2a1d11; } .gtnEntry_text blockquote p:last-child{ margin-bottom:0; } .gtnEntry_text blockquote cite{ display:block; margin-top:8px; color:#5f4228; font-size:12px; font-style:normal; font-weight:600; } /* LINKS */ .gtnEntry_text a{ color:#6f170d; font-weight:600; text-decoration:none; background-image:linear-gradient(currentColor,currentColor); background-repeat:no-repeat; background-position:0 100%; background-size:0 2px; transition:color .2s ease, background-size .22s ease; } .gtnEntry_text a:hover{ color:#38180d; background-size:100% 2px; } /* THANKS */ .gtnEntry_thanks{ text-align:center; margin:16px 0 4px; } .gtnEntry_thanksBtn{ position:relative; display:inline-block; overflow:hidden; padding:9px 20px; color:#2c2013!important; background: linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0) 40%), linear-gradient(180deg,#f7edcf 0%,#d4bf97 55%,#b28f5e 100%); border:1px solid #876840; border-radius:7px; font-size:12px; font-weight:700; letter-spacing:.04em; text-decoration:none!important; text-shadow:1px 1px 0 rgba(255,255,255,.72); box-shadow: 0 6px 14px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.55), inset 0 -1px 0 rgba(118,87,45,.34); transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; } .gtnEntry_thanksBtn:before{ content:""; position:absolute; top:-1px; bottom:-1px; left:-35%; width:28%; transform:skewX(-24deg); background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.32),rgba(255,255,255,0)); pointer-events:none; transition:left .45s ease; } .gtnEntry_thanksBtn:after{ content:""; position:absolute; inset:1px; border-radius:6px; border:1px solid rgba(255,255,255,.14); pointer-events:none; } .gtnEntry_thanksBtn:hover{ transform:translateY(-1px); border-color:#a27b45; box-shadow: 0 8px 18px rgba(0,0,0,.3), 0 0 12px rgba(220,190,135,.16), inset 0 1px 0 rgba(255,255,255,.58), inset 0 -1px 0 rgba(118,87,45,.34); } .gtnEntry_thanksBtn:hover:before{ left:110%; } .gtnEntry_thanksBtn:active{ transform:translateY(0); box-shadow: 0 4px 10px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.48), inset 0 -1px 0 rgba(118,87,45,.28); } /* FOOTER */ .gtnEntry_footer{ padding:0 14px 14px; } .gtnEntry_attach{ margin:0 0 8px; padding:8px 10px; background:linear-gradient(180deg,rgba(28,24,15,.58),rgba(20,17,11,.58)); border:1px solid rgba(155,136,99,.3); border-radius:6px; color:#c0b291; font-size:11px; text-shadow:1px 1px 0 rgba(0,0,0,.9); box-shadow: 0 1px 0 rgba(255,255,255,.03) inset, 0 1px 3px rgba(0,0,0,.14); } .gtnEntry_details{ display:flex; flex-wrap:wrap; gap:6px; padding:8px 10px; background:linear-gradient(180deg,rgba(28,24,15,.58),rgba(20,17,11,.58)); border:1px solid rgba(155,136,99,.3); border-radius:6px; color:#c0b291; font-size:11px; text-shadow:1px 1px 0 rgba(0,0,0,.9); box-shadow: 0 1px 0 rgba(255,255,255,.03) inset, 0 1px 3px rgba(0,0,0,.14); } .gtnEntry_details span{ white-space:nowrap; } .gtnEntry_details a{ color:#ecdab8; font-weight:600; text-decoration:none; border-bottom:1px solid transparent; transition:color .18s ease, border-color .18s ease; } .gtnEntry_details a:hover{ color:#fff0cf; border-bottom-color:rgba(255,240,207,.48); } .gtnEntry_tags{ margin-top:8px; padding:8px 10px; background:linear-gradient(180deg,rgba(28,24,15,.52),rgba(20,17,11,.52)); border:1px solid rgba(155,136,99,.3); border-radius:6px; color:#c0b291; font-size:11px; text-shadow:1px 1px 0 rgba(0,0,0,.9); box-shadow: 0 1px 0 rgba(255,255,255,.03) inset, 0 1px 3px rgba(0,0,0,.14); } .gtnEntry_tags a{ color:#ecdab8; font-weight:600; text-decoration:none; border-bottom:1px solid transparent; transition:color .18s ease, border-color .18s ease; } .gtnEntry_tags a:hover{ color:#fff0cf; border-bottom-color:rgba(255,240,207,.48); } /* MOBILE */ @media screen and (max-width:640px){ .gtnEntry{ width:100%; box-sizing:border-box; } .gtnEntry_title{ font-size:16px; } .gtnEntry_head, .gtnEntry_footer{ padding-left:10px; padding-right:10px; } .gtnEntry_line, .gtnEntry_cover, .gtnEntry_text{ margin-left:10px; margin-right:10px; } .gtnEntry_text{ font-size:12px; line-height:1.54; } .gtnEntry_text h1{ font-size:16px; } .gtnEntry_text h2{ font-size:15px; } .gtnEntry_text h3{ font-size:14px; } .gtnEntry_text h4, .gtnEntry_text h5, .gtnEntry_text h6{ font-size:13px; } .gtnEntry_details{ display:block; } .gtnEntry_details span{ display:block; margin-bottom:4px; } } /* убрать дубли картинок из текста */ .gtnEntry_text img{ display:none !important; } /* ========================= 39. GTN HUD BLOCK (PREMIUM UI) ========================= */ .gtnHud{ position:relative; margin:22px 0; padding:16px 18px; border-radius:10px; background:linear-gradient(180deg,#3a3325,#2f2b1b); border:1px solid #17150d; box-shadow: 0 8px 18px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.08); color:#e0d6c0; font-family:"Chalet","Open Sans",Arial; overflow:hidden; } /* верхняя линия */ .gtnHud:before{ content:""; position:absolute; left:0; top:0; width:100%; height:2px; background:linear-gradient(90deg,#ff4d4d,#ff9a3c,#ffd54a); opacity:.85; } /* TOP */ .gtnHud_top{ display:flex; align-items:center; gap:10px; margin-bottom:8px; flex-wrap:wrap; } /* BADGE */ .gtnHud_badge{ display:inline-flex; align-items:center; gap:6px; padding:5px 10px; border-radius:999px; background:rgba(255,90,60,.15); border:1px solid rgba(255,140,80,.35); color:#ffd7c2; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.6px; } /* TITLE */ .gtnHud_title{ font-size:14px; font-weight:800; color:#f5ebce; text-shadow:1px 1px 0 #000; } /* TEXT */ .gtnHud_text{ font-size:13px; line-height:1.55; color:#b6ac94; } /* ACCENT */ .gtnHud_accent{ color:#ffb14a; font-weight:700; } /* HOVER (мягкий как launcher) */ .gtnHud:hover{ border-color:#8a7b5a; box-shadow: 0 10px 22px rgba(0,0,0,.55), 0 0 0 1px rgba(224,214,192,.15) inset; } /* MOBILE */ @media(max-width:600px){ .gtnHud{ padding:14px 15px; border-radius:8px; } .gtnHud_title{ font-size:13px; } .gtnHud_text{ font-size:12px; } } /* ========================= 40. КОММЕНТАРИИ PREMIUM BROWN EDITION ========================= */ .gtnCom{ position:relative; margin:18px 0; padding:14px; border-radius:12px; overflow:hidden; background: radial-gradient(circle at 14% 0%, rgba(255,231,184,.06) 0%, transparent 28%), radial-gradient(circle at 86% 100%, rgba(86,52,24,.14) 0%, transparent 34%), linear-gradient(180deg,#3d3628 0%,#2d281b 100%); border:1px solid #1c1710; box-shadow: 0 14px 30px rgba(0,0,0,.42), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.16) inset; color:#e4dac4; font-family:"Montserrat","Open Sans",Arial,sans-serif; } .gtnCom:before{ content:""; position:absolute; inset:1px; border-radius:11px; border:1px solid rgba(255,255,255,.03); pointer-events:none; } .gtnCom:after{ content:""; position:absolute; left:0; top:0; width:100%; height:1px; background:linear-gradient(90deg,transparent,rgba(255,228,177,.42),transparent); pointer-events:none; } .gtnCom_inner{ padding:4px; } /* RULES */ .gtnCom_rules{ position:relative; margin-bottom:12px; padding:11px 13px 11px 14px; background: linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 40%), linear-gradient(180deg,rgba(110,42,28,.42),rgba(63,24,16,.42)); border:1px solid rgba(176,90,68,.3); border-left:4px solid #c4472e; border-radius:8px; color:#f4d6c8; font-size:12px; line-height:1.58; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 2px 4px rgba(0,0,0,.12); } /* FORM */ .gtnCom_form{ padding:11px; background: linear-gradient(180deg,rgba(36,30,19,.72),rgba(22,18,11,.72)); border:1px solid rgba(155,136,99,.26); border-radius:8px; box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 1px 3px rgba(0,0,0,.14); } /* LOGIN */ .gtnCom_login{ padding:13px 14px; background-image: linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.035) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.12) .7px, transparent .8px), linear-gradient(180deg,#f5ebce 0%,#e7d9b8 100%); background-size: auto, 6px 6px, 8px 8px, auto; background-position: 0 0, 0 0, 3px 3px, 0 0; border:1px solid #9b8864; border-left:4px solid #8b1610; border-radius:8px; color:#17110b; font-weight:500; line-height:1.55; text-align:center; box-shadow: inset 0 1px 0 rgba(255,255,255,.58), 0 2px 4px rgba(0,0,0,.1); } .gtnCom_login a{ color:#6f170d; font-weight:700; text-decoration:none; background-image:linear-gradient(currentColor,currentColor); background-repeat:no-repeat; background-position:0 100%; background-size:0 2px; transition:color .2s ease, background-size .22s ease; } .gtnCom_login a:hover{ color:#38180d; background-size:100% 2px; } /* INPUT */ .gtnCom input, .gtnCom textarea{ width:100%; padding:9px 10px; border:1px solid #9b8864; border-radius:7px; box-sizing:border-box; background-image: linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 24%), linear-gradient(180deg,#f5ebce 0%,#e8dbbc 100%); color:#17110b; font:400 13px/1.5 "Montserrat","Open Sans",Arial,sans-serif; box-shadow: inset 0 1px 0 rgba(255,255,255,.58), 0 1px 2px rgba(0,0,0,.08); transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease; } .gtnCom textarea{ min-height:120px; resize:vertical; } .gtnCom input::placeholder, .gtnCom textarea::placeholder{ color:#7a6a51; opacity:1; } .gtnCom input:hover, .gtnCom textarea:hover{ border-color:#ac9770; } .gtnCom input:focus, .gtnCom textarea:focus{ outline:none; border-color:#b6915c; box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 0 0 3px rgba(198,164,108,.16), 0 2px 6px rgba(0,0,0,.1); } /* BUTTONS */ .gtnCom button, .gtnCom input[type="submit"], .gtnCom input[type="button"]{ width:auto; min-width:0; padding:6px 14px; cursor:pointer; color:#2c2013!important; background: linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0) 40%), linear-gradient(180deg,#f7edcf 0%,#d4bf97 55%,#b28f5e 100%); border:1px solid #876840; border-radius:6px; font-size:11px; font-weight:700; letter-spacing:.03em; text-transform:uppercase; text-shadow:1px 1px 0 rgba(255,255,255,.72); box-shadow: 0 4px 10px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.55), inset 0 -1px 0 rgba(118,87,45,.34); transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; } .gtnCom button:hover, .gtnCom input[type="submit"]:hover, .gtnCom input[type="button"]:hover{ transform:translateY(-1px); border-color:#a27b45; box-shadow: 0 6px 14px rgba(0,0,0,.26), 0 0 10px rgba(220,190,135,.14), inset 0 1px 0 rgba(255,255,255,.58), inset 0 -1px 0 rgba(118,87,45,.34); } .gtnCom button:active, .gtnCom input[type="submit"]:active, .gtnCom input[type="button"]:active{ transform:translateY(0); box-shadow: 0 3px 8px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.48), inset 0 -1px 0 rgba(118,87,45,.28); } /* MOBILE */ @media(max-width:640px){ .gtnCom{ padding:12px; } .gtnCom_rules{ font-size:11px; line-height:1.55; } .gtnCom_form{ padding:10px; } .gtnCom input, .gtnCom textarea{ font-size:12px; } } /* ========================= 41. КОММЕНТАРИИ PREMIUM BROWN EDITION ========================= */ .gtnComment{ position:relative; display:flex; gap:11px; margin:12px 0; padding:11px; overflow:hidden; background: radial-gradient(circle at 14% 0%, rgba(255,231,184,.06) 0%, transparent 28%), radial-gradient(circle at 86% 100%, rgba(86,52,24,.14) 0%, transparent 34%), linear-gradient(180deg,#3d3628 0%,#2d281b 100%); border:1px solid #1c1710; border-radius:12px; box-shadow: 0 12px 26px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.16) inset; color:#e4dac4; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; } .gtnComment:before{ content:""; position:absolute; inset:1px; border-radius:11px; border:1px solid rgba(255,255,255,.03); pointer-events:none; } .gtnComment:after{ content:""; position:absolute; left:0; top:0; width:100%; height:1px; background:linear-gradient(90deg,transparent,rgba(255,228,177,.42),transparent); pointer-events:none; } .gtnComment_new{ border-color:#87663c; box-shadow: 0 12px 26px rgba(0,0,0,.4), 0 0 0 1px rgba(223,188,118,.18) inset, 0 0 0 2px rgba(92,70,39,.18); } /* avatar */ .gtnComment_avatar{ width:40px; flex:0 0 40px; } .gtnComment_avatar img, .gtnComment_noAvatar{ width:36px; height:36px; display:block; border-radius:8px; border:1px solid rgba(224,214,192,.22); background:linear-gradient(180deg,#221c11,#17150d); object-fit:cover; box-shadow: 0 3px 8px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.04); } .gtnComment_noAvatar{ line-height:36px; text-align:center; color:#c6b899; font:700 12px/36px "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; } /* body */ .gtnComment_body{ flex:1; min-width:0; } .gtnComment_top{ display:flex; align-items:flex-start; justify-content:space-between; gap:8px; margin-bottom:8px; } .gtnComment_author{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; color:#b8ab8e; font-size:11px; text-shadow:1px 1px 0 rgba(0,0,0,.88); } .gtnComment_own{ display:inline-block; padding:2px 6px; border-radius:999px; background:linear-gradient(180deg,rgba(128,34,24,.34),rgba(87,22,16,.34)); border:1px solid rgba(199,87,68,.28); color:#ffd2c7; font-weight:700; text-shadow:none; } .gtnComment_num{ color:#e8dcc4; text-decoration:none; font:700 11px/1 "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; } .gtnComment_name{ color:#f5ebce; text-decoration:none; font:700 11px/1 "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; } .gtnComment_name:hover, .gtnComment_num:hover{ color:#fff3d8; text-decoration:none; } .gtnComment_date{ color:#978b72; } .gtnComment_entry{ display:inline-block; padding:3px 8px; color:#2b1f13; background: linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,0) 40%), linear-gradient(180deg,#f4e8c7,#ccb68f); border:1px solid #8d7754; border-radius:999px; text-decoration:none; font-size:10px; font-weight:700; letter-spacing:.04em; text-shadow:1px 1px 0 rgba(255,255,255,.6); box-shadow: 0 2px 6px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.42); } .gtnComment_entry:hover{ color:#6f170d; } /* rating */ .gtnComment_rating{ display:flex; align-items:center; gap:5px; flex:0 0 auto; font-size:11px; } .gtnComment_rateGood{ color:#7ad67a; font-weight:700; } .gtnComment_rateBad{ color:#ff7a62; font-weight:700; } .gtnComment_rateZero{ color:#9f957f; font-weight:700; } .gtnComment_voteUp, .gtnComment_voteDown, .gtnComment_voteOff{ width:17px; height:17px; line-height:15px; display:inline-block; text-align:center; border-radius:5px; text-decoration:none; font-size:10px; font-weight:700; background:linear-gradient(180deg,rgba(44,37,24,.84),rgba(24,20,12,.84)); border:1px solid rgba(138,123,90,.34); color:#c2b598; box-shadow: 0 1px 3px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.03); } .gtnComment_voteUp:hover{ color:#7ad67a; border-color:rgba(122,214,122,.4); } .gtnComment_voteDown:hover{ color:#ff7a62; border-color:rgba(255,122,98,.4); } .gtnComment_voteOff{ opacity:.42; } /* message */ .gtnComment_message{ padding:10px 11px; background-image: linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.035) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.12) .7px, transparent .8px), linear-gradient(180deg,#f5ebce 0%,#e7d9b8 100%); background-size: auto, 6px 6px, 8px 8px, auto; background-position: 0 0, 0 0, 3px 3px, 0 0; border:1px solid #9b8864; border-left:4px solid #8b1610; border-radius:8px; color:#111; font:400 12px/1.58 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; box-shadow: inset 0 1px 0 rgba(255,255,255,.58), 0 2px 4px rgba(0,0,0,.1), 0 0 0 1px rgba(255,245,214,.08); } .gtnComment_message img{ max-width:100%; height:auto; border-radius:5px; } .gtnComment_message b, .gtnComment_message strong{ font-weight:500; color:#111; } .gtnComment_message blockquote{ position:relative; margin:10px 0; padding:11px 13px 11px 18px; background: linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.05)), linear-gradient(180deg,#ecdfbf 0%,#dcc8a2 100%); border:1px solid rgba(142,116,76,.44); border-left:4px solid #9e7446; border-radius:7px; color:#2e2113; font-style:italic; box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 1px 2px rgba(0,0,0,.08); } .gtnComment_message blockquote:before{ content:"“"; position:absolute; left:7px; top:-4px; color:rgba(123,90,50,.32); font:700 34px/1 Georgia,"Times New Roman",serif; pointer-events:none; } .gtnComment_message a{ color:#6f170d; font-weight:600; text-decoration:none; background-image:linear-gradient(currentColor,currentColor); background-repeat:no-repeat; background-position:0 100%; background-size:0 2px; transition:color .2s ease, background-size .22s ease; } .gtnComment_message a:hover{ color:#38180d; background-size:100% 2px; } /* admin answer */ .gtnComment_answer{ margin-top:8px; padding:9px 11px; background: linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 40%), linear-gradient(180deg,rgba(110,42,28,.42),rgba(63,24,16,.42)); border:1px solid rgba(176,90,68,.28); border-left:4px solid #c4472e; border-radius:8px; color:#f4d6c8; font-size:12px; line-height:1.5; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 1px 2px rgba(0,0,0,.12); } .gtnComment_reply{ clear:both; padding:7px 0 0; font-size:11px; color:#b8ab8e; } .gtnComment_reply a{ color:#e7dcc5; font-weight:600; text-decoration:none; border-bottom:1px solid transparent; transition:color .18s ease, border-color .18s ease; } .gtnComment_reply a:hover{ color:#fff0cf; border-bottom-color:rgba(255,240,207,.48); } /* mobile */ @media(max-width:640px){ .gtnComment{ padding:9px; gap:8px; } .gtnComment_top{ display:block; } .gtnComment_rating{ margin-top:6px; } .gtnComment_avatar{ width:34px; flex-basis:34px; } .gtnComment_avatar img, .gtnComment_noAvatar{ width:30px; height:30px; line-height:30px; } .gtnComment_message{ font-size:11px; line-height:1.52; } } /* ========================= 42. ФОРМА КОММЕНТАРИЕВ PREMIUM BROWN EDITION ========================= */ .gtnCF{ width:100%; border-collapse:collapse; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; color:#e4dac4; } .gtnCF td{ box-sizing:border-box; vertical-align:top; } /* ========================= 43. ERROR ========================= */ .gtnCF_error{ color:#ff9a81; font-size:12px; line-height:1.5; padding:6px 0; } /* ========================= 44. LABEL / FIELD ========================= */ .gtnCF_label{ width:95px; padding:8px 8px 7px 0; color:#c6b899; font:700 12px/1.4 "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; text-shadow:1px 1px 0 rgba(0,0,0,.88); vertical-align:middle; } .gtnCF_field{ padding:5px 0; } /* ========================= 45. INPUT / TEXTAREA ========================= */ .gtnCF_input, .gtnCF_textarea, .gtnCF_textareaSmall{ width:100%; box-sizing:border-box; padding:9px 10px; outline:none; background-image: linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0) 22%), linear-gradient(180deg,#f5ebce 0%,#e8dbbc 100%); border:1px solid #9b8864; border-radius:7px; color:#17110b; font:400 12px/1.5 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; box-shadow: inset 0 1px 0 rgba(255,255,255,.58), 0 1px 2px rgba(0,0,0,.08); transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease; } .gtnCF_input::placeholder, .gtnCF_textarea::placeholder, .gtnCF_textareaSmall::placeholder{ color:#7a6a51; opacity:1; } .gtnCF_input:hover, .gtnCF_textarea:hover, .gtnCF_textareaSmall:hover{ border-color:#ac9770; } .gtnCF_input:focus, .gtnCF_textarea:focus, .gtnCF_textareaSmall:focus{ border-color:#b6915c; box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 0 0 3px rgba(198,164,108,.16), 0 2px 6px rgba(0,0,0,.1); } /* TEXTAREA */ .gtnCF_textarea{ height:135px; resize:vertical; } .gtnCF_textareaSmall{ min-height:70px; resize:vertical; } /* ========================= 46. BBCODES ========================= */ .gtnCF_bb{ margin-bottom:6px; padding:7px 8px; background:linear-gradient(180deg,rgba(36,30,19,.72),rgba(22,18,11,.72)); border:1px solid rgba(155,136,99,.26); border-radius:7px; box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 1px 3px rgba(0,0,0,.14); } .gtnCF_bb a{ color:#ecdab8; font-weight:600; text-decoration:none; border-bottom:1px solid transparent; transition:color .18s ease, border-color .18s ease; } .gtnCF_bb a:hover{ color:#fff0cf; border-bottom-color:rgba(255,240,207,.48); } /* ========================= 47. SMILES ========================= */ .gtnCF_smiles{ padding-left:6px; } .gtnCF_smiles img{ max-width:24px; margin:2px; cursor:pointer; border-radius:5px; border:1px solid rgba(155,136,99,.24); background:rgba(23,21,13,.45); box-shadow:0 1px 3px rgba(0,0,0,.18); transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease; } .gtnCF_smiles img:hover{ transform:translateY(-1px); border-color:rgba(214,181,124,.42); box-shadow:0 3px 6px rgba(0,0,0,.22); } /* ========================= 48. LINKS ========================= */ .gtnCF_field a{ color:#ecdab8; font-weight:600; text-decoration:none; border-bottom:1px solid transparent; transition:color .18s ease, border-color .18s ease; } .gtnCF_field a:hover{ color:#fff0cf; border-bottom-color:rgba(255,240,207,.48); } /* ========================= 49. SUBMIT ========================= */ .gtnCF_submitCell{ padding-top:10px; } .gtnCF_submit{ cursor:pointer; width:auto; min-width:0; padding:7px 18px; border-radius:7px; color:#2c2013; background: linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0) 40%), linear-gradient(180deg,#f7edcf 0%,#d4bf97 55%,#b28f5e 100%); border:1px solid #876840; font-size:11px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; text-shadow:1px 1px 0 rgba(255,255,255,.72); box-shadow: 0 4px 10px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.55), inset 0 -1px 0 rgba(118,87,45,.34); transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; } .gtnCF_submit:hover{ transform:translateY(-1px); border-color:#a27b45; box-shadow: 0 6px 14px rgba(0,0,0,.26), 0 0 10px rgba(220,190,135,.14), inset 0 1px 0 rgba(255,255,255,.58), inset 0 -1px 0 rgba(118,87,45,.34); } .gtnCF_submit:active{ transform:translateY(0); box-shadow: 0 3px 8px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.48), inset 0 -1px 0 rgba(118,87,45,.28); } /* ========================= 50. MOBILE ========================= */ @media(max-width:640px){ .gtnCF_label, .gtnCF_field{ display:block; width:100%; } .gtnCF_label{ padding:7px 0 3px; } .gtnCF_smiles{ display:none; } .gtnCF_submit{ width:100%; } } /* ========================= 51. МОБИЛЬНЫЙ ФИКС ДЛЯ СТРАНИЦЫ НОВОСТЕЙ ========================= */ .gtnEntry, .gtnHud, .gtnCom{ box-sizing:border-box; max-width:100%; } .gtnEntry *, .gtnHud *, .gtnCom *{ box-sizing:border-box; } /* картинки и медиа внутри материала */ .gtnEntry_text img, .gtnEntry_text iframe, .gtnEntry_text video, .gtnEntry_text embed, .gtnEntry_text object, .gtnEntry_cover img{ max-width:100%!important; height:auto!important; } /* таблицы внутри материала */ .gtnEntry_text table{ width:100%!important; max-width:100%!important; table-layout:auto; } .gtnEntry_text td{ word-break:break-word; } /* чтобы длинные ссылки не ломали страницу */ .gtnEntry_text, .gtnEntry_details, .gtnEntry_tags, .gtnCom{ overflow:hidden; word-wrap:break-word; overflow-wrap:break-word; } /* комментарии */ .gtnCom table, .gtnCom textarea, .gtnCom input{ max-width:100%!important; box-sizing:border-box; } /* форма комментариев */ .gtnCF, .gtnCF table{ width:100%!important; max-width:100%!important; } .gtnCF_input, .gtnCF_textarea, .gtnCF_textareaSmall{ max-width:100%!important; } /* мобильная адаптация */ @media screen and (max-width:900px){ #main, .header, .top_bar, .top_bar_pda{ width:100%!important; max-width:100%!important; } .leftcolumn, .rightcolumn{ display:none!important; } .content, .content_forum{ width:100%!important; float:none!important; padding:0 8px!important; margin:0!important; } .gtnEntry{ width:100%!important; margin:8px 0 12px!important; } .gtnHud, .gtnCom{ width:100%!important; margin:12px 0!important; } } @media screen and (max-width:640px){ body{ min-width:0!important; } #body_bg, #body_bg_pda{ width:100%!important; min-width:0!important; overflow-x:hidden; } .load_crumbs{ font-size:11px; line-height:1.4; height:auto!important; padding:6px!important; } .load_crumbs a{ float:none!important; display:inline-block!important; height:auto!important; line-height:1.4!important; padding:2px 6px!important; background:none!important; } .gtnEntry_head{ padding:10px!important; } .gtnEntry_title{ font-size:18px!important; line-height:1.22!important; } .gtnEntry_meta, .gtnEntry_details{ display:block!important; } .gtnEntry_meta span, .gtnEntry_details span{ display:block; margin:0 0 5px 0; } .gtnEntry_line, .gtnEntry_cover, .gtnEntry_text{ margin-left:10px!important; margin-right:10px!important; } .gtnEntry_text{ padding:10px!important; font-size:12px!important; line-height:1.45!important; } .gtnEntry_thanksBtn{ width:100%; text-align:center; box-sizing:border-box; } .gtnHud{ padding:13px!important; } .gtnHud_top{ display:block!important; } .gtnHud_badge{ margin-bottom:7px; } .gtnCom{ padding:10px!important; } .gtnCom_form{ padding:8px!important; } .gtnCF_label, .gtnCF_field{ display:block!important; width:100%!important; } .gtnCF_label{ padding:7px 0 3px!important; } .gtnCF_smiles{ display:none!important; } .gtnCF_submit{ width:100%!important; } } /* ========================= 52. МОДЫ ВНУТРИ единый стиль для модов, комментариев, форм, информеров, пагинации и профайла ========================= */ *, *:before, *:after{ box-sizing:border-box; } /* ========================= 53. CONTAINERS ========================= */ .gtnMod, .gtnCom, .gtnComment, .gtnComTop, .gtnComPage2, .bestComBox, .bestCom, .gtnForumInf_box, .load_crumbs, .gtnCrumbs, .pagesBlockuz1, .gtnPager, .gtnProfile{ width:590px; max-width:100%; margin-left:auto; margin-right:auto; } /* ========================= 54. SHARED SURFACES ========================= */ .gtnMod, .gtnCom, .gtnComment, .bestComBox, .gtnForumInf_box, .gtnForumInf_item, .gtnProfile{ position:relative; overflow:hidden; background: radial-gradient(circle at 14% 0%, rgba(255,231,184,.06) 0%, transparent 28%), radial-gradient(circle at 86% 100%, rgba(86,52,24,.14) 0%, transparent 34%), linear-gradient(180deg,#3d3628 0%,#2d281b 100%); border:1px solid #1c1710; border-radius:12px; box-shadow: 0 14px 30px rgba(0,0,0,.42), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.16) inset; color:#e4dac4; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; } .gtnMod:before, .gtnCom:before, .gtnComment:before, .bestComBox:before, .gtnForumInf_box:before, .gtnForumInf_item:before, .gtnProfile:before{ content:""; position:absolute; inset:1px; border-radius:11px; border:1px solid rgba(255,255,255,.03); pointer-events:none; } .gtnMod:after, .gtnCom:after, .gtnComment:after, .bestComBox:after, .gtnForumInf_box:after, .gtnForumInf_item:after, .gtnProfile:after{ content:""; position:absolute; left:0; top:0; width:100%; height:1px; background:linear-gradient(90deg,transparent,rgba(255,228,177,.42),transparent); pointer-events:none; } .gtnPaper, .gtnMod_text, .gtnMod_screens, .gtnMod_author, .gtnMod_info, .gtnMod_rating, .gtnMod_tags, .gtnMod_notice, .gtnMod_related, .gtnMod_top, .gtnMod_nav, .gtnMod_badlink, .gtnComment_message, .gtnProfile_card, .gtnProfile_info, .gtnProfile_about, .gtnProfile_stats, .gtnProfile_contacts{ background-image: linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.035) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.12) .7px, transparent .8px), linear-gradient(180deg,#f5ebce 0%,#e7d9b8 100%); background-size: auto, 6px 6px, 8px 8px, auto; background-position: 0 0, 0 0, 3px 3px, 0 0; border:1px solid #9b8864; border-left:4px solid #8b1610; border-radius:8px; color:#111; box-shadow: inset 0 1px 0 rgba(255,255,255,.58), 0 2px 4px rgba(0,0,0,.1), 0 0 0 1px rgba(255,245,214,.08); } .gtnPanelTitle, .gtnMod_label, .gtnMod_sideTitle, .gtnProfile_label{ margin:0 0 8px; color:#7a1b10; font:700 12px/1.3 "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; text-transform:uppercase; letter-spacing:.06em; } /* ========================= 55. COMMON BUTTONS ========================= */ .gtnGoldBtn, .gtnMod_btn, .gtnMod_btnMirror, .gtnMod_thanks, .gtnCF_submit, .gtnCom .commSbmFl, .gtnProfile_actionPrimary{ position:relative; display:inline-block; min-width:0; padding:8px 18px; color:#2c2013!important; background: linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0) 40%), linear-gradient(180deg,#f7edcf 0%,#d4bf97 55%,#b28f5e 100%); border:1px solid #876840; border-radius:7px; font:700 11px/1 "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; letter-spacing:.04em; text-transform:uppercase; text-decoration:none!important; text-shadow:1px 1px 0 rgba(255,255,255,.72); box-shadow: 0 4px 10px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.55), inset 0 -1px 0 rgba(118,87,45,.34); transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; } .gtnGoldBtn:hover, .gtnMod_btn:hover, .gtnMod_btnMirror:hover, .gtnMod_thanks:hover, .gtnCF_submit:hover, .gtnCom .commSbmFl:hover, .gtnProfile_actionPrimary:hover{ transform:translateY(-1px); border-color:#a27b45; box-shadow: 0 6px 14px rgba(0,0,0,.26), 0 0 10px rgba(220,190,135,.14), inset 0 1px 0 rgba(255,255,255,.58), inset 0 -1px 0 rgba(118,87,45,.34); } .gtnGoldBtn:active, .gtnMod_btn:active, .gtnMod_btnMirror:active, .gtnMod_thanks:active, .gtnCF_submit:active, .gtnCom .commSbmFl:active, .gtnProfile_actionPrimary:active{ transform:translateY(0); box-shadow: 0 3px 8px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.48), inset 0 -1px 0 rgba(118,87,45,.28); } .gtnDarkBtn, .gtnMiniBtn, .gtnServiceBtn, .gtnUtilBtn, .gtnReplyBtn, .gtnQuoteBtn, .gtnEditBtn, .gtnDeleteBtn, .gtnComment_reply a, .gtnProfile_actionSecondary{ position:relative; display:inline-flex; align-items:center; justify-content:center; min-height:28px; padding:6px 12px 6px 22px; color:#ecdab8; background:linear-gradient(180deg,rgba(44,37,24,.88),rgba(24,20,12,.88)); border:1px solid rgba(138,123,90,.34); border-radius:7px; font:700 11px/1 "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; letter-spacing:.03em; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0,.88); box-shadow: 0 2px 6px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.03); transition:transform .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease; } .gtnDarkBtn:before, .gtnMiniBtn:before, .gtnServiceBtn:before, .gtnUtilBtn:before, .gtnReplyBtn:before, .gtnQuoteBtn:before, .gtnEditBtn:before, .gtnDeleteBtn:before, .gtnComment_reply a:before, .gtnProfile_actionSecondary:before{ content:""; position:absolute; left:9px; top:50%; width:6px; height:6px; transform:translateY(-50%); border-radius:50%; background:linear-gradient(180deg,#f0d49f,#b7894b); box-shadow:0 0 4px rgba(240,212,159,.18); } .gtnDarkBtn:hover, .gtnMiniBtn:hover, .gtnServiceBtn:hover, .gtnUtilBtn:hover, .gtnReplyBtn:hover, .gtnQuoteBtn:hover, .gtnEditBtn:hover, .gtnDeleteBtn:hover, .gtnComment_reply a:hover, .gtnProfile_actionSecondary:hover{ color:#fff3d8; border-color:#b79c6b; transform:translateY(-1px); box-shadow: 0 4px 10px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04); } .gtnDeleteBtn{ color:#f3d1c7; border-color:rgba(176,90,68,.34); } .gtnDeleteBtn:before{ background:linear-gradient(180deg,#d77a64,#a74a35); } .gtnDeleteBtn:hover{ color:#ffe3dc; border-color:rgba(214,111,86,.45); } /* ========================= 56. MOD PAGE ========================= */ .gtnMod{ margin:8px auto 14px; } .gtnMod_moder{ position:absolute; right:10px; top:10px; z-index:30; } /* HEADER */ .gtnMod_head{ position:relative; padding:14px 76px 10px 14px; background: radial-gradient(circle at top left, rgba(255,240,208,.06) 0%, transparent 38%), linear-gradient(180deg,rgba(255,241,205,.05) 0%,rgba(255,241,205,0) 100%); } .gtnMod_title{ margin:0 0 8px; padding:0; color:#efe4cd; font:600 22px/1.2 "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; letter-spacing:.01em; text-shadow:1px 1px 0 rgba(0,0,0,.78); } .gtnMod_sub{ margin:0 0 8px; color:#c0b291; font-size:12px; line-height:1.55; text-shadow:1px 1px 0 rgba(0,0,0,.85); } .gtnMod_sub b{ color:#f5ebce; font-weight:700; } .gtnMod_meta{ display:flex; flex-wrap:wrap; gap:6px; color:#c7b999; font-size:11px; text-shadow:1px 1px 0 rgba(0,0,0,.88); } .gtnMod_meta span{ padding:4px 9px; background:linear-gradient(180deg,rgba(44,37,24,.78),rgba(24,20,12,.78)); border:1px solid rgba(156,138,101,.26); border-radius:999px; box-shadow: 0 1px 0 rgba(255,255,255,.04) inset, 0 1px 3px rgba(0,0,0,.18); } .gtnMod_line, .gtnProfile_line{ position:relative; height:14px; margin:0 14px 10px; } .gtnMod_line:before, .gtnProfile_line:before{ content:""; position:absolute; left:0; right:0; top:50%; height:1px; transform:translateY(-50%); background:linear-gradient( 90deg, transparent 0%, rgba(154,126,81,0) 18%, rgba(154,126,81,.35) 34%, rgba(201,170,111,.5) 50%, rgba(154,126,81,.35) 66%, rgba(154,126,81,0) 82%, transparent 100% ); } .gtnMod_line:after, .gtnProfile_line:after{ content:""; position:absolute; left:50%; top:50%; width:68px; height:3px; transform:translate(-50%,-50%); border-radius:999px; background:linear-gradient(90deg,rgba(201,170,111,0),rgba(224,196,144,.95),rgba(201,170,111,0)); box-shadow:0 0 10px rgba(224,196,144,.22); } /* LANGUAGE */ .gtnLangSwitch{ position:absolute; right:10px; top:10px; display:flex; gap:5px; z-index:20; } .gtnLangBtn{ cursor:pointer; padding:5px 9px; color:#c7b999; background:linear-gradient(180deg,rgba(44,37,24,.82),rgba(24,20,12,.82)); border:1px solid rgba(156,138,101,.3); border-radius:6px; font-size:11px; font-weight:700; line-height:1; text-shadow:1px 1px 0 rgba(0,0,0,.88); box-shadow: 0 1px 3px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.04); transition:color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease; } .gtnLangBtn:hover{ color:#f5ebce; border-color:#c7b89a; transform:translateY(-1px); } .gtnLangBtn.active{ color:#2b1f13; background: linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,0) 40%), linear-gradient(180deg,#f4e8c7,#ccb68f); border-color:#8d7754; text-shadow:1px 1px 0 rgba(255,255,255,.65); } /* BADGES */ .gtnMod_badges{ display:flex; flex-wrap:wrap; gap:6px; margin:6px 0 8px; } .gtnMod_badges span{ display:inline-block; padding:4px 8px; border-radius:999px; font-size:10px; font-weight:700; line-height:1.2; text-transform:uppercase; letter-spacing:.05em; box-shadow: 0 2px 6px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.12); } .badge-sec{ background:linear-gradient(180deg,#8c6b43,#6b4e30); border:1px solid #614429; color:#fff1d2; } .badge-ver{ background:linear-gradient(180deg,#9d8964,#7f6d4f); border:1px solid #6d5d44; color:#fff7e4; } .badge-hot{ background:linear-gradient(180deg,#d26233,#a8421f); border:1px solid #8f3518; color:#fff2e9; } .badge-top{ background:linear-gradient(180deg,#e2c185,#bb9350); border:1px solid #8e6a39; color:#2c2013; text-shadow:1px 1px 0 rgba(255,255,255,.4)!important; } .badge-off{ background:linear-gradient(180deg,#786f62,#5a5248); border:1px solid #4d463d; color:#fff3dd; } /* LAYOUT */ .gtnMod_grid{ display:flex; align-items:flex-start; gap:12px; padding:0 14px 12px; } .gtnMod_main{ flex:1; min-width:0; } .gtnMod_side{ width:180px; flex:0 0 180px; } /* CONTENT PANELS */ .gtnMod_text, .gtnMod_screens, .gtnMod_author, .gtnMod_info, .gtnMod_rating, .gtnMod_tags{ margin-bottom:10px; padding:10px; font-size:12px; line-height:1.5; } .gtnMod_text{ padding:12px; font:400 13px/1.62 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; } .gtnMod_text p{ margin:0 0 10px; } .gtnMod_text p:last-child{ margin-bottom:0; } .gtnMod_text img{ max-width:100%!important; height:auto!important; border-radius:6px; } .gtnMod_text table{ width:100%!important; max-width:100%!important; } .gtnMod_text iframe, .gtnMod_text object, .gtnMod_text embed, .gtnMod_text video{ max-width:100%!important; } .gtnMod_text b, .gtnMod_text strong{ font-weight:500; color:#111; } .gtnMod_text blockquote{ position:relative; margin:12px 0; padding:12px 14px 12px 20px; background: linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.05)), linear-gradient(180deg,#ecdfbf 0%,#dcc8a2 100%); border:1px solid rgba(142,116,76,.44); border-left:4px solid #9e7446; border-radius:7px; color:#2e2113; font-style:italic; box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 1px 2px rgba(0,0,0,.08); } .gtnMod_text blockquote:before{ content:""; position:absolute; left:9px; top:12px; width:8px; height:8px; border-radius:50%; background:linear-gradient(180deg,#d1a56d,#8f6b42); box-shadow:0 0 4px rgba(209,165,109,.22); } .gtnMod_text a, .gtnMod_info a, .gtnMod_author a, .gtnMod_tags a, .gtnMod_notice a, .gtnMod_related a, .gtnMod_badlink a, .gtnMod_nav a{ color:#6f170d; font-weight:600; text-decoration:none; background-image:linear-gradient(currentColor,currentColor); background-repeat:no-repeat; background-position:0 100%; background-size:0 2px; transition:color .2s ease, background-size .22s ease; } .gtnMod_text a:hover, .gtnMod_info a:hover, .gtnMod_author a:hover, .gtnMod_tags a:hover, .gtnMod_notice a:hover, .gtnMod_related a:hover, .gtnMod_badlink a:hover, .gtnMod_nav a:hover{ color:#38180d; background-size:100% 2px; } .gtnMod_empty{ text-align:center; padding:10px 0; font-weight:700; } /* SCREENS */ .gtnMod_screens{ margin-top:12px; padding:12px; } .gtnMod_gallery{ display:flex; flex-wrap:wrap; justify-content:center; gap:7px; } .gtnMod_screen{ display:block; width:105px; height:65px; overflow:hidden; background:#17150d; border:1px solid rgba(138,123,90,.44); border-radius:7px; box-shadow: 0 4px 10px rgba(0,0,0,.28), 0 1px 0 rgba(255,255,255,.04) inset; } .gtnMod_screen img{ display:block; width:100%!important; height:100%!important; object-fit:cover; border:0; transition:transform .28s ease, filter .28s ease; } .gtnMod_screen:hover img{ transform:scale(1.05); filter:saturate(1.03) contrast(1.03); } /* SIDEBAR */ .gtnMod_avatar{ width:72px; height:72px; margin:0 auto 8px; overflow:hidden; background:linear-gradient(180deg,#221c11,#17150d); border:1px solid rgba(138,123,90,.35); border-radius:10px; box-shadow: 0 4px 10px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04); } .gtnMod_avatar img{ display:block; width:100%!important; height:100%!important; object-fit:cover; border:0; } .gtnMod_noAvatar{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:#8f7d62; font-size:24px; font-weight:700; } .gtnMod_authorName{ margin-bottom:7px; text-align:center; font-weight:700; color:#111; } .gtnMod_authorFiles{ display:block; text-align:center; font-size:11px; line-height:1.4; } .gtnMod_info div{ padding:5px 0; border-bottom:1px solid rgba(155,136,99,.24); } .gtnMod_info div:last-child{ border-bottom:0; } /* DOWNLOAD */ .gtnMod_download{ margin:0 14px 12px; padding:12px; background:linear-gradient(180deg,rgba(36,30,19,.72),rgba(22,18,11,.72)); border:1px solid rgba(155,136,99,.26); border-radius:10px; text-align:center; box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 1px 3px rgba(0,0,0,.14); } .gtnMod_pass{ margin:0 0 10px; padding:9px 11px; background-image: linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 18%), linear-gradient(180deg,#f5ebce 0%,#e7d9b8 100%); border:1px solid #9b8864; border-left:4px solid #8b1610; border-radius:8px; color:#17110b; font-size:12px; font-weight:600; box-shadow: inset 0 1px 0 rgba(255,255,255,.58), 0 2px 4px rgba(0,0,0,.1); } .gtnMod_pass span{ color:#8b1610; } .gtnMod_btn, .gtnMod_btnMirror, .gtnMod_thanks{ display:block; max-width:340px; margin:8px auto 0; padding:9px 16px 9px 42px; } .gtnMod_btn:before, .gtnMod_btnMirror:before, .gtnMod_thanks:before{ content:""; position:absolute; left:15px; top:50%; width:14px; height:14px; transform:translateY(-50%); background-repeat:no-repeat; background-position:center; background-size:14px 14px; opacity:.92; } .gtnMod_btn:before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 2.5v7M8 9.5L5.5 7M8 9.5L10.5 7' stroke='%232c2013' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='3' y='11.5' width='10' height='2' rx='1' fill='%232c2013'/%3E%3C/svg%3E"); } .gtnMod_btnMirror:before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M5 11L11 5M7 5h4v4' stroke='%232c2013' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .gtnMod_thanks:before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232c2013'%3E%3Cpath d='M8 1.8l1.8 3.66 4.04.59-2.92 2.84.69 4.01L8 11.02 4.39 12.9l.69-4.01L2.16 6.05l4.04-.59L8 1.8z'/%3E%3C/svg%3E"); } /* SHARE */ .gtnMod_share{ margin-top:10px; padding-top:10px; border-top:1px solid rgba(155,136,99,.26); text-align:center; } /* CTA */ .gtnMod_ctrBox{ margin:0 14px 14px; padding:14px; background: linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0) 18%), linear-gradient(180deg,#f3e5c2 0%,#dcc7a2 100%); border:1px solid #9b7a46; border-left:4px solid #b84b1f; border-radius:10px; color:#21160f; text-align:center; box-shadow: 0 8px 18px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.6); } .gtnMod_ctrTitle{ margin-bottom:6px; color:#7a1b10; font:700 17px/1.25 "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; } .gtnMod_ctrText{ margin-bottom:12px; font-size:12px; font-weight:600; } .gtnMod_ctrActions{ display:flex; justify-content:center; gap:10px; } .gtnMod_ctrBtn{ flex:1; max-width:240px; display:block; padding:10px 14px; color:#2a2418!important; background: linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,0) 38%), linear-gradient(180deg,#ffcf75,#d68a28); border:1px solid #8a4b12; border-radius:8px; font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; text-decoration:none!important; text-shadow:1px 1px 0 rgba(255,255,255,.52); box-shadow: 0 5px 14px rgba(0,0,0,.3), 0 0 0 1px rgba(255,255,255,.18) inset; animation:gtnCtrPulse 2.4s infinite; transition:transform .2s ease, filter .2s ease; } .gtnMod_ctrBtn:hover{ transform:translateY(-2px); filter:brightness(1.05); } .gtnMod_ctrBtnAlt{ background: linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,0) 38%), linear-gradient(180deg,#f4e8c7,#ccb68f); border-color:#8d7754; animation:none; } @keyframes gtnCtrPulse{ 0%{box-shadow:0 0 0 0 rgba(255,174,0,.45),0 5px 14px rgba(0,0,0,.3);} 70%{box-shadow:0 0 0 10px rgba(255,174,0,0),0 5px 14px rgba(0,0,0,.3);} 100%{box-shadow:0 0 0 0 rgba(255,174,0,0),0 5px 14px rgba(0,0,0,.3);} } /* TOP / NAV / NOTICE */ .gtnMod_top{ display:flex; gap:10px; margin:0 14px 12px; padding:10px; } .gtnMod_top a{ flex:1; padding:8px 8px; color:#f0e3c8; background:linear-gradient(180deg,rgba(44,37,24,.88),rgba(24,20,12,.88)); border:1px solid rgba(138,123,90,.34); border-radius:7px; text-align:center; font-size:12px; font-weight:700; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0,.88); box-shadow: 0 2px 6px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.03); transition:transform .2s ease, border-color .2s ease, color .2s ease; } .gtnMod_top a:hover{ color:#fff3d8; border-color:#b79c6b; transform:translateY(-1px); } .gtnMod_nav{ display:flex; gap:10px; margin:0 14px 12px; padding:10px; font-size:12px; line-height:1.45; } .gtnMod_prev, .gtnMod_next{ flex:1; min-width:0; } .gtnMod_next{ text-align:right; } .gtnMod_notice, .gtnMod_related, .gtnMod_badlink{ margin:0 14px 12px; padding:9px 10px; font-size:12px; line-height:1.5; } .gtnMod_badlink{ text-align:center; } /* ========================= 57. COMMENTS TOP / BEST COMMENT ========================= */ .gtnComTop, .gtnComPage2, .bestComBox, .bestCom{ box-sizing:border-box; } .gtnComTop{ display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:12px; margin-bottom:8px; padding:8px 10px; background:linear-gradient(180deg,rgba(36,30,19,.72),rgba(22,18,11,.72)); border:1px solid rgba(155,136,99,.26); border-radius:10px; color:#c0b291; font-size:11px; text-shadow:1px 1px 0 rgba(0,0,0,.88); box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 1px 3px rgba(0,0,0,.14); } .gtnComPage, .gtnComPage2{ font-size:11px; color:#c0b291; } .gtnComNum{ margin-left:auto; } .bestComBox{ margin-top:10px; padding:9px 10px; border-radius:10px 10px 0 0; color:#f5ebce; font:700 12px/1.4 "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; letter-spacing:.04em; text-transform:uppercase; } .bestCom{ margin-bottom:10px; padding:10px; background:linear-gradient(180deg,rgba(36,30,19,.72),rgba(22,18,11,.72)); border:1px solid rgba(155,136,99,.26); border-top:0; border-radius:0 0 10px 10px; color:#e4dac4; box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 1px 3px rgba(0,0,0,.14); } /* ========================= 58. COMMENT WRAPPER ========================= */ .gtnCom{ margin:18px auto; padding:14px; } .gtnCom_inner{ padding:4px; } .gtnCom_rules{ margin-bottom:12px; padding:11px 13px 11px 14px; background: linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 40%), linear-gradient(180deg,rgba(110,42,28,.42),rgba(63,24,16,.42)); border:1px solid rgba(176,90,68,.3); border-left:4px solid #c4472e; border-radius:8px; color:#f4d6c8; font-size:12px; line-height:1.58; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 2px 4px rgba(0,0,0,.12); } .gtnCom_form{ padding:10px; background:linear-gradient(180deg,rgba(36,30,19,.72),rgba(22,18,11,.72)); border:1px solid rgba(155,136,99,.26); border-radius:8px; box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 1px 3px rgba(0,0,0,.14); } .gtnCom_login{ padding:13px 14px; background-image: linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.035) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.12) .7px, transparent .8px), linear-gradient(180deg,#f5ebce 0%,#e7d9b8 100%); background-size: auto, 6px 6px, 8px 8px, auto; background-position: 0 0, 0 0, 3px 3px, 0 0; border:1px solid #9b8864; border-left:4px solid #8b1610; border-radius:8px; color:#17110b; text-align:center; font-weight:500; line-height:1.55; box-shadow: inset 0 1px 0 rgba(255,255,255,.58), 0 2px 4px rgba(0,0,0,.1); } .gtnCom_login a{ color:#6f170d; font-weight:700; text-decoration:none; background-image:linear-gradient(currentColor,currentColor); background-repeat:no-repeat; background-position:0 100%; background-size:0 2px; transition:color .2s ease, background-size .22s ease; } .gtnCom_login a:hover{ color:#38180d; background-size:100% 2px; } /* OLD UCOZ FORM RESET */ .gtnCom .commTable, .gtnCom .commTd1, .gtnCom .commTd2, .gtnCom .commFl, .gtnCom .commSbmFl{ all:unset; box-sizing:border-box; } .gtnCom .commTable{ display:table; width:100%; border-collapse:collapse; } .gtnCom .commTd1, .gtnCom .commTd2{ display:table-cell; padding:6px 0; color:#e4dac4; } .gtnCom .commTd1{ width:95px; color:#c6b899; font:700 12px/1.4 "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; text-shadow:1px 1px 0 rgba(0,0,0,.88); } .gtnCom .commFl{ display:block; width:100%; padding:9px 10px; outline:none; background-image: linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0) 22%), linear-gradient(180deg,#f5ebce 0%,#e8dbbc 100%); border:1px solid #9b8864; border-radius:7px; color:#17110b; font:400 12px/1.5 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; box-shadow: inset 0 1px 0 rgba(255,255,255,.58), 0 1px 2px rgba(0,0,0,.08); transition:border-color .2s ease, box-shadow .2s ease; } .gtnCom .commFl:focus{ border-color:#b6915c; box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 0 0 3px rgba(198,164,108,.16), 0 2px 6px rgba(0,0,0,.1); } /* ========================= 59. STANDALONE COMMENT FORM ========================= */ .gtnCF{ width:100%; border-collapse:collapse; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; color:#e4dac4; } .gtnCF td{ box-sizing:border-box; vertical-align:top; } .gtnCF_error{ color:#ff9a81; font-size:12px; line-height:1.5; padding:6px 0; } .gtnCF_label{ width:95px; padding:8px 8px 7px 0; color:#c6b899; font:700 12px/1.4 "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; text-shadow:1px 1px 0 rgba(0,0,0,.88); vertical-align:middle; } .gtnCF_field{ padding:5px 0; } .gtnCF_input, .gtnCF_textarea, .gtnCF_textareaSmall{ width:100%; box-sizing:border-box; padding:9px 10px; outline:none; background-image: linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0) 22%), linear-gradient(180deg,#f5ebce 0%,#e8dbbc 100%); border:1px solid #9b8864; border-radius:7px; color:#17110b; font:400 12px/1.5 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; box-shadow: inset 0 1px 0 rgba(255,255,255,.58), 0 1px 2px rgba(0,0,0,.08); transition:border-color .2s ease, box-shadow .2s ease, background-color .2s ease; } .gtnCF_input::placeholder, .gtnCF_textarea::placeholder, .gtnCF_textareaSmall::placeholder{ color:#7a6a51; opacity:1; } .gtnCF_input:hover, .gtnCF_textarea:hover, .gtnCF_textareaSmall:hover{ border-color:#ac9770; } .gtnCF_input:focus, .gtnCF_textarea:focus, .gtnCF_textareaSmall:focus{ border-color:#b6915c; box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 0 0 3px rgba(198,164,108,.16), 0 2px 6px rgba(0,0,0,.1); } .gtnCF_textarea{ height:135px; resize:vertical; } .gtnCF_textareaSmall{ min-height:70px; resize:vertical; } .gtnCF_bb{ margin-bottom:6px; padding:7px 8px; background:linear-gradient(180deg,rgba(36,30,19,.72),rgba(22,18,11,.72)); border:1px solid rgba(155,136,99,.26); border-radius:7px; box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 1px 3px rgba(0,0,0,.14); } .gtnCF_bb a, .gtnCF_field a{ color:#ecdab8; font-weight:600; text-decoration:none; border-bottom:1px solid transparent; transition:color .18s ease, border-color .18s ease; } .gtnCF_bb a:hover, .gtnCF_field a:hover{ color:#fff0cf; border-bottom-color:rgba(255,240,207,.48); } .gtnCF_smiles{ padding-left:6px; } .gtnCF_smiles img{ max-width:24px; margin:2px; cursor:pointer; border-radius:5px; border:1px solid rgba(155,136,99,.24); background:rgba(23,21,13,.45); box-shadow:0 1px 3px rgba(0,0,0,.18); transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease; } .gtnCF_smiles img:hover{ transform:translateY(-1px); border-color:rgba(214,181,124,.42); box-shadow:0 3px 6px rgba(0,0,0,.22); } .gtnCF_submitCell{ padding-top:10px; } /* ========================= 60. COMMENT CARD ========================= */ .gtnComment{ display:flex; gap:11px; margin:10px auto; padding:11px; } .gtnComment_new{ border-color:#87663c; box-shadow: 0 12px 26px rgba(0,0,0,.4), 0 0 0 1px rgba(223,188,118,.18) inset, 0 0 0 2px rgba(92,70,39,.18); } .gtnComment_avatar{ width:40px; flex:0 0 40px; } .gtnComment_avatar img, .gtnComment_noAvatar{ display:block; width:36px; height:36px; background:linear-gradient(180deg,#221c11,#17150d); border:1px solid rgba(224,214,192,.22); border-radius:8px; object-fit:cover; box-shadow: 0 3px 8px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.04); } .gtnComment_noAvatar{ color:#c6b899; line-height:36px; text-align:center; font:700 12px/36px "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; } .gtnComment_body{ flex:1; min-width:0; } .gtnComment_top{ display:flex; justify-content:space-between; align-items:flex-start; gap:8px; margin-bottom:8px; } .gtnComment_author{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; color:#b8ab8e; font-size:11px; text-shadow:1px 1px 0 rgba(0,0,0,.88); } .gtnComment_own{ display:inline-block; padding:2px 6px; border-radius:999px; background:linear-gradient(180deg,rgba(128,34,24,.34),rgba(87,22,16,.34)); border:1px solid rgba(199,87,68,.28); color:#ffd2c7; font-weight:700; text-shadow:none; } .gtnComment_num, .gtnComment_name{ color:#f5ebce; text-decoration:none; font:700 11px/1 "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; } .gtnComment_num:hover, .gtnComment_name:hover{ color:#fff3d8; } .gtnComment_date{ color:#978b72; } .gtnComment_entry{ display:inline-block; padding:3px 8px; color:#2b1f13; background: linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,0) 40%), linear-gradient(180deg,#f4e8c7,#ccb68f); border:1px solid #8d7754; border-radius:999px; text-decoration:none; font-size:10px; font-weight:700; letter-spacing:.04em; text-shadow:1px 1px 0 rgba(255,255,255,.6); box-shadow: 0 2px 6px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.42); } .gtnComment_entry:hover{ color:#6f170d; } .gtnComment_rating{ display:flex; align-items:center; gap:5px; flex:0 0 auto; font-size:11px; } .gtnComment_rateGood{ color:#7ad67a; font-weight:700; } .gtnComment_rateBad{ color:#ff7a62; font-weight:700; } .gtnComment_rateZero{ color:#9f957f; font-weight:700; } .gtnComment_voteUp, .gtnComment_voteDown, .gtnComment_voteOff{ width:17px; height:17px; line-height:15px; display:inline-block; text-align:center; border-radius:5px; text-decoration:none; font-size:10px; font-weight:700; background:linear-gradient(180deg,rgba(44,37,24,.84),rgba(24,20,12,.84)); border:1px solid rgba(138,123,90,.34); color:#c2b598; box-shadow: 0 1px 3px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.03); } .gtnComment_voteUp:hover{ color:#7ad67a; border-color:rgba(122,214,122,.4); } .gtnComment_voteDown:hover{ color:#ff7a62; border-color:rgba(255,122,98,.4); } .gtnComment_voteOff{ opacity:.42; } .gtnComment_message{ padding:10px 11px; font:400 12px/1.58 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; } .gtnComment_message img{ max-width:100%; height:auto; border-radius:5px; } .gtnComment_message b, .gtnComment_message strong{ font-weight:500; color:#111; } .gtnComment_message blockquote{ position:relative; margin:10px 0; padding:11px 13px 11px 18px; background: linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.05)), linear-gradient(180deg,#ecdfbf 0%,#dcc8a2 100%); border:1px solid rgba(142,116,76,.44); border-left:4px solid #9e7446; border-radius:7px; color:#2e2113; font-style:italic; box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 1px 2px rgba(0,0,0,.08); } .gtnComment_message blockquote:before{ content:""; position:absolute; left:8px; top:11px; width:8px; height:8px; border-radius:50%; background:linear-gradient(180deg,#d1a56d,#8f6b42); box-shadow:0 0 4px rgba(209,165,109,.22); } .gtnComment_message a{ color:#6f170d; font-weight:600; text-decoration:none; background-image:linear-gradient(currentColor,currentColor); background-repeat:no-repeat; background-position:0 100%; background-size:0 2px; transition:color .2s ease, background-size .22s ease; } .gtnComment_message a:hover{ color:#38180d; background-size:100% 2px; } .gtnComment_answer{ margin-top:8px; padding:9px 11px; background: linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 40%), linear-gradient(180deg,rgba(110,42,28,.42),rgba(63,24,16,.42)); border:1px solid rgba(176,90,68,.28); border-left:4px solid #c4472e; border-radius:8px; color:#f4d6c8; font-size:12px; line-height:1.5; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 1px 2px rgba(0,0,0,.12); } .gtnComment_reply{ clear:both; padding:7px 0 0; font-size:11px; color:#b8ab8e; display:flex; flex-wrap:wrap; gap:6px; } /* ========================= 61. BREADCRUMBS ========================= */ .load_crumbs, .gtnCrumbs{ margin:10px auto 12px; padding:8px 10px; display:flex; flex-wrap:wrap; align-items:center; gap:6px; background:linear-gradient(180deg,rgba(36,30,19,.72),rgba(22,18,11,.72)); border:1px solid rgba(155,136,99,.26); border-radius:10px; color:#c7b999; font:600 11px/1.45 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; text-shadow:1px 1px 0 rgba(0,0,0,.88); box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 1px 3px rgba(0,0,0,.14); } .load_crumbs a, .gtnCrumbs a{ color:#f0e3c8; text-decoration:none; font-weight:600; border-bottom:1px solid transparent; transition:color .18s ease, border-color .18s ease; } .load_crumbs a:hover, .gtnCrumbs a:hover{ color:#fff3d8; border-bottom-color:rgba(255,243,216,.45); } .load_crumbs span, .gtnCrumbs span{ color:#bda989; } .load_crumbs .separator, .gtnCrumbs_sep{ color:#8f7d62; margin:0 2px; } /* ========================= 62. PAGINATION ========================= */ .pagesBlockuz1, .gtnPager{ margin:12px auto; padding:10px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:6px; background:linear-gradient(180deg,rgba(36,30,19,.72),rgba(22,18,11,.72)); border:1px solid rgba(155,136,99,.26); border-radius:10px; box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 1px 3px rgba(0,0,0,.14); } .pagesBlockuz1 a, .pagesBlockuz1 b, .pagesBlockuz1 span, .pagesBlockuz1 .swchItem, .pagesBlockuz1 .swchItemA, .pagesBlockuz1 .pgSwchA, .pagesBlockuz1 .pgSwch, .pagesBlockuz1 .numPage, .gtnPager a, .gtnPager span{ min-width:30px; height:30px; padding:0 10px; display:inline-flex; align-items:center; justify-content:center; border-radius:7px; text-decoration:none; font:700 11px/1 "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; letter-spacing:.02em; } .pagesBlockuz1 a, .pagesBlockuz1 .swchItem, .pagesBlockuz1 .pgSwch, .pagesBlockuz1 .numPage, .gtnPager a{ color:#f0e3c8; background:linear-gradient(180deg,rgba(44,37,24,.88),rgba(24,20,12,.88)); border:1px solid rgba(138,123,90,.34); box-shadow: 0 2px 6px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.03); transition:transform .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease; } .pagesBlockuz1 a:hover, .pagesBlockuz1 .swchItem:hover, .pagesBlockuz1 .pgSwch:hover, .pagesBlockuz1 .numPage:hover, .gtnPager a:hover{ color:#fff3d8; border-color:#b79c6b; transform:translateY(-1px); box-shadow: 0 4px 10px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04); } .pagesBlockuz1 b, .pagesBlockuz1 .swchItemA, .pagesBlockuz1 .pgSwchA, .pagesBlockuz1 .current, .gtnPager .is-active{ color:#2b1f13; background: linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,0) 40%), linear-gradient(180deg,#f4e8c7,#ccb68f); border:1px solid #8d7754; text-shadow:1px 1px 0 rgba(255,255,255,.6); box-shadow: 0 2px 6px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.42); } .pagesBlockuz1 .disabled, .pagesBlockuz1 .swchItemOff, .gtnPager .is-disabled{ opacity:.45; pointer-events:none; } /* ========================= 63. FORUM INFORMER ========================= */ .gtnForumInf_box{ margin:10px 0; padding:10px; } .gtnForumInf_header{ position:relative; margin:0 0 10px; padding:9px 10px; color:#f5ebce; font:700 13px/1.35 "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; text-transform:uppercase; letter-spacing:.06em; background:linear-gradient(180deg,rgba(84,72,52,.9),rgba(62,53,39,.9)); border:1px solid #2a2418; border-radius:8px; box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 2px 6px rgba(0,0,0,.24); text-shadow:1px 1px 0 rgba(0,0,0,.82); } .gtnForumInf_header:after{ content:""; position:absolute; left:10px; right:10px; bottom:0; height:2px; background:linear-gradient(90deg,rgba(184,75,31,0),rgba(224,170,92,.95),rgba(184,75,31,0)); opacity:.85; } .gtnForumInf_list{ margin:0; padding:0; list-style:none; } .gtnForumInf_item{ list-style:none; margin:0 0 8px; padding:9px 10px; transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease; } .gtnForumInf_item:hover{ transform:translateY(-1px); border-color:#8c7651; box-shadow: 0 16px 30px rgba(0,0,0,.46), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.16) inset; } .gtnForumInf_link{ display:flex; align-items:flex-start; gap:6px; text-align:left!important; text-decoration:none!important; color:#e4dac4!important; } .gtnForumInf_num{ flex:0 0 auto; padding:3px 6px; color:#2c2013; background: linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,0) 40%), linear-gradient(180deg,#f4e8c7,#ccb68f); border:1px solid #8d7754; border-radius:999px; font-size:10px; font-weight:700; text-shadow:1px 1px 0 rgba(255,255,255,.58); } .gtnForumInf_title{ flex:1; min-width:0; text-align:left!important; white-space:normal; overflow:hidden; color:#efe4cd; font:700 12px/1.35 "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; text-shadow:1px 1px 0 rgba(0,0,0,.82); } .gtnForumInf_replies{ position:relative; flex:0 0 auto; padding:3px 7px 3px 24px; color:#ecdab8; background:linear-gradient(180deg,rgba(44,37,24,.82),rgba(24,20,12,.82)); border:1px solid rgba(138,123,90,.34); border-radius:999px; font-size:10px; font-weight:700; } .gtnForumInf_replies:before{ content:""; position:absolute; left:8px; top:50%; width:11px; height:11px; transform:translateY(-50%); background-repeat:no-repeat; background-position:center; background-size:11px 11px; opacity:.9; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 4.5h8a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H8l-2.5 2v-2H4a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2Z' stroke='%23ecdab8' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E"); } .gtnForumInf_time{ flex:0 0 auto; color:#c0b291; font-size:10px; text-shadow:1px 1px 0 rgba(0,0,0,.88); } .gtnForumInf_meta{ margin-top:6px; padding-top:6px; border-top:1px solid rgba(138,123,90,.24); color:#bfae8c; font-size:11px; line-height:1.4; text-shadow:1px 1px 0 rgba(0,0,0,.85); text-align:left!important; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .gtnForumInf_forum{ color:#f5ebce!important; text-decoration:none!important; font-weight:700; } .gtnForumInf_forum:hover{ color:#fff3d8!important; } .gtnForumInf_sep{ color:#8a7b5a; margin:0 4px; } .gtnForumInf_user{ color:#dcb06d; font-weight:700; } .inf_li, .inf_a{ text-align:left!important; } /* ========================= 64. PROFILE ========================= */ .gtnProfile{ margin:10px auto 16px; } .gtnProfile_head{ position:relative; padding:14px 14px 10px; background: radial-gradient(circle at top left, rgba(255,240,208,.06) 0%, transparent 38%), linear-gradient(180deg,rgba(255,241,205,.05) 0%,rgba(255,241,205,0) 100%); } .gtnProfile_title{ margin:0 0 8px; color:#efe4cd; font:600 22px/1.2 "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; letter-spacing:.01em; text-shadow:1px 1px 0 rgba(0,0,0,.78); } .gtnProfile_meta{ display:flex; flex-wrap:wrap; gap:6px; color:#c7b999; font-size:11px; text-shadow:1px 1px 0 rgba(0,0,0,.88); } .gtnProfile_meta span{ padding:4px 9px; background:linear-gradient(180deg,rgba(44,37,24,.78),rgba(24,20,12,.78)); border:1px solid rgba(156,138,101,.26); border-radius:999px; box-shadow: 0 1px 0 rgba(255,255,255,.04) inset, 0 1px 3px rgba(0,0,0,.18); } .gtnProfile_grid{ display:flex; align-items:flex-start; gap:12px; padding:0 14px 14px; } .gtnProfile_main{ flex:1; min-width:0; } .gtnProfile_side{ width:190px; flex:0 0 190px; } .gtnProfile_card, .gtnProfile_info, .gtnProfile_about, .gtnProfile_stats, .gtnProfile_contacts{ margin-bottom:10px; padding:12px; font-size:12px; line-height:1.55; } .gtnProfile_avatar{ width:90px; height:90px; margin:0 auto 10px; overflow:hidden; background:linear-gradient(180deg,#221c11,#17150d); border:1px solid rgba(138,123,90,.35); border-radius:12px; box-shadow: 0 4px 10px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04); } .gtnProfile_avatar img{ display:block; width:100%!important; height:100%!important; object-fit:cover; border:0; } .gtnProfile_noAvatar{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:#8f7d62; font-size:28px; font-weight:700; } .gtnProfile_name{ margin:0 0 6px; text-align:center; color:#111; font:700 16px/1.25 "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; } .gtnProfile_rank{ margin:0 0 8px; text-align:center; color:#7a1b10; font-size:12px; font-weight:700; } .gtnProfile_status{ display:inline-block; margin:0 auto 10px; padding:4px 10px; border-radius:999px; color:#2b1f13; background: linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 40%), linear-gradient(180deg,#f4e8c7,#ccb68f); border:1px solid #8d7754; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; } .gtnProfile_statusWrap{ text-align:center; } .gtnProfile_info div, .gtnProfile_contacts div{ padding:6px 0; border-bottom:1px solid rgba(155,136,99,.24); } .gtnProfile_info div:last-child, .gtnProfile_contacts div:last-child{ border-bottom:0; } .gtnProfile_statsGrid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .gtnProfile_stat{ padding:9px 8px; text-align:center; background:linear-gradient(180deg,rgba(36,30,19,.08),rgba(36,30,19,.02)); border:1px solid rgba(155,136,99,.24); border-radius:8px; } .gtnProfile_statNum{ display:block; color:#111; font:700 16px/1.1 "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; } .gtnProfile_statLabel{ display:block; margin-top:4px; color:#6e5b44; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; } .gtnProfile_about p{ margin:0 0 10px; } .gtnProfile_about p:last-child{ margin-bottom:0; } .gtnProfile_about a, .gtnProfile_info a, .gtnProfile_contacts a{ color:#6f170d; font-weight:600; text-decoration:none; background-image:linear-gradient(currentColor,currentColor); background-repeat:no-repeat; background-position:0 100%; background-size:0 2px; transition:color .2s ease, background-size .22s ease; } .gtnProfile_about a:hover, .gtnProfile_info a:hover, .gtnProfile_contacts a:hover{ color:#38180d; background-size:100% 2px; } .gtnProfile_actions{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-top:10px; } .gtnProfile_actionPrimary, .gtnProfile_actionSecondary{ min-width:120px; text-align:center; } /* ========================= 65. MOBILE FIXED DOWNLOAD ========================= */ .gtnMod_mobileDownload{ display:none; } /* ========================= 66. MOBILE ========================= */ @media screen and (max-width:900px){ #main, .header, .top_bar, .top_bar_pda{ width:100%!important; max-width:100%!important; } .leftcolumn, .rightcolumn{ display:none!important; } .content, .content_forum{ width:100%!important; float:none!important; padding:0 8px!important; margin:0!important; } .gtnMod, .gtnCom, .gtnComment, .gtnComTop, .gtnComPage2, .bestComBox, .bestCom, .gtnForumInf_box, .load_crumbs, .gtnCrumbs, .pagesBlockuz1, .gtnPager, .gtnProfile{ width:100%!important; } .gtnMod_grid, .gtnProfile_grid{ display:block; } .gtnMod_main, .gtnMod_side, .gtnProfile_main, .gtnProfile_side{ width:100%; flex:none; } .gtnMod_side, .gtnProfile_side{ margin-top:12px; } .gtnMod_gallery{ justify-content:flex-start; } } @media screen and (max-width:640px){ body{ min-width:0!important; padding-bottom:66px; } #body_bg, #body_bg_pda{ width:100%!important; min-width:0!important; overflow-x:hidden; } .load_crumbs{ height:auto!important; padding:6px!important; font-size:11px; line-height:1.4; } .load_crumbs a{ float:none!important; display:inline-block!important; height:auto!important; line-height:1.4!important; padding:2px 6px!important; background:none!important; } .gtnMod_head{ padding:44px 10px 10px; } .gtnLangSwitch{ left:10px; right:auto; top:10px; } .gtnMod_title, .gtnProfile_title{ font-size:18px; line-height:1.22; } .gtnMod_meta, .gtnProfile_meta{ display:block; } .gtnMod_meta span, .gtnProfile_meta span{ display:block; margin:0 0 5px; } .gtnMod_badges{ gap:5px; } .gtnMod_line, .gtnProfile_line{ margin-left:10px; margin-right:10px; } .gtnMod_grid, .gtnProfile_grid{ padding:0 10px 10px; } .gtnMod_text, .gtnMod_screens, .gtnProfile_card, .gtnProfile_info, .gtnProfile_about, .gtnProfile_stats, .gtnProfile_contacts{ padding:10px; font-size:12px; line-height:1.5; } .gtnMod_screen{ width:calc(50% - 4px); height:78px; } .gtnMod_download, .gtnMod_ctrBox, .gtnMod_notice, .gtnMod_related, .gtnMod_badlink, .gtnMod_top, .gtnMod_nav{ margin-left:10px; margin-right:10px; } .gtnMod_ctrActions, .gtnMod_top, .gtnMod_nav{ display:block; } .gtnMod_ctrBtn, .gtnMod_top a{ max-width:100%; width:100%; margin-bottom:8px; } .gtnMod_prev, .gtnMod_next{ text-align:left; margin-bottom:7px; } .gtnMod_btn, .gtnMod_btnMirror, .gtnMod_thanks{ max-width:100%; width:100%; } .gtnCom{ padding:10px; } .gtnCom_form{ padding:8px; } .gtnComTop{ display:block; } .gtnComNum{ margin:6px 0 0; } .gtnComment{ padding:9px; gap:8px; } .gtnComment_top{ display:block; } .gtnComment_rating{ margin-top:6px; } .gtnComment_avatar{ width:34px; flex-basis:34px; } .gtnComment_avatar img, .gtnComment_noAvatar{ width:30px; height:30px; line-height:30px; } .gtnComment_message{ font-size:11px; line-height:1.52; } .gtnCom .commTd1, .gtnCom .commTd2, .gtnCF_label, .gtnCF_field{ display:block; width:100%; } .gtnCom .commTd1, .gtnCF_label{ padding:7px 0 3px; } .gtnCF_smiles{ display:none; } .gtnCF_submit{ width:100%; } .pagesBlockuz1, .gtnPager{ padding:8px; gap:5px; } .pagesBlockuz1 a, .pagesBlockuz1 b, .pagesBlockuz1 span, .pagesBlockuz1 .swchItem, .pagesBlockuz1 .swchItemA, .pagesBlockuz1 .pgSwchA, .pagesBlockuz1 .pgSwch, .pagesBlockuz1 .numPage, .gtnPager a, .gtnPager span{ min-width:28px; height:28px; padding:0 8px; font-size:10px; } .gtnMiniBtn, .gtnServiceBtn, .gtnUtilBtn, .gtnReplyBtn, .gtnQuoteBtn, .gtnEditBtn, .gtnDeleteBtn, .gtnComment_reply a, .gtnProfile_actionSecondary{ min-height:26px; padding:5px 10px 5px 20px; font-size:10px; } .gtnProfile_statsGrid{ grid-template-columns:1fr; } .gtnProfile_actions{ flex-direction:column; } .gtnProfile_actionPrimary, .gtnProfile_actionSecondary{ width:100%; } .gtnMod_mobileDownload{ display:block; position:fixed; left:10px; right:10px; bottom:10px; z-index:9999; padding:12px 16px; color:#2a2418!important; background: linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,0) 38%), linear-gradient(180deg,#ffcf75,#d68a28); border:1px solid #8a4b12; border-radius:10px; text-align:center; text-decoration:none!important; font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; box-shadow: 0 8px 22px rgba(0,0,0,.42), 0 0 0 1px rgba(255,255,255,.18) inset; } .gtnForumInf_item{ padding:8px; } .gtnForumInf_link{ flex-wrap:wrap; align-items:flex-start; } .gtnForumInf_title{ flex-basis:100%; order:2; white-space:normal; } .gtnForumInf_num{ order:1; } .gtnForumInf_replies{ order:3; } .gtnForumInf_time{ order:4; margin-left:auto; } .gtnForumInf_meta{ white-space:normal; font-size:10px; } } /* ========================= 67. МИНИ ПРОФИЛЬ ========================= */ .gtnUserBox{ width:200px; box-sizing:border-box; margin:0 0 10px; padding:10px; position:relative; overflow:hidden; background: radial-gradient(circle at 50% 0,rgba(210,171,115,.10),transparent 42%), radial-gradient(circle at 86% 100%,rgba(86,52,24,.14),transparent 34%), linear-gradient(180deg,#3d3628 0%,#2f291d 52%,#221d14 100%); border:1px solid #1c1710; border-radius:12px; box-shadow: 0 14px 30px rgba(0,0,0,.42), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.16) inset; color:#e4dac4; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; } .gtnUserBox:before{ content:""; position:absolute; inset:1px; border-radius:11px; border:1px solid rgba(255,255,255,.03); pointer-events:none; z-index:1; } .gtnUserBox:after{ content:""; position:absolute; left:0; top:0; width:100%; height:1px; background:linear-gradient(90deg,transparent,rgba(240,221,185,.36),transparent); pointer-events:none; } .gtnUserBox > *{ position:relative; z-index:2; } .gtnUserBox *,.gtnUserBox *:before,.gtnUserBox *:after{ box-sizing:border-box; } .gtnUserBox:hover{ transform:translateY(-1px); border-color:#2a2418; box-shadow: 0 16px 32px rgba(0,0,0,.46), 0 0 12px rgba(210,171,115,.10), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.16) inset; } /* ========================= 68. ЗАГОЛОВОК БЛОКА ========================= */ .gtnUserBox_head{ position:relative; display:flex; align-items:center; gap:6px; margin:0 0 10px; padding:8px 9px; overflow:hidden; color:#f5ebce; font:700 12px/1.3 "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; text-transform:uppercase; letter-spacing:.06em; text-shadow:1px 1px 0 rgba(0,0,0,.82); background:linear-gradient(180deg,rgba(84,72,52,.92),rgba(62,53,39,.92)); border:1px solid #2a2418; border-radius:8px; box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 2px 6px rgba(0,0,0,.24); } .gtnUserBox_head span{ position:relative; z-index:2; } .gtnUserBox_head:before{ content:""; position:absolute; top:0; left:-45%; width:70%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent); transform:skewX(-24deg); } .gtnUserBox_head:after{ content:""; position:absolute; left:10px; right:10px; bottom:0; height:2px; background:linear-gradient(90deg,rgba(122,74,42,0),rgba(210,171,115,.95),rgba(122,74,42,0)); opacity:.9; } .gtnUserBox_headIcon{ display:inline-block; position:relative; width:13px; height:10px; flex:0 0 13px; background:linear-gradient(180deg,#f5ebce 0%,#d8caa8 100%); border:1px solid rgba(42,36,24,.75); border-radius:2px; box-shadow: 1px 1px 0 rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.45); } .gtnUserBox_headIcon:before{ content:""; position:absolute; left:2px; top:2px; width:3px; height:3px; background:#5a503b; border-radius:50%; } .gtnUserBox_headIcon:after{ content:""; position:absolute; left:6px; top:3px; width:4px; height:1px; background:#5a503b; box-shadow: 0 3px 0 #5a503b; } /* ========================= 69. ПРОФИЛЬ / ГОСТЬ ========================= */ .gtnUserBox_profile, .gtnUserBox_guest{ text-align:center; } /* ========================= 70. АВАТАР ========================= */ .gtnUserBox_avatar{ position:relative; width:100px; height:100px; margin:0 auto 8px; padding:3px; overflow:hidden; background:linear-gradient(180deg,#17150d,#292417); border:1px solid rgba(138,123,90,.55); border-radius:12px; outline:1px solid rgba(210,171,115,.18); outline-offset:2px; box-shadow: 0 5px 12px rgba(0,0,0,.55), 0 0 10px rgba(210,171,115,.10), inset 0 1px 0 rgba(255,255,255,.08); transition: border-color .18s ease, box-shadow .18s ease, outline-color .18s ease, transform .18s ease; } .gtnUserBox_avatar:hover{ transform:translateY(-1px); border-color:rgba(210,171,115,.45); outline-color:rgba(210,171,115,.30); box-shadow: 0 6px 14px rgba(0,0,0,.58), 0 0 12px rgba(210,171,115,.14), inset 0 1px 0 rgba(255,255,255,.08); } .gtnUserBox_avatar:after{ content:""; position:absolute; left:4px; right:4px; top:4px; height:34%; background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.07) 45%,transparent); border-radius:9px 9px 0 0; pointer-events:none; z-index:3; } .gtnUserBox_avatar img{ display:block; width:100%; height:100%; object-fit:cover; border:0; border-radius:9px; } .gtnUserBox_avatar span{ display:flex; align-items:center; justify-content:center; width:100%; height:100%; color:#b6ac94; font-size:28px; font-weight:700; text-shadow:1px 1px 0 rgba(0,0,0,.82); } .gtnUserBox_avatar--guest img{ display:block; width:100%; height:100%; object-fit:cover; border:0; border-radius:9px; } /* ========================= 71. ТЁПЛАЯ ТОЧКА ОНЛАЙН ========================= */ .gtnUserBox_avatar--online:before{ content:""; position:absolute; right:5px; bottom:5px; width:10px; height:10px; background:#d2ab73; border:2px solid #17150d; border-radius:50%; box-shadow: 0 0 7px rgba(210,171,115,.85), 0 0 12px rgba(210,171,115,.35); z-index:4; animation:gtnUserBoxOnlinePulse 1.6s infinite ease-in-out; } @keyframes gtnUserBoxOnlinePulse{ 0%,100%{ transform:scale(1); box-shadow: 0 0 7px rgba(210,171,115,.85), 0 0 12px rgba(210,171,115,.35); } 50%{ transform:scale(1.15); box-shadow: 0 0 10px rgba(210,171,115,1), 0 0 18px rgba(210,171,115,.55); } } /* ========================= 72. ИМЯ И ГРУППА ========================= */ .gtnUserBox_name{ max-width:178px; margin:0 auto 3px; color:#f5ebce; font:700 13px/1.25 "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; text-shadow:1px 1px 0 rgba(0,0,0,.82); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .gtnUserBox_name a{ color:#f5ebce!important; text-decoration:none!important; } .gtnUserBox_name a:hover{ color:#fff!important; text-decoration:underline!important; } .gtnUserBox_fullName{ max-width:178px; margin:0 auto 4px; color:#d8caa8; font-size:10px; font-weight:700; line-height:1.25; text-shadow:1px 1px 0 rgba(0,0,0,.82); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .gtnUserBox_group{ display:inline-block; max-width:178px; margin:0 auto 7px; padding:3px 7px; color:#f5ebce; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.36)), rgba(23,21,13,.38); border:1px solid rgba(138,123,90,.30); border-radius:999px; font-size:10px; font-weight:800; line-height:1.2; text-shadow:1px 1px 0 rgba(0,0,0,.82); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.18); } .gtnUserBox_statusMini{ display:flex; align-items:center; justify-content:center; gap:5px; margin:0 0 7px; color:#b6ac94; font-size:9px; font-weight:800; line-height:1.2; text-transform:uppercase; letter-spacing:.04em; text-shadow:1px 1px 0 rgba(0,0,0,.82); } .gtnUserBox_statusMini span{ display:block; width:6px; height:6px; background:#d2ab73; border-radius:50%; box-shadow: 0 0 7px rgba(210,171,115,.85), 0 0 12px rgba(210,171,115,.35); } .gtnUserBox_guestBadge{ margin:0 0 7px; padding:5px 7px; color:#f5ebce; background:linear-gradient(180deg,#5a503b 0%,#463e2d 55%,#3a3325 100%); border:1px solid #2a2418; border-radius:6px; font-size:10px; font-weight:900; line-height:1.2; text-transform:uppercase; letter-spacing:.04em; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 2px 6px rgba(0,0,0,.28); } /* ========================= 73. РАЗДЕЛИТЕЛЬ ========================= */ .gtnUserBox_sep{ height:1px; margin:9px 0; background:linear-gradient(90deg,transparent,rgba(245,235,206,.28),transparent); } /* ========================= 74. СЕКЦИИ ========================= */ .gtnUserBox_sectionTitle, .gtnUserBox_infoTitle{ display:flex; align-items:center; gap:5px; margin:6px 0 5px; color:#b6ac94; font-size:9px; font-weight:900; line-height:1.2; text-align:left; text-transform:uppercase; letter-spacing:.06em; text-shadow:1px 1px 0 rgba(0,0,0,.82); } .gtnUserBox_sectionTitle span{ display:block; width:7px; height:7px; background:linear-gradient(180deg,#d2ab73,#7a4a2a); border:1px solid rgba(42,36,24,.65); border-radius:2px; box-shadow: 1px 1px 0 rgba(0,0,0,.65), inset 0 1px 0 rgba(255,255,255,.30); } .gtnUserBox_sectionTitle--admin{ color:#f5ebce; } .gtnUserBox_sectionTitle--admin span{ background:linear-gradient(180deg,#c48b62,#7a4a2a); } .gtnUserBox_infoTitle span{ display:block; width:11px; height:9px; position:relative; flex:0 0 11px; background:linear-gradient(180deg,#f5ebce,#c7b89a); border:1px solid #5a503b; border-radius:2px; box-shadow: 1px 1px 0 rgba(0,0,0,.65), inset 0 1px 0 rgba(255,255,255,.45); } .gtnUserBox_infoTitle span:before, .gtnUserBox_infoTitle span:after{ content:""; position:absolute; left:2px; right:2px; height:1px; background:#5a503b; } .gtnUserBox_infoTitle span:before{ top:3px; } .gtnUserBox_infoTitle span:after{ top:6px; } /* ========================= 75. КНОПКИ ========================= */ .gtnUserBox_links{ display:grid; grid-template-columns:1fr; gap:6px; margin-top:8px; } .gtnUserBox_links a{ display:block; position:relative; overflow:hidden; padding:7px 8px; color:#2f2b1b!important; background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 48%,#c7b89a 100%); border:1px solid #8a7b5a; border-radius:7px; font-size:11px; font-weight:900; text-decoration:none!important; text-align:center; text-shadow:1px 1px 0 rgba(255,255,255,.7); box-shadow: 0 2px 6px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.45); transition: transform .18s ease, color .18s ease, box-shadow .18s ease, border-color .18s ease; } .gtnUserBox_links a:before{ content:""; position:absolute; top:0; left:-70%; width:55%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent); transform:skewX(-22deg); transition:left .32s ease; } .gtnUserBox_links a:hover{ transform:translateY(-1px); color:#7a4a2a!important; border-color:#a18b5f; box-shadow: 0 4px 10px rgba(0,0,0,.45), 0 0 8px rgba(224,214,192,.18), inset 0 1px 0 rgba(255,255,255,.48); } .gtnUserBox_links a:hover:before{ left:120%; } .gtnUserBox_links--compact{ grid-template-columns:1fr 1fr 1fr; gap:4px; margin:0 0 8px; } .gtnUserBox_links--compact a{ padding:6px 2px; font-size:9px; line-height:1.1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .gtnUserBox_links--guestCompact{ grid-template-columns:1fr 1fr; gap:5px; } .gtnUserBox_links--guestCompact a{ padding:6px 5px; font-size:10px; } .gtnUserBox_links--profileActions{ display:grid!important; grid-template-columns:1fr 1fr!important; gap:5px!important; margin:0 0 8px!important; } .gtnUserBox_links--profileActions a{ display:flex!important; align-items:center!important; justify-content:center!important; min-height:27px!important; padding:6px 5px!important; font-size:10px!important; line-height:1.1!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .gtnUserBox_links--profileActions .gtnUserBox_btnLogout--wide{ grid-column:1 / -1!important; width:100%!important; margin:0!important; } /* ========================= 76. CSS-ИКОНКИ В КНОПКАХ ========================= */ .gtnUserBox_btnIcon{ display:flex!important; align-items:center; justify-content:center; gap:3px; } .gtnUserBox_btnIcon:after{ content:""; display:inline-block; flex:0 0 auto; } .gtnUserBox_btnProfile:after{ width:8px; height:8px; background: radial-gradient(circle at 50% 28%,#2f2b1b 0 2px,transparent 2.4px), radial-gradient(ellipse at 50% 85%,#2f2b1b 0 4px,transparent 4.4px); } .gtnUserBox_btnEdit:after{ width:9px; height:9px; background: linear-gradient(135deg,transparent 0 32%,#2f2b1b 33% 58%,transparent 59%), linear-gradient(135deg,transparent 0 58%,#2f2b1b 59% 72%,transparent 73%); border-bottom:2px solid #2f2b1b; transform:rotate(-10deg); } .gtnUserBox_btnLogout:after{ width:9px; height:9px; border:2px solid #f5ebce; border-left-color:transparent; border-radius:50%; box-shadow:inset 0 0 0 1px rgba(255,255,255,.10); } /* ========================= 77. ТЁПЛАЯ КНОПКА ВЫХОД / ВХОД ========================= */ .gtnUserBox_btnLogout, .gtnUserBox_btnLogout:link, .gtnUserBox_btnLogout:visited, .gtnUserBox_btnLogout:active, .gtnUserBox_btnLogout:hover{ color:#fff!important; background:linear-gradient(180deg,#9f6247 0%,#7c4632 55%,#5a2f21 100%)!important; border-color:#4a261a!important; text-shadow:1px 1px 0 rgba(0,0,0,.82)!important; } .gtnUserBox_btnLogout:hover{ box-shadow: 0 4px 10px rgba(0,0,0,.45), 0 0 12px rgba(159,98,71,.30), inset 0 1px 0 rgba(255,255,255,.18)!important; } .gtnUserBox_btnLogout:hover:after{ border-color:#fff!important; border-left-color:transparent!important; } .gtnUserBox_quickLogin .gtnUserBox_links a:first-child, .gtnUserBox_quickLogin .gtnUserBox_links a:first-child:link, .gtnUserBox_quickLogin .gtnUserBox_links a:first-child:visited, .gtnUserBox_quickLogin .gtnUserBox_links a:first-child:active, .gtnUserBox_quickLogin .gtnUserBox_links a:first-child:hover{ color:#fff!important; background:linear-gradient(180deg,#9f6247 0%,#7c4632 55%,#5a2f21 100%)!important; border-color:#4a261a!important; text-shadow:1px 1px 0 rgba(0,0,0,.82)!important; } .gtnUserBox_quickLogin .gtnUserBox_links a:first-child:hover{ box-shadow: 0 4px 10px rgba(0,0,0,.45), 0 0 12px rgba(159,98,71,.30), inset 0 1px 0 rgba(255,255,255,.18)!important; } /* ========================= 78. БЛОК ИНФОРМАЦИИ ========================= */ .gtnUserBox_stats{ margin:8px 0; padding:7px; text-align:left; color:#2a2418; background-image: linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.035) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.12) .7px, transparent .8px), linear-gradient(180deg,#f5ebce 0%,#e7d9b8 100%); background-size: auto, 6px 6px, 8px 8px, auto; background-position: 0 0, 0 0, 3px 3px, 0 0; border:1px solid #9b8864; border-left:4px solid #7a4a2a; border-radius:8px; font-size:11px; line-height:1.45; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 2px 6px rgba(0,0,0,.25); } .gtnUserBox_stats div{ display:grid; grid-template-columns:82px 1fr; align-items:center; gap:6px; padding:3px 0; border-bottom:1px solid rgba(138,123,90,.28); } .gtnUserBox_stats div:last-child{ border-bottom:0; } .gtnUserBox_stats div:nth-child(odd){ background:rgba(255,255,255,.09); margin-left:-3px; margin-right:-3px; padding-left:3px; padding-right:3px; border-radius:4px; } .gtnUserBox_stats div:hover{ background:rgba(122,74,42,.07); margin-left:-3px; margin-right:-3px; padding-left:3px; padding-right:3px; border-radius:4px; } .gtnUserBox_stats span{ min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#4b422e; font-weight:800; } .gtnUserBox_stats b{ display:block; min-width:0; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:right; color:#2a2418; font-weight:900; } .gtnUserBox_stats a{ color:#7a4a2a!important; text-decoration:none!important; } .gtnUserBox_stats a:hover{ color:#8b5a34!important; text-decoration:underline!important; } .gtnUserBox_stats .gtnUserBox_statsRow--browser{ display:block; } .gtnUserBox_stats .gtnUserBox_statsRow--browser span{ display:block; margin:0 0 2px; overflow:visible; white-space:normal; text-overflow:clip; } .gtnUserBox_stats .gtnUserBox_statsRow--browser b{ display:block; max-width:100%; overflow:visible; white-space:normal; text-overflow:clip; word-break:break-word; overflow-wrap:anywhere; text-align:left; line-height:1.25; } /* ========================= 79. СТАТУСЫ ========================= */ .gtnUserBox_subStatus{ margin-left:-3px; margin-right:-3px; padding-left:3px!important; padding-right:3px!important; border-radius:4px; transition:background .18s ease, transform .18s ease, box-shadow .18s ease; } .gtnUserBox_subStatus:hover{ transform:translateX(1px); box-shadow:inset 0 0 0 1px rgba(255,255,255,.12); } .gtnUserBox_subStatus--active{ background:rgba(176,132,76,.14); } .gtnUserBox_subStatus--active span, .gtnUserBox_subStatus--active b{ color:#6a4d2c; } .gtnUserBox_subStatus--trial{ background:rgba(201,150,86,.14); } .gtnUserBox_subStatus--trial span, .gtnUserBox_subStatus--trial b{ color:#7a5421; } .gtnUserBox_subStatus--bad{ background:rgba(148,86,66,.14); } .gtnUserBox_subStatus--bad span, .gtnUserBox_subStatus--bad b{ color:#7a3e2c; } .gtnUserBox_subStatus--neutral{ background:rgba(75,66,46,.10); } .gtnUserBox_subStatus--neutral span, .gtnUserBox_subStatus--neutral b{ color:#4b422e; } /* ========================= 80. СООБЩЕНИЯ ========================= */ .gtnUserBox_pmRow span{ display:flex; align-items:center; gap:5px; } .gtnUserBox_pmIcon{ display:inline-block; width:12px; height:9px; position:relative; flex:0 0 12px; background:linear-gradient(180deg,#7d735d,#4b422e); border:1px solid #2a2418; border-radius:2px; box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 1px 2px rgba(0,0,0,.25); } .gtnUserBox_pmIcon:before{ content:""; position:absolute; left:2px; top:2px; width:6px; height:4px; border-left:1px solid rgba(245,235,206,.65); border-bottom:1px solid rgba(245,235,206,.65); transform:rotate(-45deg); } .gtnUserBox_pmIcon--new{ background:linear-gradient(180deg,#c48b62,#8a563d); border-color:#5f3a28; box-shadow: 0 0 6px rgba(196,139,98,.55), 0 0 12px rgba(210,171,115,.24), inset 0 1px 0 rgba(255,255,255,.22); animation:gtnUserBoxPmBlink .85s infinite ease-in-out; } .gtnUserBox_pmRow--new{ background:rgba(122,74,42,.10); margin-left:-3px; margin-right:-3px; padding-left:3px!important; padding-right:3px!important; border-radius:4px; } .gtnUserBox_pmRow--new span{ color:#7a4a2a; } .gtnUserBox_pmTextLink{ color:#4b422e!important; font-weight:800; text-decoration:none!important; } .gtnUserBox_pmTextLink:hover{ color:#7a4a2a!important; text-decoration:underline!important; } .gtnUserBox_pmRow--new .gtnUserBox_pmTextLink{ color:#7a4a2a!important; } .gtnUserBox_pmRow--new .gtnUserBox_pmTextLink:hover{ color:#8b5a34!important; } @keyframes gtnUserBoxPmBlink{ 0%{ opacity:1; transform:scale(1); filter:brightness(1); } 50%{ opacity:.6; transform:scale(1.10); filter:brightness(1.18); } 100%{ opacity:1; transform:scale(1); filter:brightness(1); } } .gtnUserBox_pmNotice{ display:flex; align-items:center; justify-content:space-between; gap:6px; margin:0 0 8px; padding:6px 7px; color:#2f2b1b!important; background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#c7b89a 100%); border:1px solid #8a7b5a; border-radius:7px; font-size:10px; font-weight:900; line-height:1.2; text-decoration:none!important; text-shadow:1px 1px 0 rgba(255,255,255,.65); box-shadow: 0 2px 6px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.42); transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, color .18s ease; } .gtnUserBox_pmNotice span{ flex:1 1 auto; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left; } .gtnUserBox_pmNotice b{ flex:0 0 auto; min-width:18px; padding:1px 4px; color:#f5ebce; background:#4b422e; border-radius:8px; font-size:10px; font-weight:900; text-align:center; text-shadow:1px 1px 0 rgba(0,0,0,.82); } .gtnUserBox_pmNotice:hover{ transform:translateY(-1px); color:#7a4a2a!important; border-color:#a18b5f; box-shadow: 0 4px 10px rgba(0,0,0,.42), 0 0 8px rgba(224,214,192,.18), inset 0 1px 0 rgba(255,255,255,.46); } .gtnUserBox_pmNotice--new{ color:#fff!important; background:linear-gradient(180deg,#a86a4a 0%,#8a563d 55%,#673e2b 100%); border-color:#5a3524; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: 0 3px 8px rgba(0,0,0,.42), 0 0 10px rgba(168,106,74,.28), inset 0 1px 0 rgba(255,255,255,.18); animation:gtnUserBoxPmNoticePulse 1.25s infinite ease-in-out; } .gtnUserBox_pmNotice--new b{ color:#7a4a2a; background:#f5ebce; text-shadow:none; } .gtnUserBox_pmNotice--new:hover{ color:#fff!important; border-color:#d2ab73; box-shadow: 0 4px 12px rgba(0,0,0,.48), 0 0 14px rgba(168,106,74,.42), inset 0 1px 0 rgba(255,255,255,.22); } @keyframes gtnUserBoxPmNoticePulse{ 0%,100%{ box-shadow: 0 3px 8px rgba(0,0,0,.42), 0 0 10px rgba(168,106,74,.28), inset 0 1px 0 rgba(255,255,255,.18); } 50%{ box-shadow: 0 4px 12px rgba(0,0,0,.48), 0 0 18px rgba(168,106,74,.44), inset 0 1px 0 rgba(255,255,255,.22); } } /* ========================= 81. ПОДСКАЗКА ДЛЯ ГОСТЯ ========================= */ .gtnUserBox_guestHint{ margin:0 0 8px; padding:7px 8px; color:#cfc2a3; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.42)), rgba(23,21,13,.45); border:1px solid rgba(138,123,90,.28); border-radius:7px; font-size:10px; line-height:1.35; font-weight:700; text-align:center; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 2px 6px rgba(0,0,0,.22); } .gtnUserBox_guestHint--compact{ margin:0 0 8px; padding:6px 7px; font-size:10px; line-height:1.3; } /* ========================= 82. СОЦИАЛЬНЫЙ ВХОД ========================= */ .gtnUserBox_social{ margin-top:8px; padding:7px; background:rgba(23,21,13,.55); border:1px solid rgba(138,123,90,.30); border-radius:7px; box-shadow:inset 0 1px 0 rgba(255,255,255,.05); } .gtnUserBox_social img, .gtnUserBox_social input, .gtnUserBox_social a{ max-width:100%; } /* ========================= 83. ДОП. ССЫЛКА ========================= */ .gtnUserBox_extraLink{ margin-top:7px; text-align:center; font-size:10px; font-weight:900; } .gtnUserBox_extraLink a{ display:block; padding:5px 7px; color:#d8caa8!important; background: linear-gradient(180deg,rgba(245,235,206,.06),rgba(23,21,13,.38)), rgba(23,21,13,.42); border:1px solid rgba(138,123,90,.28); border-radius:7px; text-decoration:none!important; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.22); transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease; } .gtnUserBox_extraLink a:hover{ transform:translateY(-1px); color:#f5ebce!important; background: linear-gradient(180deg,rgba(245,235,206,.10),rgba(23,21,13,.52)), rgba(23,21,13,.55); border-color:rgba(245,235,206,.30); text-decoration:none!important; box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 3px 8px rgba(0,0,0,.30); } /* ========================= 84. АДМИН-ПЛАШКИ И КНОПКИ ========================= */ .gtnUserBox_adminBadge{ margin:0 0 7px; padding:5px 7px; color:#f5ebce; background: linear-gradient(180deg,rgba(210,171,115,.10),rgba(122,74,42,.18)), linear-gradient(180deg,#8a563d 0%,#6f4330 58%,#4d2f22 100%); border:1px solid #3e2419; border-radius:7px; font-size:10px; font-weight:900; line-height:1.2; text-align:center; text-transform:uppercase; letter-spacing:.04em; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: 0 2px 7px rgba(0,0,0,.34), 0 0 10px rgba(122,74,42,.16), inset 0 1px 0 rgba(255,255,255,.14); } .gtnUserBox_adminLink{ margin:0 0 8px; } .gtnUserBox_adminLink a{ display:block; padding:6px 7px; color:#f5ebce!important; background:linear-gradient(180deg,#8a563d 0%,#6f4330 58%,#4d2f22 100%); border:1px solid #3e2419; border-radius:7px; font-size:10px; font-weight:900; line-height:1.2; text-align:center; text-decoration:none!important; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: 0 2px 6px rgba(0,0,0,.35), 0 0 8px rgba(122,74,42,.18), inset 0 1px 0 rgba(255,255,255,.16); transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; } .gtnUserBox_adminLink a:hover{ transform:translateY(-1px); border-color:#d2ab73; box-shadow: 0 4px 10px rgba(0,0,0,.45), 0 0 12px rgba(210,171,115,.20), inset 0 1px 0 rgba(255,255,255,.18); } .gtnUserBox_adminAdd, .gtnUserBox_adminAdd--grid{ display:grid; grid-template-columns:1fr 1fr; gap:5px; margin:0 0 8px; } .gtnUserBox_adminAdd a, .gtnUserBox_adminAdd--grid a{ display:block; position:relative; overflow:hidden; padding:6px 4px; border-radius:7px; font-size:9px; font-weight:900; line-height:1.15; text-align:center; text-decoration:none!important; text-shadow:1px 1px 0 rgba(0,0,0,.45); box-shadow: 0 2px 6px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.22); transition: transform .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease, filter .18s ease; } .gtnUserBox_adminAdd a:before, .gtnUserBox_adminAdd--grid a:before{ content:""; position:absolute; top:0; left:-70%; width:55%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent); transform:skewX(-22deg); transition:left .32s ease; } .gtnUserBox_adminAdd a:hover, .gtnUserBox_adminAdd--grid a:hover{ transform:translateY(-1px); filter:brightness(1.06); box-shadow: 0 4px 10px rgba(0,0,0,.45), 0 0 12px rgba(210,171,115,.18), inset 0 1px 0 rgba(255,255,255,.28); } .gtnUserBox_adminAdd a:hover:before, .gtnUserBox_adminAdd--grid a:hover:before{ left:120%; } .gtnUserBox_adminBtnNews{ color:#2f2b1b!important; background:linear-gradient(180deg,#d8b072 0%,#b78445 52%,#8f6030 100%); border:1px solid #704621; text-shadow:1px 1px 0 rgba(255,255,255,.35)!important; } .gtnUserBox_adminBtnMod{ color:#f5ebce!important; background:linear-gradient(180deg,#8c7050 0%,#6f563d 55%,#524030 100%); border:1px solid #473627; } .gtnUserBox_adminBtnPanel{ color:#f5ebce!important; background:linear-gradient(180deg,#9a6147 0%,#7c4632 55%,#5a2f21 100%); border:1px solid #4a261a; } .gtnUserBox_adminBtnUsers{ color:#2f2b1b!important; background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%); border:1px solid #8a7b5a; text-shadow:1px 1px 0 rgba(255,255,255,.65)!important; } /* ========================= 85. БЫСТРЫЙ ВХОД ГОСТЯ ========================= */ .gtnUserBox_quickLogin{ margin:0 0 8px; padding:7px; background: linear-gradient(180deg,rgba(245,235,206,.07),rgba(23,21,13,.42)), rgba(23,21,13,.42); border:1px solid rgba(138,123,90,.28); border-radius:7px; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 6px rgba(0,0,0,.22); } .gtnUserBox_quickLoginTitle{ margin:0 0 6px; color:#b6ac94; font-size:9px; font-weight:900; line-height:1.2; text-align:center; text-transform:uppercase; letter-spacing:.06em; text-shadow:1px 1px 0 rgba(0,0,0,.82); } .gtnUserBox_quickLogin .gtnUserBox_links{ margin-top:0; } .gtnUserBox_quickLogin .gtnUserBox_links a{ padding:6px 7px; font-size:10px; } /* ========================= 86. REDUCED MOTION ========================= */ @media (prefers-reduced-motion:reduce){ .gtnUserBox, .gtnUserBox *, .gtnUserBox *:before, .gtnUserBox *:after{ animation:none!important; transition:none!important; transform:none!important; } } /* ========================= 87. MOBILE ========================= */ @media(max-width:640px){ .gtnUserBox{ width:100%; } } /* ========================= 88. ОНЛАЙН СЕЙЧАС стиль как у блока "Мини профиль" ========================= */ .ucozOnlineModule{ width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 0 10px 0 !important; padding:0 !important; box-sizing:border-box !important; display:block !important; float:none !important; clear:both !important; overflow:hidden !important; } .ucozOnlineModule, .ucozOnlineModule *, .ucozOnlineModule *:before, .ucozOnlineModule *:after{ box-sizing:border-box !important; max-width:100% !important; } /* ========================= 89. ОСНОВНОЙ БЛОК ========================= */ .ucozOnlineBox{ width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 !important; padding:10px !important; display:block !important; float:none !important; clear:both !important; position:relative !important; left:auto !important; right:auto !important; transform:none !important; overflow:hidden !important; background: radial-gradient(circle at 50% 0,rgba(210,171,115,.10),transparent 42%), radial-gradient(circle at 86% 100%,rgba(86,52,24,.14),transparent 34%), linear-gradient(180deg,#3d3628 0%,#2f291d 52%,#221d14 100%) !important; border:1px solid #1c1710 !important; border-radius:12px !important; color:#e4dac4 !important; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; box-shadow: 0 14px 30px rgba(0,0,0,.42), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.16) inset !important; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important; } .ucozOnlineBox:hover{ transform:translateY(-1px) !important; border-color:#2a2418 !important; box-shadow: 0 16px 32px rgba(0,0,0,.46), 0 0 12px rgba(210,171,115,.10), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.16) inset !important; } /* внутренняя рамка */ .ucozOnlineBox:before{ content:"" !important; position:absolute !important; inset:1px !important; border-radius:11px !important; border:1px solid rgba(255,255,255,.03) !important; pointer-events:none !important; z-index:1 !important; } /* верхний тонкий блик */ .ucozOnlineBox:after{ content:"" !important; position:absolute !important; left:0 !important; top:0 !important; width:100% !important; height:1px !important; background:linear-gradient(90deg,transparent,rgba(240,221,185,.36),transparent) !important; pointer-events:none !important; z-index:2 !important; } .ucozOnlineBox > *{ position:relative !important; z-index:3 !important; } /* ========================= 90. ЗАГОЛОВОК ========================= */ .ucozOnlineBoxTitle{ width:100% !important; min-height:auto !important; height:auto !important; line-height:1.3 !important; margin:0 0 10px !important; padding:8px 9px !important; position:relative !important; display:flex !important; align-items:center !important; gap:6px !important; overflow:hidden !important; color:#f5ebce !important; font:700 12px/1.3 "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; text-transform:uppercase !important; letter-spacing:.06em !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; background:linear-gradient(180deg,rgba(84,72,52,.92),rgba(62,53,39,.92)) !important; border:1px solid #2a2418 !important; border-radius:8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 2px 6px rgba(0,0,0,.24) !important; } .ucozOnlineBoxTitle:before{ content:"" !important; position:absolute !important; top:0 !important; left:-45% !important; width:70% !important; height:100% !important; background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent) !important; transform:skewX(-24deg) !important; pointer-events:none !important; } .ucozOnlineBoxTitle:after{ content:"" !important; position:absolute !important; left:10px !important; right:10px !important; bottom:0 !important; height:2px !important; background:linear-gradient(90deg,rgba(122,74,42,0),rgba(210,171,115,.95),rgba(122,74,42,0)) !important; opacity:.9 !important; pointer-events:none !important; } .ucozOnlineBoxTitleIcon{ width:17px !important; height:17px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; flex:0 0 17px !important; color:#2f2b1b !important; background:linear-gradient(180deg,#f5ebce 0%,#d8caa8 100%) !important; border:1px solid rgba(42,36,24,.75) !important; border-radius:50% !important; font-size:11px !important; font-weight:900 !important; line-height:17px !important; text-align:center !important; text-shadow:1px 1px 0 rgba(255,255,255,.45) !important; box-shadow: 1px 1px 0 rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.45) !important; } .ucozOnlineBoxTitleBadge{ margin-left:auto !important; padding:3px 7px !important; display:inline-block !important; flex:0 0 auto !important; color:#f5ebce !important; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.36)), rgba(23,21,13,.38) !important; border:1px solid rgba(138,123,90,.30) !important; border-radius:999px !important; font-size:9px !important; font-weight:900 !important; line-height:1.2 !important; text-transform:uppercase !important; letter-spacing:.04em !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.18) !important; } /* ========================= 91. ТЕЛО БЛОКА ========================= */ .ucozOnlineBoxBody{ width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; display:block !important; overflow:hidden !important; background:transparent !important; color:#e4dac4 !important; font-size:11px !important; line-height:1.45 !important; } /* ========================= 92. СЧЁТЧИК ОНЛАЙН ========================= */ .ucozOnlineCounter{ width:100% !important; max-width:100% !important; min-width:0 !important; min-height:46px !important; margin:0 0 8px 0 !important; padding:7px !important; position:relative !important; overflow:hidden !important; display:flex !important; align-items:center !important; gap:8px !important; color:#2a2418 !important; background-image: linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.035) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.12) .7px, transparent .8px), linear-gradient(180deg,#f5ebce 0%,#e7d9b8 100%) !important; background-size: auto, 6px 6px, 8px 8px, auto !important; background-position: 0 0, 0 0, 3px 3px, 0 0 !important; border:1px solid #9b8864 !important; border-left:4px solid #7a4a2a !important; border-radius:8px !important; text-shadow:none !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 2px 6px rgba(0,0,0,.25) !important; } /* hover-блеск */ .ucozOnlineCounter:before{ content:"" !important; position:absolute !important; top:0 !important; left:-70% !important; width:55% !important; height:100% !important; background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent) !important; transform:skewX(-22deg) !important; transition:left .32s ease !important; pointer-events:none !important; } .ucozOnlineCounter:hover:before{ left:120% !important; } /* ========================= 93. РАДАР ========================= */ .ucozOnlineRadar{ width:30px !important; height:30px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; flex:0 0 30px !important; position:relative !important; border-radius:50% !important; cursor:help !important; background: radial-gradient(circle,rgba(210,171,115,.24) 0%,rgba(210,171,115,.08) 42%,rgba(210,171,115,0) 70%) !important; box-shadow: 0 0 0 1px rgba(210,171,115,.20) inset, 0 0 10px rgba(210,171,115,.20) !important; } .ucozOnlineRadar:hover{ box-shadow: 0 0 0 1px rgba(210,171,115,.34) inset, 0 0 12px rgba(210,171,115,.34) !important; } .ucozOnlineRadarGrid{ position:absolute !important; left:3px !important; right:3px !important; top:3px !important; bottom:3px !important; z-index:1 !important; border-radius:50% !important; background: linear-gradient(90deg,transparent 49%,rgba(122,74,42,.22) 50%,transparent 51%), linear-gradient(0deg,transparent 49%,rgba(122,74,42,.22) 50%,transparent 51%), radial-gradient(circle,transparent 36%,rgba(122,74,42,.18) 37%,rgba(122,74,42,.18) 39%,transparent 40%), radial-gradient(circle,transparent 62%,rgba(122,74,42,.14) 63%,rgba(122,74,42,.14) 65%,transparent 66%) !important; pointer-events:none !important; } .ucozOnlineRadar:before, .ucozOnlineRadar:after{ content:"" !important; position:absolute !important; left:50% !important; top:50% !important; width:8px !important; height:8px !important; margin:-4px 0 0 -4px !important; border-radius:50% !important; border:1px solid rgba(210,171,115,.34) !important; animation:ucozOnlineRadarWave 2.8s ease-out infinite !important; } .ucozOnlineRadar:after{ animation-delay:1.4s !important; } .ucozOnlineRadarDot{ width:8px !important; height:8px !important; display:block !important; position:relative !important; z-index:2 !important; border-radius:50% !important; background:#d2ab73 !important; box-shadow: 0 0 0 2px rgba(210,171,115,.14), 0 0 7px rgba(210,171,115,.85), 0 0 12px rgba(210,171,115,.35) !important; animation:ucozOnlinePulse 1.6s infinite ease-in-out !important; } /* подсказка радара */ .ucozOnlineRadar[data-title]:hover{ z-index:30 !important; } .ucozOnlineRadar[data-title]:hover .ucozOnlineRadarDot, .ucozOnlineRadar[data-title]:hover .ucozOnlineRadarGrid{ z-index:2 !important; } .ucozOnlineRadar[data-title]:hover:before{ animation:none !important; } .ucozOnlineRadar[data-title]:hover:after{ content:attr(data-title) !important; position:absolute !important; left:0 !important; bottom:100% !important; width:125px !important; height:auto !important; margin:0 0 7px 0 !important; padding:6px 8px !important; z-index:50 !important; color:#f5ebce !important; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.42)), rgba(23,21,13,.92) !important; border:1px solid rgba(138,123,90,.38) !important; border-radius:7px !important; font-size:10px !important; font-weight:800 !important; line-height:12px !important; text-align:left !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 2px 8px rgba(0,0,0,.35) !important; white-space:normal !important; pointer-events:none !important; transform:none !important; opacity:1 !important; } /* ========================= 94. ТЕКСТ СЧЁТЧИКА ========================= */ .ucozOnlineCounterText{ min-width:0 !important; display:block !important; overflow:hidden !important; } .ucozOnlineCounterLabel{ display:block !important; margin:0 0 1px 0 !important; color:#4b422e !important; font-size:10px !important; font-weight:800 !important; line-height:11px !important; text-shadow:none !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } .ucozOnlineCounterValue{ display:block !important; max-width:100% !important; color:#2a2418 !important; font-size:13px !important; font-weight:900 !important; line-height:16px !important; text-shadow:none !important; white-space:normal !important; overflow:hidden !important; overflow-wrap:break-word !important; word-wrap:break-word !important; } .ucozOnlineCounterValue b, .ucozOnlineCounterValue strong{ color:#7a4a2a !important; font-size:14px !important; font-weight:900 !important; } .ucozOnlineCounterValue br{ display:none !important; } .ucozOnlineCounterHint{ display:block !important; margin:1px 0 0 0 !important; color:#6a5b3e !important; font-size:9px !important; font-weight:800 !important; line-height:10px !important; text-shadow:none !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } /* ========================= 95. СТАТУС ========================= */ .ucozOnlineStatus{ width:100% !important; min-height:21px !important; margin:0 0 6px 0 !important; padding:5px 7px !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:6px !important; color:#b6ac94 !important; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.36)), rgba(23,21,13,.38) !important; border:1px solid rgba(138,123,90,.30) !important; border-radius:7px !important; font-size:10px !important; font-weight:900 !important; line-height:12px !important; text-align:center !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.18) !important; } .ucozOnlineStatusDot{ width:7px !important; height:7px !important; display:inline-block !important; flex:0 0 7px !important; background:#d2ab73 !important; border-radius:50% !important; box-shadow: 0 0 7px rgba(210,171,115,.85), 0 0 12px rgba(210,171,115,.35) !important; animation:ucozOnlinePulse 1.6s infinite ease-in-out !important; } /* ручной серый статус */ .ucozOnlineBox.ucozOnlineBox--offline .ucozOnlineRadarDot, .ucozOnlineBox.ucozOnlineBox--offline .ucozOnlineStatusDot, .ucozOnlineBox.ucozOnlineBox--offline .ucozOnlineFooterDot{ background:#9a927c !important; box-shadow: 0 0 0 1px rgba(255,255,255,.12), 0 0 5px rgba(120,110,90,.28) !important; } .ucozOnlineBox.ucozOnlineBox--offline .ucozOnlineCounterValue{ color:#4b422e !important; } /* ========================= 96. FOOTER ========================= */ .ucozOnlineFooter{ width:100% !important; max-width:100% !important; min-height:21px !important; margin:0 !important; padding:5px 7px !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:6px !important; overflow:hidden !important; color:#b6ac94 !important; background: linear-gradient(180deg,rgba(245,235,206,.06),rgba(23,21,13,.38)), rgba(23,21,13,.42) !important; border:1px solid rgba(138,123,90,.28) !important; border-radius:7px !important; font-size:10px !important; font-weight:900 !important; line-height:12px !important; text-align:center !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.22) !important; } .ucozOnlineFooterDot{ width:6px !important; height:6px !important; display:inline-block !important; flex:0 0 6px !important; background:#d2ab73 !important; border-radius:50% !important; box-shadow: 0 0 7px rgba(210,171,115,.85), 0 0 12px rgba(210,171,115,.35) !important; animation:ucozOnlinePulse 1.6s infinite ease-in-out !important; } /* ========================= 97. ССЫЛКИ ========================= */ .ucozOnlineBox a, .ucozOnlineBox a:link, .ucozOnlineBox a:visited, .ucozOnlineBox a:active{ color:#d8caa8 !important; text-decoration:none !important; font-weight:800 !important; transition: color .18s ease, text-shadow .18s ease !important; } .ucozOnlineBox a:hover{ color:#f5ebce !important; text-decoration:underline !important; text-shadow:0 0 7px rgba(210,171,115,.35) !important; } /* ========================= 98. ЖЁСТКАЯ ЗАЩИТА ОТ ВЫЕЗДА ========================= */ .ucozOnlineBox, .ucozOnlineBox *, .ucozOnlineModule, .ucozOnlineModule *{ max-width:100% !important; word-wrap:break-word !important; overflow-wrap:break-word !important; } .ucozOnlineModule[style], .ucozOnlineBox[style]{ width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; padding-left:0 !important; padding-right:0 !important; left:auto !important; right:auto !important; transform:none !important; float:none !important; clear:both !important; } .leftcolumn .ucozOnlineModule, .rightcolumn .ucozOnlineModule, .cat_box .ucozOnlineModule, .cat_box_body_left .ucozOnlineModule, .chat_box .ucozOnlineModule, .leftcolumn .ucozOnlineBox, .rightcolumn .ucozOnlineBox, .cat_box .ucozOnlineBox, .cat_box_body_left .ucozOnlineBox, .chat_box .ucozOnlineBox{ width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; padding-left:0 !important; padding-right:0 !important; } /* ========================= 99. КОМПАКТНЫЙ РЕЖИМ ========================= */ .ucozOnlineModule--compact .ucozOnlineBox{ padding:8px !important; } .ucozOnlineModule--compact .ucozOnlineBoxTitle{ padding:7px 8px !important; font-size:11px !important; margin-bottom:8px !important; } .ucozOnlineModule--compact .ucozOnlineCounter{ min-height:40px !important; padding:6px !important; margin-bottom:6px !important; gap:7px !important; } .ucozOnlineModule--compact .ucozOnlineRadar{ width:25px !important; height:25px !important; flex-basis:25px !important; } .ucozOnlineModule--compact .ucozOnlineCounterLabel{ font-size:9px !important; line-height:10px !important; } .ucozOnlineModule--compact .ucozOnlineCounterValue{ font-size:12px !important; line-height:14px !important; } .ucozOnlineModule--compact .ucozOnlineCounterHint{ display:none !important; } .ucozOnlineModule--compact .ucozOnlineStatus, .ucozOnlineModule--compact .ucozOnlineFooter{ min-height:19px !important; padding:4px 6px !important; font-size:9px !important; line-height:10px !important; } /* ========================= 100. УЗКАЯ КОЛОНКА ========================= */ @media(max-width:180px){ .ucozOnlineCounterHint{ display:none !important; } .ucozOnlineBoxTitle{ font-size:10px !important; padding-left:7px !important; padding-right:7px !important; } .ucozOnlineBoxTitleBadge{ padding:2px 5px !important; } .ucozOnlineRadar{ width:26px !important; height:26px !important; flex-basis:26px !important; } } /* ========================= 101. АНИМАЦИИ ========================= */ @keyframes ucozOnlinePulse{ 0%,100%{ transform:scale(1); box-shadow: 0 0 7px rgba(210,171,115,.85), 0 0 12px rgba(210,171,115,.35); } 50%{ transform:scale(1.15); box-shadow: 0 0 10px rgba(210,171,115,1), 0 0 18px rgba(210,171,115,.55); } } @keyframes ucozOnlineRadarWave{ 0%{ opacity:.42; transform:scale(.8); } 100%{ opacity:0; transform:scale(2.6); } } /* ========================= 102. REDUCED MOTION ========================= */ @media(prefers-reduced-motion:reduce){ .ucozOnlineBox, .ucozOnlineBox *, .ucozOnlineBox *:before, .ucozOnlineBox *:after, .ucozOnlineModule, .ucozOnlineModule *, .ucozOnlineModule *:before, .ucozOnlineModule *:after{ animation:none !important; transition:none !important; transform:none !important; } .ucozOnlineCounter:hover:before{ left:-70% !important; } } /* ================================================== 103. Уникальные кнопки добавления материала стиль как у блока "Мини профиль" ================================================== */ .rightcolumn .gtmSideUploadAction_2026{ width:100% !important; max-width:100% !important; margin:0 0 10px 0 !important; padding:0 !important; display:block !important; box-sizing:border-box !important; background:none !important; border:0 !important; box-shadow:none !important; overflow:hidden !important; } /* ================================================== 104. ОСНОВНАЯ КНОПКА ================================================== */ .rightcolumn .gtmSideUploadAction_2026__link, .rightcolumn .gtmSideUploadAction_2026__link:link, .rightcolumn .gtmSideUploadAction_2026__link:visited, .rightcolumn .gtmSideUploadAction_2026__link:active{ position:relative !important; display:flex !important; align-items:center !important; width:100% !important; max-width:100% !important; min-height:38px !important; margin:0 !important; padding:9px 10px 9px 42px !important; box-sizing:border-box !important; overflow:hidden !important; color:#f5ebce !important; background: radial-gradient(circle at 50% 0,rgba(210,171,115,.10),transparent 42%), radial-gradient(circle at 86% 100%,rgba(86,52,24,.14),transparent 34%), linear-gradient(180deg,#3d3628 0%,#2f291d 52%,#221d14 100%) !important; border:1px solid #1c1710 !important; border-radius:12px !important; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; font-size:11px !important; font-weight:900 !important; line-height:1.25 !important; text-align:left !important; text-decoration:none !important; text-transform:uppercase !important; letter-spacing:.055em !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: 0 8px 18px rgba(0,0,0,.36), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.16) inset !important; transition: transform .18s ease, color .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease !important; } /* внутренняя рамка */ .rightcolumn .gtmSideUploadAction_2026__link > *{ position:relative !important; z-index:3 !important; } /* верхний тонкий блик */ .rightcolumn .gtmSideUploadAction_2026__link:before{ content:"" !important; position:absolute !important; left:0 !important; top:0 !important; width:100% !important; height:1px !important; background:linear-gradient(90deg,transparent,rgba(240,221,185,.36),transparent) !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; pointer-events:none !important; z-index:2 !important; } /* иконка плюс */ .rightcolumn .gtmSideUploadAction_2026__link:after{ content:"+" !important; position:absolute !important; left:10px !important; top:50% !important; width:22px !important; height:22px !important; margin-top:-11px !important; display:flex !important; align-items:center !important; justify-content:center !important; color:#2f2b1b !important; background:linear-gradient(180deg,#f5ebce 0%,#d8caa8 100%) !important; border:1px solid rgba(42,36,24,.75) !important; border-radius:7px !important; font-size:17px !important; font-weight:900 !important; line-height:22px !important; text-align:center !important; text-shadow:1px 1px 0 rgba(255,255,255,.45) !important; box-shadow: 1px 1px 0 rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.45), 0 0 8px rgba(210,171,115,.12) !important; pointer-events:none !important; z-index:3 !important; } /* декоративный проходящий блик */ .rightcolumn .gtmSideUploadAction_2026__link span:before{ content:"" !important; position:absolute !important; top:0 !important; left:-70% !important; width:55% !important; height:100% !important; background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent) !important; transform:skewX(-22deg) !important; transition:left .35s ease !important; pointer-events:none !important; } /* если внутри нет span — блик всё равно будет работать через фон кнопки */ .rightcolumn .gtmSideUploadAction_2026__link:hover{ transform:translateY(-1px) !important; color:#fff !important; border-color:#2a2418 !important; background: radial-gradient(circle at 50% 0,rgba(210,171,115,.14),transparent 42%), radial-gradient(circle at 86% 100%,rgba(122,74,42,.18),transparent 34%), linear-gradient(180deg,#463e2d 0%,#352f22 52%,#241f16 100%) !important; box-shadow: 0 12px 24px rgba(0,0,0,.44), 0 0 12px rgba(210,171,115,.12), 0 1px 0 rgba(255,255,255,.06) inset, 0 -1px 0 rgba(0,0,0,.18) inset !important; } .rightcolumn .gtmSideUploadAction_2026__link:hover:after{ color:#7a4a2a !important; background:linear-gradient(180deg,#fff4d4 0%,#e3cfaa 50%,#c7b89a 100%) !important; box-shadow: 1px 1px 0 rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.55), 0 0 12px rgba(210,171,115,.22) !important; } .rightcolumn .gtmSideUploadAction_2026__link:active{ transform:translateY(0) !important; box-shadow: 0 5px 12px rgba(0,0,0,.38), inset 0 2px 5px rgba(0,0,0,.32) !important; } /* ================================================== 105. ВАРИАНТ: ДОБАВИТЬ ФАЙЛ ================================================== */ .rightcolumn .gtmSideUploadAction_2026__link--file, .rightcolumn .gtmSideUploadAction_2026__link--file:link, .rightcolumn .gtmSideUploadAction_2026__link--file:visited, .rightcolumn .gtmSideUploadAction_2026__link--file:active{ border-color:#1c1710 !important; } .rightcolumn .gtmSideUploadAction_2026__link--file:after{ background: linear-gradient(180deg,#d8b072 0%,#b78445 52%,#8f6030 100%) !important; color:#2f2b1b !important; border-color:#704621 !important; text-shadow:1px 1px 0 rgba(255,255,255,.35) !important; box-shadow: 1px 1px 0 rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.32), 0 0 9px rgba(210,171,115,.18) !important; } .rightcolumn .gtmSideUploadAction_2026__link--file:hover:after{ background: linear-gradient(180deg,#e6bf7e 0%,#c6924d 52%,#9f6b35 100%) !important; box-shadow: 1px 1px 0 rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.38), 0 0 13px rgba(210,171,115,.28) !important; } /* ================================================== 106. ВАРИАНТ: ДОБАВИТЬ НОВОСТЬ ================================================== */ .rightcolumn .gtmSideUploadAction_2026__link--news, .rightcolumn .gtmSideUploadAction_2026__link--news:link, .rightcolumn .gtmSideUploadAction_2026__link--news:visited, .rightcolumn .gtmSideUploadAction_2026__link--news:active{ border-color:#1c1710 !important; } .rightcolumn .gtmSideUploadAction_2026__link--news:after{ background: linear-gradient(180deg,#9f6247 0%,#7c4632 55%,#5a2f21 100%) !important; color:#fff !important; border-color:#4a261a !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: 1px 1px 0 rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.18), 0 0 9px rgba(159,98,71,.20) !important; } .rightcolumn .gtmSideUploadAction_2026__link--news:hover:after{ background: linear-gradient(180deg,#b37354 0%,#8d513a 55%,#673929 100%) !important; box-shadow: 1px 1px 0 rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.22), 0 0 13px rgba(159,98,71,.30) !important; } /* ================================================== 107. ДОП. ЗАЩИТА ОТ ВЫЕЗДА ================================================== */ .rightcolumn .gtmSideUploadAction_2026, .rightcolumn .gtmSideUploadAction_2026 *, .rightcolumn .gtmSideUploadAction_2026 *:before, .rightcolumn .gtmSideUploadAction_2026 *:after{ box-sizing:border-box !important; max-width:100% !important; } .rightcolumn .gtmSideUploadAction_2026__link{ white-space:normal !important; word-wrap:break-word !important; overflow-wrap:break-word !important; } /* ================================================== 108. REDUCED MOTION ================================================== */ @media(prefers-reduced-motion:reduce){ .rightcolumn .gtmSideUploadAction_2026__link, .rightcolumn .gtmSideUploadAction_2026__link:before, .rightcolumn .gtmSideUploadAction_2026__link:after{ animation:none !important; transition:none !important; transform:none !important; } } /* =============================== 109. Участники сайта стиль как у блока "Мини профиль" =============================== */ .gtmMembersPanel{ margin:0 0 10px 0; position:relative; overflow:hidden; } .gtmMembersPanel, .gtmMembersPanel *, .gtmMembersPanel *:before, .gtmMembersPanel *:after{ box-sizing:border-box; } .gtmMembersPanel__body{ width:100%; padding:0; overflow:hidden; } /* иконка в заголовке */ .gtmMembersPanel__titleIcon{ display:inline-block; margin:0 6px 0 0; vertical-align:middle; font-size:13px; line-height:13px; filter:drop-shadow(1px 1px 0 rgba(0,0,0,.75)); } /* badge в заголовке */ .gtmProfileMenu__titleBadge{ display:inline-block; margin:0 0 0 6px; padding:3px 7px; vertical-align:middle; color:#f5ebce; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.36)), rgba(23,21,13,.38); border:1px solid rgba(138,123,90,.30); border-radius:999px; font-size:9px; font-weight:900; line-height:1.2; text-transform:uppercase; letter-spacing:.04em; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.18); } /* оболочка информера */ .gtmMembersFix{ width:100%; display:block; clear:both; padding-right:2px; } /* если uCoz оборачивает информер в таблицу */ .gtmMembersFix table{ width:100% !important; max-width:100% !important; border-collapse:separate; border-spacing:0 6px; table-layout:fixed; } .gtmMembersFix tbody, .gtmMembersFix tr{ width:100% !important; } .gtmMembersFix td{ width:100% !important; max-width:100% !important; padding:0 !important; vertical-align:top; box-sizing:border-box; } /* =============================== 110. MEMBER CARD =============================== */ .gtmMemberCard{ width:100%; min-height:64px; margin:0 0 7px 0; padding:7px; position:relative; overflow:hidden; cursor:pointer; color:#2a2418; background-image: linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.035) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.12) .7px, transparent .8px), linear-gradient(180deg,#f5ebce 0%,#e7d9b8 100%); background-size: auto, 6px 6px, 8px 8px, auto; background-position: 0 0, 0 0, 3px 3px, 0 0; border:1px solid #9b8864; border-left:4px solid #7a4a2a; border-radius:8px; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; font-size:11px; line-height:14px; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 2px 6px rgba(0,0,0,.25); transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease; } /* верхний глянец */ .gtmMemberCard:before{ content:""; position:absolute; left:0; top:0; width:100%; height:1px; background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent); pointer-events:none; z-index:2; } /* hover-блеск */ .gtmMemberCard:after{ content:""; position:absolute; left:-55%; top:0; width:35%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent); transform:skewX(-18deg); transition:left .42s ease; pointer-events:none; z-index:2; } .gtmMemberCard:hover:after{ left:115%; } .gtmMemberCard:hover{ transform:translateY(-1px); border-color:#a18b5f; background-image: linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.04) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.14) .7px, transparent .8px), linear-gradient(180deg,#fff4d4 0%,#e3cfaa 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.48), 0 4px 10px rgba(0,0,0,.28), 0 0 8px rgba(224,214,192,.18); } /* состояние нажатия */ .gtmMemberCard:active{ transform:translateY(0); border-color:#8a7b5a; box-shadow: inset 0 2px 5px rgba(0,0,0,.20), 0 1px 2px rgba(0,0,0,.18); } /* верхняя часть карточки */ .gtmMemberCard__main{ width:100%; display:flex; align-items:flex-start; gap:8px; position:relative; z-index:3; } /* старый глянец убираем, чтобы не конфликтовал */ .gtmMemberCard__main:before{ display:none; } /* =============================== 111. АВАТАР =============================== */ .gtmMemberCard__avatarBox{ flex:0 0 42px; width:42px; height:42px; filter:drop-shadow(0 2px 3px rgba(0,0,0,.24)); } .gtmMemberCard__avatar, .gtmMemberCard__avatar:link, .gtmMemberCard__avatar:visited, .gtmMemberCard__avatar:active{ width:42px; height:42px; display:block; overflow:hidden; position:relative; border-radius:10px; background:linear-gradient(180deg,#17150d,#292417); border:1px solid rgba(138,123,90,.55); outline:1px solid rgba(210,171,115,.18); outline-offset:1px; color:#b6ac94; font-size:0; font-weight:900; line-height:42px; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: 0 5px 10px rgba(0,0,0,.42), 0 0 9px rgba(210,171,115,.10), inset 0 1px 0 rgba(255,255,255,.08); transition: border-color .18s ease, box-shadow .18s ease, outline-color .18s ease, transform .18s ease; } /* fallback для пустого или битого аватара */ .gtmMemberCard__avatar:before{ content:"👤"; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; color:#b6ac94; font-size:18px; font-weight:900; line-height:42px; text-align:center; text-shadow:1px 1px 0 rgba(0,0,0,.82); } .gtmMemberCard__avatar:after{ content:""; position:absolute; left:3px; right:3px; top:3px; height:34%; background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.07) 45%,transparent); border-radius:7px 7px 0 0; pointer-events:none; z-index:3; } .gtmMemberCard__avatar img{ width:100%; height:100%; display:block; position:relative; z-index:2; object-fit:cover; border-radius:9px; background:linear-gradient(180deg,#17150d,#292417); } .gtmMemberCard__avatar img[src=""], .gtmMemberCard__avatar img:not([src]){ display:none; } .gtmMemberCard__avatar:hover{ transform:translateY(-1px); border-color:rgba(210,171,115,.45); outline-color:rgba(210,171,115,.30); box-shadow: 0 6px 12px rgba(0,0,0,.46), 0 0 12px rgba(210,171,115,.14), inset 0 1px 0 rgba(255,255,255,.08); } /* =============================== 112. КОНТЕНТ =============================== */ .gtmMemberCard__content{ flex:1 1 auto; min-width:0; display:block; overflow:hidden; } /* верхняя строка */ .gtmMemberCard__top{ display:flex; justify-content:space-between; align-items:center; gap:6px; margin:0 0 5px 0; } .gtmMemberCard__name, .gtmMemberCard__name:link, .gtmMemberCard__name:visited, .gtmMemberCard__name:active{ min-width:0; display:block; color:#2a2418; font-size:12px; font-weight:900; line-height:15px; text-decoration:none; text-shadow:1px 1px 0 rgba(255,255,255,.55); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition: color .18s ease, text-decoration-color .18s ease; } /* hover на ник */ .gtmMemberCard:hover .gtmMemberCard__name, .gtmMemberCard__name:hover{ color:#7a4a2a; text-decoration:underline; text-decoration-color:rgba(122,74,42,.55); text-underline-offset:2px; } /* номер участника */ .gtmMemberCard__num{ flex:0 0 auto; min-width:24px; padding:1px 6px; color:#f5ebce; background:linear-gradient(180deg,#4b422e 0%,#2f291d 100%); border:1px solid #201b12; border-radius:10px; font-size:10px; font-weight:900; line-height:13px; text-align:center; text-shadow:1px 1px 0 rgba(0,0,0,.82); opacity:.82; } /* топ-номера */ .gtmMemberCard__num--1, .gtmMemberCard__num--2, .gtmMemberCard__num--3{ color:#2f2b1b; background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%); border-color:#8a7b5a; text-shadow:1px 1px 0 rgba(255,255,255,.65); opacity:1; } /* строка: группа / ID */ .gtmMemberCard__line{ display:flex; flex-wrap:wrap; gap:4px; margin:0; } /* группа */ .gtmMemberCard__groupName{ display:inline-block; padding:2px 7px; color:#f5ebce; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.36)), rgba(23,21,13,.38); border:1px solid rgba(138,123,90,.30); border-radius:999px; font-size:10px; font-weight:900; line-height:12px; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.12); } /* разные цвета групп через GROUP_ID */ .gtmMemberCard__groupName--1{ color:#fff; background:linear-gradient(180deg,#9f6247 0%,#7c4632 55%,#5a2f21 100%); border-color:#4a261a; text-shadow:1px 1px 0 rgba(0,0,0,.82); } .gtmMemberCard__groupName--2{ color:#eef4ff; background:linear-gradient(180deg,#607fae 0%,#3f5f90 55%,#2e456b 100%); border-color:#243856; text-shadow:1px 1px 0 rgba(0,0,0,.72); } .gtmMemberCard__groupName--3{ color:#f1ffe8; background:linear-gradient(180deg,#7d9550 0%,#5f742f 55%,#425421 100%); border-color:#334319; text-shadow:1px 1px 0 rgba(0,0,0,.72); } .gtmMemberCard__groupName--4{ color:#2f2b1b; background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%); border-color:#8a7b5a; text-shadow:1px 1px 0 rgba(255,255,255,.65); } /* ID */ .gtmMemberCard__id{ display:inline-flex; align-items:center; padding:2px 0; background:none; border:0; border-radius:0; color:#6a5b3e; font-size:10px; font-weight:800; line-height:12px; } /* =============================== 113. НИЗ / ДАТА =============================== */ .gtmMemberCard__bottom{ width:100%; clear:both; display:block; margin:7px 0 0 0; position:relative; z-index:3; } /* компактная дата */ .gtmMemberCard__reg{ width:100%; display:flex; align-items:center; justify-content:center; gap:4px; padding:4px 7px; color:#4b422e; background: linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.04)), rgba(255,255,255,.16); border:1px solid rgba(138,123,90,.28); border-radius:6px; font-size:10px; font-weight:900; line-height:12px; text-align:center; text-shadow:1px 1px 0 rgba(255,255,255,.55); box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 1px 3px rgba(0,0,0,.08); } .gtmMemberCard__regIcon{ display:inline-block; font-size:10px; line-height:10px; opacity:.82; } /* защита от выезда */ .gtmMembersFix, .gtmMembersFix *{ max-width:100%; box-sizing:border-box; word-wrap:break-word; overflow-wrap:break-word; } /* последняя карточка без лишнего нижнего отступа */ .gtmMembersFix .gtmMemberCard:last-child{ margin-bottom:0; } /* =============================== 114. FIXED HEIGHT + SCROLL FOR MYINF_38 =============================== */ .gtmMembersScrollBox{ width:100%; height:250px; max-height:250px; overflow-y:auto; overflow-x:hidden; padding:0 4px 0 0; box-sizing:border-box; } /* красивый скролл */ .gtmMembersScrollBox::-webkit-scrollbar{ width:7px; } .gtmMembersScrollBox::-webkit-scrollbar-track{ background:rgba(23,21,13,.42); border-radius:10px; } .gtmMembersScrollBox::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,#5a503b 0%,#3a3325 100%); border:1px solid #241f15; border-radius:10px; } .gtmMembersScrollBox::-webkit-scrollbar-thumb:hover{ background:linear-gradient(180deg,#6b6048 0%,#463e2d 100%); } /* Firefox */ .gtmMembersScrollBox{ scrollbar-width:thin; scrollbar-color:#5a503b rgba(23,21,13,.42); } /* =============================== 115. МИНИ-FOOTER =============================== */ .gtmMembersPanel__footer{ margin:6px 0 0 0; padding:6px 7px; color:#b6ac94; background: linear-gradient(180deg,rgba(245,235,206,.06),rgba(23,21,13,.38)), rgba(23,21,13,.42); border:1px solid rgba(138,123,90,.28); border-radius:7px; text-align:center; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.22); } .gtmMembersPanel__footerMain{ display:block; color:#f5ebce; font-size:10px; font-weight:900; line-height:12px; } .gtmMembersPanel__footerHint{ display:block; margin:2px 0 0 0; color:#b6ac94; font-size:9px; font-weight:800; line-height:11px; } /* =============================== 116. REDUCED MOTION =============================== */ @media(prefers-reduced-motion:reduce){ .gtmMemberCard, .gtmMemberCard *, .gtmMemberCard *:before, .gtmMemberCard *:after{ animation:none !important; transition:none !important; transform:none !important; } .gtmMemberCard:hover:after{ left:-55%; } } /* =============================== 117. МИНИ-ЧАТ GTA MANIA полный CSS в стиле "Мини профиль" без глобального html/body scroll =============================== */ :root{ --gtm-chat-mini-bg-1:#3d3628; --gtm-chat-mini-bg-2:#2f291d; --gtm-chat-mini-bg-3:#221d14; --gtm-chat-mini-head-1:#4a4130; --gtm-chat-mini-head-2:#373021; --gtm-chat-mini-head-3:#261f15; --gtm-chat-mini-border:#1c1710; --gtm-chat-mini-border-soft:rgba(138,123,90,.30); --gtm-chat-mini-text:#e4dac4; --gtm-chat-mini-soft:#b6ac94; --gtm-chat-mini-gold:#d2ab73; --gtm-chat-mini-light:#f5ebce; --gtm-chat-mini-red:#9f6247; --gtm-chat-mini-dark:#17130d; --gtm-chat-mini-card:#f8efd2; --gtm-chat-mini-card-2:#eadbb0; --gtm-chat-mini-card-text:#2f2b1b; } /* =============================== 118. ОСНОВНОЙ БЛОК ЧАТА =============================== */ .gtmChatPanel{ width:190px !important; max-width:190px !important; min-width:0 !important; margin:0 0 10px 10px !important; padding:0 !important; position:relative !important; display:block !important; overflow:hidden !important; color:var(--gtm-chat-mini-text) !important; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; background: radial-gradient(circle at 50% 0,rgba(210,171,115,.10),transparent 42%), radial-gradient(circle at 86% 100%,rgba(86,52,24,.14),transparent 34%), linear-gradient(180deg,var(--gtm-chat-mini-bg-1) 0%,var(--gtm-chat-mini-bg-2) 52%,var(--gtm-chat-mini-bg-3) 100%) !important; border:1px solid var(--gtm-chat-mini-border) !important; border-radius:12px !important; box-shadow: 0 14px 30px rgba(0,0,0,.42), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.16) inset !important; box-sizing:border-box !important; } /* если снова появится левый зазор — включи этот блок */ /* .gtmChatPanel{ width:calc(100% + 6px) !important; max-width:calc(100% + 6px) !important; margin-left:-6px !important; margin-right:0 !important; } */ .gtmChatPanel, .gtmChatPanel *, .gtmChatPanel *:before, .gtmChatPanel *:after, .gtmChatMsg, .gtmChatMsg *, .gtmChatMsg *:before, .gtmChatMsg *:after, .gtmChatForm, .gtmChatForm *, .gtmChatForm *:before, .gtmChatForm *:after{ box-sizing:border-box !important; max-width:100% !important; } /* верхний тонкий блик */ .gtmChatPanel:before{ content:"" !important; position:absolute !important; left:0 !important; top:0 !important; width:100% !important; height:1px !important; z-index:4 !important; background:linear-gradient(90deg,transparent,rgba(240,221,185,.36),transparent) !important; pointer-events:none !important; } /* =============================== 119. ЗАГОЛОВОК ЧАТА =============================== */ .gtmChatPanel .gtmProfileMenu__title, .gtmChatPanel__title{ width:100% !important; min-height:34px !important; margin:0 !important; padding:8px 34px 8px 9px !important; display:flex !important; align-items:center !important; gap:6px !important; position:relative !important; overflow:hidden !important; color:var(--gtm-chat-mini-light) !important; background: radial-gradient(circle at 19px 50%,rgba(210,171,115,.16),rgba(210,171,115,0) 30px), linear-gradient(180deg,var(--gtm-chat-mini-head-1) 0%,var(--gtm-chat-mini-head-2) 52%,var(--gtm-chat-mini-head-3) 100%) !important; border:0 !important; border-bottom:1px solid var(--gtm-chat-mini-border) !important; border-radius:12px 12px 0 0 !important; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; font-size:11px !important; font-weight:900 !important; line-height:14px !important; text-transform:uppercase !important; letter-spacing:.25px !important; text-shadow: 0 1px 1px rgba(0,0,0,.78), 0 0 5px rgba(210,171,115,.18) !important; box-shadow: 0 1px 0 rgba(255,255,255,.06) inset, 0 -1px 0 rgba(0,0,0,.28) inset !important; } .gtmChatPanel .gtmProfileMenu__title:before, .gtmChatPanel .gtmProfileMenu__title:after, .gtmChatPanel__title:before, .gtmChatPanel__title:after{ display:none !important; content:none !important; } .gtmChatPanel__titleText{ flex:1 1 auto !important; min-width:0 !important; display:block !important; color:var(--gtm-chat-mini-light) !important; font-size:11px !important; font-weight:900 !important; line-height:14px !important; text-transform:uppercase !important; letter-spacing:.25px !important; overflow:hidden !important; white-space:nowrap !important; text-overflow:ellipsis !important; } /* если текст в заголовке без span */ .gtmChatPanel .gtmProfileMenu__title{ color:var(--gtm-chat-mini-light) !important; } /* live badge */ .gtmChatPanel .gtmProfileMenu__titleBadge{ flex:0 0 auto !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; margin:0 0 0 3px !important; padding:2px 7px !important; color:#24170d !important; background: linear-gradient(180deg,#d2ab73 0%,#a07437 55%,#6d461f 100%) !important; border:1px solid #3f2b15 !important; border-radius:999px !important; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; font-size:8px !important; font-weight:900 !important; line-height:10px !important; text-transform:uppercase !important; letter-spacing:.04em !important; text-shadow:0 1px 0 rgba(255,255,255,.28) !important; box-shadow: 0 1px 0 rgba(255,255,255,.22) inset, 0 0 7px rgba(210,171,115,.20) !important; animation:gtmChatMiniPulse 1.8s ease-in-out infinite !important; } /* кнопка обновления */ .gtmChatPanel .gtmChatPanel__reload, .gtmChatPanel .gtmChatPanel__reload:link, .gtmChatPanel .gtmChatPanel__reload:visited, .gtmChatPanel .gtmChatPanel__reload:active, .gtmChatPanel__reload, .gtmChatPanel__reload:link, .gtmChatPanel__reload:visited, .gtmChatPanel__reload:active{ position:absolute !important; right:7px !important; top:50% !important; transform:translateY(-50%) !important; width:21px !important; height:21px !important; display:flex !important; align-items:center !important; justify-content:center !important; color:#24170d !important; background: linear-gradient(180deg,#d2ab73 0%,#a07437 55%,#6d461f 100%) !important; border:1px solid #3f2b15 !important; border-radius:50% !important; font-size:12px !important; font-weight:900 !important; line-height:21px !important; text-decoration:none !important; text-shadow:0 1px 0 rgba(255,255,255,.28) !important; box-shadow: 0 2px 6px rgba(0,0,0,.32), 0 0 9px rgba(210,171,115,.16), 0 1px 0 rgba(255,255,255,.20) inset !important; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important; } .gtmChatPanel .gtmChatPanel__reload:hover, .gtmChatPanel__reload:hover{ transform:translateY(-50%) translateY(-1px) !important; color:#1c120a !important; border-color:#d2ab73 !important; text-decoration:none !important; box-shadow: 0 4px 10px rgba(0,0,0,.42), 0 0 12px rgba(210,171,115,.28), 0 1px 0 rgba(255,255,255,.24) inset !important; } /* =============================== 120. ТЕЛО ВНЕШНЕГО БЛОКА =============================== */ .gtmChatPanel__body{ width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 !important; padding:7px !important; overflow:hidden !important; color:var(--gtm-chat-mini-text) !important; background: radial-gradient(circle at top left,rgba(255,255,255,.06),rgba(255,255,255,0) 42%), linear-gradient(180deg,#352f22 0%,#241f16 100%) !important; border:0 !important; border-radius:0 0 12px 12px !important; } /* статус */ .gtmChatPanel__status{ width:100% !important; margin:0 0 7px 0 !important; padding:6px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:6px !important; color:#cdbf9f !important; background: linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0)), linear-gradient(180deg,#342d20 0%,#241f16 100%) !important; border:1px solid rgba(28,23,16,.95) !important; border-radius:8px !important; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; font-size:10px !important; font-weight:800 !important; line-height:12px !important; text-align:center !important; text-shadow:0 1px 1px rgba(0,0,0,.65) !important; box-shadow: 0 1px 0 rgba(255,255,255,.05) inset, 0 1px 2px rgba(0,0,0,.18) !important; } .gtmChatPanel__statusDot{ width:7px !important; height:7px !important; flex:0 0 7px !important; display:inline-block !important; border-radius:50% !important; background:#d2ab73 !important; box-shadow: 0 0 0 1px rgba(255,255,255,.16), 0 0 8px rgba(210,171,115,.58) !important; animation:gtmChatMiniPulse 1.8s ease-in-out infinite !important; } .gtmChatPanel__statusText{ min-width:0 !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; } /* разделитель */ .gtmChatPanel__divider{ width:100% !important; height:1px !important; margin:0 0 7px 0 !important; background:linear-gradient(90deg,transparent,rgba(210,171,115,.34),transparent) !important; box-shadow:0 0 8px rgba(210,171,115,.14) !important; } /* iframe box */ .gtmChatPanel__box{ width:100% !important; max-width:100% !important; min-height:600px !important; overflow:hidden !important; background: radial-gradient(circle at top left,rgba(255,255,255,.075),rgba(255,255,255,0) 44%), linear-gradient(180deg,#302a1d 0%,#211c14 100%) !important; border:1px solid rgba(28,23,16,.95) !important; border-radius:8px !important; box-shadow: 0 1px 0 rgba(255,255,255,.065) inset, 0 -1px 0 rgba(0,0,0,.22) inset, 0 1px 2px rgba(0,0,0,.20) !important; } #mchatIfm2{ width:100% !important; max-width:100% !important; height:600px !important; display:block !important; border:0 !important; outline:0 !important; background:#211c14 !important; } /* нижняя подпись */ .gtmChatFooterLine, .gtmChatPanel .gtmChatFooterLine{ width:100% !important; margin:7px 0 0 0 !important; padding:6px 7px !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:4px !important; color:#9f9278 !important; background: linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015)), linear-gradient(180deg,#302a1d 0%,#221d14 100%) !important; border:1px solid rgba(28,23,16,.88) !important; border-radius:8px !important; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; font-size:10px !important; font-weight:800 !important; line-height:12px !important; text-align:center !important; text-shadow:0 1px 1px rgba(0,0,0,.65) !important; box-shadow: 0 1px 0 rgba(255,255,255,.05) inset, 0 1px 2px rgba(0,0,0,.18) !important; } .gtmChatFooterLine b, .gtmChatPanel .gtmChatFooterLine b{ color:var(--gtm-chat-mini-gold) !important; font-weight:900 !important; } /* =============================== 121. СООБЩЕНИЯ ЧАТА =============================== */ .gtmChatMsg{ width:100% !important; margin:0 0 8px 0 !important; padding:7px !important; position:relative !important; overflow:hidden !important; color:var(--gtm-chat-mini-card-text) !important; background: radial-gradient(circle at 20% 10%,rgba(255,255,255,.26),rgba(255,255,255,0) 46px), linear-gradient(90deg,rgba(159,98,71,.10) 0%,rgba(159,98,71,0) 40px), linear-gradient(180deg,var(--gtm-chat-mini-card) 0%,var(--gtm-chat-mini-card-2) 100%) !important; border:1px solid rgba(72,58,33,.28) !important; border-left:4px solid var(--gtm-chat-mini-red) !important; border-radius:8px !important; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; font-size:11px !important; line-height:14px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.60), 0 1px 2px rgba(0,0,0,.10) !important; animation:gtmChatMsgIn .22s ease both; transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease !important; } .gtmChatMsg:hover{ transform:translateY(-1px) !important; background: radial-gradient(circle at 20% 10%,rgba(255,255,255,.36),rgba(255,255,255,0) 46px), linear-gradient(90deg,rgba(159,98,71,.13) 0%,rgba(159,98,71,0) 42px), linear-gradient(180deg,#fff6d8 0%,#ead8a5 100%) !important; border-color:rgba(159,98,71,.55) !important; border-left-color:#b87455 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.70), 0 3px 8px rgba(0,0,0,.14), 0 0 8px rgba(159,98,71,.14) !important; } @keyframes gtmChatMsgIn{ from{ opacity:0; transform:translateY(4px); } to{ opacity:1; transform:translateY(0); } } /* =============================== 122. ВЕРХ СООБЩЕНИЯ =============================== */ .gtmChatMsg__head{ min-height:30px !important; margin:0 0 5px 0 !important; padding:5px !important; position:relative !important; color:#2f2b1b !important; background: radial-gradient(circle at top left,rgba(255,255,255,.48),rgba(255,255,255,0) 44%), linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.20)) !important; border:1px solid rgba(72,58,33,.18) !important; border-radius:6px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 1px 2px rgba(0,0,0,.12) !important; } .gtmChatMsg__topLine{ display:flex !important; align-items:center !important; gap:3px !important; min-height:16px !important; max-width:100% !important; } /* =============================== 123. АВАТАРЫ =============================== */ .gtmChatMsg__avatar{ float:left !important; width:26px !important; height:26px !important; margin:0 6px 0 0 !important; } .gtmChatMsg__avatar a, .gtmChatMsg__avatarLink{ width:26px !important; height:26px !important; display:block !important; overflow:hidden !important; border-radius:8px !important; position:relative !important; } .gtmChatMsg__avatar img, .com_wp{ width:26px !important; height:26px !important; display:block !important; object-fit:cover !important; border-radius:8px !important; background: radial-gradient(circle at 35% 25%,rgba(255,255,255,.75),rgba(255,255,255,0) 34%), linear-gradient(180deg,#f5ebce 0%,#d8c994 100%) !important; border:1px solid rgba(72,58,33,.45) !important; outline:1px solid rgba(255,255,255,.36) !important; outline-offset:1px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.50), 0 1px 2px rgba(0,0,0,.18) !important; font-size:0 !important; text-indent:-9999px !important; } /* пустой аватар */ .gtmChatMsg__avatarEmpty, .gtmChatMsg__avatarEmpty:link, .gtmChatMsg__avatarEmpty:visited, .gtmChatMsg__avatarEmpty:active{ width:26px !important; height:26px !important; display:flex !important; align-items:center !important; justify-content:center !important; color:#7c4632 !important; background: radial-gradient(circle at 35% 25%,rgba(255,255,255,.52),rgba(255,255,255,0) 34%), linear-gradient(180deg,#f5ebce 0%,#d8c994 100%) !important; border:1px dashed rgba(72,58,33,.45) !important; outline:1px solid rgba(255,255,255,.36) !important; outline-offset:1px !important; border-radius:8px !important; font-size:13px !important; font-weight:900 !important; line-height:26px !important; text-decoration:none !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.50), 0 1px 2px rgba(0,0,0,.18) !important; } /* битый аватар */ .gtmChatMsg__avatarLink--broken{ display:flex !important; align-items:center !important; justify-content:center !important; background: radial-gradient(circle at 35% 25%,rgba(255,255,255,.52),rgba(255,255,255,0) 34%), linear-gradient(180deg,#f5ebce 0%,#d8c994 100%) !important; border:1px dashed rgba(72,58,33,.45) !important; outline:1px solid rgba(255,255,255,.36) !important; outline-offset:1px !important; } .gtmChatMsg__avatarLink--broken:before{ content:"" !important; width:14px !important; height:14px !important; display:block !important; border-radius:50% !important; background:#7c4632 !important; box-shadow: 0 8px 0 -3px #7c4632, 0 0 0 1px rgba(255,255,255,.30) inset !important; } .gtmChatMsg__avatarLink--broken img{ display:none !important; } .gtmChatMsg__avatar img:hover, .com_wp:hover, .gtmChatMsg__avatarEmpty:hover{ transform:translateY(-1px) !important; border-color:rgba(159,98,71,.60) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.60), 0 3px 6px rgba(0,0,0,.22) !important; } /* =============================== 124. ПОЛЬЗОВАТЕЛЬ / ИМЯ / РОЛИ =============================== */ .gtmChatMsg__user{ display:block !important; overflow:hidden !important; min-width:0 !important; } .gtmChatMsg__adminIcon{ flex:0 0 auto !important; color:#9f6247 !important; font-size:11px !important; line-height:13px !important; text-shadow:0 1px 0 rgba(255,255,255,.40) !important; } .gtmChatMsg__name, .gtmChatMsg__name:link, .gtmChatMsg__name:visited, .gtmChatMsg__name:active{ flex:1 1 auto !important; min-width:0 !important; display:block !important; color:#7c4632 !important; font-size:11px !important; font-weight:900 !important; line-height:13px !important; text-decoration:none !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; } .gtmChatMsg__name:hover{ color:#2a2418 !important; text-decoration:underline !important; text-underline-offset:2px !important; } .gtmChatMsg__name--founder, .gtmChatMsg__name--admin, .gtmChatMsg__name--user{ color:#7c4632 !important; } .gtmChatMsg__name--friend{ color:#6d4d80 !important; } .gtmChatMsg__name--guest{ color:#7b705d !important; } /* badges */ .gtmChatMsg__role, .gtmChatMsg__new, .gtmChatMsg__num{ flex:0 0 auto !important; display:inline-block !important; padding:1px 5px !important; border-radius:999px !important; font-size:8px !important; font-weight:900 !important; line-height:11px !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } .gtmChatMsg__role, .gtmChatMsg__num{ color:#2f2b1b !important; background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%) !important; border:1px solid #8a7b5a !important; text-shadow:0 1px 0 rgba(255,255,255,.65) !important; } .gtmChatMsg__role--founder{ color:#2f2b1b !important; background:linear-gradient(180deg,#fff4d4 0%,#d2ab73 60%,#9c6b35 100%) !important; border:1px solid #8a7b5a !important; } .gtmChatMsg__role--admin{ color:#fff3cf !important; background:linear-gradient(180deg,#9f6247 0%,#7c4632 100%) !important; border:1px solid #5a2f21 !important; text-shadow:1px 1px 0 rgba(0,0,0,.62) !important; } .gtmChatMsg__role--friend{ color:#2f2b1b !important; background:linear-gradient(180deg,#d8caa8 0%,#b9a47e 100%) !important; border:1px solid #8a7b5a !important; } .gtmChatMsg__role--guest{ color:#f5ebce !important; background:linear-gradient(180deg,#625b4c 0%,#3a3325 100%) !important; border:1px solid #2a2418 !important; text-shadow:1px 1px 0 rgba(0,0,0,.72) !important; } .gtmChatMsg__new{ color:#fff3cf !important; background:linear-gradient(180deg,#9f6247 0%,#7c4632 100%) !important; border:1px solid #5a2f21 !important; text-shadow:1px 1px 0 rgba(0,0,0,.62) !important; } .gtmChatMsg__num{ min-width:22px !important; text-align:center !important; } /* =============================== 125. МЕТА / ОТВЕТИТЬ / ДАТА =============================== */ .gtmChatMsg__meta{ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:4px !important; margin:4px 0 0 0 !important; max-width:100% !important; } .gtmChatMsg__profile, .gtmChatMsg__profile:link, .gtmChatMsg__profile:visited, .gtmChatMsg__profile:active{ display:none !important; } .gtmChatMsg__actions{ width:auto !important; display:flex !important; align-items:center !important; justify-content:flex-start !important; gap:3px !important; flex:0 0 auto !important; white-space:nowrap !important; margin:0 !important; } .gtmChatMsg__reply, .gtmChatMsg__reply:link, .gtmChatMsg__reply:visited, .gtmChatMsg__reply:active{ width:22px !important; height:18px !important; padding:0 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; color:#2f2b1b !important; background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%) !important; border:1px solid #8a7b5a !important; border-radius:999px !important; font-size:13px !important; font-weight:900 !important; line-height:18px !important; text-decoration:none !important; text-shadow:1px 1px 0 rgba(255,255,255,.65) !important; box-shadow: 0 1px 4px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.45) !important; } .gtmChatMsg__reply:hover{ transform:translateY(-1px) !important; color:#7a4a2a !important; border-color:#d2ab73 !important; } /* дата */ .gtmChatMsg__dateLine{ width:100% !important; margin:5px 0 0 0 !important; padding:3px 6px !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:5px !important; color:#6a5b3e !important; background: linear-gradient(180deg,rgba(255,255,255,.36),rgba(255,255,255,.16)) !important; border:1px solid rgba(72,58,33,.16) !important; border-radius:999px !important; font-size:9px !important; font-weight:800 !important; line-height:12px !important; text-align:center !important; } .gtmChatMsg__time, .mcTime{ padding:0 !important; margin:0 !important; background:none !important; border:0 !important; box-shadow:none !important; color:inherit !important; font-size:9px !important; line-height:12px !important; text-shadow:inherit !important; white-space:nowrap !important; } /* =============================== 126. ТЕКСТ СООБЩЕНИЯ =============================== */ .gtmChatMsg__text, .cMessage{ clear:both !important; margin:6px 0 0 0 !important; padding:6px 8px 6px 12px !important; position:relative !important; color:#4b422e !important; background: radial-gradient(circle at top left,rgba(255,255,255,.48),rgba(255,255,255,0) 44%), linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.20)) !important; border:1px solid rgba(72,58,33,.18) !important; border-left:3px solid rgba(159,98,71,.42) !important; border-radius:6px !important; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; font-size:11px !important; line-height:14px !important; text-align:left !important; word-wrap:break-word !important; overflow-wrap:break-word !important; max-height:78px !important; overflow:hidden !important; transition: max-height .22s ease, background .18s ease, border-color .18s ease !important; } .gtmChatMsg__text:hover, .cMessage:hover{ max-height:none !important; overflow:visible !important; background: radial-gradient(circle at top left,rgba(255,255,255,.62),rgba(255,255,255,0) 44%), linear-gradient(180deg,rgba(255,255,255,.58),rgba(255,255,255,.25)) !important; border-color:rgba(159,98,71,.34) !important; } .gtmChatMsg__text a, .cMessage a{ color:#7c4632 !important; font-weight:900 !important; text-decoration:underline !important; text-underline-offset:2px !important; } .gtmChatMsg__text a:hover, .cMessage a:hover{ color:#2a2418 !important; } .gtmChatMsg__text img, .cMessage img{ max-width:100% !important; height:auto !important; } /* =============================== 127. ТИПЫ СООБЩЕНИЙ =============================== */ /* свои сообщения */ .gtmChatMsg--mine{ border-left-color:#d2ab73 !important; background: radial-gradient(circle at 20% 10%,rgba(255,255,255,.34),rgba(255,255,255,0) 46px), linear-gradient(90deg,rgba(210,171,115,.16) 0%,rgba(210,171,115,0) 42px), linear-gradient(180deg,#fff4d4 0%,#e6c98f 100%) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 3px 8px rgba(0,0,0,.16), 0 0 10px rgba(210,171,115,.20) !important; } .gtmChatMsg--mine .gtmChatMsg__text{ background: radial-gradient(circle at top left,rgba(255,255,255,.58),rgba(255,255,255,0) 44%), linear-gradient(180deg,rgba(255,255,255,.48),rgba(255,255,255,.22)) !important; border-left-color:rgba(210,171,115,.62) !important; } /* основатель */ .gtmChatMsg--founder{ border-left-color:#d2ab73 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.70), 0 3px 8px rgba(0,0,0,.14), 0 0 12px rgba(210,171,115,.20) !important; } /* админ */ .gtmChatMsg--admin{ border-left-color:#9f6247 !important; background: radial-gradient(circle at 20% 10%,rgba(255,255,255,.26),rgba(255,255,255,0) 46px), linear-gradient(90deg,rgba(159,98,71,.16) 0%,rgba(159,98,71,0) 42px), linear-gradient(180deg,#f4dfc8 0%,#d7b094 100%) !important; } /* друг */ .gtmChatMsg--friend{ border-left-color:#9b7ac2 !important; } /* гость */ .gtmChatMsg--guest{ border-left-color:#9a927c !important; opacity:.98 !important; } /* системное */ .gtmChatMsg--system{ color:#f5ebce !important; background: linear-gradient(180deg,rgba(245,235,206,.06),rgba(23,21,13,.40)), #17150d !important; border:1px dashed rgba(210,171,115,.34) !important; border-left:4px solid #8a7b5a !important; } .gtmChatMsg--system .gtmChatMsg__head{ display:none !important; } .gtmChatMsg--system .gtmChatMsg__text{ margin:0 !important; color:#f5ebce !important; background: linear-gradient(180deg,rgba(245,235,206,.07),rgba(23,21,13,.34)), rgba(23,21,13,.76) !important; border-color:rgba(210,171,115,.24) !important; text-align:center !important; font-weight:900 !important; text-shadow:1px 1px 0 rgba(0,0,0,.88) !important; } /* =============================== 128. ФОРМА ЧАТА =============================== */ .gtmChatForm{ width:100% !important; margin:8px 0 0 0 !important; padding:7px !important; position:sticky !important; bottom:0 !important; z-index:20 !important; overflow:hidden !important; color:#2f2b1b !important; background: radial-gradient(circle at 20% 10%,rgba(255,255,255,.26),rgba(255,255,255,0) 46px), linear-gradient(180deg,#f8efd2 0%,#eadbb0 100%) !important; border:1px solid rgba(72,58,33,.28) !important; border-left:4px solid #9f6247 !important; border-radius:8px !important; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; font-size:11px !important; line-height:14px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.60), 0 1px 2px rgba(0,0,0,.10) !important; } .gtmChatForm__closed, #mcclose{ width:100% !important; margin:0 !important; padding:7px !important; color:#2f2b1b !important; background: radial-gradient(circle at top left,rgba(255,255,255,.48),rgba(255,255,255,0) 44%), linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.20)) !important; border:1px solid rgba(72,58,33,.18) !important; border-radius:6px !important; font-size:11px !important; font-weight:900 !important; line-height:14px !important; text-align:center !important; } .gtmChatForm__closed a, #mcclose a{ color:#7c4632 !important; text-decoration:none !important; } .gtmChatForm__closed a:hover, #mcclose a:hover{ color:#2a2418 !important; text-decoration:underline !important; } .gtmChatForm__tools{ width:100% !important; min-height:24px !important; margin:0 0 6px 0 !important; overflow:hidden !important; } .gtmChatForm__auto, #autoupd{ float:left !important; max-width:70px !important; color:#6a5b3e !important; font-size:10px !important; font-weight:800 !important; line-height:20px !important; } .gtmChatForm__buttons, #msgctrl{ float:right !important; display:flex !important; align-items:center !important; gap:3px !important; } .gtmChatForm__btn, #msgctrl a{ width:20px !important; height:20px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; color:#2f2b1b !important; background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%) !important; border:1px solid #8a7b5a !important; border-radius:6px !important; overflow:hidden !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 1px 3px rgba(0,0,0,.18) !important; } .gtmChatForm__btn:hover, #msgctrl a:hover{ transform:translateY(-1px) !important; border-color:#d2ab73 !important; } .gtmChatForm__btn img, #msgctrl a img{ max-width:14px !important; max-height:14px !important; display:block !important; } .gtmChatForm__secure{ width:100% !important; display:flex !important; gap:5px !important; margin:0 0 6px 0 !important; } .gtmChatForm__secureField{ flex:1 1 auto !important; min-width:0 !important; } .gtmChatForm__secureImg{ flex:0 0 auto !important; } .gtmChatForm__guestFields{ width:100% !important; display:grid !important; grid-template-columns:1fr 1fr !important; gap:5px !important; margin:0 0 6px 0 !important; } .gtmChatForm__field{ min-width:0 !important; } .gtmChatForm__field--full{ grid-column:1 / 3 !important; } .gtmChatForm__hint{ margin:0 0 5px 0 !important; padding:5px 6px !important; color:#6a5b3e !important; background: radial-gradient(circle at top left,rgba(255,255,255,.48),rgba(255,255,255,0) 44%), linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.20)) !important; border:1px solid rgba(72,58,33,.18) !important; border-radius:6px !important; font-size:10px !important; font-weight:900 !important; line-height:12px !important; } /* поля */ .gtmChatForm input[type="text"], .gtmChatForm input[type="email"], .gtmChatForm input[type="url"], .gtmChatForm input[type="password"], .gtmChatForm textarea, #mchatMsgF{ width:100% !important; min-height:42px !important; padding:6px !important; color:#2f2b1b !important; background: linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.20)) !important; border:1px solid rgba(72,58,33,.24) !important; border-radius:7px !important; outline:none !important; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; font-size:12px !important; line-height:15px !important; resize:vertical !important; } #mchatMsgF{ height:45px !important; float:none !important; } .gtmChatForm input:focus, .gtmChatForm textarea:focus, #mchatMsgF:focus{ border-color:rgba(159,98,71,.48) !important; box-shadow: 0 0 0 1px rgba(159,98,71,.10), 0 0 8px rgba(159,98,71,.16) !important; } .gtmChatForm__message, #fldmsg{ width:100% !important; margin:0 0 6px 0 !important; clear:both !important; } .gtmChatForm__submitRow, #submsg{ width:100% !important; min-height:30px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:6px !important; clear:both !important; } .gtmChatForm__length, #msglenght{ flex:1 1 auto !important; min-width:0 !important; color:#6a5b3e !important; font-size:10px !important; font-weight:800 !important; line-height:14px !important; } .gtmChatForm__length span, #msglenght span{ color:#2f2b1b !important; font-weight:900 !important; } .gtmChatForm__length b, #msglenght b{ color:#7c4632 !important; font-weight:900 !important; } .gtmChatForm__submit{ flex:0 0 auto !important; } .gtmChatForm__submit input, .gtmChatForm__submit button, .send-message{ min-width:45px !important; height:30px !important; padding:0 10px !important; color:#24170d !important; background: linear-gradient(180deg,#d2ab73 0%,#a07437 55%,#6d461f 100%) !important; border:1px solid #3f2b15 !important; border-radius:8px !important; font-size:11px !important; font-weight:900 !important; line-height:28px !important; text-align:center !important; cursor:pointer !important; text-shadow:0 1px 0 rgba(255,255,255,.28) !important; box-shadow: 0 2px 6px rgba(0,0,0,.32), 0 0 9px rgba(210,171,115,.16), 0 1px 0 rgba(255,255,255,.20) inset !important; } .gtmChatForm__submit input:hover, .gtmChatForm__submit button:hover, .send-message:hover{ color:#1c120a !important; border-color:#d2ab73 !important; } .gtmChatForm__rules{ margin:5px 0 0 0 !important; color:#6a5b3e !important; font-size:10px !important; font-weight:800 !important; line-height:12px !important; text-align:center !important; } /* =============================== 129. СКРОЛЛ ТОЛЬКО ВНУТРИ ЧАТА НЕ ТРОГАЕТ СКРОЛЛ САЙТА =============================== */ .gtmChatPanel__box, .gtmChatPanel__body, .gtmChatScrollBox, .gtmChatMessages, .gtmChatList, #mchat, #mchatMsgBlock, #mchatBlock{ scrollbar-width:thin !important; scrollbar-color:#d2ab73 rgba(28,18,13,.78) !important; } .gtmChatPanel__box::-webkit-scrollbar, .gtmChatPanel__body::-webkit-scrollbar, .gtmChatScrollBox::-webkit-scrollbar, .gtmChatMessages::-webkit-scrollbar, .gtmChatList::-webkit-scrollbar, #mchat::-webkit-scrollbar, #mchatMsgBlock::-webkit-scrollbar, #mchatBlock::-webkit-scrollbar{ width:7px !important; height:7px !important; } .gtmChatPanel__box::-webkit-scrollbar-track, .gtmChatPanel__body::-webkit-scrollbar-track, .gtmChatScrollBox::-webkit-scrollbar-track, .gtmChatMessages::-webkit-scrollbar-track, .gtmChatList::-webkit-scrollbar-track, #mchat::-webkit-scrollbar-track, #mchatMsgBlock::-webkit-scrollbar-track, #mchatBlock::-webkit-scrollbar-track{ background:rgba(72,58,33,.10) !important; border-radius:10px !important; } .gtmChatPanel__box::-webkit-scrollbar-thumb, .gtmChatPanel__body::-webkit-scrollbar-thumb, .gtmChatScrollBox::-webkit-scrollbar-thumb, .gtmChatMessages::-webkit-scrollbar-thumb, .gtmChatList::-webkit-scrollbar-thumb, #mchat::-webkit-scrollbar-thumb, #mchatMsgBlock::-webkit-scrollbar-thumb, #mchatBlock::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,#c8a85d 0%,#9f6247 100%) !important; border:1px solid rgba(72,58,33,.45) !important; border-radius:10px !important; } .gtmChatPanel__box::-webkit-scrollbar-thumb:hover, .gtmChatPanel__body::-webkit-scrollbar-thumb:hover, .gtmChatScrollBox::-webkit-scrollbar-thumb:hover, .gtmChatMessages::-webkit-scrollbar-thumb:hover, .gtmChatList::-webkit-scrollbar-thumb:hover, #mchat::-webkit-scrollbar-thumb:hover, #mchatMsgBlock::-webkit-scrollbar-thumb:hover, #mchatBlock::-webkit-scrollbar-thumb:hover{ background:linear-gradient(180deg,#e3c77e 0%,#b87455 100%) !important; } /* если нужен внешний скролл вместо iframe */ .gtmChatScrollBox{ width:100% !important; max-height:600px !important; overflow-y:auto !important; overflow-x:hidden !important; padding:0 4px 0 0 !important; } /* =============================== 130. ЗАЩИТА =============================== */ .gtmChatMsg:after, .gtmChatForm:after, .gtmChatForm__tools:after{ content:"" !important; display:block !important; clear:both !important; } button:focus, input:focus{ outline:none !important; } .myWinLoad{ margin:0 !important; width:64px !important; height:64px !important; background:url('http://mir-devil.ru/Raznoe/139.gif') no-repeat 0 0 !important; } /* =============================== 131. АНИМАЦИИ =============================== */ @keyframes gtmChatMiniPulse{ 0%,100%{ opacity:.55; transform:scale(.90); } 50%{ opacity:1; transform:scale(1.08); } } /* =============================== 132. REDUCED MOTION =============================== */ @media(prefers-reduced-motion:reduce){ .gtmChatPanel, .gtmChatPanel *, .gtmChatPanel *:before, .gtmChatPanel *:after, .gtmChatMsg, .gtmChatMsg *, .gtmChatMsg:before, .gtmChatMsg:after, .gtmChatForm, .gtmChatForm *, .gtmChatForm *:before, .gtmChatForm *:after, .gtmProfileMenu__titleBadge, .gtmChatPanel__reload, .gtmChatPanel__statusDot{ animation:none !important; transition:none !important; transform:none !important; } } /* =============================== 133. Пользователи посетившие сайт стиль как у блока "Мини профиль" светлая версия, читаемые имена и кнопки без выезда влево =============================== */ .gtmVisitedPanel{ width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 0 10px 0 !important; padding:0 !important; display:block !important; clear:both !important; float:none !important; position:relative !important; left:auto !important; right:auto !important; transform:none !important; overflow:hidden !important; box-sizing:border-box !important; } .gtmVisitedPanel, .gtmVisitedPanel *, .gtmVisitedPanel *:before, .gtmVisitedPanel *:after{ box-sizing:border-box !important; } .gtmVisitedPanel a, .gtmVisitedPanel span, .gtmVisitedPanel div{ max-width:100%; } /* =============================== 134. Заголовок =============================== */ .gtmVisitedPanel__title{ display:flex; align-items:center; gap:6px; width:100%; max-width:100%; min-width:0; min-height:31px; padding:8px 9px !important; overflow:hidden; white-space:nowrap; position:relative; color:#f5ebce; font:700 12px/1.3 "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; text-transform:uppercase; letter-spacing:.06em; text-shadow:1px 1px 0 rgba(0,0,0,.82); background: radial-gradient(circle at 18px 50%,rgba(241,208,120,.16),rgba(241,208,120,0) 28px), linear-gradient(180deg,#5a503b 0%,#463e2d 48%,#3a3325 100%); border:1px solid #2a2418; border-radius:8px; box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 2px 6px rgba(0,0,0,.24); } .gtmVisitedPanel__title:before{ content:""; position:absolute; top:0; left:-45%; width:70%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent); transform:skewX(-24deg); pointer-events:none; } .gtmVisitedPanel__title:after{ content:""; position:absolute; left:10px; right:10px; bottom:0; height:2px; background:linear-gradient(90deg,rgba(122,74,42,0),rgba(210,171,115,.95),rgba(122,74,42,0)); opacity:.9; pointer-events:none; } .gtmVisitedPanel__titleIcon{ display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; flex:0 0 18px; border-radius:5px; background: radial-gradient(circle at 35% 30%,rgba(255,255,255,.75),rgba(255,255,255,0) 34%), linear-gradient(180deg,#f1d078 0%,#b9852c 100%); border:1px solid #5e3d12; color:#2f2412; font-size:11px; line-height:18px; font-weight:900; text-shadow:0 1px 0 rgba(255,255,255,.35); box-shadow: 0 1px 0 rgba(255,255,255,.25) inset, 0 0 7px rgba(241,208,120,.25); } .gtmVisitedPanel__titleText{ display:block; min-width:0; flex:1 1 auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; z-index:2; } /* бейдж справа */ .gtmProfileMenu__titleBadge{ display:inline-block; flex:0 0 auto; margin:0 0 0 auto; padding:3px 7px; position:relative; z-index:2; color:#2f2412; background: radial-gradient(circle at 35% 30%,rgba(255,255,255,.75),rgba(255,255,255,0) 34%), linear-gradient(180deg,#f1d078 0%,#b9852c 100%); border:1px solid #5e3d12; border-radius:999px; font-size:9px; font-weight:900; line-height:1.2; text-transform:uppercase; letter-spacing:.04em; text-shadow:0 1px 0 rgba(255,255,255,.35); box-shadow: 0 1px 0 rgba(255,255,255,.25) inset, 0 0 7px rgba(241,208,120,.25); } /* =============================== 135. Тело блока — светлое =============================== */ .gtmVisitedPanel__body{ width:100%; max-width:100%; min-width:0; margin:0; padding:8px; overflow:hidden; position:relative; color:#2f2b1b; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; background: radial-gradient(circle at top left,rgba(255,255,255,.55),rgba(255,255,255,0) 42%), radial-gradient(circle at bottom right,rgba(210,171,115,.18),rgba(210,171,115,0) 46%), linear-gradient(180deg,#f7efd3 0%,#efe2bc 100%); border:1px solid #2a2418; border-radius:8px; box-shadow: 0 1px 2px rgba(0,0,0,.35), 0 1px 0 rgba(255,255,255,.65) inset; transition: box-shadow .2s ease, border-color .2s ease; } .gtmVisitedPanel__body:hover{ border-color:#3a3325; box-shadow: 0 2px 5px rgba(0,0,0,.30), 0 0 10px rgba(210,171,115,.14), 0 1px 0 rgba(255,255,255,.70) inset; } .gtmVisitedPanel__body:before{ content:""; position:absolute; left:6px; right:6px; top:0; height:2px; background:linear-gradient(90deg,rgba(241,208,120,0),rgba(241,208,120,.90),rgba(241,208,120,0)); box-shadow:0 0 9px rgba(241,208,120,.32); pointer-events:none; z-index:2; } .gtmVisitedPanel__body:after{ content:""; position:absolute; inset:3px; border:1px solid rgba(255,255,255,.30); border-radius:6px; pointer-events:none; z-index:1; } .gtmVisitedPanel__body > *{ position:relative; z-index:3; } /* =============================== 136. Верхняя статистика =============================== */ .gtmVisitedPanel__stat{ display:flex; align-items:center; gap:7px; width:100%; max-width:100%; min-width:0; margin:0 0 7px 0; padding:7px; color:#2a2418; background: radial-gradient(circle at top left,rgba(255,255,255,.52),rgba(255,255,255,0) 44%), linear-gradient(180deg,#f8efd2 0%,#eadbb0 100%); border:1px solid rgba(72,58,33,.28); border-left:4px solid #9f6247; border-radius:8px; box-shadow: inset 0 1px 0 rgba(255,255,255,.60), 0 1px 2px rgba(0,0,0,.10); overflow:hidden; } .gtmVisitedPanel__statIcon{ display:flex; align-items:center; justify-content:center; width:24px; height:24px; flex:0 0 24px; border-radius:7px; color:#2f2412; background:linear-gradient(180deg,#f1d078 0%,#b9852c 100%); border:1px solid #5e3d12; font-size:12px; font-weight:900; text-shadow:0 1px 0 rgba(255,255,255,.35); box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 3px rgba(0,0,0,.16); } .gtmVisitedPanel__statText{ display:block; min-width:0; flex:1 1 auto; overflow:hidden; } .gtmVisitedPanel__statText span{ display:block; color:#2a2418; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; font-size:11px; font-weight:900; line-height:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-shadow:0 1px 0 rgba(255,255,255,.55); } .gtmVisitedPanel__statText b{ display:block; margin:2px 0 0 0; color:#6a5b3e; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; font-size:9px; font-weight:800; line-height:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-shadow:0 1px 0 rgba(255,255,255,.45); } /* =============================== 137. Декоративный статус — светлый =============================== */ .gtmVisitedPanel__period{ display:flex; align-items:center; justify-content:center; gap:5px; width:100%; max-width:100%; min-width:0; margin:0 0 7px 0; padding:5px 7px; color:#6b5e3d; background: radial-gradient(circle at top left,rgba(255,255,255,.48),rgba(255,255,255,0) 42%), linear-gradient(180deg,#f5ebce 0%,#eadbb0 100%); border:1px solid rgba(72,58,33,.24); border-radius:7px; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; font-size:9px; font-weight:900; line-height:11px; text-align:center; text-transform:uppercase; letter-spacing:.05em; text-shadow:0 1px 0 rgba(255,255,255,.55); box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 1px 2px rgba(0,0,0,.08); overflow:hidden; white-space:nowrap; } .gtmVisitedPanel__periodDot{ display:inline-block; width:6px; height:6px; flex:0 0 6px; border-radius:50%; background:#9f6247; box-shadow: 0 0 0 1px rgba(255,255,255,.45), 0 0 6px rgba(159,98,71,.45); animation:gtmVisitedDotPulse 1.6s infinite ease-in-out; } @keyframes gtmVisitedDotPulse{ 0%,100%{ opacity:.7; transform:scale(.9); } 50%{ opacity:1; transform:scale(1.1); } } /* =============================== 138. Микро-разделитель =============================== */ .gtmVisitedPanel__divider{ width:100%; height:1px; margin:0 0 7px 0; overflow:hidden; background:linear-gradient(90deg,transparent,rgba(90,80,59,.28),transparent); box-shadow:0 1px 0 rgba(255,255,255,.45); } /* =============================== 139. Светлая скролл-область =============================== */ .gtmVisitedFadeWrap{ position:relative; width:100%; max-width:100%; min-width:0; height:120px; max-height:120px; overflow:hidden; border-radius:8px; } .gtmVisitedFadeWrap:after{ content:""; position:absolute; left:0; right:7px; bottom:0; height:18px; pointer-events:none; background:linear-gradient(180deg,rgba(245,235,206,0),rgba(245,235,206,.96)); border-radius:0 0 7px 7px; z-index:2; } .gtmVisitedBox{ width:100%; max-width:100%; min-width:0; height:120px; max-height:120px; padding:5px 5px 18px 4px; overflow-y:scroll; overflow-x:hidden; color:#2f2b1b; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; background: radial-gradient(circle at top left,rgba(255,255,255,.52),rgba(255,255,255,0) 42%), linear-gradient(180deg,#f8efd2 0%,#eadbb0 100%); border:1px solid rgba(72,58,33,.26); border-radius:8px; box-shadow: inset 0 1px 0 rgba(255,255,255,.60), 0 1px 2px rgba(0,0,0,.10); scrollbar-width:thin; scrollbar-color:#9f6247 rgba(72,58,33,.12); } /* красивый скролл Chrome / Edge */ .gtmVisitedBox::-webkit-scrollbar{ width:7px; height:7px; } .gtmVisitedBox::-webkit-scrollbar-track{ background:rgba(72,58,33,.10); border-radius:10px; } .gtmVisitedBox::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,#c8a85d 0%,#9f6247 100%); border:1px solid rgba(72,58,33,.45); border-radius:10px; box-shadow:inset 0 1px 0 rgba(255,255,255,.28); } .gtmVisitedBox::-webkit-scrollbar-thumb:hover{ background:linear-gradient(180deg,#d8b872 0%,#a86a4a 100%); } .gtmVisitedBox::-webkit-scrollbar-corner{ background:rgba(72,58,33,.10); } /* =============================== 140. Светлая карточка пользователя =============================== */ .gtmVisitedUser, .gtmVisitedUser:link, .gtmVisitedUser:visited, .gtmVisitedUser:active{ position:relative; display:flex; align-items:center; width:100%; max-width:100%; min-width:0; min-height:24px; margin:0 0 4px 0; padding:4px 5px; color:#2f2b1b !important; text-decoration:none !important; text-shadow:0 1px 0 rgba(255,255,255,.55) !important; background: radial-gradient(circle at top left,rgba(255,255,255,.48),rgba(255,255,255,0) 44%), linear-gradient(180deg,#fff4d4 0%,#ead8a5 100%); border:1px solid rgba(72,58,33,.24); border-left:3px solid #9f6247; border-radius:7px; box-shadow: inset 0 1px 0 rgba(255,255,255,.60), 0 1px 2px rgba(0,0,0,.08); overflow:hidden; transition: color .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease; } /* лёгкий блеск */ .gtmVisitedUser:after{ content:""; position:absolute; top:-40%; left:-70%; width:50%; height:180%; background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.30),rgba(255,255,255,0)); transform:rotate(18deg); opacity:0; pointer-events:none; } .gtmVisitedUser:hover:after{ left:120%; opacity:1; transition:left .55s ease, opacity .18s ease; } .gtmVisitedUser:hover{ color:#000 !important; background: radial-gradient(circle at top left,rgba(255,255,255,.60),rgba(255,255,255,0) 44%), linear-gradient(180deg,#fff8df 0%,#e7cf9e 100%); border-color:rgba(159,98,71,.55); border-left-color:#b87455; text-decoration:none !important; transform:translateY(-1px); box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 3px 7px rgba(0,0,0,.14), 0 0 8px rgba(159,98,71,.12); } /* Иконка группы */ .gtmVisitedUser__icon{ position:relative; display:flex; align-items:center; justify-content:center; width:15px; height:15px; flex:0 0 15px; margin:0 4px 0 0; border-radius:50%; background:linear-gradient(180deg,#f1d078,#b9852c); border:1px solid #5e3d12; box-shadow: inset 0 1px 0 rgba(255,255,255,.30), 0 1px 2px rgba(0,0,0,.16); } .gtmVisitedUser__icon:before{ content:""; width:5px; height:5px; border-radius:50%; background:#5a2318; box-shadow: 0 0 0 1px rgba(255,255,255,.35), 0 0 5px rgba(90,35,24,.35); } /* Основная информация */ .gtmVisitedUser__main{ display:flex; align-items:center; min-width:0; flex:1 1 auto; overflow:hidden; } /* Защита пустых/длинных ников */ .gtmVisitedUser__name{ display:block; min-width:0; max-width:100%; flex:1 1 auto; color:#2f2b1b !important; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; font-size:10px; font-weight:900; line-height:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:normal; overflow-wrap:normal; } .gtmVisitedUser__name:empty:before{ content:"Без имени"; color:#7a6c4c; font-style:italic; } .gtmVisitedUser__id{ display:block; flex:0 0 auto; margin:0 0 0 4px; padding:1px 4px; color:#fff3cf !important; background:linear-gradient(180deg,#9f6247 0%,#7c4632 100%); border:1px solid #5a2f21; border-radius:999px; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; font-size:8px; font-weight:900; line-height:9px; white-space:nowrap; text-shadow:1px 1px 0 rgba(0,0,0,.55); } /* =============================== 141. Цвета групп через groupID теперь тоже читаемые =============================== */ /* Администраторы */ .gtmVisitedUser--group-4, .gtmVisitedUser.group4, .gtmVisitedUser.admin, .gtmVisitedUser.administrator{ background: radial-gradient(circle at top left,rgba(255,255,255,.54),rgba(255,255,255,0) 44%), linear-gradient(180deg,#fff0d2 0%,#e7c399 100%) !important; border-color:rgba(159,98,71,.55) !important; border-left-color:#9f6247 !important; color:#2f2b1b !important; text-shadow:0 1px 0 rgba(255,255,255,.55) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.70), 0 1px 2px rgba(0,0,0,.12), 0 0 8px rgba(159,98,71,.12) !important; } .gtmVisitedUser--group-4 .gtmVisitedUser__name, .gtmVisitedUser.group4 .gtmVisitedUser__name, .gtmVisitedUser.admin .gtmVisitedUser__name, .gtmVisitedUser.administrator .gtmVisitedUser__name{ color:#3a1f15 !important; } .gtmVisitedUser--group-4 .gtmVisitedUser__icon, .gtmVisitedUser.group4 .gtmVisitedUser__icon, .gtmVisitedUser.admin .gtmVisitedUser__icon, .gtmVisitedUser.administrator .gtmVisitedUser__icon{ background:linear-gradient(180deg,#f1d078 0%,#b9852c 100%); border-color:#5e3d12; } .gtmVisitedUser--group-4 .gtmVisitedUser__icon:before, .gtmVisitedUser.group4 .gtmVisitedUser__icon:before, .gtmVisitedUser.admin .gtmVisitedUser__icon:before, .gtmVisitedUser.administrator .gtmVisitedUser__icon:before{ content:""; width:7px; height:7px; background:#5a2318; clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 56%,79% 91%,50% 70%,21% 91%,32% 56%,2% 35%,39% 35%); border-radius:0; box-shadow:none; } .gtmVisitedUser--group-4 .gtmVisitedUser__id, .gtmVisitedUser.group4 .gtmVisitedUser__id, .gtmVisitedUser.admin .gtmVisitedUser__id, .gtmVisitedUser.administrator .gtmVisitedUser__id{ background:linear-gradient(180deg,#9f6247 0%,#7c4632 100%); border-color:#5a2f21; color:#fff3cf !important; } /* Модераторы */ .gtmVisitedUser--group-3, .gtmVisitedUser.group3, .gtmVisitedUser.moder, .gtmVisitedUser.moderator{ background: radial-gradient(circle at top left,rgba(255,255,255,.52),rgba(255,255,255,0) 44%), linear-gradient(180deg,#f6e9c6 0%,#ddc68e 100%) !important; border-color:rgba(120,100,60,.42) !important; border-left-color:#b9852c !important; color:#2f2b1b !important; text-shadow:0 1px 0 rgba(255,255,255,.55) !important; } .gtmVisitedUser--group-3 .gtmVisitedUser__name, .gtmVisitedUser.group3 .gtmVisitedUser__name, .gtmVisitedUser.moder .gtmVisitedUser__name, .gtmVisitedUser.moderator .gtmVisitedUser__name{ color:#2f2b1b !important; } .gtmVisitedUser--group-3 .gtmVisitedUser__icon, .gtmVisitedUser.group3 .gtmVisitedUser__icon, .gtmVisitedUser.moder .gtmVisitedUser__icon, .gtmVisitedUser.moderator .gtmVisitedUser__icon{ background:linear-gradient(180deg,#d8b072 0%,#b78445 100%); border-color:#704621; } .gtmVisitedUser--group-3 .gtmVisitedUser__icon:before, .gtmVisitedUser.group3 .gtmVisitedUser__icon:before, .gtmVisitedUser.moder .gtmVisitedUser__icon:before, .gtmVisitedUser.moderator .gtmVisitedUser__icon:before{ content:""; width:7px; height:7px; background:#2f2b1b; clip-path:polygon(50% 0%,90% 18%,82% 70%,50% 100%,18% 70%,10% 18%); border-radius:0; box-shadow:none; } .gtmVisitedUser--group-3 .gtmVisitedUser__id, .gtmVisitedUser.group3 .gtmVisitedUser__id, .gtmVisitedUser.moder .gtmVisitedUser__id, .gtmVisitedUser.moderator .gtmVisitedUser__id{ background:linear-gradient(180deg,#5a503b 0%,#3a3325 100%); border-color:#241f15; color:#f5e8bf !important; text-shadow:1px 1px 0 rgba(0,0,0,.65); } /* Заблокированные */ .gtmVisitedUser--group-6, .gtmVisitedUser.group6, .gtmVisitedUser.banned{ color:#6d6248 !important; text-decoration:none; opacity:.82; filter:grayscale(.15); } .gtmVisitedUser--group-6 .gtmVisitedUser__name, .gtmVisitedUser.group6 .gtmVisitedUser__name, .gtmVisitedUser.banned .gtmVisitedUser__name{ color:#6d6248 !important; text-decoration:line-through; } .gtmVisitedUser--group-6 .gtmVisitedUser__icon, .gtmVisitedUser.group6 .gtmVisitedUser__icon, .gtmVisitedUser.banned .gtmVisitedUser__icon{ filter:grayscale(1); opacity:.75; } /* =============================== 142. Кнопка Показать всех — читаемая =============================== */ .gtmVisitedPanel__allBtn, .gtmVisitedPanel__allBtn:link, .gtmVisitedPanel__allBtn:visited, .gtmVisitedPanel__allBtn:active{ display:flex; align-items:center; justify-content:center; width:100%; max-width:100%; min-width:0; min-height:27px; margin:7px 0 0 0; padding:6px 8px; position:relative; overflow:hidden; color:#2f2412 !important; background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%); border:1px solid #8a7b5a; border-radius:7px; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; font-size:10px; font-weight:900; line-height:12px; text-align:center; text-decoration:none !important; text-shadow:0 1px 0 rgba(255,255,255,.65); box-shadow: 0 1px 2px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.45); transition: transform .18s ease, color .18s ease, box-shadow .18s ease, border-color .18s ease; } .gtmVisitedPanel__allBtn:before{ content:""; position:absolute; top:0; left:-70%; width:55%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.30),transparent); transform:skewX(-22deg); transition:left .32s ease; } .gtmVisitedPanel__allBtn span{ display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; z-index:2; color:#2f2412 !important; } .gtmVisitedPanel__allBtn span:after{ content:" →"; color:#7c4632; } .gtmVisitedPanel__allBtn:hover{ transform:translateY(-1px); color:#7c4632 !important; border-color:#9f6247; text-decoration:none !important; box-shadow: 0 3px 7px rgba(0,0,0,.20), 0 0 8px rgba(159,98,71,.12), inset 0 1px 0 rgba(255,255,255,.48); } .gtmVisitedPanel__allBtn:hover:before{ left:120%; } /* =============================== 143. Footer — светлый и читаемый =============================== */ .gtmVisitedPanel__footer{ display:flex; align-items:center; justify-content:center; width:100%; max-width:100%; min-width:0; margin:6px 0 0 0; padding:5px 7px; color:#6b5e3d; background: radial-gradient(circle at top left,rgba(255,255,255,.48),rgba(255,255,255,0) 42%), linear-gradient(180deg,#f5ebce 0%,#eadbb0 100%); border:1px solid rgba(72,58,33,.24); border-radius:7px; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; font-size:9px; font-weight:800; line-height:12px; text-align:center; text-shadow:0 1px 0 rgba(255,255,255,.55); box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 1px 2px rgba(0,0,0,.08); overflow:hidden; } .gtmVisitedPanel__footer span{ display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#6b5e3d !important; } /* =============================== 144. Финальная защита от выезда =============================== */ .gtmVisitedPanel img, .gtmVisitedPanel table, .gtmVisitedPanel iframe{ max-width:100% !important; } .gtmVisitedPanel, .gtmVisitedPanel *, .gtmVisitedPanel *:before, .gtmVisitedPanel *:after{ max-width:100%; word-wrap:break-word; overflow-wrap:break-word; } /* =============================== 145. Сниженная анимация =============================== */ @media(prefers-reduced-motion:reduce){ .gtmVisitedPanel__body, .gtmVisitedUser, .gtmVisitedPanel__allBtn, .gtmVisitedPanel__periodDot, .gtmVisitedUser:after, .gtmVisitedPanel__allBtn:before{ animation:none !important; transition:none !important; transform:none !important; } .gtmVisitedUser:hover, .gtmVisitedPanel__allBtn:hover, .gtmVisitedPanel__body:hover{ transform:none !important; } .gtmVisitedUser:after, .gtmVisitedPanel__allBtn:before{ display:none; } } /* =============================== 146. Счётчик материалов справа стиль как у блока "Мини профиль" =============================== */ .gtmProfileMenu__body .catsTd .catNum, .gtmProfileMenu__body .catsTd .catCounter, .gtmProfileMenu__body .catsTd .catCnt, .gtmProfileMenu__body .catsTd small, .gtmProfileMenu__body .catsTd .catName + span, .gtmProfileMenu__body .catsTd .catName + b, .gtmProfileMenu__body .catsTd .catName + em, .gtmProfileMenu__body .catsTd .catNameActive + span, .gtmProfileMenu__body .catsTd .catNameActive + b, .gtmProfileMenu__body .catsTd .catNameActive + em{ position:absolute; right:7px; top:50%; transform:translateY(-50%); min-width:20px; height:17px; padding:0 6px; color:#f5ebce !important; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.36)), linear-gradient(180deg,#4b422e 0%,#2f291d 100%) !important; border:1px solid #201b12 !important; border-radius:999px; font-size:10px; font-style:normal; font-weight:900; line-height:17px; text-align:center; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 1px 3px rgba(0,0,0,.22), 0 0 7px rgba(210,171,115,.08); box-sizing:border-box; z-index:2; } /* если счётчик выводится ссылкой */ .gtmProfileMenu__body .catsTd .catName + a, .gtmProfileMenu__body .catsTd .catNameActive + a{ position:absolute; right:7px; top:50%; transform:translateY(-50%); min-width:20px; height:17px; padding:0 6px !important; color:#f5ebce !important; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.36)), linear-gradient(180deg,#4b422e 0%,#2f291d 100%) !important; border:1px solid #201b12 !important; border-radius:999px !important; font-size:10px !important; font-weight:900 !important; line-height:17px !important; text-align:center; text-decoration:none !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 1px 3px rgba(0,0,0,.22), 0 0 7px rgba(210,171,115,.08); box-sizing:border-box; z-index:2; } /* hover для счётчика */ .gtmProfileMenu__body .catsTd:hover .catNum, .gtmProfileMenu__body .catsTd:hover .catCounter, .gtmProfileMenu__body .catsTd:hover .catCnt, .gtmProfileMenu__body .catsTd:hover small, .gtmProfileMenu__body .catsTd:hover .catName + span, .gtmProfileMenu__body .catsTd:hover .catName + b, .gtmProfileMenu__body .catsTd:hover .catName + em, .gtmProfileMenu__body .catsTd:hover .catNameActive + span, .gtmProfileMenu__body .catsTd:hover .catNameActive + b, .gtmProfileMenu__body .catsTd:hover .catNameActive + em, .gtmProfileMenu__body .catsTd:hover .catName + a, .gtmProfileMenu__body .catsTd:hover .catNameActive + a{ color:#2f2b1b !important; background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%) !important; border-color:#8a7b5a !important; text-shadow:1px 1px 0 rgba(255,255,255,.65) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 2px 5px rgba(0,0,0,.28), 0 0 8px rgba(210,171,115,.14); } /* активная категория — счётчик чуть ярче */ .gtmProfileMenu__body .catsTd .catNameActive + span, .gtmProfileMenu__body .catsTd .catNameActive + b, .gtmProfileMenu__body .catsTd .catNameActive + em, .gtmProfileMenu__body .catsTd .catNameActive + a{ color:#2f2b1b !important; background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%) !important; border-color:#8a7b5a !important; text-shadow:1px 1px 0 rgba(255,255,255,.65) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 2px 5px rgba(0,0,0,.28), 0 0 8px rgba(210,171,115,.14); } /* =============================== 147. Защита от выезда текста =============================== */ .gtmProfileMenu, .gtmProfileMenu *{ box-sizing:border-box; max-width:100%; } .gtmProfileMenu a{ word-wrap:break-word; overflow-wrap:break-word; } /* если категория очень длинная */ .gtmProfileMenu .catName, .gtmProfileMenu .catNameActive, .gtmProfileMenu__link{ overflow:hidden; } /* чтобы текст категории не залезал под счётчик */ .gtmProfileMenu__body .catsTd{ position:relative; } .gtmProfileMenu__body .catsTd .catName, .gtmProfileMenu__body .catsTd .catNameActive, .gtmProfileMenu__body .catsTd .gtmProfileMenu__link{ display:block; padding-right:34px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } /* =============================== 148. Актуальные события стиль как у блока "Мини профиль" без сдвига колонки влево =============================== */ .gtmSpotEventsPanel{ width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 0 10px 0 !important; padding:10px !important; display:block !important; clear:both !important; float:none !important; position:relative !important; left:auto !important; right:auto !important; transform:none !important; overflow:hidden !important; box-sizing:border-box !important; color:#e4dac4 !important; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; background: radial-gradient(circle at 50% 0,rgba(210,171,115,.10),transparent 42%), radial-gradient(circle at 86% 100%,rgba(86,52,24,.14),transparent 34%), linear-gradient(180deg,#3d3628 0%,#2f291d 52%,#221d14 100%) !important; border:1px solid #1c1710 !important; border-radius:12px !important; box-shadow: 0 14px 30px rgba(0,0,0,.42), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.16) inset !important; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important; } .gtmSpotEventsPanel:hover{ transform:translateY(-1px) !important; border-color:#2a2418 !important; box-shadow: 0 16px 32px rgba(0,0,0,.46), 0 0 12px rgba(210,171,115,.10), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.16) inset !important; } .gtmSpotEventsPanel, .gtmSpotEventsPanel *, .gtmSpotEventsPanel *:before, .gtmSpotEventsPanel *:after{ box-sizing:border-box !important; max-width:100% !important; } .gtmSpotEventsPanel:before{ content:"" !important; position:absolute !important; inset:1px !important; border-radius:11px !important; border:1px solid rgba(255,255,255,.03) !important; pointer-events:none !important; z-index:1 !important; } .gtmSpotEventsPanel:after{ content:"" !important; position:absolute !important; left:0 !important; top:0 !important; width:100% !important; height:1px !important; background:linear-gradient(90deg,transparent,rgba(240,221,185,.36),transparent) !important; pointer-events:none !important; z-index:2 !important; } .gtmSpotEventsPanel > *{ position:relative !important; z-index:3 !important; } /* =============================== 149. Заголовок =============================== */ .gtmSpotEventsPanel__title{ width:100% !important; min-height:auto !important; margin:0 0 10px 0 !important; padding:8px 9px 8px 34px !important; position:relative !important; overflow:hidden !important; color:#f5ebce !important; font:700 12px/1.3 "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; text-transform:uppercase !important; letter-spacing:.06em !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; background:linear-gradient(180deg,rgba(84,72,52,.92),rgba(62,53,39,.92)) !important; border:1px solid #2a2418 !important; border-radius:8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 2px 6px rgba(0,0,0,.24) !important; } .gtmSpotEventsPanel__title:before{ content:"!" !important; width:18px !important; height:18px !important; position:absolute !important; left:9px !important; top:50% !important; margin-top:-9px !important; display:flex !important; align-items:center !important; justify-content:center !important; color:#2f2b1b !important; background:linear-gradient(180deg,#f5ebce 0%,#d8caa8 100%) !important; border:1px solid rgba(42,36,24,.75) !important; border-radius:5px !important; font-size:12px !important; font-weight:900 !important; line-height:18px !important; text-align:center !important; text-shadow:1px 1px 0 rgba(255,255,255,.45) !important; box-shadow: 1px 1px 0 rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.45) !important; z-index:2 !important; } .gtmSpotEventsPanel__title:after{ content:"" !important; position:absolute !important; left:10px !important; right:10px !important; bottom:0 !important; height:2px !important; background:linear-gradient(90deg,rgba(122,74,42,0),rgba(210,171,115,.95),rgba(122,74,42,0)) !important; opacity:.9 !important; pointer-events:none !important; } /* декоративный блик заголовка */ .gtmSpotEventsPanel__title span:before{ content:"" !important; position:absolute !important; top:0 !important; left:-45% !important; width:70% !important; height:100% !important; background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent) !important; transform:skewX(-24deg) !important; pointer-events:none !important; } /* бейдж */ .gtmSpotEventsPanel__badge{ margin-left:6px !important; padding:3px 7px !important; display:inline-block !important; vertical-align:middle !important; color:#f5ebce !important; background: linear-gradient(180deg,rgba(210,171,115,.10),rgba(122,74,42,.18)), linear-gradient(180deg,#8a563d 0%,#6f4330 58%,#4d2f22 100%) !important; border:1px solid #3e2419 !important; border-radius:999px !important; font-size:9px !important; font-weight:900 !important; line-height:1.2 !important; text-transform:uppercase !important; letter-spacing:.04em !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: 0 2px 7px rgba(0,0,0,.34), 0 0 10px rgba(122,74,42,.16), inset 0 1px 0 rgba(255,255,255,.14) !important; animation:gtmSpotEventsBadgePulse 1.8s ease-in-out infinite !important; } /* =============================== 150. Тело =============================== */ .gtmSpotEventsPanel__body{ width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; display:block !important; overflow:hidden !important; box-sizing:border-box !important; background:transparent !important; } /* =============================== 151. Статус =============================== */ .gtmSpotEventsPanel__status{ width:100% !important; margin:0 0 8px 0 !important; padding:6px 7px !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:6px !important; color:#b6ac94 !important; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.36)), rgba(23,21,13,.38) !important; border:1px solid rgba(138,123,90,.30) !important; border-radius:7px !important; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; font-size:10px !important; font-weight:900 !important; line-height:12px !important; text-align:center !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.18) !important; } .gtmSpotEventsPanel__statusText{ flex:1 1 auto !important; min-width:0 !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; } .gtmSpotEventsPanel__status b{ flex:0 0 auto !important; padding:2px 6px !important; display:inline-block !important; color:#2f2b1b !important; background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%) !important; border:1px solid #8a7b5a !important; border-radius:999px !important; font-size:9px !important; font-weight:900 !important; line-height:11px !important; text-transform:uppercase !important; text-shadow:1px 1px 0 rgba(255,255,255,.65) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 2px 5px rgba(0,0,0,.22) !important; } /* мигающая точка */ .gtmSpotEventsPanel__statusDot{ width:7px !important; height:7px !important; flex:0 0 7px !important; display:inline-block !important; margin:0 !important; border-radius:50% !important; background:#d2ab73 !important; box-shadow: 0 0 7px rgba(210,171,115,.85), 0 0 12px rgba(210,171,115,.35) !important; animation:gtmSpotEventsDotPulse 1.6s infinite ease-in-out !important; } /* =============================== 152. Список =============================== */ .gtmSpotEventsPanel__list{ width:100% !important; max-width:100% !important; min-width:0 !important; display:block !important; margin:0 !important; padding:0 !important; overflow:hidden !important; } /* если uCoz выводит старую таблицу */ .gtmSpotEventsPanel__list table, .gtmSpotEventsPanel__list tbody, .gtmSpotEventsPanel__list tr, .gtmSpotEventsPanel__list td, .gtmSpotEventsPanel__list .catsTable, .gtmSpotEventsPanel__list .catsTd{ width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; display:block !important; float:none !important; clear:both !important; border:0 !important; border-spacing:0 !important; border-collapse:collapse !important; table-layout:fixed !important; box-sizing:border-box !important; } /* элемент */ .gtmSpotEventsPanel__item{ width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 0 6px 0 !important; padding:0 !important; display:block !important; overflow:hidden !important; box-sizing:border-box !important; } .gtmSpotEventsPanel__item:last-child{ margin-bottom:0 !important; } /* =============================== 153. Ссылка-карточка =============================== */ .gtmSpotEventsPanel__link, .gtmSpotEventsPanel__link:link, .gtmSpotEventsPanel__link:visited, .gtmSpotEventsPanel__link:active, .gtmSpotEventsPanel__list .catName, .gtmSpotEventsPanel__list .catName:link, .gtmSpotEventsPanel__list .catName:visited, .gtmSpotEventsPanel__list .catName:active{ width:100% !important; max-width:100% !important; min-width:0 !important; min-height:34px !important; margin:0 !important; padding:8px 24px 8px 25px !important; position:relative !important; overflow:hidden !important; box-sizing:border-box !important; color:#2a2418 !important; background-image: linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.035) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.12) .7px, transparent .8px), linear-gradient(180deg,#f5ebce 0%,#e7d9b8 100%) !important; background-size: auto, 6px 6px, 8px 8px, auto !important; background-position: 0 0, 0 0, 3px 3px, 0 0 !important; border:1px solid #9b8864 !important; border-left:4px solid #7a4a2a !important; border-radius:8px !important; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; font-size:11px !important; font-weight:900 !important; line-height:15px !important; text-decoration:none !important; text-shadow:1px 1px 0 rgba(255,255,255,.55) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 2px 6px rgba(0,0,0,.25) !important; white-space:normal !important; word-break:normal !important; overflow-wrap:break-word !important; transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease, color .18s ease !important; } /* ограничение нового класса до 2 строк */ .gtmSpotEventsPanel__link{ display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; } /* старый catName не ломаем */ .gtmSpotEventsPanel__list .catName{ display:block !important; } /* верхний глянец */ .gtmSpotEventsPanel__link:before, .gtmSpotEventsPanel__list .catName:before{ content:"" !important; position:absolute !important; left:8px !important; top:50% !important; width:8px !important; height:8px !important; margin-top:-4px !important; border-radius:50% !important; background:#d2ab73 !important; box-shadow: 0 0 7px rgba(210,171,115,.85), 0 0 12px rgba(210,171,115,.35) !important; } /* стрелка */ .gtmSpotEventsPanel__link:after, .gtmSpotEventsPanel__list .catName:after{ content:"›" !important; width:14px !important; height:14px !important; position:absolute !important; right:6px !important; top:50% !important; margin-top:-7px !important; color:#7a4a2a !important; font-size:16px !important; font-weight:900 !important; line-height:14px !important; text-align:center !important; text-shadow:1px 1px 0 rgba(255,255,255,.45) !important; transition: color .18s ease, right .18s ease !important; } /* hover */ .gtmSpotEventsPanel__link:hover, .gtmSpotEventsPanel__list .catName:hover{ transform:translateY(-1px) !important; color:#7a4a2a !important; border-color:#a18b5f !important; border-left-color:#9f6247 !important; text-decoration:none !important; background-image: linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.04) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.14) .7px, transparent .8px), linear-gradient(180deg,#fff4d4 0%,#e3cfaa 100%) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.48), 0 4px 10px rgba(0,0,0,.28), 0 0 8px rgba(224,214,192,.18) !important; } .gtmSpotEventsPanel__link:hover:before, .gtmSpotEventsPanel__list .catName:hover:before{ background:#9f6247 !important; box-shadow: 0 0 7px rgba(159,98,71,.65), 0 0 12px rgba(159,98,71,.30) !important; } .gtmSpotEventsPanel__link:hover:after, .gtmSpotEventsPanel__list .catName:hover:after{ right:4px !important; color:#9f6247 !important; } /* =============================== 154. Жёсткая защита ширины без margin-left:-6px =============================== */ .gtmSpotEventsPanel, .gtmSpotEventsPanel[style]{ width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; left:auto !important; right:auto !important; transform:none !important; float:none !important; clear:both !important; } .leftcolumn .gtmSpotEventsPanel, .rightcolumn .gtmSpotEventsPanel, .cat_box .gtmSpotEventsPanel, .cat_box_body_left .gtmSpotEventsPanel, .chat_box .gtmSpotEventsPanel{ width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; } .gtmSpotEventsPanel__body, .gtmSpotEventsPanel__status, .gtmSpotEventsPanel__list, .gtmSpotEventsPanel__item, .gtmSpotEventsPanel__link{ max-width:100% !important; word-wrap:break-word !important; overflow-wrap:break-word !important; } /* =============================== 155. Анимации =============================== */ @keyframes gtmSpotEventsBadgePulse{ 0%,100%{ box-shadow: 0 2px 7px rgba(0,0,0,.34), 0 0 10px rgba(122,74,42,.16), inset 0 1px 0 rgba(255,255,255,.14); } 50%{ box-shadow: 0 3px 9px rgba(0,0,0,.40), 0 0 16px rgba(210,171,115,.30), inset 0 1px 0 rgba(255,255,255,.18); } } @keyframes gtmSpotEventsDotPulse{ 0%,100%{ transform:scale(1); box-shadow: 0 0 7px rgba(210,171,115,.85), 0 0 12px rgba(210,171,115,.35); } 50%{ transform:scale(1.15); box-shadow: 0 0 10px rgba(210,171,115,1), 0 0 18px rgba(210,171,115,.55); } } /* =============================== 156. Снижение движения =============================== */ @media(prefers-reduced-motion:reduce){ .gtmSpotEventsPanel, .gtmSpotEventsPanel *, .gtmSpotEventsPanel *:before, .gtmSpotEventsPanel *:after{ animation:none !important; transition:none !important; transform:none !important; } .gtmSpotEventsPanel__link:hover{ transform:none !important; } } /* =============================== 157. ОБЩИЙ МОДУЛЬ: ОНЛАЙН + СТАТИСТИКА делает два блока одним цельным блоком =============================== */ .gtmOnlineVisitedPack{ width:100% !important; max-width:100% !important; margin:0 0 10px 0 !important; padding:0 !important; background:#211711 !important; border-radius:10px !important; overflow:hidden !important; box-sizing:border-box !important; box-shadow: 0 5px 12px rgba(0,0,0,.32), 0 0 10px rgba(122,49,31,.10) !important; } .gtmOnlineVisitedPack, .gtmOnlineVisitedPack *, .gtmOnlineVisitedPack *:before, .gtmOnlineVisitedPack *:after{ box-sizing:border-box !important; } /* убираем внешние отступы у внутренних блоков */ .gtmOnlineVisitedPack .gtmOnlinePanel, .gtmOnlineVisitedPack .gtmVisitedPanel{ width:100% !important; max-width:100% !important; margin:0 !important; border-radius:0 !important; box-shadow:none !important; } /* верхний блок получает верхнее скругление */ .gtmOnlineVisitedPack__top{ border-radius:10px 10px 0 0 !important; } /* нижний блок получает нижнее скругление */ .gtmOnlineVisitedPack__bottom{ border-radius:0 0 10px 10px !important; } /* заголовок верхнего блока */ .gtmOnlineVisitedPack__top .gtmOnlinePanel__title, .gtmOnlineVisitedPack__top .gtmProfileMenu__title{ border-radius:10px 10px 0 0 !important; } /* тело верхнего блока без нижнего скругления */ .gtmOnlineVisitedPack__top .gtmOnlinePanel__body, .gtmOnlineVisitedPack__top .gtmProfileMenu__body{ border-radius:0 !important; border-bottom:0 !important; } /* заголовок второго блока не как отдельная карточка, а как секция внутри общего блока */ .gtmOnlineVisitedPack__bottom .gtmVisitedPanel__title, .gtmOnlineVisitedPack__bottom .gtmProfileMenu__title{ border-radius:0 !important; border-top:1px solid rgba(225,176,122,.20) !important; } /* тело нижнего блока */ .gtmOnlineVisitedPack__bottom .gtmVisitedPanel__body, .gtmOnlineVisitedPack__bottom .gtmProfileMenu__body{ border-radius:0 0 10px 10px !important; } /* мягкий разделитель между онлайн-блоком и статистикой */ .gtmOnlineVisitedPack__bottom .gtmVisitedPanel__title:before{ content:"" !important; position:absolute !important; left:7px !important; right:7px !important; top:0 !important; height:1px !important; background: linear-gradient( 90deg, transparent 0%, rgba(225,176,122,.34) 48%, rgba(225,176,122,.34) 52%, transparent 100% ) !important; pointer-events:none !important; } /* защита от белых краёв */ .gtmOnlineVisitedPack .gtmProfileMenu:before, .gtmOnlineVisitedPack .gtmProfileMenu:after, .gtmOnlineVisitedPack .gtmProfileMenu__title:before, .gtmOnlineVisitedPack .gtmProfileMenu__title:after, .gtmOnlineVisitedPack .gtmProfileMenu__body:before, .gtmOnlineVisitedPack .gtmProfileMenu__body:after{ display:none !important; content:none !important; } /* если у блока снова появится левый зазор в колонке */ .gtmOnlineVisitedPack{ margin-left:0 !important; margin-right:0 !important; } /* =============================== 158. БЛОК НОВОСТЕЙ стиль как "Мини профиль" =============================== */ .gtn-news{ width:100%; max-width:100%; margin:0 0 12px 0; padding:0; display:block; box-sizing:border-box; } .gtn-news, .gtn-news *, .gtn-news *:before, .gtn-news *:after{ box-sizing:border-box; } /* основная карточка */ .gtn-news-card{ width:100%; max-width:100%; margin:0; padding:0; position:relative; overflow:hidden; color:#e4dac4; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; background: radial-gradient(circle at 50% 0,rgba(210,171,115,.10),transparent 42%), radial-gradient(circle at 86% 100%,rgba(86,52,24,.14),transparent 34%), linear-gradient(180deg,#3d3628 0%,#2f291d 52%,#221d14 100%); border:1px solid #1c1710; border-radius:12px; box-shadow: 0 14px 30px rgba(0,0,0,.42), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.16) inset; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; } .gtn-news-card:hover{ transform:translateY(-2px); border-color:#2a2418; box-shadow: 0 18px 34px rgba(0,0,0,.50), 0 0 12px rgba(210,171,115,.12), 0 1px 0 rgba(255,255,255,.06) inset, 0 -1px 0 rgba(0,0,0,.18) inset; } /* внутренняя тонкая рамка */ .gtn-news-card:before{ content:""; position:absolute; inset:1px; border-radius:11px; border:1px solid rgba(255,255,255,.03); pointer-events:none; z-index:8; } .gtn-news-card:hover:after{ left:120%; } /* панель модерации */ .gtn-news-moder{ position:relative; z-index:12; margin:0; padding:7px 9px; color:#f5ebce; background: radial-gradient(circle at top left,rgba(255,255,255,.08),rgba(255,255,255,0) 44%), linear-gradient(180deg,#4a4130 0%,#373021 52%,#261f15 100%); border-bottom:1px solid #1c1710; font-size:11px; font-weight:800; line-height:14px; text-shadow:0 1px 1px rgba(0,0,0,.75); } /* =============================== 159. Картинка =============================== */ .gtn-news-cover{ position:relative; width:100%; height:190px; padding:4px; overflow:hidden; background:linear-gradient(180deg,#17150d,#292417); border-bottom:1px solid #17150d; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 2px 8px rgba(0,0,0,.28); } .gtn-news-cover a, .gtn-news-cover a:link, .gtn-news-cover a:visited, .gtn-news-cover a:active{ position:relative; width:100%; height:100%; display:block; overflow:hidden; border-radius:9px; color:#f5ebce; text-decoration:none; background:#17150d; } .gtn-news-cover a:before{ content:""; position:absolute; left:0; right:0; top:0; height:34%; background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.07) 45%,transparent); border-radius:9px 9px 0 0; pointer-events:none; z-index:3; } .gtn-news-cover a:after{ content:""; position:absolute; left:0; right:0; bottom:0; height:58%; background:linear-gradient(180deg,transparent,rgba(0,0,0,.76)); border-radius:0 0 9px 9px; z-index:2; pointer-events:none; } .gtn-news-cover img{ width:100% !important; height:100% !important; max-width:100% !important; display:block; object-fit:cover; border:0; border-radius:9px; transition: transform .25s ease, filter .25s ease; } .gtn-news-card:hover .gtn-news-cover img{ transform:scale(1.045); filter:brightness(1.05); } /* если нет картинки */ .gtn-news-noimg{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:#d2ab73; background: radial-gradient(circle at 50% 0,rgba(210,171,115,.12),transparent 42%), linear-gradient(180deg,#302a1d 0%,#17130d 100%); border-radius:9px; font-size:13px; font-weight:900; line-height:16px; text-align:center; text-transform:uppercase; letter-spacing:.04em; text-shadow:0 1px 1px rgba(0,0,0,.82); } /* кнопка читать */ .gtn-news-btn{ position:absolute; left:50%; bottom:12px; transform:translateX(-50%); z-index:6; min-width:86px; padding:7px 13px; color:#2f2b1b; background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%); border:1px solid #8a7b5a; border-radius:7px; font-size:10px; font-weight:900; line-height:1; text-align:center; text-transform:uppercase; text-shadow:1px 1px 0 rgba(255,255,255,.65); opacity:0; visibility:hidden; box-shadow: 0 2px 6px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.45); transition: opacity .2s ease, visibility .2s ease, transform .2s ease, box-shadow .18s ease, border-color .18s ease; } .gtn-news-btn:before{ content:"↪"; margin-right:5px; } .gtn-news-card:hover .gtn-news-btn{ opacity:1; visibility:visible; transform:translateX(-50%) translateY(-1px); box-shadow: 0 4px 10px rgba(0,0,0,.58), 0 0 8px rgba(224,214,192,.18), inset 0 1px 0 rgba(255,255,255,.48); } /* =============================== 160. Тело новости =============================== */ .gtn-news-body{ position:relative; z-index:3; width:100%; padding:11px 12px 12px 12px; overflow:hidden; } /* заголовок */ .gtn-news-title{ margin:0 0 8px 0; padding:0; font-size:0; line-height:0; } .gtn-news-title a, .gtn-news-title a:link, .gtn-news-title a:visited, .gtn-news-title a:active{ display:block; max-width:100%; margin:0; padding:0; color:#f5ebce; font-size:16px; font-weight:900; line-height:20px; text-decoration:none; word-break:break-word; text-shadow:1px 1px 0 rgba(0,0,0,.82); transition: color .18s ease, text-decoration-color .18s ease; } .gtn-news-title a:before{ content:"▸"; display:inline-block; margin:0 6px 0 0; color:#d2ab73; font-size:12px; line-height:1; vertical-align:1px; text-shadow:0 0 7px rgba(210,171,115,.45); } .gtn-news-title a:hover{ color:#fff; text-decoration:underline; text-decoration-color:rgba(210,171,115,.45); text-underline-offset:3px; } /* мета */ .gtn-news-meta{ width:100%; margin:0 0 9px 0; padding:6px 7px; display:flex; align-items:center; flex-wrap:wrap; gap:5px; color:#b6ac94; background: linear-gradient(180deg,rgba(245,235,206,.06),rgba(23,21,13,.38)), rgba(23,21,13,.42); border:1px solid rgba(138,123,90,.26); border-radius:8px; font-size:10px; font-weight:900; line-height:13px; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: inset 0 1px 0 rgba(255,255,255,.05); } .gtn-news-meta span{ display:inline-flex; align-items:center; max-width:100%; padding:2px 6px; color:#d8caa8; background:rgba(255,255,255,.035); border:1px solid rgba(210,171,115,.10); border-radius:999px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } /* текст */ .gtn-news-text{ width:100%; max-width:100%; margin:0; padding:9px 10px; color:#d8c0a5; background: radial-gradient(circle at top left,rgba(255,255,255,.065),rgba(255,255,255,0) 44%), linear-gradient(180deg,#302a1d 0%,#211c14 100%); border:1px solid rgba(28,23,16,.95); border-left:3px solid #8d6a2c; border-radius:8px; font-size:12px; font-weight:700; line-height:18px; text-shadow:0 1px 1px rgba(0,0,0,.68); box-shadow: 0 1px 0 rgba(255,255,255,.055) inset, 0 -1px 0 rgba(0,0,0,.22) inset, 0 1px 2px rgba(0,0,0,.16); overflow:hidden; word-wrap:break-word; overflow-wrap:break-word; } .gtn-news-text p{ margin:0 0 8px 0; } .gtn-news-text p:last-child{ margin-bottom:0; } .gtn-news-text a, .gtn-news-text a:link, .gtn-news-text a:visited, .gtn-news-text a:active{ color:#d2ab73; font-weight:900; text-decoration:none; } .gtn-news-text a:hover{ color:#fff1cf; text-decoration:underline; text-decoration-color:rgba(210,171,115,.45); text-underline-offset:2px; } .gtn-news-text img{ max-width:100% !important; height:auto !important; border-radius:8px; } /* =============================== 161. Мобильная версия =============================== */ @media screen and (max-width:640px){ .gtn-news-cover{ height:155px; } .gtn-news-btn{ opacity:1; visibility:visible; bottom:10px; } .gtn-news-body{ padding:10px; } .gtn-news-title a{ font-size:15px; line-height:19px; } .gtn-news-meta{ gap:4px; font-size:9px; } .gtn-news-text{ font-size:12px; line-height:17px; } } @media screen and (max-width:420px){ .gtn-news-cover{ height:135px; } .gtn-news-title a{ font-size:14px; line-height:18px; } .gtn-news-meta span{ max-width:100%; } } /* =============================== 162. Reduced motion =============================== */ @media(prefers-reduced-motion:reduce){ .gtn-news-card, .gtn-news-card:after, .gtn-news-cover img, .gtn-news-btn, .gtn-news-title a{ animation:none !important; transition:none !important; transform:none !important; } .gtn-news-card:hover{ transform:none !important; } .gtn-news-card:hover:after{ left:-120%; } .gtn-news-card:hover .gtn-news-cover img{ transform:none !important; } } /* ========================= 163. ПРИМЕЧАНИЕ ПОД СТАТЬЁЙ Показывается только в категории ID 9 ========================= */ .gtmArticleNotice{ box-sizing:border-box; width:100%; max-width:100%; margin:14px 0 0; padding:9px 11px; background:#2f291d; border:1px solid rgba(138,123,90,.26); border-radius:9px; color:#cfc2a3; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; box-shadow: 0 4px 10px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04); } /* Верхняя строка примечания */ .gtmArticleNotice__head{ display:flex; align-items:center; gap:7px; margin:0 0 5px; } /* Маленькая иконка i */ .gtmArticleNotice__icon{ display:inline-flex; align-items:center; justify-content:center; width:17px; height:17px; min-width:17px; color:#2f2b1b; background:#d2ab73; border-radius:50%; font-size:11px; font-weight:900; line-height:1; text-shadow:none; } /* Заголовок "Примечание" */ .gtmArticleNotice__title{ color:#f5ebce; font-size:11px; font-weight:800; line-height:1.25; text-shadow:1px 1px 0 rgba(0,0,0,.65); } /* Текст примечания */ .gtmArticleNotice__text{ color:#b6ac94; font-size:11px; font-weight:600; line-height:1.45; text-shadow:1px 1px 0 rgba(0,0,0,.55); } /* Ссылки внутри примечания, если появятся */ .gtmArticleNotice a{ color:#d2ab73!important; text-decoration:none!important; } .gtmArticleNotice a:hover{ color:#f5ebce!important; text-decoration:underline!important; } /* ===================================================== 164. Автор новости ===================================================== */ .gtnEntry_authorBox { display:flex; align-items:center; gap:12px; margin:14px 0 18px 0; padding:11px 13px; border:1px solid rgba(216,178,91,.28); border-radius:10px; background: linear-gradient(180deg, rgba(255,235,170,.08), rgba(255,235,170,0) 45%), linear-gradient(180deg, rgba(55,48,30,.92), rgba(34,30,20,.94)); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 2px 8px rgba(0,0,0,.28); } .gtnEntry_authorAvatar { width:42px; height:42px; flex:0 0 42px; border-radius:50%; overflow:hidden; display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:700; color:#2d2718; border:1px solid rgba(255,218,128,.45); background:linear-gradient(180deg, #e7c56f 0%, #9d7430 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 2px 6px rgba(0,0,0,.35); } .gtnEntry_authorAvatar img { display:block; width:100%; height:100%; object-fit:cover; } .gtnEntry_authorInfo { min-width:0; } .gtnEntry_authorLabel { margin-bottom:3px; font-size:11px; line-height:1.2; text-transform:uppercase; letter-spacing:.04em; color:#b9ad8a; } .gtnEntry_authorName { font-size:14px; line-height:1.3; font-weight:700; color:#f8edc8; } .gtnEntry_authorName a { color:#f8edc8 !important; text-decoration:none !important; } .gtnEntry_authorName a:hover { color:#fff4cf !important; text-decoration:underline !important; } .gtnEntry_authorSmall { margin-top:3px; font-size:11px; color:#9f9476; } /* ===================================================== 165. Автор в верхней строке мета-информации ===================================================== */ .gtnEntry_author { color:#d8c995; } .gtnEntry_author a { color:#f1d88a !important; text-decoration:none !important; } .gtnEntry_author a:hover { color:#fff1ba !important; text-decoration:underline !important; } /* ===================================================== 166. Кнопка "Спасибо автору за новость" ===================================================== */ .gtnEntry_thanks { margin:18px 0 8px 0; padding:0; text-align:center; } .gtnEntry_thanksBtn { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:38px; padding:0 18px; font-family:Arial, Tahoma, sans-serif; font-size:13px; font-weight:700; line-height:1.2; text-decoration:none !important; color:#f8edc8 !important; text-shadow:0 1px 1px rgba(0,0,0,.75); border:1px solid rgba(216,178,91,.45); border-radius:9px; background: linear-gradient(180deg, rgba(255,235,170,.14), rgba(255,235,170,0) 42%), linear-gradient(180deg, #4b4127 0%, #2d2718 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.12), inset 0 -1px 0 rgba(0,0,0,.45), 0 2px 8px rgba(0,0,0,.35); cursor:pointer; overflow:hidden; transition: color .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease; } .gtnEntry_thanksBtn:before { content:"★"; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; font-size:12px; color:#2d2718; text-shadow:none; border-radius:50%; background:linear-gradient(180deg, #ffe39a 0%, #c99533 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 1px 4px rgba(0,0,0,.45); } .gtnEntry_thanksBtn:after { content:""; position:absolute; top:0; left:-45%; width:35%; height:100%; background:linear-gradient( 90deg, rgba(255,255,255,0), rgba(255,255,255,.18), rgba(255,255,255,0) ); transform:skewX(-22deg); opacity:0; transition:left .45s ease, opacity .25s ease; } .gtnEntry_thanksBtn:hover { color:#fff4cf !important; border-color:rgba(255,211,115,.75); background: linear-gradient(180deg, rgba(255,236,170,.2), rgba(255,236,170,0) 42%), linear-gradient(180deg, #5b4c2b 0%, #352d1b 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.16), inset 0 -1px 0 rgba(0,0,0,.5), 0 3px 12px rgba(0,0,0,.42), 0 0 14px rgba(207,157,54,.18); transform:translateY(-1px); } .gtnEntry_thanksBtn:hover:after { left:115%; opacity:1; } .gtnEntry_thanksBtn:active { transform:translateY(0); box-shadow: inset 0 2px 5px rgba(0,0,0,.45), 0 1px 4px rgba(0,0,0,.35); } .gtnEntry_thanksBtn span { position:relative; z-index:2; } /* ===================================================== 167. Мобильная версия ===================================================== */ @media screen and (max-width:600px) { .gtnEntry_authorBox { align-items:flex-start; margin:12px 0 15px 0; padding:10px; } .gtnEntry_authorAvatar { width:38px; height:38px; flex-basis:38px; } .gtnEntry_thanks { margin:16px 0 6px 0; } .gtnEntry_thanksBtn { width:100%; box-sizing:border-box; min-height:40px; padding:0 12px; font-size:13px; } } @media not all { /* ===================================================== 168. UCOZ uWnd / _uWnd — рабочий непрозрачный дизайн GtaMania warm beige style ===================================================== */ /* ===================================================== 1. Главное окно ===================================================== */ .xw-table, .xw-table tbody, .xw-table tr, .xw-table td, .xw-tl, .xw-tc, .xw-tr, .xw-ml, .xw-mr, .xw-bl, .xw-bc, .xw-br { background:#d2bb82 !important; background-color:#d2bb82 !important; background-image:none !important; color:#241b0d !important; } .xw-table { border-collapse:collapse !important; border-spacing:0 !important; border:1px solid #7d5b22 !important; box-shadow: 0 18px 42px rgba(0,0,0,.55), 0 0 20px rgba(125,91,34,.25) !important; } /* ===================================================== 2. Центральная часть ===================================================== */ .xw-mc { background:#dfca91 !important; background-color:#dfca91 !important; background-image:none !important; color:#241b0d !important; border:0 !important; } /* ===================================================== 3. Заголовок окна ===================================================== */ .xw-hdr { position:relative !important; height:36px !important; min-height:36px !important; padding:0 !important; margin:0 !important; background:linear-gradient(180deg, #bd9650 0%, #76501d 100%) !important; background-color:#8d6728 !important; border:0 !important; border-bottom:1px solid #4d3510 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.32), inset 0 -1px 0 rgba(0,0,0,.25) !important; } .xw-hdr-text { display:block !important; height:36px !important; line-height:36px !important; padding:0 48px 0 13px !important; margin:0 !important; color:#fff1c7 !important; font-family:Arial,Tahoma,sans-serif !important; font-size:13px !important; font-weight:700 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; text-shadow:0 1px 1px rgba(0,0,0,.75) !important; } .xw-hdr td, .xw-hdr div, .xw-hdr span { background:transparent !important; color:#fff1c7 !important; font-family:Arial,Tahoma,sans-serif !important; font-size:13px !important; font-weight:700 !important; line-height:36px !important; } /* ===================================================== 4. Тело окна ===================================================== */ .xw-body { background:linear-gradient(180deg, #e8d3a0 0%, #c8ad72 100%) !important; background-color:#d2bb82 !important; color:#241b0d !important; padding:12px !important; font-family:Arial,Tahoma,sans-serif !important; font-size:13px !important; line-height:1.45 !important; overflow:visible !important; } .xw-body, .xw-body form, .xw-body div, .xw-body span, .xw-body font, .xw-body label { color:#241b0d !important; font-family:Arial,Tahoma,sans-serif !important; } /* ===================================================== 5. Таблицы внутри формы ===================================================== */ .xw-body table, .xw-body tbody, .xw-body tr, .xw-body td { background:#d2bb82 !important; background-color:#d2bb82 !important; background-image:none !important; color:#241b0d !important; font-family:Arial,Tahoma,sans-serif !important; } .xw-body table { width:100% !important; border-collapse:collapse !important; } .xw-body td { border:0 !important; padding:4px 5px !important; } /* ===================================================== 6. Заголовок внутри формы ===================================================== */ .xw-body > b, .xw-body h3, .xw-body .manTd1 { color:#241b0d !important; font-family:Arial,Tahoma,sans-serif !important; font-size:14px !important; font-weight:700 !important; text-shadow:0 1px 0 rgba(255,255,255,.42) !important; } /* ===================================================== 7. Fieldset: Действие / Комментарий ===================================================== */ .xw-body fieldset { display:block !important; width:100% !important; box-sizing:border-box !important; margin:9px 0 12px 0 !important; padding:13px 14px 12px 14px !important; border:1px solid #7d5b22 !important; border-radius:9px !important; background:linear-gradient(180deg, rgba(255,255,255,.35), rgba(255,255,255,.10)), #c3a76c !important; background-color:#c3a76c !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.38), 0 2px 7px rgba(60,43,13,.20) !important; } .xw-body legend { float:none !important; display:inline-block !important; margin:0 !important; padding:0 7px !important; color:#4d3510 !important; background:#e8d3a0 !important; background-color:#e8d3a0 !important; font-family:Arial,Tahoma,sans-serif !important; font-size:12px !important; font-weight:700 !important; line-height:1.2 !important; text-shadow:0 1px 0 rgba(255,255,255,.45) !important; } /* ===================================================== 8. Радиокнопки ===================================================== */ .xw-body input[type="radio"] { width:auto !important; height:auto !important; margin:0 7px 0 0 !important; padding:0 !important; vertical-align:middle !important; accent-color:#7d5b22; } .xw-body label, .xw-body fieldset div, .xw-body fieldset span, .xw-body fieldset td { color:#241b0d !important; font-family:Arial,Tahoma,sans-serif !important; font-size:13px !important; font-weight:700 !important; line-height:1.55 !important; } /* ===================================================== 9. Поле комментария ===================================================== */ .xw-body textarea, .xw-body textarea[name="reason"], .xw-body input[type="text"], .xw-body input[type="password"], .xw-body select { color:#241b0d !important; background:#f2dfac !important; background-color:#f2dfac !important; background-image:linear-gradient(180deg, rgba(255,255,255,.45), rgba(255,255,255,.14)) !important; border:1px solid #6b4a18 !important; border-radius:8px !important; padding:9px 10px !important; outline:none !important; font-family:Arial,Tahoma,sans-serif !important; font-size:13px !important; line-height:1.45 !important; box-shadow: inset 0 1px 4px rgba(54,36,8,.20), 0 1px 0 rgba(255,255,255,.50) !important; } .xw-body textarea, .xw-body textarea[name="reason"] { display:block !important; width:100% !important; max-width:100% !important; min-height:82px !important; box-sizing:border-box !important; resize:none !important; } .xw-body textarea:focus, .xw-body textarea[name="reason"]:focus, .xw-body input[type="text"]:focus, .xw-body input[type="password"]:focus, .xw-body select:focus { border-color:#4d3510 !important; background:#fff1c7 !important; background-color:#fff1c7 !important; box-shadow: inset 0 1px 4px rgba(54,36,8,.18), 0 0 10px rgba(125,91,34,.32) !important; } /* ===================================================== 10. Линия ===================================================== */ .xw-body hr { height:1px !important; margin:10px 0 12px 0 !important; border:0 !important; background:linear-gradient(90deg, rgba(77,53,16,0), rgba(77,53,16,.48), rgba(77,53,16,0)) !important; } /* ===================================================== 11. Кнопки ===================================================== */ .xw-body input[type="submit"], .xw-body input[type="button"], .xw-body button { min-width:116px !important; min-height:34px !important; padding:0 18px !important; color:#fff1c7 !important; font-family:Arial,Tahoma,sans-serif !important; font-size:13px !important; font-weight:700 !important; text-transform:lowercase !important; text-shadow:0 1px 1px rgba(0,0,0,.7) !important; border:1px solid #4d3510 !important; border-radius:8px !important; background:linear-gradient(180deg, #a97f34 0%, #5e4017 100%) !important; background-color:#6f4f1d !important; cursor:pointer !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.24), inset 0 -1px 0 rgba(0,0,0,.22), 0 2px 7px rgba(60,43,13,.28) !important; } .xw-body input[type="submit"]:hover, .xw-body input[type="button"]:hover, .xw-body button:hover { color:#fff7df !important; border-color:#3a270b !important; background:linear-gradient(180deg, #bd9650 0%, #6f4f1d 100%) !important; } /* ===================================================== 12. Выравнивание нижней кнопки ===================================================== */ .xw-body div[align="right"], .xw-body td[align="right"], .xw-body form > div:last-child { text-align:right !important; padding-top:4px !important; } /* ===================================================== 13. Ссылки ===================================================== */ .xw-body a { color:#4d3510 !important; text-decoration:none !important; font-weight:700 !important; } .xw-body a:hover { color:#2f2108 !important; text-decoration:underline !important; } /* ===================================================== 14. Стандартная кнопка закрытия ===================================================== */ .xw-close { display:block !important; visibility:visible !important; opacity:1 !important; cursor:pointer !important; } .xw-close img { display:inline !important; visibility:visible !important; opacity:1 !important; } /* ===================================================== 15. Наш отдельный крестик из скрипта id="gtnFakeCloseRd" ===================================================== */ #gtnFakeCloseRd { display:block !important; visibility:visible !important; opacity:1 !important; position:fixed !important; z-index:2147483647 !important; width:26px !important; height:26px !important; min-width:26px !important; min-height:26px !important; margin:0 !important; padding:0 !important; color:#fff1c7 !important; background:linear-gradient(180deg, #a97f34 0%, #5e4017 100%) !important; background-color:#6f4f1d !important; border:1px solid #4d3510 !important; border-radius:7px !important; font-family:Arial,Tahoma,sans-serif !important; font-size:22px !important; font-weight:700 !important; line-height:22px !important; text-align:center !important; text-shadow:0 1px 1px rgba(0,0,0,.75) !important; cursor:pointer !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 1px 5px rgba(60,43,13,.35) !important; } #gtnFakeCloseRd:hover { color:#fff7df !important; background:linear-gradient(180deg, #bd9650 0%, #6f4f1d 100%) !important; border-color:#3a270b !important; } #gtnFakeCloseRd { display:block !important; visibility:visible !important; opacity:1 !important; pointer-events:auto !important; } #gtnFakeCloseRd:hover { transform:scale(1.04); } } /* ===================================================== 169. Похожие материалы — светлый GTA стиль Новые классы: gtmLightRelated ===================================================== */ .gtmLightRelated { position:relative; display:flex; gap:12px; width:100%; box-sizing:border-box; margin:0 0 12px 0; padding:10px; border:1px solid rgba(150,116,45,.38); border-radius:12px; background: linear-gradient(180deg, rgba(255,255,255,.62), rgba(255,255,255,.22)), linear-gradient(180deg, #f5ebce 0%, #e3cf9b 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 2px 8px rgba(68,48,14,.18); overflow:hidden; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease; } .gtmLightRelated:hover { transform:translateY(-1px); border-color:rgba(139,99,31,.65); background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.28)), linear-gradient(180deg, #fff1c7 0%, #dcc184 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 4px 13px rgba(68,48,14,.25), 0 0 14px rgba(184,149,74,.18); } /* ===================================================== 170. Картинка ===================================================== */ .gtmLightRelated__thumb { position:relative; display:block; flex:0 0 92px; width:92px; height:64px; border-radius:9px; overflow:hidden; background:#c7ad72; border:1px solid rgba(125,91,34,.45); box-shadow: inset 0 1px 0 rgba(255,255,255,.38), 0 2px 7px rgba(60,43,13,.22); text-decoration:none !important; } .gtmLightRelated__image { position:absolute; inset:0; display:block; background-size:cover; background-position:center center; background-repeat:no-repeat; transform:scale(1.02); transition:transform .25s ease, filter .25s ease; } .gtmLightRelated:hover .gtmLightRelated__image { transform:scale(1.08); filter:saturate(1.08) contrast(1.04); } .gtmLightRelated__shade { position:absolute; inset:0; display:block; background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.16)), linear-gradient(90deg, rgba(255,232,160,.14), rgba(255,232,160,0)); pointer-events:none; } /* ===================================================== 171. Контент ===================================================== */ .gtmLightRelated__content { min-width:0; flex:1 1 auto; display:flex; flex-direction:column; justify-content:center; } .gtmLightRelated__title { display:block; margin:0 0 7px 0; color:#2f240f !important; font-family:Arial,Tahoma,sans-serif; font-size:13px; font-weight:700; line-height:1.25; text-decoration:none !important; text-shadow:0 1px 0 rgba(255,255,255,.65); transition:color .18s ease; } .gtmLightRelated__title:hover { color:#7a5617 !important; text-decoration:underline !important; } /* ===================================================== 172. Мета-информация ===================================================== */ .gtmLightRelated__meta { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 6px 0; } .gtmLightRelated__meta span { display:inline-flex; align-items:center; gap:3px; min-height:20px; padding:2px 7px; color:#4d3510; font-family:Arial,Tahoma,sans-serif; font-size:11px; font-weight:700; line-height:1; border:1px solid rgba(125,91,34,.28); border-radius:999px; background: linear-gradient(180deg, rgba(255,255,255,.58), rgba(255,255,255,.16)), #ead39a; box-shadow: inset 0 1px 0 rgba(255,255,255,.62); } /* ===================================================== 173. Дата ===================================================== */ .gtmLightRelated__date { color:#6f5a2e; font-family:Arial,Tahoma,sans-serif; font-size:11px; line-height:1.2; text-shadow:0 1px 0 rgba(255,255,255,.45); } /* ===================================================== 174. Если нет картинки ===================================================== */ .gtmLightRelated__image[style*="url('')"], .gtmLightRelated__image[style*='url("")'] { background: radial-gradient(circle at 30% 20%, rgba(255,255,255,.35), rgba(255,255,255,0) 35%), linear-gradient(135deg, #c7ad72 0%, #8f6c2c 100%); } .gtmLightRelated__image[style*="url('')"]:before, .gtmLightRelated__image[style*='url("")']:before { content:"★"; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#fff1c7; font-size:22px; font-weight:700; text-shadow:0 1px 2px rgba(0,0,0,.55); } /* ===================================================== 175. Адаптация ===================================================== */ @media screen and (max-width:600px) { .gtmLightRelated { gap:10px; padding:9px; } .gtmLightRelated__thumb { flex-basis:78px; width:78px; height:58px; } .gtmLightRelated__title { font-size:12px; } .gtmLightRelated__meta { gap:4px; } .gtmLightRelated__meta span { padding:2px 6px; font-size:10px; } } .gtmLightRelated__imageEmpty { background: radial-gradient(circle at 30% 20%, rgba(255,255,255,.35), rgba(255,255,255,0) 35%), linear-gradient(135deg, #c7ad72 0%, #8f6c2c 100%) !important; } .gtmLightRelated__imageEmpty:before { content:"★"; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#fff1c7; font-size:22px; font-weight:700; text-shadow:0 1px 2px rgba(0,0,0,.55); } /* ===================================================== 176. Новости — комментарии + золотой комментарий gtnNewsCom* ===================================================== */ .gtnNewsComTop { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:20px 0 12px 0; padding:14px; border:1px solid rgba(216,178,91,.34); border-radius:12px; background: linear-gradient(180deg, rgba(255,235,170,.08), rgba(255,235,170,0) 45%), linear-gradient(180deg, #2f2a1b 0%, #201c12 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 3px 12px rgba(0,0,0,.28); } .gtnNewsComTop__title { display:flex; align-items:center; gap:8px; color:#f8edc8; font-size:15px; font-weight:700; text-shadow:0 1px 1px rgba(0,0,0,.8); } .gtnNewsComTop__icon { display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:50%; background:linear-gradient(180deg, #ffe39a 0%, #c99533 100%); color:#2d2718; box-shadow:0 1px 5px rgba(0,0,0,.35); } .gtnNewsComTop__sub { margin-top:4px; color:#b9ad8a; font-size:12px; line-height:1.35; } .gtnNewsComPage, .gtnNewsComPage2 { color:#f1d88a; font-size:12px; } .gtnNewsComStats { display:grid; grid-template-columns:repeat(4, 1fr); gap:10px; margin:0 0 14px 0; } .gtnNewsComStat { padding:10px; border:1px solid rgba(216,178,91,.28); border-radius:10px; background: linear-gradient(180deg, rgba(255,235,170,.06), rgba(255,235,170,0) 45%), linear-gradient(180deg, #2b2618 0%, #1d1a10 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 2px 8px rgba(0,0,0,.22); } .gtnNewsComStat__icon { display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; margin-right:5px; border-radius:50%; background:linear-gradient(180deg, #e7c56f 0%, #9d7430 100%); color:#2d2718; font-size:12px; font-weight:700; } .gtnNewsComStat__label { display:block; margin-top:6px; color:#b9ad8a; font-size:11px; line-height:1.2; } .gtnNewsComStat b { display:block; margin-top:3px; color:#f8edc8; font-size:15px; line-height:1.2; } .gtnNewsBestComBox { margin:0 0 16px 0; border:1px solid rgba(255,211,115,.55); border-radius:13px; overflow:hidden; background: radial-gradient(circle at 20% 0%, rgba(255,230,140,.18), rgba(255,230,140,0) 35%), linear-gradient(180deg, #3b2f17 0%, #211b10 100%); box-shadow: 0 4px 16px rgba(0,0,0,.35), 0 0 18px rgba(216,178,91,.18), inset 0 1px 0 rgba(255,255,255,.10); } .gtnNewsBestComBox__head { display:flex; align-items:center; justify-content:space-between; padding:12px 14px; border-bottom:1px solid rgba(216,178,91,.35); background:linear-gradient(180deg, rgba(255,235,170,.12), rgba(255,235,170,0)); } .gtnNewsBestComBox__title { display:flex; align-items:center; gap:8px; color:#fff1ba; font-size:14px; font-weight:700; text-shadow:0 1px 1px rgba(0,0,0,.85); } .gtnNewsBestComBox__icon { color:#ffd36f; } .gtnNewsBestComBox__rating { min-width:42px; padding:4px 9px; border-radius:999px; text-align:center; color:#2d2718; font-size:13px; font-weight:700; background:linear-gradient(180deg, #ffe39a 0%, #c99533 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.45); } .gtnNewsBestCom { padding:12px; } .gtnNewsComGoldLabel { display:inline-flex; align-items:center; gap:6px; margin:0 0 9px 0; padding:5px 9px; border-radius:999px; border:1px solid rgba(255,211,115,.55); color:#2d2718; font-size:12px; font-weight:700; background:linear-gradient(180deg, #ffe39a 0%, #c99533 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 2px 6px rgba(0,0,0,.28); } .gtnNewsComSort { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 12px 0; padding:10px 12px; border:1px solid rgba(216,178,91,.24); border-radius:10px; background: linear-gradient(180deg, rgba(255,235,170,.06), rgba(255,235,170,0)), #211d13; } .gtnNewsComSort__label { display:flex; align-items:center; gap:7px; color:#f8edc8; font-size:13px; font-weight:700; } .gtnNewsComSort__note { color:#9f9476; font-size:11px; } .gtnNewsComBody { margin:0 0 16px 0; } .gtnNewsComItem--goldSource { position:relative; outline:1px solid rgba(255,211,115,.45); box-shadow:0 0 14px rgba(216,178,91,.18); } .gtnNewsComItem--highRating { box-shadow:0 0 12px rgba(216,178,91,.14); } .gtnNewsComItem--positive { border-color:rgba(216,178,91,.28); } .gtnNewsComItem--negative { opacity:.92; } @media screen and (max-width:700px) { .gtnNewsComTop { align-items:flex-start; flex-direction:column; } .gtnNewsComStats { grid-template-columns:repeat(2, 1fr); } .gtnNewsComSort { align-items:flex-start; flex-direction:column; } } /* ===================================================== 177. Новости — комментарии + скрытие ===================================================== */ .gtnCom_form:empty, .gtnCom_inner:empty, .gtnCom:has(.gtnCom_form:empty) { display:none !important; } /* ===================================================== 178. Моды плашка для рейтинга метриалов старницы ===================================================== */ .gtmTopSearchPager { margin:12px 0; text-align:center; } .gtmTopSearchPager:empty { display:none !important; } .gtmTopSearchNotice { margin:12px 0; padding:12px 14px; color:#f5ebce; font:13px/1.45 Arial,Tahoma,sans-serif; border:1px solid rgba(216,178,91,.30); border-radius:10px; background: linear-gradient(180deg, rgba(255,235,170,.08), rgba(255,235,170,0)), #2b2718; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 2px 8px rgba(0,0,0,.24); } .gtmTopSearchNotice b { color:#ffe39a; } /* ===================================================== 179. заменяет iframe-видео на обычную ссылку-кнопку Смотреть на YouTube ===================================================== */ .gtnYoutubeLinkBox{ margin:12px 0; padding:10px; border:1px solid rgba(245,235,206,.14); border-radius:10px; background: radial-gradient(circle at 0 0,rgba(245,204,130,.08),transparent 35%), linear-gradient(180deg,rgba(39,35,25,.90),rgba(20,19,15,.96)); box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 6px 16px rgba(0,0,0,.18); box-sizing:border-box; } .gtnYoutubeLinkBox, .gtnYoutubeLinkBox *{ box-sizing:border-box; } .gtnYoutubeLinkBox__inner{ display:flex; align-items:center; gap:10px; } .gtnYoutubeLinkBox__icon{ display:flex; align-items:center; justify-content:center; width:34px; height:34px; min-width:34px; border-radius:9px; border:1px solid rgba(245,235,206,.18); background:rgba(0,0,0,.22); color:#f5ebce; font:700 15px/1 Arial,Tahoma,sans-serif; box-shadow:inset 0 1px 0 rgba(255,255,255,.05); } .gtnYoutubeLinkBox__text{ flex:1 1 auto; min-width:0; } .gtnYoutubeLinkBox__title{ color:#f5ebce; font:700 13px/1.25 "Open Sans",Tahoma,Arial,sans-serif; } .gtnYoutubeLinkBox__note{ margin-top:3px; color:#a99d85; font:400 12px/1.35 "Open Sans",Tahoma,Arial,sans-serif; } .gtnYoutubeLinkBox__btn{ display:inline-block; padding:7px 10px; border-radius:8px; border:1px solid rgba(245,235,206,.18); background:rgba(0,0,0,.24); color:#f5ebce; text-decoration:none; font:700 12px/1.2 "Open Sans",Tahoma,Arial,sans-serif; white-space:nowrap; } .gtnYoutubeLinkBox__btn:hover{ background:rgba(245,204,130,.10); color:#fff; } @media screen and (max-width:640px){ .gtnYoutubeLinkBox__inner{ align-items:flex-start; flex-direction:column; } .gtnYoutubeLinkBox__btn{ width:100%; text-align:center; } } /* ===================================================== 180. Аватар виден для битых картинок внутри модов ===================================================== */ .gtnMod_avatar{ position:relative; display:flex; align-items:center; justify-content:center; width:72px; height:72px; margin:0 auto 10px auto; overflow:hidden; border-radius:14px; border:1px solid rgba(245,235,206,.16); background: radial-gradient(circle at 30% 15%,rgba(245,235,206,.12),transparent 40%), linear-gradient(180deg,rgba(62,55,36,.92),rgba(24,22,16,.96)); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 8px 18px rgba(0,0,0,.25); } .gtnMod_avatar img{ display:block; width:100%; height:100%; object-fit:cover; border:0; } .gtnMod_noAvatar{ display:none; align-items:center; justify-content:center; width:100%; height:100%; color:#f5ebce; font:700 28px/1 Arial,Tahoma,sans-serif; text-shadow:0 2px 8px rgba(0,0,0,.45); } .gtnMod_avatarNoImg .gtnMod_noAvatar, .gtnMod_avatar .gtnMod_noAvatar:only-child{ display:flex; } /* ===================================================== 181. GtaMania: скриншоты на странице мода Главный скриншот сверху + крупные скрины в выпадающем списке ===================================================== */ .gtnMod_screensPro{ margin:0 0 16px 0; } .gtnMod_mainScreen{ margin:8px 0 0 0; } .gtnMod_mainScreenLink{ position:relative; display:block; overflow:hidden; border-radius:12px; border:1px solid rgba(245,235,206,.16); background:#17150f; box-shadow: 0 10px 24px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.04); } .gtnMod_mainScreenLink:before{ content:""; position:absolute; inset:0; z-index:1; background: linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.34)), radial-gradient(circle at 82% 0,rgba(245,204,130,.12),transparent 36%); pointer-events:none; } .gtnMod_mainScreenLink img{ display:block; width:100%; height:auto; min-height:230px; max-height:430px; object-fit:cover; border:0; transition:transform .35s ease,filter .35s ease; } .gtnMod_mainScreenLink:hover img{ transform:scale(1.02); filter:saturate(1.08) contrast(1.04); } .gtnMod_mainScreenBadge{ position:absolute; left:10px; bottom:10px; z-index:2; display:inline-block; padding:6px 10px; border-radius:8px; border:1px solid rgba(245,235,206,.20); background:rgba(17,15,10,.78); color:#f5ebce; font:700 11px/1.2 "Open Sans",Tahoma,Arial,sans-serif; text-transform:uppercase; letter-spacing:.35px; box-shadow:0 6px 14px rgba(0,0,0,.32); } /* ===================================================== 182. Выпадающий список дополнительных скриншотов ===================================================== */ .gtnMod_moreScreens{ margin:12px 0 0 0; border:1px solid rgba(245,235,206,.12); border-radius:10px; background: linear-gradient(180deg,rgba(39,35,25,.84),rgba(20,19,15,.94)); overflow:hidden; box-shadow:inset 0 1px 0 rgba(255,255,255,.035); } .gtnMod_moreScreens summary{ cursor:pointer; padding:10px 12px; color:#f5ebce; font:700 12px/1.3 "Open Sans",Tahoma,Arial,sans-serif; list-style:none; user-select:none; text-transform:uppercase; letter-spacing:.35px; } .gtnMod_moreScreens summary::-webkit-details-marker{ display:none; } .gtnMod_moreScreens summary:before{ content:"+"; display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; margin-right:8px; border-radius:6px; border:1px solid rgba(245,235,206,.16); background:rgba(0,0,0,.20); color:#d8b46b; font:700 13px/1 Arial,Tahoma,sans-serif; } .gtnMod_moreScreens[open] summary:before{ content:"−"; } .gtnMod_galleryPro{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px; padding:0 10px 10px 10px; } .gtnMod_screenPro{ display:block; overflow:hidden; border-radius:10px; border:1px solid rgba(245,235,206,.13); background:#17150f; box-shadow:0 7px 16px rgba(0,0,0,.22); } .gtnMod_screenPro img{ display:block; width:100%; height:240px; object-fit:cover; border:0; transition:transform .25s ease,filter .25s ease; } .gtnMod_screenPro:hover img{ transform:scale(1.035); filter:saturate(1.08) contrast(1.04); } /* ===================================================== 183. Заглушка, если нет скриншота ===================================================== */ .gtnMod_noScreen{ display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:260px; padding:24px 18px; border-radius:12px; border:1px solid rgba(245,235,206,.14); background: radial-gradient(circle at 50% 0,rgba(245,204,130,.10),transparent 36%), linear-gradient(180deg,rgba(39,35,25,.88),rgba(18,17,13,.96)); color:#cfc4aa; text-align:center; box-shadow: 0 10px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04); box-sizing:border-box; } .gtnMod_noScreenIcon{ display:flex; align-items:center; justify-content:center; width:54px; height:54px; margin:0 0 10px 0; border-radius:14px; border:1px solid rgba(245,235,206,.16); background:rgba(0,0,0,.18); color:#d8b46b; font:700 30px/1 Arial,Tahoma,sans-serif; box-shadow:inset 0 1px 0 rgba(255,255,255,.04); } .gtnMod_noScreenTitle{ margin:0 0 5px 0; color:#f5ebce; font:700 15px/1.25 "Open Sans",Tahoma,Arial,sans-serif; } .gtnMod_noScreenText{ max-width:360px; color:#a99d85; font:400 12px/1.45 "Open Sans",Tahoma,Arial,sans-serif; } /* ===================================================== 184. Адаптация под мобильные ===================================================== */ @media screen and (max-width:640px){ .gtnMod_mainScreenLink img{ min-height:170px; max-height:300px; } .gtnMod_galleryPro{ grid-template-columns:1fr; } .gtnMod_screenPro img{ height:auto; max-height:300px; } .gtnMod_noScreen{ min-height:200px; padding:20px 14px; } } /* ===================================================== 185. FIX: длинные коды в описании мода — скролл, без выезда ===================================================== */ .gtnMod_text{ max-width:100%; overflow:hidden; box-sizing:border-box; } .gtnMod_text *{ box-sizing:border-box; } /* обычный текст и ссылки пусть переносятся */ .gtnMod_text p, .gtnMod_text div:not(.code):not(.bbCodeBlock):not(.ucozCodeBlock), .gtnMod_text li, .gtnMod_text span{ max-width:100%; overflow-wrap:anywhere; word-wrap:break-word; } .gtnMod_text a{ max-width:100%; overflow-wrap:anywhere; word-break:break-word; } /* картинки и видео не шире блока */ .gtnMod_text img, .gtnMod_text iframe, .gtnMod_text video, .gtnMod_text embed, .gtnMod_text object{ max-width:100% !important; box-sizing:border-box; } .gtnMod_text img{ height:auto; border:0; } .gtnMod_text iframe{ display:block; width:100% !important; max-width:100% !important; min-height:260px; border:0; } /* таблицы не ломают страницу */ .gtnMod_text table{ width:100% !important; max-width:100% !important; table-layout:fixed; border-collapse:collapse; } .gtnMod_text td, .gtnMod_text th{ max-width:100%; overflow-wrap:anywhere; word-break:break-word; } /* ===================================================== 186. PRE — код со скроллом, без переноса ===================================================== */ .gtnMod_text pre{ display:block !important; width:100% !important; max-width:100% !important; overflow-x:auto !important; overflow-y:hidden !important; white-space:pre !important; word-break:normal !important; overflow-wrap:normal !important; word-wrap:normal !important; padding:11px 12px; margin:10px 0; border-radius:9px; border:1px solid rgba(245,235,206,.12); background: linear-gradient(180deg,rgba(31,28,20,.96),rgba(15,14,11,.98)); color:#d8ccb0; font:400 12px/1.5 Consolas,"Courier New",monospace; box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 6px 14px rgba(0,0,0,.18); } /* code внутри pre тоже без переноса */ .gtnMod_text pre code{ display:block !important; width:max-content !important; min-width:100% !important; max-width:none !important; white-space:pre !important; word-break:normal !important; overflow-wrap:normal !important; word-wrap:normal !important; padding:0; background:transparent; color:inherit; } /* короткий code внутри обычного текста пусть переносится */ .gtnMod_text code{ max-width:100%; padding:2px 5px; border-radius:4px; background:rgba(0,0,0,.22); color:#e6d8b7; font:400 12px/1.45 Consolas,"Courier New",monospace; } /* ===================================================== 187. uCoz / BB-кодовые блоки — скролл, без переноса ===================================================== */ .gtnMod_text .code, .gtnMod_text .bbCodeBlock, .gtnMod_text .ucozCodeBlock, .gtnMod_text .codeBlock, .gtnMod_text .bbcode_code{ display:block !important; width:100% !important; max-width:100% !important; overflow-x:auto !important; overflow-y:hidden !important; white-space:pre !important; word-break:normal !important; overflow-wrap:normal !important; word-wrap:normal !important; padding:11px 12px; margin:10px 0; border-radius:9px; border:1px solid rgba(245,235,206,.12); background: linear-gradient(180deg,rgba(31,28,20,.96),rgba(15,14,11,.98)); color:#d8ccb0; font:400 12px/1.5 Consolas,"Courier New",monospace; box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 6px 14px rgba(0,0,0,.18); } /* если внутри кодового блока есть div/span — им тоже запрещаем перенос */ .gtnMod_text .code *, .gtnMod_text .bbCodeBlock *, .gtnMod_text .ucozCodeBlock *, .gtnMod_text .codeBlock *, .gtnMod_text .bbcode_code *{ max-width:none !important; white-space:pre !important; word-break:normal !important; overflow-wrap:normal !important; word-wrap:normal !important; } /* красивый скролл */ .gtnMod_text pre::-webkit-scrollbar, .gtnMod_text .code::-webkit-scrollbar, .gtnMod_text .bbCodeBlock::-webkit-scrollbar, .gtnMod_text .ucozCodeBlock::-webkit-scrollbar, .gtnMod_text .codeBlock::-webkit-scrollbar, .gtnMod_text .bbcode_code::-webkit-scrollbar{ height:9px; } .gtnMod_text pre::-webkit-scrollbar-track, .gtnMod_text .code::-webkit-scrollbar-track, .gtnMod_text .bbCodeBlock::-webkit-scrollbar-track, .gtnMod_text .ucozCodeBlock::-webkit-scrollbar-track, .gtnMod_text .codeBlock::-webkit-scrollbar-track, .gtnMod_text .bbcode_code::-webkit-scrollbar-track{ background:rgba(0,0,0,.22); border-radius:10px; } .gtnMod_text pre::-webkit-scrollbar-thumb, .gtnMod_text .code::-webkit-scrollbar-thumb, .gtnMod_text .bbCodeBlock::-webkit-scrollbar-thumb, .gtnMod_text .ucozCodeBlock::-webkit-scrollbar-thumb, .gtnMod_text .codeBlock::-webkit-scrollbar-thumb, .gtnMod_text .bbcode_code::-webkit-scrollbar-thumb{ background:rgba(216,180,107,.45); border-radius:10px; border:2px solid rgba(0,0,0,.22); } .gtnMod_text pre::-webkit-scrollbar-thumb:hover, .gtnMod_text .code::-webkit-scrollbar-thumb:hover, .gtnMod_text .bbCodeBlock::-webkit-scrollbar-thumb:hover, .gtnMod_text .ucozCodeBlock::-webkit-scrollbar-thumb:hover, .gtnMod_text .codeBlock::-webkit-scrollbar-thumb:hover, .gtnMod_text .bbcode_code::-webkit-scrollbar-thumb:hover{ background:rgba(216,180,107,.65); } /* формы тоже не должны выезжать */ .gtnMod_text textarea, .gtnMod_text input{ max-width:100%; box-sizing:border-box; } /* мобильная версия */ @media screen and (max-width:640px){ .gtnMod_text pre, .gtnMod_text .code, .gtnMod_text .bbCodeBlock, .gtnMod_text .ucozCodeBlock, .gtnMod_text .codeBlock, .gtnMod_text .bbcode_code{ padding:10px; font-size:11px; } .gtnMod_text code{ font-size:11px; } .gtnMod_text iframe{ min-height:210px; } } /* ===================================================== 188. ФИНАЛЬНЫЙ ФИКС ПЕРВОГО CSS Убирает выезд сайта вправо на мобильных и старых блоках ===================================================== */ html, body{ width:100% !important; max-width:100% !important; min-width:0 !important; overflow-x:hidden !important; } #body_bg, #body_bg_pda, #main{ max-width:100% !important; min-width:0 !important; box-sizing:border-box !important; overflow-x:hidden !important; } /* ===================================================== 189. ФИКС СТАРОЙ ШАПКИ ПРОФИЛЯ .top_bar_userpage держал width:1000px ===================================================== */ .top_bar_userpage{ width:100% !important; max-width:1000px !important; min-width:0 !important; margin-left:auto !important; margin-right:auto !important; box-sizing:border-box !important; overflow:hidden !important; } /* ===================================================== 190. ФИКС ПРОФИЛЯ ПОЛЬЗОВАТЕЛЯ user_block_profile / user_block_right могли тянуть страницу ===================================================== */ .user_block_profile, .user_block_full, .user_block_left, .user_block_right, .user_block_signature, .user_block_activity, .user_block_search{ box-sizing:border-box !important; max-width:100% !important; } .user_block_profile{ width:calc(100% - 10px) !important; max-width:990px !important; min-width:0 !important; margin-left:5px !important; margin-right:5px !important; overflow:hidden !important; } .user_block_left{ max-width:200px !important; } .user_block_right{ width:calc(100% - 200px) !important; max-width:790px !important; min-width:0 !important; overflow:hidden !important; } .user_block_signature{ width:100% !important; max-width:540px !important; } .user_block_activity{ max-width:200px !important; } /* ===================================================== 191. ФИКС ИНФОРМЕРОВ Старый margin-left:555px мог создавать пустоту справа ===================================================== */ .informer, .inf_title, .inf_header, .inf_body, .inf_footer, .inf_ul, .inf_li, .inf_li a, a.inf_a, a.inf_lnk{ max-width:100% !important; box-sizing:border-box !important; } .informer{ width:100% !important; max-width:588px !important; overflow:hidden !important; } .inf_title div{ max-width:100% !important; } .inf_title-body{ width:auto !important; max-width:100% !important; margin-left:120px !important; margin-right:10px !important; } .inf_li{ position:relative !important; overflow:hidden !important; } .inf_li a.ulightbox{ position:absolute !important; right:5px !important; top:5px !important; margin-left:0 !important; max-width:24px !important; } a.inf_lnk{ margin-right:31px !important; } /* ===================================================== 192. ФИКС СТАРЫХ БЛОКОВ МОДОВ ===================================================== */ .load_content_rus, .load_info_rus, .dwnl_footer, .dwnl_block, .load_desc, .load_crumbs, .load_author, .bad_lnk, .tabs_load_switch{ box-sizing:border-box !important; max-width:100% !important; } .dwnl_footer{ width:100% !important; max-width:590px !important; } .tabs_load_switch{ position:relative !important; margin:10px 0 0 0 !important; right:auto !important; left:auto !important; } .load_content_rus{ width:100% !important; max-width:400px !important; } .load_info_rus{ max-width:160px !important; } /* ===================================================== 193. ФИКС КНОПКИ "СПАСИБО" ===================================================== */ .merci:link, .merci:visited, .merci:active{ width:100% !important; max-width:490px !important; box-sizing:border-box !important; } /* ===================================================== 194. ФИКС БАННЕРА И ПАНОРАМНОЙ КАРТИНКИ Не убирает движение, но не даёт ей расширять страницу ===================================================== */ .gtx-banner, .gtx-banner-card, .gtx-banner-img-wrap, .gtx-banner-img-wrap a{ max-width:100% !important; box-sizing:border-box !important; overflow:hidden !important; } .gtx-banner-img-wrap{ width:100% !important; } /* ===================================================== 195. ФИКС ВНУТРЕННИХ НОВОСТЕЙ ===================================================== */ .gtnEntry, .gtnEntry_authorBox, .gtnEntry_text, .gtnEntry_cover, .gtnEntry_footer, .gtnHud, .gtnCom, .gtnComment, .gtnCF{ max-width:100% !important; box-sizing:border-box !important; } .gtnEntry{ width:100% !important; max-width:570px !important; overflow:hidden !important; } /* ===================================================== 196. ФИКС БОКОВОГО МИНИ-ЧАТА 190px + margin-left:10px иногда давали сдвиг ===================================================== */ .gtmChatPanel{ width:100% !important; max-width:190px !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; overflow:hidden !important; } .rightcolumn .gtmChatPanel, .leftcolumn .gtmChatPanel{ width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; } /* ===================================================== 197. ФИКС КНОПКИ СКРОЛЛА ВВЕРХ width:5% + padding мог давать лишнюю ширину ===================================================== */ .toTop, #toTop{ box-sizing:border-box !important; max-width:48px !important; overflow:hidden !important; } /* ===================================================== 198. ОБЩИЙ ФИКС МЕДИА / ТАБЛИЦ / ФОРМ ===================================================== */ img, iframe, object, embed, video{ max-width:100% !important; box-sizing:border-box !important; } iframe, object, embed, video{ display:block; } table{ max-width:100% !important; box-sizing:border-box !important; } input, textarea, select, button{ max-width:100% !important; box-sizing:border-box !important; } /* ===================================================== 199. МОБИЛЬНАЯ ВЕРСИЯ — ГЛАВНЫЙ ФИКС ===================================================== */ @media screen and (max-width:1024px){ html, body{ width:100% !important; max-width:100% !important; min-width:0 !important; overflow-x:hidden !important; } #body_bg, #body_bg_pda, #main, .header, .header_s, .top_bar, .top_bar_pda, .top_bar_userpage, .footer{ width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; overflow-x:hidden !important; } .leftcolumn, .content, .content_forum, .rightcolumn{ float:none !important; display:block !important; width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; padding-left:8px !important; padding-right:8px !important; box-sizing:border-box !important; overflow-x:hidden !important; } .user_bar, .user_block_profile, .user_block_full, .user_block_left, .user_block_right, .user_block_signature, .user_block_activity, .user_block_search{ float:none !important; display:block !important; width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; overflow:hidden !important; } .user_block_left, .user_block_right{ padding-left:12px !important; padding-right:12px !important; } .profile, .profile-info, .profile-info div, .search{ float:none !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; } .profile-nav-column, .search-nav-column{ right:0 !important; max-width:calc(100vw - 20px) !important; box-sizing:border-box !important; } .informer, .gtx-banner, .gtx-banner-card, .gtnEntry, .gtnMod, .gtnCom, .gtnComment, .gtnComTop, .gtnComPage2, .bestComBox, .bestCom, .gtnForumInf_box, .load_crumbs, .gtnCrumbs, .pagesBlockuz1, .gtnPager, .gtnProfile{ width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; } .load_content_rus, .load_info_rus, .dwnl_footer{ float:none !important; display:block !important; width:100% !important; max-width:100% !important; padding-left:0 !important; padding-right:0 !important; margin-left:0 !important; margin-right:0 !important; } .load_info_rus{ margin-top:10px !important; } .tabs_load_switch{ position:relative !important; margin:10px 0 !important; } .inf_title-body{ display:none !important; } .inf_li a.ulightbox{ right:5px !important; margin-left:0 !important; } .gtnMod_grid, .gtnProfile_grid{ display:block !important; } .gtnMod_main, .gtnMod_side, .gtnProfile_main, .gtnProfile_side{ width:100% !important; max-width:100% !important; flex:none !important; } } /* ===================================================== 200. УЗКИЕ ЭКРАНЫ ===================================================== */ @media screen and (max-width:640px){ body{ min-width:0 !important; } .header, .header_s{ height:120px !important; background-size:auto 120px !important; } .footer{ padding-left:8px !important; padding-right:8px !important; } .gtnEntry{ max-width:100% !important; } .gtnEntry_cover, .gtnEntry_text, .gtnEntry_line{ margin-left:8px !important; margin-right:8px !important; } .gtx-banner-img-wrap a{ width:100% !important; max-width:100% !important; overflow:hidden !important; } .gtmChatPanel{ width:100% !important; max-width:100% !important; } } /* ===================================================== 201. GTA 4 Cheats Table — таблица чит-кодов GTA 4 ===================================================== */ .gta4-cheats-page__table-wrap{ width:100% !important; max-width:100% !important; margin:14px 0 0 0 !important; padding:8px !important; display:block !important; overflow-x:auto !important; overflow-y:hidden !important; background: radial-gradient(circle at 50% 0,rgba(210,171,115,.10),transparent 42%), linear-gradient(180deg,rgba(24,21,14,.78),rgba(15,13,9,.86)) !important; border:1px solid rgba(210,171,115,.22) !important; border-radius:12px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 8px 20px rgba(0,0,0,.22) !important; } .gta4-cheats-table{ width:100% !important; min-width:520px !important; margin:0 !important; padding:0 !important; border-collapse:separate !important; border-spacing:0 !important; table-layout:auto !important; color:#e8ddc3 !important; background:rgba(18,16,10,.72) !important; border:1px solid rgba(210,171,115,.18) !important; border-radius:10px !important; overflow:hidden !important; font:700 12px/1.45 "Open Sans",Tahoma,Verdana,Arial,sans-serif !important; } .gta4-cheats-table thead{ background: linear-gradient(180deg,rgba(92,80,57,.98),rgba(45,38,26,.98)) !important; } .gta4-cheats-table th{ padding:10px 10px !important; color:#f5ebce !important; background: linear-gradient(180deg,rgba(92,80,57,.98),rgba(45,38,26,.98)) !important; border-right:1px solid rgba(210,171,115,.16) !important; border-bottom:1px solid rgba(0,0,0,.46) !important; font-size:11px !important; font-weight:900 !important; line-height:1.35 !important; text-align:left !important; text-transform:uppercase !important; letter-spacing:.25px !important; text-shadow:1px 1px 0 rgba(0,0,0,.78) !important; white-space:nowrap !important; } .gta4-cheats-table th:last-child{ border-right:0 !important; } .gta4-cheats-table td{ padding:10px 10px !important; color:#e8ddc3 !important; background:rgba(24,21,14,.58) !important; border-right:1px solid rgba(210,171,115,.10) !important; border-bottom:1px solid rgba(210,171,115,.10) !important; font-size:12px !important; font-weight:700 !important; line-height:1.45 !important; vertical-align:middle !important; text-shadow:1px 1px 0 rgba(0,0,0,.42) !important; } .gta4-cheats-table td:last-child{ border-right:0 !important; } .gta4-cheats-table tr:last-child td{ border-bottom:0 !important; } .gta4-cheats-table tbody tr:nth-child(even) td{ background:rgba(35,30,20,.62) !important; } .gta4-cheats-table tbody tr:hover td{ color:#fff1c8 !important; background: linear-gradient(180deg,rgba(72,58,33,.72),rgba(33,28,18,.72)) !important; } .gta4-cheats-code{ min-width:118px !important; height:28px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; padding:0 12px !important; color:#1d170b !important; background:linear-gradient(180deg,#f5ebce 0%,#d6a84f 100%) !important; border:1px solid rgba(120,84,28,.8) !important; border-radius:999px !important; font:900 13px/28px "Courier New",Consolas,monospace !important; letter-spacing:.8px !important; text-align:center !important; white-space:nowrap !important; text-shadow:0 1px 0 rgba(255,255,255,.45) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 2px 7px rgba(0,0,0,.34) !important; } /* ===================================================== 202. Мобильная версия таблицы читов ===================================================== */ @media(max-width:640px){ .gta4-cheats-page__table-wrap{ padding:0 !important; overflow:visible !important; background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; } .gta4-cheats-table{ min-width:0 !important; width:100% !important; display:block !important; border:0 !important; background:transparent !important; } .gta4-cheats-table thead{ display:none !important; } .gta4-cheats-table tbody{ width:100% !important; display:block !important; } .gta4-cheats-table tr{ width:100% !important; margin:0 0 10px 0 !important; padding:10px !important; display:block !important; background: radial-gradient(circle at 0 0,rgba(210,171,115,.12),transparent 38%), linear-gradient(180deg,rgba(35,30,20,.88),rgba(18,16,10,.92)) !important; border:1px solid rgba(210,171,115,.20) !important; border-radius:12px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 6px 16px rgba(0,0,0,.20) !important; } .gta4-cheats-table td{ width:100% !important; min-height:32px !important; padding:8px 0 !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:10px !important; background:transparent !important; border-right:0 !important; border-bottom:1px solid rgba(210,171,115,.10) !important; font-size:12px !important; text-align:right !important; } .gta4-cheats-table td:last-child{ border-bottom:0 !important; } .gta4-cheats-table td:before{ content:attr(data-label) !important; flex:0 0 38% !important; color:#d2ab73 !important; font-size:10px !important; font-weight:900 !important; line-height:1.3 !important; text-align:left !important; text-transform:uppercase !important; letter-spacing:.2px !important; text-shadow:1px 1px 0 rgba(0,0,0,.7) !important; } .gta4-cheats-code{ min-width:112px !important; height:26px !important; font-size:12px !important; line-height:26px !important; } } /* ===================================================== 203. GTA 4 Vehicles Table — таблица транспорта GTA 4 ===================================================== */ .gta4-vehicles-page__table-wrap{ width:100% !important; max-width:100% !important; margin:14px 0 0 0 !important; padding:8px !important; display:block !important; overflow-x:auto !important; overflow-y:hidden !important; background: radial-gradient(circle at 50% 0,rgba(210,171,115,.10),transparent 42%), linear-gradient(180deg,rgba(24,21,14,.78),rgba(15,13,9,.86)) !important; border:1px solid rgba(210,171,115,.22) !important; border-radius:12px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 8px 20px rgba(0,0,0,.22) !important; } .gta4-vehicles-table{ width:100% !important; min-width:680px !important; margin:0 !important; padding:0 !important; border-collapse:separate !important; border-spacing:0 !important; table-layout:auto !important; color:#e8ddc3 !important; background:rgba(18,16,10,.72) !important; border:1px solid rgba(210,171,115,.18) !important; border-radius:10px !important; overflow:hidden !important; font:700 12px/1.45 "Open Sans",Tahoma,Verdana,Arial,sans-serif !important; } .gta4-vehicles-table thead{ background: linear-gradient(180deg,rgba(92,80,57,.98),rgba(45,38,26,.98)) !important; } .gta4-vehicles-table th{ padding:10px 9px !important; color:#f5ebce !important; background: linear-gradient(180deg,rgba(92,80,57,.98),rgba(45,38,26,.98)) !important; border-right:1px solid rgba(210,171,115,.16) !important; border-bottom:1px solid rgba(0,0,0,.46) !important; font-size:11px !important; font-weight:900 !important; line-height:1.35 !important; text-align:left !important; text-transform:uppercase !important; letter-spacing:.25px !important; text-shadow:1px 1px 0 rgba(0,0,0,.78) !important; white-space:nowrap !important; } .gta4-vehicles-table th:last-child{ border-right:0 !important; } .gta4-vehicles-table td{ padding:9px 9px !important; color:#e8ddc3 !important; background:rgba(24,21,14,.58) !important; border-right:1px solid rgba(210,171,115,.10) !important; border-bottom:1px solid rgba(210,171,115,.10) !important; font-size:12px !important; font-weight:700 !important; line-height:1.45 !important; vertical-align:middle !important; text-shadow:1px 1px 0 rgba(0,0,0,.42) !important; } .gta4-vehicles-table td:last-child{ border-right:0 !important; } .gta4-vehicles-table tr:last-child td{ border-bottom:0 !important; } .gta4-vehicles-table tbody tr:nth-child(even) td{ background:rgba(35,30,20,.62) !important; } .gta4-vehicles-table tbody tr:hover td{ color:#fff1c8 !important; background: linear-gradient(180deg,rgba(72,58,33,.72),rgba(33,28,18,.72)) !important; } .gta4-vehicles-table a, .gta4-vehicles-table a:link, .gta4-vehicles-table a:visited, .gta4-vehicles-table a:active{ color:#ffd37a !important; text-decoration:none !important; font-weight:900 !important; border-bottom:1px dashed rgba(255,211,122,.48) !important; } .gta4-vehicles-table a:hover{ color:#fff1c8 !important; border-bottom-color:#fff1c8 !important; text-decoration:none !important; } /* ===================================================== 204. Оценки A / B / C / D ===================================================== */ .gta4-grade{ min-width:28px !important; height:24px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; padding:0 8px !important; border-radius:999px !important; font-size:12px !important; font-weight:900 !important; line-height:24px !important; text-align:center !important; text-transform:uppercase !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 2px 7px rgba(0,0,0,.34) !important; } .gta4-grade--A{ color:#1d170b !important; background:linear-gradient(180deg,#f5ebce 0%,#d6a84f 100%) !important; border:1px solid rgba(120,84,28,.8) !important; text-shadow:0 1px 0 rgba(255,255,255,.45) !important; } .gta4-grade--B{ color:#f5ebce !important; background:linear-gradient(180deg,#6f8b55 0%,#435b32 100%) !important; border:1px solid rgba(168,201,126,.36) !important; text-shadow:1px 1px 0 rgba(0,0,0,.7) !important; } .gta4-grade--C{ color:#f5ebce !important; background:linear-gradient(180deg,#786947 0%,#4b3f2b 100%) !important; border:1px solid rgba(210,171,115,.28) !important; text-shadow:1px 1px 0 rgba(0,0,0,.72) !important; } .gta4-grade--D{ color:#f5ebce !important; background:linear-gradient(180deg,#7c4632 0%,#4a2a1f 100%) !important; border:1px solid rgba(159,98,71,.48) !important; text-shadow:1px 1px 0 rgba(0,0,0,.78) !important; } /* ===================================================== 205. Мобильная версия таблицы ===================================================== */ @media(max-width:640px){ .gta4-vehicles-page__table-wrap{ padding:0 !important; overflow:visible !important; background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; } .gta4-vehicles-table{ min-width:0 !important; width:100% !important; display:block !important; border:0 !important; background:transparent !important; } .gta4-vehicles-table thead{ display:none !important; } .gta4-vehicles-table tbody{ width:100% !important; display:block !important; } .gta4-vehicles-table tr{ width:100% !important; margin:0 0 10px 0 !important; padding:10px !important; display:block !important; background: radial-gradient(circle at 0 0,rgba(210,171,115,.12),transparent 38%), linear-gradient(180deg,rgba(35,30,20,.88),rgba(18,16,10,.92)) !important; border:1px solid rgba(210,171,115,.20) !important; border-radius:12px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 6px 16px rgba(0,0,0,.20) !important; } .gta4-vehicles-table td{ width:100% !important; min-height:30px !important; padding:7px 0 !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:10px !important; background:transparent !important; border-right:0 !important; border-bottom:1px solid rgba(210,171,115,.10) !important; font-size:12px !important; text-align:right !important; } .gta4-vehicles-table td:last-child{ border-bottom:0 !important; } .gta4-vehicles-table td:before{ content:attr(data-label) !important; flex:0 0 42% !important; color:#d2ab73 !important; font-size:10px !important; font-weight:900 !important; line-height:1.3 !important; text-align:left !important; text-transform:uppercase !important; letter-spacing:.2px !important; text-shadow:1px 1px 0 rgba(0,0,0,.7) !important; } .gta4-grade{ min-width:34px !important; } } /* ===================================================== 206. GTA 6 Release Page — отдельные стили статьи ===================================================== */ .gtmGta6ReleasePage, .gtmGta6ReleasePage *, .gtmGta6ReleasePage *:before, .gtmGta6ReleasePage *:after{ box-sizing:border-box !important; } .gtmGta6ReleasePage{ width:100% !important; max-width:760px !important; min-width:0 !important; margin:0 auto 22px auto !important; padding:0 !important; display:block !important; clear:both !important; float:none !important; position:relative !important; overflow:hidden !important; color:#e8ddc3 !important; font:400 13px/1.65 "Open Sans",Tahoma,Verdana,Arial,sans-serif !important; background: radial-gradient(circle at 50% 0,rgba(210,171,115,.16),transparent 42%), radial-gradient(circle at 100% 100%,rgba(159,98,71,.12),transparent 36%), linear-gradient(180deg,#3c3527 0%,#2e281d 45%,#1d1911 100%) !important; border:1px solid rgba(210,171,115,.28) !important; border-radius:14px !important; box-shadow: 0 14px 32px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.06) !important; } /* ===================================================== 207. ХЛЕБНЫЕ КРОШКИ ===================================================== */ .gtmGta6ReleasePage__crumbs{ width:100% !important; max-width:100% !important; padding:10px 14px !important; display:flex !important; align-items:center !important; flex-wrap:wrap !important; gap:6px !important; overflow:hidden !important; color:#cdbf9f !important; background: linear-gradient(180deg,rgba(31,27,18,.92),rgba(22,19,13,.92)) !important; border-bottom:1px solid rgba(210,171,115,.18) !important; font-size:11px !important; font-weight:700 !important; line-height:1.35 !important; } .gtmGta6ReleasePage__crumbs a, .gtmGta6ReleasePage__crumbs a:link, .gtmGta6ReleasePage__crumbs a:visited, .gtmGta6ReleasePage__crumbs a:active{ color:#f0d48d !important; text-decoration:none !important; } .gtmGta6ReleasePage__crumbs a:hover{ color:#fff3c8 !important; text-decoration:underline !important; text-underline-offset:2px !important; } .gtmGta6ReleasePage__crumbs-sep{ color:#8f7f5d !important; } .gtmGta6ReleasePage__crumbs-current{ color:#e8ddc3 !important; } /* ===================================================== 208. HERO ===================================================== */ .gtmGta6ReleasePage__hero{ width:100% !important; max-width:100% !important; padding:18px 18px 16px 18px !important; display:block !important; position:relative !important; overflow:hidden !important; background: radial-gradient(circle at 16% 0,rgba(245,235,206,.10),transparent 34%), radial-gradient(circle at 88% 100%,rgba(159,98,71,.16),transparent 38%), linear-gradient(180deg,rgba(65,56,38,.96),rgba(43,36,24,.94)) !important; border-bottom:1px solid rgba(0,0,0,.35) !important; } .gtmGta6ReleasePage__eyebrow{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:22px !important; margin:0 0 10px 0 !important; padding:0 10px !important; color:#2f2412 !important; background:linear-gradient(180deg,#f5ebce 0%,#d6a84f 100%) !important; border:1px solid rgba(70,45,20,.65) !important; border-radius:999px !important; font-size:10px !important; font-weight:900 !important; line-height:22px !important; text-transform:uppercase !important; letter-spacing:.4px !important; text-shadow:0 1px 0 rgba(255,255,255,.42) !important; box-shadow: 0 2px 8px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.45) !important; } .gtmGta6ReleasePage__title{ width:100% !important; max-width:100% !important; margin:0 0 12px 0 !important; padding:0 !important; color:#f5ebce !important; font:900 26px/1.22 "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; text-shadow: 1px 1px 0 rgba(0,0,0,.9), 0 4px 14px rgba(0,0,0,.42) !important; } .gtmGta6ReleasePage__lead{ width:100% !important; max-width:100% !important; margin:0 0 14px 0 !important; padding:0 !important; color:#eadfc7 !important; font-size:14px !important; line-height:1.65 !important; text-shadow:1px 1px 0 rgba(0,0,0,.55) !important; } .gtmGta6ReleasePage__meta{ width:100% !important; max-width:100% !important; display:flex !important; align-items:center !important; flex-wrap:wrap !important; gap:7px !important; margin:0 !important; padding:0 !important; } .gtmGta6ReleasePage__chip{ min-height:24px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; padding:0 10px !important; color:#f5ebce !important; background:rgba(20,18,12,.48) !important; border:1px solid rgba(210,171,115,.25) !important; border-radius:999px !important; font-size:10px !important; font-weight:900 !important; line-height:24px !important; text-transform:uppercase !important; white-space:nowrap !important; text-shadow:1px 1px 0 rgba(0,0,0,.75) !important; } /* ===================================================== 209. КАРТИНКА ===================================================== */ .gtmGta6ReleasePage__image-box{ width:100% !important; max-width:100% !important; margin:0 !important; padding:10px !important; display:block !important; overflow:hidden !important; background: linear-gradient(180deg,#1a170f 0%,#120f0a 100%) !important; border-top:1px solid rgba(255,255,255,.04) !important; border-bottom:1px solid rgba(210,171,115,.18) !important; } .gtmGta6ReleasePage__image-box img{ width:100% !important; max-width:568px !important; height:auto !important; max-height:none !important; display:block !important; margin:0 auto !important; padding:0 !important; border:1px solid rgba(210,171,115,.28) !important; border-radius:12px !important; object-fit:cover !important; object-position:center center !important; box-shadow: 0 10px 24px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.08) !important; } /* ===================================================== 210. СЕКЦИИ ===================================================== */ .gtmGta6ReleasePage__section{ width:100% !important; max-width:100% !important; margin:0 !important; padding:17px 18px !important; display:block !important; position:relative !important; overflow:hidden !important; border-top:1px solid rgba(255,255,255,.035) !important; border-bottom:1px solid rgba(0,0,0,.22) !important; } .gtmGta6ReleasePage__section:nth-child(even){ background:rgba(22,19,13,.16) !important; } .gtmGta6ReleasePage__section-title{ width:100% !important; max-width:100% !important; margin:0 0 12px 0 !important; padding:9px 12px !important; display:block !important; color:#f5ebce !important; background: linear-gradient(90deg,rgba(92,80,57,.96),rgba(52,44,30,.72)) !important; border-left:4px solid #d2ab73 !important; border-top:1px solid rgba(255,255,255,.06) !important; border-right:1px solid rgba(210,171,115,.12) !important; border-bottom:1px solid rgba(0,0,0,.38) !important; border-radius:10px !important; font:900 18px/1.28 "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; text-shadow:1px 1px 0 rgba(0,0,0,.85) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 4px 12px rgba(0,0,0,.18) !important; } .gtmGta6ReleasePage__subtitle{ width:100% !important; max-width:100% !important; margin:15px 0 8px 0 !important; padding:0 0 0 12px !important; color:#ffe1a0 !important; font:900 15px/1.35 "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; text-shadow:1px 1px 0 rgba(0,0,0,.75) !important; border-left:3px solid rgba(210,171,115,.75) !important; } .gtmGta6ReleasePage__text{ width:100% !important; max-width:100% !important; margin:0 0 12px 0 !important; padding:0 !important; color:#e8ddc3 !important; font-size:13px !important; line-height:1.72 !important; text-align:left !important; text-shadow:1px 1px 0 rgba(0,0,0,.38) !important; } .gtmGta6ReleasePage__text:last-child{ margin-bottom:0 !important; } .gtmGta6ReleasePage b, .gtmGta6ReleasePage strong{ color:#ffe0a0 !important; font-weight:900 !important; } /* ===================================================== 211. СПИСКИ ===================================================== */ .gtmGta6ReleasePage__list{ width:100% !important; max-width:100% !important; margin:0 0 14px 0 !important; padding:0 !important; list-style:none !important; } .gtmGta6ReleasePage__list li{ width:100% !important; max-width:100% !important; margin:0 0 8px 0 !important; padding:9px 11px 9px 32px !important; position:relative !important; overflow:hidden !important; color:#eadfc7 !important; background: radial-gradient(circle at 0 50%,rgba(210,171,115,.16),transparent 34px), rgba(20,18,12,.34) !important; border:1px solid rgba(210,171,115,.16) !important; border-radius:10px !important; font-size:13px !important; line-height:1.55 !important; text-shadow:1px 1px 0 rgba(0,0,0,.42) !important; } .gtmGta6ReleasePage__list li:before{ content:"✓" !important; width:18px !important; height:18px !important; position:absolute !important; left:9px !important; top:10px !important; display:flex !important; align-items:center !important; justify-content:center !important; color:#2f2412 !important; background:linear-gradient(180deg,#f5ebce,#d2ab73) !important; border-radius:50% !important; font-size:11px !important; font-weight:900 !important; line-height:18px !important; text-shadow:0 1px 0 rgba(255,255,255,.45) !important; } /* ===================================================== 212. ПРИМЕЧАНИЯ И ВАЖНЫЕ БЛОКИ ===================================================== */ .gtmGta6ReleasePage__note, .gtmGta6ReleasePage__warning{ width:100% !important; max-width:100% !important; margin:14px 0 0 0 !important; padding:12px 14px !important; display:block !important; position:relative !important; overflow:hidden !important; color:#f0e5cc !important; background: radial-gradient(circle at 0 0,rgba(210,171,115,.13),transparent 38%), linear-gradient(180deg,rgba(24,21,14,.72),rgba(18,16,10,.72)) !important; border:1px solid rgba(210,171,115,.22) !important; border-radius:12px !important; font-size:13px !important; font-weight:700 !important; line-height:1.6 !important; text-shadow:1px 1px 0 rgba(0,0,0,.55) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 5px 14px rgba(0,0,0,.18) !important; } .gtmGta6ReleasePage__note:before{ content:"i" !important; width:20px !important; height:20px !important; margin:0 8px 0 0 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; vertical-align:middle !important; color:#2f2412 !important; background:linear-gradient(180deg,#f5ebce,#d2ab73) !important; border-radius:50% !important; font-size:12px !important; font-weight:900 !important; font-style:normal !important; line-height:20px !important; text-shadow:0 1px 0 rgba(255,255,255,.45) !important; } .gtmGta6ReleasePage__warning{ color:#fff1c8 !important; background: radial-gradient(circle at 0 0,rgba(245,200,120,.16),transparent 38%), linear-gradient(180deg,rgba(82,51,33,.72),rgba(38,27,18,.78)) !important; border-color:rgba(214,168,79,.34) !important; } .gtmGta6ReleasePage__warning:before{ content:"!" !important; width:20px !important; height:20px !important; margin:0 8px 0 0 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; vertical-align:middle !important; color:#2f2412 !important; background:linear-gradient(180deg,#ffd88a,#d2ab73) !important; border-radius:50% !important; font-size:13px !important; font-weight:900 !important; line-height:20px !important; text-shadow:0 1px 0 rgba(255,255,255,.45) !important; } /* ===================================================== 213. ССЫЛКИ ===================================================== */ .gtmGta6ReleasePage a, .gtmGta6ReleasePage a:link, .gtmGta6ReleasePage a:visited, .gtmGta6ReleasePage a:active{ color:#ffd37a !important; text-decoration:none !important; } .gtmGta6ReleasePage a:hover{ color:#fff1c8 !important; text-decoration:underline !important; text-underline-offset:2px !important; } /* ===================================================== 214. ЗАЩИТА ОТ СТАРЫХ ТАБЛИЦ И ЛИШНИХ РАСТЯЖЕНИЙ ===================================================== */ .gtmGta6ReleasePage img{ max-width:100% !important; } .gtmGta6ReleasePage table, .gtmGta6ReleasePage tbody, .gtmGta6ReleasePage tr, .gtmGta6ReleasePage td{ max-width:100% !important; box-sizing:border-box !important; } .gtmGta6ReleasePage a{ outline:none !important; } /* ===================================================== 215. МОБИЛЬНАЯ ВЕРСИЯ ===================================================== */ @media(max-width:640px){ .gtmGta6ReleasePage{ max-width:100% !important; border-radius:10px !important; } .gtmGta6ReleasePage__crumbs{ padding:9px 11px !important; font-size:10px !important; } .gtmGta6ReleasePage__hero{ padding:15px 13px 14px 13px !important; } .gtmGta6ReleasePage__title{ font-size:22px !important; line-height:1.22 !important; } .gtmGta6ReleasePage__lead{ font-size:13px !important; line-height:1.6 !important; } .gtmGta6ReleasePage__image-box{ padding:8px !important; } .gtmGta6ReleasePage__section{ padding:15px 13px !important; } .gtmGta6ReleasePage__section-title{ padding:8px 10px !important; font-size:16px !important; } .gtmGta6ReleasePage__subtitle{ font-size:14px !important; } .gtmGta6ReleasePage__text, .gtmGta6ReleasePage__list li, .gtmGta6ReleasePage__note, .gtmGta6ReleasePage__warning{ font-size:12px !important; } .gtmGta6ReleasePage__chip{ font-size:9px !important; min-height:22px !important; line-height:22px !important; } } @media(max-width:380px){ .gtmGta6ReleasePage__title{ font-size:20px !important; } .gtmGta6ReleasePage__meta{ gap:5px !important; } .gtmGta6ReleasePage__chip{ padding:0 8px !important; } .gtmGta6ReleasePage__list li{ padding-left:30px !important; } } .gtmModCard__noimg{ display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; height:100%; min-height:0; padding:6px; box-sizing:border-box; color:#cfc4aa; font:700 11px/1.2 "Open Sans",Tahoma,Arial,sans-serif; text-align:center; text-transform:uppercase; letter-spacing:.25px; border:1px dashed rgba(245,235,206,.16); border-radius:9px; background: radial-gradient(circle at 50% 0,rgba(216,180,107,.10),transparent 40%), rgba(0,0,0,.16); } .gtmModCard__noimg:before{ content:"▧"; display:flex; align-items:center; justify-content:center; width:26px; height:26px; margin:0 0 5px 0; border-radius:8px; border:1px solid rgba(245,235,206,.16); background:rgba(0,0,0,.18); color:#d8b46b; font:700 17px/1 Arial,Tahoma,sans-serif; } /* ===================================================== 216. CORE WEB VITALS — МОБИЛЬНЫЕ ИСПРАВЛЕНИЯ GtaMania.ru Исправления для CLS, INP и LCP на мобильной версии ===================================================== */ /* ===================================================== 1. КАРТИНКИ — ЗАЩИТА ОТ ПРЫЖКОВ СТРАНИЦЫ CLS: чтобы изображения не ломали ширину и не прыгали ===================================================== */ img{ max-width:100%; height:auto; } a img{ border:0; } /* ===================================================== 2. КАРТИНКИ ВНУТРИ НОВОСТЕЙ И СТАТЕЙ CLS: стабильная ширина картинок в материале ===================================================== */ .eMessage img, .eText img, .news img, .article img, .entry img, .content img, .post img, .titlefile20 img{ max-width:100%; height:auto; display:block; } /* ===================================================== 3. ГЛАВНЫЕ КАРТИНКИ СТАТЕЙ CLS/LCP: картинка не должна резко менять размер ===================================================== */ .eMessage > img, .eText > img, .content > img, .article > img{ max-width:100%; height:auto; display:block; margin-left:auto; margin-right:auto; } /* ===================================================== 4. IFRAME И ВСТАВКИ — ЗАЩИТА ОТ ПРЫЖКОВ CLS: iframe не должен появляться без размера ===================================================== */ iframe{ max-width:100%; display:block; } /* ===================================================== 5. МИНИ-ЧАТ UCOZ — ФИКС ВЫСОТЫ CLS: чат не должен толкать страницу при загрузке ===================================================== */ #mchatIfm2{ width:100% !important; height:260px !important; min-height:260px !important; display:block !important; overflow:hidden !important; } /* ===================================================== 6. БЛОК ПАРТНЁРСКОГО МАТЕРИАЛА CLS: резервируем высоту, чтобы блок не прыгал ===================================================== */ .gtnHud{ min-height:88px; } /* ===================================================== 7. БЛОКИ БОКОВОЙ КОЛОНКИ — ОБЩАЯ СТАБИЛЬНОСТЬ CLS: фиксируем поведение популярных боковых блоков ===================================================== */ .gtmProfileMenu, .gtmTopModsPanel, .gtmCommentsPanel, .gtmUsersPanel, .gtmVisitedPanel, .gtmMembersPanel, .gtmPollPack, .pollBlock, .gtmChatPanel{ max-width:100%; box-sizing:border-box; } .gtmProfileMenu *, .gtmTopModsPanel *, .gtmCommentsPanel *, .gtmUsersPanel *, .gtmVisitedPanel *, .gtmMembersPanel *, .gtmPollPack *, .pollBlock *, .gtmChatPanel *{ box-sizing:border-box; } /* ===================================================== 8. ОПРОСЫ UCOZ — ЗАЩИТА ОТ СДВИГОВ CLS: форма опроса не должна менять ширину ===================================================== */ .pollBlock, .gtmPollPack{ width:100%; max-width:100%; overflow:hidden; } .pollBlock table, .gtmPollPack table{ width:100% !important; max-width:100% !important; table-layout:fixed; } .pollBlock img, .gtmPollPack img{ max-width:100%; height:auto; } /* ===================================================== 9. ТАБЛИЦЫ UCOZ — ЧТОБЫ НЕ РАЗДУВАЛИ МОБИЛЬНУЮ ВЕРСИЮ CLS: старые таблицы не должны вылезать за экран ===================================================== */ table{ max-width:100%; } .manTable, .eTable, .catsTable, .forumTable, .postTable{ max-width:100%; } /* ===================================================== 10. ШРИФТЫ И ТЕКСТ — МЕНЬШЕ РЕЗКИХ СДВИГОВ CLS: стабильное отображение текста ===================================================== */ body{ text-size-adjust:100%; -webkit-text-size-adjust:100%; } /* ===================================================== 11. МОБИЛЬНАЯ ВЕРСИЯ — ГЛАВНЫЕ ФИКСЫ CLS/INP/LCP: применяются только на телефонах ===================================================== */ @media (max-width:768px){ /* ===================================================== МОБИЛЬНЫЕ КАРТИНКИ ===================================================== */ img{ max-width:100% !important; height:auto !important; } .eMessage img, .eText img, .news img, .article img, .entry img, .content img, .post img, .titlefile20 img{ max-width:100% !important; height:auto !important; } /* ===================================================== МОБИЛЬНЫЕ ВСТАВКИ И IFRAME ===================================================== */ iframe{ max-width:100% !important; } #mchatIfm2{ width:100% !important; height:240px !important; min-height:240px !important; } /* ===================================================== МОБИЛЬНЫЕ БОКОВЫЕ БЛОКИ Убираем тяжёлые эффекты для INP ===================================================== */ .gtmProfileMenu, .gtmTopModsPanel, .gtmCommentsPanel, .gtmUsersPanel, .gtmVisitedPanel, .gtmMembersPanel, .gtmPollPack, .pollBlock, .gtmChatPanel{ max-width:100% !important; animation:none !important; transition:none !important; transform:none !important; } /* ===================================================== МОБИЛЬНЫЕ ВНУТРЕННИЕ ЭЛЕМЕНТЫ БОКОВЫХ БЛОКОВ ===================================================== */ .gtmProfileMenu *, .gtmTopModsPanel *, .gtmCommentsPanel *, .gtmUsersPanel *, .gtmVisitedPanel *, .gtmMembersPanel *, .gtmPollPack *, .pollBlock *, .gtmChatPanel *{ animation:none !important; transition:none !important; } /* ===================================================== МОБИЛЬНЫЕ HOVER-ЭФФЕКТЫ INP: на телефоне hover не нужен, он грузит браузер ===================================================== */ a, button, input, select, textarea{ transition:none !important; } /* ===================================================== МОБИЛЬНЫЕ ТАБЛИЦЫ CLS: таблицы не должны ломать ширину экрана ===================================================== */ table{ max-width:100% !important; } .manTable, .eTable, .catsTable, .forumTable, .postTable{ width:100% !important; max-width:100% !important; table-layout:auto; } /* ===================================================== МОБИЛЬНЫЕ ПОЛЯ ФОРМ CLS: поля не должны вылезать за экран ===================================================== */ input, textarea, select{ max-width:100% !important; box-sizing:border-box !important; } /* ===================================================== МОБИЛЬНЫЙ ПАРТНЁРСКИЙ БЛОК CLS: резервируем место под блок ===================================================== */ .gtnHud{ min-height:88px !important; } /* ===================================================== МОБИЛЬНЫЙ СКРОЛЛ БЛОКОВ INP: уменьшаем нагрузку от вложенных скроллов ===================================================== */ .gtmTopModsScrollBox{ max-height:300px; -webkit-overflow-scrolling:touch; } /* ===================================================== МОБИЛЬНЫЕ ФОНЫ LCP/INP: фиксированные фоны на телефоне часто тормозят ===================================================== */ body, #body_bg, #body_bg_pda{ background-attachment:scroll !important; } } /* ===================================================== 12. ОЧЕНЬ МАЛЕНЬКИЕ ЭКРАНЫ Дополнительная защита для телефонов 320–480px ===================================================== */ @media (max-width:480px){ /* ===================================================== МАЛЕНЬКИЕ ЭКРАНЫ — ЧАТ ===================================================== */ #mchatIfm2{ height:220px !important; min-height:220px !important; } /* ===================================================== МАЛЕНЬКИЕ ЭКРАНЫ — ПАРТНЁРСКИЙ БЛОК ===================================================== */ .gtnHud{ min-height:96px !important; } /* ===================================================== МАЛЕНЬКИЕ ЭКРАНЫ — БОКОВЫЕ БЛОКИ ===================================================== */ .gtmProfileMenu, .gtmTopModsPanel, .gtmCommentsPanel, .gtmUsersPanel, .gtmVisitedPanel, .gtmMembersPanel, .gtmPollPack, .pollBlock, .gtmChatPanel{ width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; } } /* ===================================================== 13. ЗАЩИТА ОТ СЛУЧАЙНОГО ГОРИЗОНТАЛЬНОГО СКРОЛЛА CLS: если какой-то блок вылезает за экран ===================================================== */ html, body{ max-width:100%; overflow-x:hidden; } /* ===================================================== 14. СТАБИЛЬНОСТЬ РЕКЛАМНЫХ / ИНФОРМАЦИОННЫХ БЛОКОВ CLS: если блоки появляются позже, место уже зарезервировано ===================================================== */ .gtnHud, .gtmProfileMenu, .gtmTopModsPanel, .gtmCommentsPanel, .gtmUsersPanel, .gtmVisitedPanel, .gtmMembersPanel, .gtmPollPack, .pollBlock, .gtmChatPanel{ contain:layout paint; } /* ===================================================== 15. ОТКЛЮЧЕНИЕ ТЯЖЁЛОЙ АНИМАЦИИ ДЛЯ ТЕХ, У КОГО ВКЛЮЧЕНО УМЕНЬШЕНИЕ ДВИЖЕНИЯ INP: снижает нагрузку на слабых устройствах ===================================================== */ @media (prefers-reduced-motion:reduce){ *, *:before, *:after{ animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; } } /* ========================================================= 217. GTA SCROLL PROGRESS — КРАСИВАЯ КНОПКА НАВЕРХ ставить в самый низ CSS ========================================================= */ #gtaScrollProgress2{ --size:64px; --progress:0%; position:fixed !important; right:18px !important; bottom:18px !important; width:var(--size) !important; height:var(--size) !important; z-index:999999 !important; display:flex !important; align-items:center !important; justify-content:center !important; border-radius:50% !important; cursor:pointer !important; pointer-events:auto !important; opacity:1 !important; visibility:visible !important; transform:translateY(0) scale(1) !important; transition: opacity .22s ease, transform .22s ease, visibility .22s ease !important; filter: drop-shadow(0 12px 18px rgba(0,0,0,.42)) drop-shadow(0 0 10px rgba(210,171,115,.14)) !important; } #gtaScrollProgress2.is-hidden{ opacity:0 !important; visibility:hidden !important; transform:translateY(10px) scale(.88) !important; pointer-events:none !important; } #gtaScrollProgress2:before{ content:"" !important; position:absolute !important; inset:0 !important; border-radius:50% !important; background: conic-gradient( from -90deg, #f0d28a 0%, #c99a4b var(--progress), rgba(55,43,28,.72) var(--progress), rgba(28,22,15,.92) 100% ) !important; box-shadow: 0 0 0 1px rgba(0,0,0,.60), 0 0 14px rgba(210,171,115,.20), inset 0 1px 0 rgba(255,255,255,.18) !important; } #gtaScrollProgress2:after{ content:"" !important; position:absolute !important; inset:7px !important; border-radius:50% !important; background: radial-gradient(circle at 35% 24%,rgba(255,255,255,.10),transparent 26%), radial-gradient(circle at 50% 90%,rgba(210,171,115,.10),transparent 42%), linear-gradient(180deg,#3b3326 0%,#201a12 56%,#100d09 100%) !important; border:1px solid rgba(210,171,115,.22) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), inset 0 -8px 16px rgba(0,0,0,.35), 0 0 0 1px rgba(0,0,0,.38) !important; } .gtaScrollProgress2__ticks{ position:absolute !important; inset:4px !important; z-index:2 !important; border-radius:50% !important; background: repeating-conic-gradient( from -90deg, rgba(245,235,206,.55) 0deg 2deg, transparent 2deg 18deg ) !important; -webkit-mask:radial-gradient(circle,transparent 0 25px,#000 26px,#000 29px,transparent 30px) !important; mask:radial-gradient(circle,transparent 0 25px,#000 26px,#000 29px,transparent 30px) !important; opacity:.42 !important; pointer-events:none !important; } .gtaScrollProgress2__center{ position:relative !important; z-index:3 !important; width:42px !important; height:42px !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:1px !important; border-radius:50% !important; background: radial-gradient(circle at 35% 25%,rgba(255,255,255,.12),transparent 30%), linear-gradient(180deg,#2d2519 0%,#17120c 100%) !important; border:1px solid rgba(210,171,115,.18) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 0 10px rgba(0,0,0,.34) !important; } .gtaScrollProgress2__arrow{ width:0 !important; height:0 !important; margin-bottom:1px !important; border-left:5px solid transparent !important; border-right:5px solid transparent !important; border-bottom:7px solid #d9b66b !important; filter:drop-shadow(0 1px 1px rgba(0,0,0,.75)) !important; } .gtaScrollProgress2__value{ display:block !important; min-width:28px !important; color:#f5ebce !important; font-family:Tahoma,Arial,sans-serif !important; font-size:10px !important; font-weight:900 !important; line-height:11px !important; text-align:center !important; letter-spacing:.02em !important; text-shadow: 0 1px 1px rgba(0,0,0,.85), 0 0 7px rgba(210,171,115,.28) !important; } .gtaScrollProgress2__label{ display:block !important; color:#a99a7a !important; font-family:Tahoma,Arial,sans-serif !important; font-size:6px !important; font-weight:900 !important; line-height:7px !important; text-align:center !important; text-transform:uppercase !important; letter-spacing:.08em !important; text-shadow:0 1px 1px rgba(0,0,0,.85) !important; } #gtaScrollProgress2:hover{ transform:translateY(-2px) scale(1.03) !important; } #gtaScrollProgress2:active{ transform:translateY(0) scale(.96) !important; } @media(max-width:768px){ #gtaScrollProgress2{ display:none !important; } } /* ========================================================= 218. ПРАВАЯ КОЛОНКА ========================================================= */ .gtmProfileMenu { width:100%; margin:0 0 10px 0; padding:0; background:linear-gradient(180deg,#f6edcf 0%,#efe1b8 100%); border:1px solid #2a2418; border-radius:5px; box-shadow: 0 1px 2px rgba(0,0,0,.45), 0 1px 0 rgba(255,255,255,.45) inset; overflow:hidden; box-sizing:border-box; color:#2f2b1b; font-family:Arial,Helvetica,sans-serif; } /* заголовок блока */ .gtmProfileMenu__title { min-height:30px; padding:8px 10px 7px 34px; position:relative; background:linear-gradient(180deg,#5a503b 0%,#463e2d 48%,#3a3325 100%); border-bottom:1px solid #241f15; color:#f5e8bf; font-size:12px; font-weight:bold; line-height:14px; text-shadow:0 1px 1px rgba(0,0,0,.75); box-shadow: 0 1px 0 rgba(255,255,255,.08) inset, 0 -1px 0 rgba(0,0,0,.25) inset; box-sizing:border-box; } /* иконка в заголовке */ .gtmProfileMenu__title:before { content:""; width:16px; height:16px; position:absolute; left:10px; top:50%; margin-top:-8px; border-radius:4px; background: radial-gradient(circle at 35% 30%,rgba(255,255,255,.75),rgba(255,255,255,0) 34%), linear-gradient(180deg,#c8a85d 0%,#8d6a2c 100%); border:1px solid rgba(35,28,15,.85); box-shadow: 0 1px 0 rgba(255,255,255,.25) inset, 0 0 7px rgba(190,150,65,.35); } /* тело блока */ .gtmProfileMenu__body { padding:6px; background: radial-gradient(circle at top left,rgba(255,255,255,.35),rgba(255,255,255,0) 42%), linear-gradient(180deg,#f7efd3 0%,#efe2bc 100%); box-sizing:border-box; overflow:hidden; } /* таблица */ .gtmProfileMenu__table { width:100%; border:0; border-collapse:separate; border-spacing:0 3px; margin:0; padding:0; } /* строка / ячейка */ .gtmProfileMenu__td { width:100%; padding:0; margin:0; position:relative; } /* основная ссылка */ .gtmProfileMenu__link, .gtmProfileMenu__link:link, .gtmProfileMenu__link:visited, .gtmProfileMenu__link:active { display:block; min-height:24px; padding:6px 34px 6px 23px; position:relative; background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,.08)); border:1px solid rgba(72,58,33,.25); border-radius:4px; color:#2a271c; font-size:11px; font-weight:bold; line-height:13px; text-decoration:none; text-shadow:0 1px 0 rgba(255,255,255,.55); box-shadow: 0 1px 0 rgba(255,255,255,.45) inset, 0 1px 1px rgba(0,0,0,.05); box-sizing:border-box; transition: background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease; } /* маркер у ссылки */ .gtmProfileMenu__link:before { content:""; width:7px; height:7px; position:absolute; left:9px; top:50%; margin-top:-4px; border-radius:50%; background:#8d6a2c; box-shadow: 0 0 0 1px rgba(255,255,255,.35), 0 0 6px rgba(190,150,65,.28); } /* наведение */ .gtmProfileMenu__link:hover { color:#000; background:linear-gradient(180deg,#fff7da 0%,#ead8a5 100%); border-color:rgba(90,80,59,.55); box-shadow: 0 1px 0 rgba(255,255,255,.65) inset, 0 0 8px rgba(90,80,59,.18); transform:translateX(2px); } /* активная ссылка */ .gtmProfileMenu__link--active, .gtmProfileMenu__link--active:link, .gtmProfileMenu__link--active:visited, .gtmProfileMenu__link--active:active { color:#f5e8bf !important; background:linear-gradient(180deg,#5a503b 0%,#463e2d 48%,#3a3325 100%) !important; border-color:#241f15 !important; text-shadow:0 1px 1px rgba(0,0,0,.75) !important; box-shadow: 0 1px 0 rgba(255,255,255,.12) inset, 0 0 7px rgba(190,150,65,.22) !important; } .gtmProfileMenu__link--active:before { background:#f1d078; box-shadow: 0 0 0 1px rgba(0,0,0,.25), 0 0 8px rgba(241,208,120,.65); } /* =============================== 219. GTA инструменты стиль как у блока "Мини профиль" =============================== */ .gtmGangPack{ width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 0 10px 0 !important; padding:10px !important; display:block !important; clear:both !important; float:none !important; position:relative !important; overflow:hidden !important; box-sizing:border-box !important; color:#e4dac4 !important; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; background: radial-gradient(circle at 50% 0,rgba(210,171,115,.10),transparent 42%), radial-gradient(circle at 86% 100%,rgba(86,52,24,.14),transparent 34%), linear-gradient(180deg,#3d3628 0%,#2f291d 52%,#221d14 100%) !important; border:1px solid #1c1710 !important; border-radius:12px !important; box-shadow: 0 14px 30px rgba(0,0,0,.42), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.16) inset !important; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important; } .gtmGangPack:hover{ transform:translateY(-1px) !important; border-color:#2a2418 !important; box-shadow: 0 16px 32px rgba(0,0,0,.46), 0 0 12px rgba(210,171,115,.10), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.16) inset !important; } .gtmGangPack, .gtmGangPack *, .gtmGangPack *:before, .gtmGangPack *:after{ box-sizing:border-box !important; max-width:100% !important; } .gtmGangPack:before{ content:"" !important; position:absolute !important; inset:1px !important; border-radius:11px !important; border:1px solid rgba(255,255,255,.03) !important; pointer-events:none !important; z-index:1 !important; } .gtmGangPack:after{ content:"" !important; position:absolute !important; left:0 !important; top:0 !important; width:100% !important; height:1px !important; background:linear-gradient(90deg,transparent,rgba(240,221,185,.36),transparent) !important; pointer-events:none !important; z-index:2 !important; } .gtmGangPack > *{ position:relative !important; z-index:3 !important; } /* =============================== 220. Заголовок =============================== */ .gtmGangPack__title{ width:100% !important; min-height:auto !important; margin:0 0 10px 0 !important; padding:8px 9px !important; display:flex !important; align-items:center !important; gap:6px !important; overflow:hidden !important; position:relative !important; color:#f5ebce !important; font:700 12px/1.3 "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; text-transform:uppercase !important; letter-spacing:.06em !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; background:linear-gradient(180deg,rgba(84,72,52,.92),rgba(62,53,39,.92)) !important; border:1px solid #2a2418 !important; border-radius:8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 2px 6px rgba(0,0,0,.24) !important; } .gtmGangPack__title:before{ content:"" !important; position:absolute !important; top:0 !important; left:-45% !important; width:70% !important; height:100% !important; background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent) !important; transform:skewX(-24deg) !important; pointer-events:none !important; } .gtmGangPack__title:after{ content:"" !important; position:absolute !important; left:10px !important; right:10px !important; bottom:0 !important; height:2px !important; background:linear-gradient(90deg,rgba(122,74,42,0),rgba(210,171,115,.95),rgba(122,74,42,0)) !important; opacity:.9 !important; pointer-events:none !important; } .gtmGangPack__titleText{ flex:1 1 auto !important; min-width:0 !important; display:block !important; overflow:hidden !important; white-space:nowrap !important; text-overflow:ellipsis !important; font-size:12px !important; font-weight:700 !important; line-height:1.3 !important; position:relative !important; z-index:2 !important; } .gtmGangPack__titleIcon{ width:17px !important; height:17px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; flex:0 0 17px !important; color:#2f2b1b !important; background:linear-gradient(180deg,#f5ebce 0%,#d8caa8 100%) !important; border:1px solid rgba(42,36,24,.75) !important; border-radius:5px !important; font-size:12px !important; line-height:17px !important; text-shadow:1px 1px 0 rgba(255,255,255,.45) !important; box-shadow: 1px 1px 0 rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.45) !important; position:relative !important; z-index:2 !important; } .gtmGangPack__badge{ margin-left:auto !important; padding:3px 7px !important; display:inline-block !important; flex:0 0 auto !important; position:relative !important; z-index:2 !important; color:#f5ebce !important; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.36)), rgba(23,21,13,.38) !important; border:1px solid rgba(138,123,90,.30) !important; border-radius:999px !important; font-size:9px !important; font-weight:900 !important; line-height:1.2 !important; text-transform:uppercase !important; letter-spacing:.04em !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.18) !important; } /* =============================== 221. Статус =============================== */ .gtmGangPack__status{ width:100% !important; margin:0 0 8px 0 !important; padding:5px 7px !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:6px !important; color:#b6ac94 !important; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.36)), rgba(23,21,13,.38) !important; border:1px solid rgba(138,123,90,.30) !important; border-radius:7px !important; font-size:10px !important; font-weight:900 !important; line-height:12px !important; text-align:center !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.18) !important; } .gtmGangPack__statusDot{ width:7px !important; height:7px !important; flex:0 0 7px !important; display:inline-block !important; border-radius:50% !important; background:#d2ab73 !important; box-shadow: 0 0 7px rgba(210,171,115,.85), 0 0 12px rgba(210,171,115,.35) !important; animation:gtmGangPackPulse 1.6s infinite ease-in-out !important; } /* =============================== 222. Тело =============================== */ .gtmGangPack__body{ width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; display:block !important; overflow:hidden !important; box-sizing:border-box !important; background:transparent !important; } /* =============================== 223. Скролл =============================== */ .gtmGangPack__scroll{ width:100% !important; max-width:100% !important; height:220px !important; max-height:220px !important; margin:0 !important; padding:0 4px 0 0 !important; display:block !important; overflow-y:auto !important; overflow-x:hidden !important; box-sizing:border-box !important; scrollbar-width:thin !important; scrollbar-color:#5a503b rgba(23,21,13,.42) !important; } .gtmGangPack__scroll::-webkit-scrollbar{ width:7px !important; height:7px !important; } .gtmGangPack__scroll::-webkit-scrollbar-track{ background: linear-gradient(180deg,rgba(23,21,13,.50),rgba(35,29,20,.38)) !important; border-radius:10px !important; box-shadow: inset 0 1px 2px rgba(0,0,0,.28) !important; } .gtmGangPack__scroll::-webkit-scrollbar-thumb{ background: linear-gradient(180deg,#6b6048 0%,#5a503b 45%,#3a3325 100%) !important; border:1px solid #241f15 !important; border-radius:10px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 0 6px rgba(210,171,115,.12) !important; } .gtmGangPack__scroll::-webkit-scrollbar-thumb:hover{ background: linear-gradient(180deg,#7b6d50 0%,#665a42 45%,#463e2d 100%) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 0 9px rgba(210,171,115,.20) !important; } .gtmGangPack__scroll::-webkit-scrollbar-corner{ background:rgba(23,21,13,.42) !important; } /* =============================== 224. Разделы =============================== */ .gtmGangPack__section{ width:100% !important; margin:0 0 6px 0 !important; padding:7px 9px !important; display:flex !important; align-items:center !important; justify-content:center !important; position:relative !important; overflow:hidden !important; color:#b6ac94 !important; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.36)), rgba(23,21,13,.38) !important; border:1px solid rgba(138,123,90,.30) !important; border-radius:7px !important; font-size:9px !important; font-weight:900 !important; line-height:1.2 !important; text-transform:uppercase !important; text-align:center !important; letter-spacing:.06em !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.18) !important; } .gtmGangPack__section:before, .gtmGangPack__section:after{ content:"" !important; position:absolute !important; top:50% !important; width:18px !important; height:1px !important; background:rgba(210,171,115,.42) !important; } .gtmGangPack__section:before{ left:7px !important; } .gtmGangPack__section:after{ right:7px !important; } /* =============================== 225. Элемент =============================== */ .gtmGangPack__item{ width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 0 6px 0 !important; padding:0 !important; display:block !important; clear:both !important; float:none !important; overflow:visible !important; box-sizing:border-box !important; } .gtmGangPack__item:last-child{ margin-bottom:0 !important; } /* =============================== 226. Ссылка =============================== */ .gtmGangPack__link, .gtmGangPack__link:link, .gtmGangPack__link:visited, .gtmGangPack__link:active{ width:100% !important; max-width:100% !important; min-width:0 !important; min-height:34px !important; margin:0 !important; padding:7px 24px 7px 7px !important; display:flex !important; align-items:center !important; gap:7px !important; position:relative !important; overflow:visible !important; box-sizing:border-box !important; color:#2a2418 !important; background-image: linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.035) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.12) .7px, transparent .8px), linear-gradient(180deg,#f5ebce 0%,#e7d9b8 100%) !important; background-size: auto, 6px 6px, 8px 8px, auto !important; background-position: 0 0, 0 0, 3px 3px, 0 0 !important; border:1px solid #9b8864 !important; border-left:4px solid #7a4a2a !important; border-radius:8px !important; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; font-size:11px !important; font-weight:900 !important; line-height:14px !important; text-decoration:none !important; text-shadow:1px 1px 0 rgba(255,255,255,.55) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 2px 6px rgba(0,0,0,.25) !important; transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease, transform .18s ease !important; } .gtmGangPack__link:hover{ transform:translateY(-1px) !important; color:#7a4a2a !important; border-color:#a18b5f !important; text-decoration:none !important; background-image: linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.04) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.14) .7px, transparent .8px), linear-gradient(180deg,#fff4d4 0%,#e3cfaa 100%) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.48), 0 4px 10px rgba(0,0,0,.28), 0 0 8px rgba(224,214,192,.18) !important; } /* важный пункт */ .gtmGangPack__link--main, .gtmGangPack__link--main:link, .gtmGangPack__link--main:visited, .gtmGangPack__link--main:active{ color:#f5ebce !important; background: linear-gradient(180deg,rgba(210,171,115,.10),rgba(122,74,42,.18)), linear-gradient(180deg,#8a563d 0%,#6f4330 58%,#4d2f22 100%) !important; border-color:#3e2419 !important; border-left-color:#d2ab73 !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: 0 2px 7px rgba(0,0,0,.34), 0 0 10px rgba(122,74,42,.16), inset 0 1px 0 rgba(255,255,255,.14) !important; } .gtmGangPack__link--main:hover{ color:#fff !important; border-left-color:#f5ebce !important; box-shadow: 0 4px 10px rgba(0,0,0,.45), 0 0 12px rgba(210,171,115,.20), inset 0 1px 0 rgba(255,255,255,.18) !important; } /* горячий пункт */ .gtmGangPack__link--hot{ border-left-color:#9f6247 !important; } /* =============================== 227. Иконка =============================== */ .gtmGangPack__ico{ width:17px !important; height:17px !important; flex:0 0 17px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; color:#2f2b1b !important; background:linear-gradient(180deg,#f5ebce 0%,#d8caa8 100%) !important; border:1px solid rgba(42,36,24,.75) !important; border-radius:5px !important; font-size:12px !important; line-height:17px !important; text-shadow:1px 1px 0 rgba(255,255,255,.45) !important; box-shadow: 1px 1px 0 rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.45) !important; } .gtmGangPack__link--main .gtmGangPack__ico{ color:#f5ebce !important; background:linear-gradient(180deg,#4b422e 0%,#2f291d 100%) !important; border-color:#201b12 !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; } .gtmGangPack__text{ min-width:0 !important; display:block !important; overflow:hidden !important; white-space:nowrap !important; text-overflow:ellipsis !important; } /* стрелка */ .gtmGangPack__link:after{ content:"›" !important; width:14px !important; height:14px !important; position:absolute !important; right:6px !important; top:50% !important; margin-top:-7px !important; color:#7a4a2a !important; font-size:16px !important; font-weight:900 !important; line-height:14px !important; text-align:center !important; text-shadow:1px 1px 0 rgba(255,255,255,.45) !important; transition: color .18s ease, right .18s ease !important; } .gtmGangPack__link--main:after{ color:#d2ab73 !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; } .gtmGangPack__link:hover:after{ right:4px !important; color:#9f6247 !important; } /* =============================== 228. Подсказка снизу =============================== */ .gtmGangPack__link[data-tip]:before{ content:attr(data-tip) !important; position:absolute !important; left:6px !important; top:100% !important; width:160px !important; margin:7px 0 0 0 !important; padding:6px 8px !important; z-index:40 !important; opacity:0 !important; visibility:hidden !important; transform:translateY(-4px) !important; pointer-events:none !important; color:#f5ebce !important; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.42)), rgba(23,21,13,.92) !important; border:1px solid rgba(138,123,90,.38) !important; border-radius:7px !important; font-size:10px !important; font-weight:800 !important; line-height:12px !important; text-align:left !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 2px 8px rgba(0,0,0,.35) !important; transition: opacity .18s ease, visibility .18s ease, transform .18s ease !important; } .gtmGangPack__link[data-tip]:hover:before{ opacity:1 !important; visibility:visible !important; transform:translateY(0) !important; } /* =============================== 229. Footer =============================== */ .gtmGangPack__footer{ width:100% !important; margin:8px 0 0 0 !important; padding:5px 7px !important; display:block !important; color:#b6ac94 !important; background: linear-gradient(180deg,rgba(245,235,206,.06),rgba(23,21,13,.38)), rgba(23,21,13,.42) !important; border:1px solid rgba(138,123,90,.28) !important; border-radius:7px !important; font-size:10px !important; font-weight:900 !important; line-height:12px !important; text-align:center !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.22) !important; } /* =============================== 230. Защита =============================== */ .gtmGangPack, .gtmGangPack__body, .gtmGangPack__scroll, .gtmGangPack__item, .gtmGangPack__link{ max-width:100% !important; word-wrap:break-word !important; overflow-wrap:break-word !important; } /* =============================== 231. Анимации =============================== */ @keyframes gtmGangPackPulse{ 0%,100%{ transform:scale(1); box-shadow: 0 0 7px rgba(210,171,115,.85), 0 0 12px rgba(210,171,115,.35); } 50%{ transform:scale(1.15); box-shadow: 0 0 10px rgba(210,171,115,1), 0 0 18px rgba(210,171,115,.55); } } /* =============================== 232. Снижение движения =============================== */ @media(prefers-reduced-motion:reduce){ .gtmGangPack, .gtmGangPack *, .gtmGangPack *:before, .gtmGangPack *:after{ animation:none !important; transition:none !important; transform:none !important; } .gtmGangPack__link:hover{ transform:none !important; } } /* =============================== 233. СТАТИСТИКА САЙТА стиль как у блока "Мини профиль" =============================== */ .gtmGangPack{ width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 0 10px 0 !important; padding:10px !important; display:block !important; clear:both !important; float:none !important; position:relative !important; overflow:hidden !important; box-sizing:border-box !important; color:#e4dac4 !important; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; background: radial-gradient(circle at 50% 0,rgba(210,171,115,.10),transparent 42%), radial-gradient(circle at 86% 100%,rgba(86,52,24,.14),transparent 34%), linear-gradient(180deg,#3d3628 0%,#2f291d 52%,#221d14 100%) !important; border:1px solid #1c1710 !important; border-radius:12px !important; box-shadow: 0 14px 30px rgba(0,0,0,.42), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.16) inset !important; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important; } .gtmGangPack:hover{ transform:translateY(-1px) !important; border-color:#2a2418 !important; box-shadow: 0 16px 32px rgba(0,0,0,.46), 0 0 12px rgba(210,171,115,.10), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.16) inset !important; } .gtmGangPack, .gtmGangPack *, .gtmGangPack *:before, .gtmGangPack *:after{ box-sizing:border-box !important; max-width:100% !important; } .gtmGangPack:before{ content:"" !important; position:absolute !important; inset:1px !important; border-radius:11px !important; border:1px solid rgba(255,255,255,.03) !important; pointer-events:none !important; z-index:1 !important; } .gtmGangPack:after{ content:"" !important; position:absolute !important; left:0 !important; top:0 !important; width:100% !important; height:1px !important; background:linear-gradient(90deg,transparent,rgba(240,221,185,.36),transparent) !important; pointer-events:none !important; z-index:2 !important; } .gtmGangPack > *{ position:relative !important; z-index:3 !important; } /* =============================== 234. Заголовок =============================== */ .gtmGangPack__title{ width:100% !important; min-height:auto !important; margin:0 0 10px 0 !important; padding:8px 9px !important; display:flex !important; align-items:center !important; gap:6px !important; position:relative !important; overflow:hidden !important; color:#f5ebce !important; background:linear-gradient(180deg,rgba(84,72,52,.92),rgba(62,53,39,.92)) !important; border:1px solid #2a2418 !important; border-radius:8px !important; font:700 12px/1.3 "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; text-transform:uppercase !important; letter-spacing:.06em !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 2px 6px rgba(0,0,0,.24) !important; } .gtmGangPack__title:before{ content:"" !important; position:absolute !important; top:0 !important; left:-45% !important; width:70% !important; height:100% !important; background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent) !important; transform:skewX(-24deg) !important; pointer-events:none !important; } .gtmGangPack__title:after{ content:"" !important; position:absolute !important; left:10px !important; right:10px !important; bottom:0 !important; height:2px !important; background:linear-gradient(90deg,rgba(122,74,42,0),rgba(210,171,115,.95),rgba(122,74,42,0)) !important; opacity:.9 !important; pointer-events:none !important; } .gtmGangPack__titleText{ flex:1 1 auto !important; min-width:0 !important; display:block !important; overflow:hidden !important; white-space:nowrap !important; text-overflow:ellipsis !important; position:relative !important; z-index:2 !important; color:#f5ebce !important; font:700 12px/1.3 "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; letter-spacing:.06em !important; } .gtmGangPack__titleIcon{ width:13px !important; height:10px !important; display:inline-block !important; position:relative !important; flex:0 0 13px !important; z-index:2 !important; background:linear-gradient(180deg,#f5ebce 0%,#d8caa8 100%) !important; border:1px solid rgba(42,36,24,.75) !important; border-radius:2px !important; box-shadow: 1px 1px 0 rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.45) !important; } .gtmGangPack__titleIcon:before{ content:"" !important; position:absolute !important; left:2px !important; top:2px !important; width:3px !important; height:3px !important; background:#5a503b !important; border-radius:50% !important; } .gtmGangPack__titleIcon:after{ content:"" !important; position:absolute !important; left:6px !important; top:3px !important; width:4px !important; height:1px !important; background:#5a503b !important; box-shadow:0 3px 0 #5a503b !important; } .gtmGangPack__badge{ margin-left:auto !important; padding:3px 7px !important; display:inline-block !important; flex:0 0 auto !important; position:relative !important; z-index:2 !important; color:#f5ebce !important; background: linear-gradient(180deg,rgba(210,171,115,.10),rgba(122,74,42,.18)), linear-gradient(180deg,#8a563d 0%,#6f4330 58%,#4d2f22 100%) !important; border:1px solid #3e2419 !important; border-radius:999px !important; font-size:9px !important; font-weight:900 !important; line-height:1.2 !important; text-transform:uppercase !important; letter-spacing:.04em !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: 0 2px 7px rgba(0,0,0,.34), 0 0 10px rgba(122,74,42,.16), inset 0 1px 0 rgba(255,255,255,.14) !important; } /* =============================== 235. Статус =============================== */ .gtmGangPack__status{ width:100% !important; margin:0 0 8px 0 !important; padding:6px 7px !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:6px !important; color:#b6ac94 !important; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.36)), rgba(23,21,13,.38) !important; border:1px solid rgba(138,123,90,.30) !important; border-radius:7px !important; font-size:10px !important; font-weight:900 !important; line-height:12px !important; text-align:center !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.18) !important; } .gtmGangPack__statusDot{ width:7px !important; height:7px !important; flex:0 0 7px !important; display:inline-block !important; border-radius:50% !important; background:#d2ab73 !important; box-shadow: 0 0 7px rgba(210,171,115,.85), 0 0 12px rgba(210,171,115,.35) !important; animation:gtmGangPackPulse 1.6s infinite ease-in-out !important; } /* =============================== 236. Тело =============================== */ .gtmGangPack__body{ width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; display:block !important; overflow:hidden !important; box-sizing:border-box !important; background:transparent !important; } /* =============================== 237. Общий счётчик =============================== */ .gtmMaterialArchive__total{ width:100% !important; margin:0 0 8px 0 !important; padding:7px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:7px !important; color:#2a2418 !important; background-image: linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.035) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.12) .7px, transparent .8px), linear-gradient(180deg,#f5ebce 0%,#e7d9b8 100%) !important; background-size: auto, 6px 6px, 8px 8px, auto !important; background-position: 0 0, 0 0, 3px 3px, 0 0 !important; border:1px solid #9b8864 !important; border-left:4px solid #7a4a2a !important; border-radius:8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 2px 6px rgba(0,0,0,.25) !important; } .gtmMaterialArchive__totalText{ min-width:0 !important; overflow:hidden !important; white-space:nowrap !important; text-overflow:ellipsis !important; color:#4b422e !important; font-size:10px !important; font-weight:900 !important; line-height:12px !important; text-transform:uppercase !important; text-shadow:1px 1px 0 rgba(255,255,255,.55) !important; } .gtmMaterialArchive__totalNum{ width:52px !important; min-width:52px !important; max-width:52px !important; padding:3px 4px !important; display:inline-block !important; position:relative !important; overflow:hidden !important; color:#f5ebce !important; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.36)), linear-gradient(180deg,#4b422e 0%,#2f291d 100%) !important; border:1px solid #201b12 !important; border-radius:7px !important; font-family:Consolas,"Courier New",monospace !important; font-size:13px !important; font-weight:900 !important; line-height:15px !important; text-align:center !important; text-shadow: 0 0 6px rgba(210,171,115,.24), 1px 1px 0 rgba(0,0,0,.85) !important; box-shadow: 0 1px 0 rgba(255,255,255,.08) inset, 0 -1px 0 rgba(0,0,0,.45) inset !important; } /* =============================== 238. Карточка дня =============================== */ .gtmMaterialArchive__day{ width:100% !important; margin:0 0 8px 0 !important; padding:7px !important; color:#2a2418 !important; background-image: linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.035) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.12) .7px, transparent .8px), linear-gradient(180deg,#f5ebce 0%,#e7d9b8 100%) !important; background-size: auto, 6px 6px, 8px 8px, auto !important; background-position: 0 0, 0 0, 3px 3px, 0 0 !important; border:1px solid #9b8864 !important; border-left:4px solid #7a4a2a !important; border-radius:8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 2px 6px rgba(0,0,0,.25) !important; } .gtmMaterialArchive__dayTitle{ width:100% !important; margin:0 0 4px 0 !important; color:#7a4a2a !important; font-size:10px !important; font-weight:900 !important; line-height:12px !important; text-transform:uppercase !important; letter-spacing:.04em !important; text-shadow:1px 1px 0 rgba(255,255,255,.55) !important; } .gtmMaterialArchive__dayText{ width:100% !important; margin:0 !important; color:#4b422e !important; font-size:10px !important; font-weight:800 !important; line-height:13px !important; text-shadow:1px 1px 0 rgba(255,255,255,.45) !important; } /* =============================== 239. Скролл =============================== */ .gtmGangPack__scroll{ width:100% !important; max-width:100% !important; height:220px !important; max-height:220px !important; margin:0 !important; padding:0 4px 0 0 !important; display:block !important; overflow-y:auto !important; overflow-x:hidden !important; box-sizing:border-box !important; scrollbar-width:thin !important; scrollbar-color:#5a503b rgba(23,21,13,.42) !important; } .gtmGangPack__scroll::-webkit-scrollbar{ width:7px !important; height:7px !important; } .gtmGangPack__scroll::-webkit-scrollbar-track{ background: linear-gradient(180deg,rgba(23,21,13,.50),rgba(35,29,20,.38)) !important; border-radius:10px !important; box-shadow:inset 0 1px 2px rgba(0,0,0,.28) !important; } .gtmGangPack__scroll::-webkit-scrollbar-thumb{ background: linear-gradient(180deg,#6b6048 0%,#5a503b 45%,#3a3325 100%) !important; border:1px solid #241f15 !important; border-radius:10px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 0 6px rgba(210,171,115,.12) !important; } .gtmGangPack__scroll::-webkit-scrollbar-thumb:hover{ background: linear-gradient(180deg,#7b6d50 0%,#665a42 45%,#463e2d 100%) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 0 9px rgba(210,171,115,.20) !important; } /* =============================== 240. Список / разделы =============================== */ .gtmMaterialArchive__list{ width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; display:block !important; } .gtmGangPack__section{ width:100% !important; margin:0 0 6px 0 !important; padding:5px 7px !important; display:block !important; color:#b6ac94 !important; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.36)), rgba(23,21,13,.38) !important; border:1px solid rgba(138,123,90,.30) !important; border-radius:7px !important; font-size:9px !important; font-weight:900 !important; line-height:12px !important; text-transform:uppercase !important; text-align:center !important; letter-spacing:.06em !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.18) !important; } /* =============================== 241. Элемент / строка =============================== */ .gtmGangPack__item{ width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 0 6px 0 !important; padding:0 !important; display:block !important; clear:both !important; float:none !important; overflow:visible !important; box-sizing:border-box !important; } .gtmGangPack__item:last-child{ margin-bottom:0 !important; } .gtmGangPack__link, .gtmGangPack__link:link, .gtmGangPack__link:visited, .gtmGangPack__link:active{ width:100% !important; max-width:100% !important; min-width:0 !important; min-height:31px !important; margin:0 !important; padding:7px 7px 7px 7px !important; display:grid !important; grid-template-columns:16px minmax(0,1fr) 52px !important; align-items:center !important; gap:7px !important; position:relative !important; overflow:hidden !important; box-sizing:border-box !important; color:#2a2418 !important; background-image: linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.035) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.12) .7px, transparent .8px), linear-gradient(180deg,#f5ebce 0%,#e7d9b8 100%) !important; background-size: auto, 6px 6px, 8px 8px, auto !important; background-position: 0 0, 0 0, 3px 3px, 0 0 !important; border:1px solid #9b8864 !important; border-left:4px solid #7a4a2a !important; border-radius:8px !important; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; font-size:11px !important; font-weight:900 !important; line-height:14px !important; text-decoration:none !important; text-shadow:1px 1px 0 rgba(255,255,255,.55) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 2px 6px rgba(0,0,0,.25) !important; transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease, transform .18s ease !important; } .gtmGangPack__link:before{ content:"" !important; position:absolute !important; left:-55% !important; top:0 !important; width:35% !important; height:100% !important; background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent) !important; transform:skewX(-18deg) !important; transition:left .42s ease !important; pointer-events:none !important; } .gtmGangPack__link:hover:before{ left:115% !important; } .gtmGangPack__link--main, .gtmGangPack__link--main:link, .gtmGangPack__link--main:visited, .gtmGangPack__link--main:active{ border-color:#a18b5f !important; border-left-color:#d2ab73 !important; background-image: linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.04) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.14) .7px, transparent .8px), linear-gradient(180deg,#fff4d4 0%,#e3cfaa 100%) !important; } .gtmGangPack__link--hot{ border-left-color:#9f6247 !important; } .gtmGangPack__text{ min-width:0 !important; display:block !important; overflow:hidden !important; white-space:nowrap !important; text-overflow:ellipsis !important; } .gtmGangPack__link:hover{ transform:translateY(-1px) !important; border-color:#a18b5f !important; border-left-color:#9f6247 !important; color:#7a4a2a !important; text-decoration:none !important; background-image: linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.04) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.14) .7px, transparent .8px), linear-gradient(180deg,#fff4d4 0%,#e3cfaa 100%) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.48), 0 4px 10px rgba(0,0,0,.28), 0 0 8px rgba(224,214,192,.18) !important; } /* =============================== 242. Иконки =============================== */ .gtmMaterialArchive__ico{ position:relative !important; width:15px !important; height:15px !important; flex:0 0 15px !important; display:inline-block !important; color:#7a4a2a !important; } .gtmMaterialArchive__ico:before, .gtmMaterialArchive__ico:after{ content:"" !important; position:absolute !important; display:block !important; box-sizing:border-box !important; } /* файл / статья / блог */ .gtmMaterialArchive__ico--file:before, .gtmMaterialArchive__ico--paper:before, .gtmMaterialArchive__ico--blog:before{ left:3px !important; top:1px !important; width:9px !important; height:12px !important; border:1px solid #7a4a2a !important; border-radius:2px !important; } .gtmMaterialArchive__ico--file:after, .gtmMaterialArchive__ico--paper:after, .gtmMaterialArchive__ico--blog:after{ left:5px !important; top:5px !important; width:6px !important; height:1px !important; background:#7a4a2a !important; box-shadow: 0 3px 0 #7a4a2a, 0 6px 0 #7a4a2a !important; } /* новости */ .gtmMaterialArchive__ico--news:before{ left:2px !important; top:3px !important; width:11px !important; height:9px !important; border:1px solid #7a4a2a !important; border-radius:2px !important; } .gtmMaterialArchive__ico--news:after{ left:5px !important; top:6px !important; width:7px !important; height:1px !important; background:#7a4a2a !important; box-shadow:0 3px 0 #7a4a2a !important; } /* комментарии */ .gtmMaterialArchive__ico--comment:before, .gtmMaterialArchive__ico--message:before{ left:2px !important; top:3px !important; width:11px !important; height:8px !important; border:1px solid #7a4a2a !important; border-radius:4px !important; } .gtmMaterialArchive__ico--comment:after, .gtmMaterialArchive__ico--message:after{ left:6px !important; top:10px !important; width:4px !important; height:4px !important; border-left:1px solid #7a4a2a !important; border-bottom:1px solid #7a4a2a !important; transform:rotate(-22deg) !important; } /* фото */ .gtmMaterialArchive__ico--photo:before{ left:2px !important; top:4px !important; width:11px !important; height:8px !important; border:1px solid #7a4a2a !important; border-radius:2px !important; } .gtmMaterialArchive__ico--photo:after{ left:6px !important; top:6px !important; width:4px !important; height:4px !important; border-radius:50% !important; background:#7a4a2a !important; } /* видео */ .gtmMaterialArchive__ico--video:before{ left:2px !important; top:4px !important; width:10px !important; height:8px !important; border:1px solid #7a4a2a !important; border-radius:2px !important; } .gtmMaterialArchive__ico--video:after{ right:1px !important; top:6px !important; border-left:5px solid #7a4a2a !important; border-top:3px solid transparent !important; border-bottom:3px solid transparent !important; } /* ссылка */ .gtmMaterialArchive__ico--link:before{ left:1px !important; top:7px !important; width:8px !important; height:5px !important; border:1px solid #7a4a2a !important; border-radius:5px !important; transform:rotate(-28deg) !important; } .gtmMaterialArchive__ico--link:after{ right:1px !important; top:4px !important; width:8px !important; height:5px !important; border:1px solid #7a4a2a !important; border-radius:5px !important; transform:rotate(-28deg) !important; } /* FAQ */ .gtmMaterialArchive__ico--faq:before{ content:"?" !important; inset:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; color:#7a4a2a !important; font-size:13px !important; font-weight:900 !important; line-height:15px !important; } /* тест */ .gtmMaterialArchive__ico--test:before{ left:3px !important; top:1px !important; width:9px !important; height:12px !important; border:1px solid #7a4a2a !important; border-radius:2px !important; } .gtmMaterialArchive__ico--test:after{ left:5px !important; top:6px !important; width:7px !important; height:4px !important; border-left:2px solid #7a4a2a !important; border-bottom:2px solid #7a4a2a !important; transform:rotate(-45deg) !important; } /* форум */ .gtmMaterialArchive__ico--thread:before{ left:2px !important; top:2px !important; width:11px !important; height:11px !important; border:1px solid #7a4a2a !important; border-radius:50% !important; } .gtmMaterialArchive__ico--thread:after{ left:7px !important; top:2px !important; width:1px !important; height:12px !important; background:#7a4a2a !important; box-shadow: -4px 5px 0 #7a4a2a, 4px 5px 0 #7a4a2a !important; } /* pin */ .gtmMaterialArchive__ico--pin:before{ left:5px !important; top:2px !important; width:6px !important; height:8px !important; border:1px solid #7a4a2a !important; border-radius:5px 5px 2px 2px !important; } .gtmMaterialArchive__ico--pin:after{ left:7px !important; top:9px !important; width:1px !important; height:5px !important; background:#7a4a2a !important; } /* книга */ .gtmMaterialArchive__ico--book:before{ left:3px !important; top:2px !important; width:10px !important; height:11px !important; border:1px solid #7a4a2a !important; border-radius:2px !important; } .gtmMaterialArchive__ico--book:after{ left:7px !important; top:3px !important; width:1px !important; height:10px !important; background:#7a4a2a !important; } /* user */ .gtmMaterialArchive__ico--user:before{ left:5px !important; top:2px !important; width:5px !important; height:5px !important; border:1px solid #7a4a2a !important; border-radius:50% !important; } .gtmMaterialArchive__ico--user:after{ left:2px !important; top:9px !important; width:11px !important; height:5px !important; border:1px solid #7a4a2a !important; border-radius:8px 8px 3px 3px !important; } /* магазин / зелёные */ .gtmMaterialArchive__ico--shop:before{ left:2px !important; top:5px !important; width:11px !important; height:7px !important; border:1px solid #6b7d41 !important; border-radius:2px !important; } .gtmMaterialArchive__ico--shop:after{ left:4px !important; top:3px !important; width:8px !important; height:4px !important; border:1px solid #6b7d41 !important; border-bottom:0 !important; border-radius:5px 5px 0 0 !important; } .gtmMaterialArchive__ico--order:before, .gtmMaterialArchive__ico--list:before{ left:3px !important; top:1px !important; width:9px !important; height:12px !important; border:1px solid #6b7d41 !important; border-radius:2px !important; } .gtmMaterialArchive__ico--order:after, .gtmMaterialArchive__ico--list:after{ left:5px !important; top:5px !important; width:6px !important; height:1px !important; background:#6b7d41 !important; box-shadow: 0 3px 0 #6b7d41, 0 6px 0 #6b7d41 !important; } .gtmMaterialArchive__ico--cash:before{ left:2px !important; top:5px !important; width:11px !important; height:7px !important; border:1px solid #6b7d41 !important; border-radius:2px !important; } .gtmMaterialArchive__ico--cash:after{ left:5px !important; top:6px !important; width:5px !important; height:5px !important; border:1px solid #6b7d41 !important; border-radius:50% !important; } .gtmMaterialArchive__ico--profit:before{ left:3px !important; bottom:3px !important; width:2px !important; height:5px !important; background:#6b7d41 !important; box-shadow: 5px -3px 0 #6b7d41, 10px -6px 0 #6b7d41 !important; } .gtmMaterialArchive__ico--profit:after{ right:1px !important; top:3px !important; width:6px !important; height:6px !important; border-top:1px solid #6b7d41 !important; border-right:1px solid #6b7d41 !important; transform:rotate(-10deg) !important; } /* =============================== 243. Цифры =============================== */ .gtmMaterialArchive__num{ width:52px !important; min-width:52px !important; max-width:52px !important; padding:3px 4px !important; display:inline-block !important; position:relative !important; overflow:hidden !important; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.36)), linear-gradient(180deg,#4b422e 0%,#2f291d 100%) !important; border:1px solid #201b12 !important; border-radius:7px !important; font-family:Consolas,"Courier New",monospace !important; font-size:12px !important; font-weight:900 !important; line-height:14px !important; text-align:center !important; text-shadow: 0 0 6px rgba(210,171,115,.22), 1px 1px 0 rgba(0,0,0,.85) !important; box-shadow: 0 1px 0 rgba(255,255,255,.08) inset, 0 -1px 0 rgba(0,0,0,.45) inset !important; white-space:nowrap !important; text-overflow:ellipsis !important; } .gtmMaterialArchive__num:after, .gtmMaterialArchive__totalNum:after{ content:"" !important; position:absolute !important; left:0 !important; right:0 !important; top:-45% !important; height:40% !important; background:linear-gradient(180deg,transparent,rgba(255,255,255,.14),transparent) !important; animation:gtmMaterialArchiveScan 2.8s linear infinite !important; pointer-events:none !important; } .gtmMaterialArchive__num--gold{ color:#d2ab73 !important; } .gtmMaterialArchive__num--red{ color:#c48b62 !important; border-color:#4a261a !important; } .gtmMaterialArchive__num--amber{ color:#e0b56d !important; } .gtmMaterialArchive__num--green{ color:#a7d89a !important; border-color:rgba(167,216,154,.38) !important; } .gtmMaterialArchive__num--gray{ color:#d8caa8 !important; } /* =============================== 244. Footer =============================== */ .gtmGangPack__footer{ width:100% !important; margin:8px 0 0 0 !important; padding:6px 7px !important; display:block !important; color:#b6ac94 !important; background: linear-gradient(180deg,rgba(245,235,206,.06),rgba(23,21,13,.38)), rgba(23,21,13,.42) !important; border:1px solid rgba(138,123,90,.28) !important; border-radius:7px !important; font-size:10px !important; font-weight:900 !important; line-height:12px !important; text-align:center !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.22) !important; } /* =============================== 245. Защита =============================== */ .gtmGangPack, .gtmGangPack__body, .gtmGangPack__scroll, .gtmGangPack__item, .gtmGangPack__link, .gtmMaterialArchive, .gtmMaterialArchive__list{ max-width:100% !important; word-wrap:break-word !important; overflow-wrap:break-word !important; } /* =============================== 246. Анимации =============================== */ @keyframes gtmGangPackPulse{ 0%,100%{ transform:scale(1); box-shadow: 0 0 7px rgba(210,171,115,.85), 0 0 12px rgba(210,171,115,.35); } 50%{ transform:scale(1.15); box-shadow: 0 0 10px rgba(210,171,115,1), 0 0 18px rgba(210,171,115,.55); } } @keyframes gtmMaterialArchiveScan{ 0%{ top:-45%; } 100%{ top:110%; } } /* =============================== 247. Снижение движения =============================== */ @media(prefers-reduced-motion:reduce){ .gtmGangPack, .gtmGangPack *, .gtmGangPack *:before, .gtmGangPack *:after, .gtmMaterialArchive__num:after, .gtmMaterialArchive__totalNum:after{ animation:none !important; transition:none !important; transform:none !important; } .gtmGangPack__link:hover:before{ left:-55% !important; } } /* ========================================================= 248. БЛОК 2. ВЕРХНЯЯ ШАПКА САЙТА стиль как у блока "Мини профиль" тёмная шапка + мягкое золото ========================================================= */ .top_bar, .top_bar_pda{ width:1000px; margin:0 auto; position:relative; z-index:2001; overflow:hidden; box-sizing:border-box; color:#e4dac4; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; background: radial-gradient(circle at 50% 0,rgba(210,171,115,.10),transparent 42%), radial-gradient(circle at 86% 100%,rgba(86,52,24,.14),transparent 34%), linear-gradient(180deg,#3d3628 0%,#2f291d 52%,#221d14 100%); border-left:1px solid #1c1710; border-right:1px solid #1c1710; border-bottom:1px solid #1c1710; border-radius:0 0 12px 12px; box-shadow: 0 14px 30px rgba(0,0,0,.42), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.16) inset; } .top_bar{ height:50px; } .top_bar_pda{ min-height:50px; height:auto; } .top_bar:before, .top_bar_pda:before{ content:""; position:absolute; left:0; top:0; width:100%; height:1px; background:linear-gradient(90deg,transparent,rgba(240,221,185,.36),transparent); pointer-events:none; z-index:2; } .top_bar:after, .top_bar_pda:after{ content:""; position:absolute; left:10px; right:10px; bottom:0; height:2px; background:linear-gradient(90deg,rgba(122,74,42,0),rgba(210,171,115,.78),rgba(122,74,42,0)); pointer-events:none; z-index:2; } /* ========================================================= 249. ЛОГОТИП ========================================================= */ .top_bar .logo{ width:198px; height:50px; margin-left:10px; padding:0 14px 0 0; display:flex; align-items:center; justify-content:flex-start; box-sizing:border-box; border-right:1px solid rgba(210,171,115,.16); box-shadow:1px 0 0 rgba(0,0,0,.32); position:relative; z-index:3; flex:0 0 198px; } .top_bar .logo:before{ content:""; position:absolute; left:-4px; top:8px; width:206px; height:34px; opacity:.82; border-radius:18px; background: radial-gradient( circle at 40% 50%, rgba(210,171,115,.18) 0%, rgba(122,74,42,.12) 38%, transparent 72% ); filter:blur(6px); pointer-events:none; z-index:-1; } .top_bar .logo a{ width:100%; height:100%; display:flex; align-items:center; justify-content:flex-start; text-decoration:none !important; position:relative; z-index:3; } .top_bar .logo img{ width:auto; height:42px; max-width:184px; object-fit:contain; display:block; filter: drop-shadow(0 1px 1px rgba(0,0,0,.75)) drop-shadow(0 0 6px rgba(210,171,115,.14)); transition: filter .22s ease, transform .22s ease; } .top_bar .logo:hover img{ transform:translateY(-1px); filter: drop-shadow(0 1px 1px rgba(0,0,0,.85)) drop-shadow(0 0 9px rgba(210,171,115,.26)); } /* ========================================================= 250. НАВИГАЦИЯ ========================================================= */ .top_bar_nav{ position:absolute; left:222px; right:244px; top:0; height:50px; padding-left:12px; box-sizing:border-box; display:flex; align-items:center; gap:6px; overflow:hidden; white-space:nowrap; z-index:3; } .top_bar_nav b{ display:none !important; } /* ========================================================= 251. КНОПКИ стиль как мини-профиль: тёмные аккуратные плашки ========================================================= */ .top_bar_nav .top_bar_link, .top_bar_nav .top_bar_link:link, .top_bar_nav .top_bar_link:visited, .top_bar_nav .top_bar_link:active, .top_bar_nav .top_bar_link_mods, .top_bar_nav .top_bar_link_news, .top_bar_nav .top_bar_link_forum, .top_bar_nav .top_bar_link_search, .top_bar_nav .top_bar_link[data-topbar-section="mods"], .top_bar_nav .top_bar_link[data-topbar-section="news"], .top_bar_nav .top_bar_link[data-topbar-section="forum"], .top_bar_nav .top_bar_link[data-topbar-section="search"]{ flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; gap:5px; min-height:28px; padding:6px 10px; position:relative; overflow:hidden; box-sizing:border-box; color:#d8caa8 !important; background: linear-gradient(180deg,rgba(245,235,206,.06),rgba(23,21,13,.38)), linear-gradient(180deg,#3a3325 0%,#2f291d 52%,#221d14 100%) !important; border:1px solid rgba(138,123,90,.30) !important; border-radius:8px; font:900 11px/1 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; text-decoration:none !important; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.24) !important; transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease; } .top_bar_nav .top_bar_link:before{ content:""; position:absolute; top:0; left:-70%; width:55%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,226,198,.12),transparent); transform:skewX(-22deg); transition:left .34s ease; pointer-events:none; z-index:1; } .top_bar_nav .top_bar_link:hover:before, .top_bar_nav .top_bar_link_current:before, .top_bar_nav .top_bar_link_active:before{ left:120%; } .top_bar_nav .top_bar_link span, .top_bar_nav .top_bar_link .top_bar_icon{ position:relative; z-index:2; } .top_bar_nav .top_bar_link:hover, .top_bar_nav .top_bar_link_current, .top_bar_nav .top_bar_link_active, .top_bar_nav .top_bar_link_mods:hover, .top_bar_nav .top_bar_link_news:hover, .top_bar_nav .top_bar_link_forum:hover, .top_bar_nav .top_bar_link_search:hover, .top_bar_nav .top_bar_link[data-topbar-section="mods"]:hover, .top_bar_nav .top_bar_link[data-topbar-section="news"]:hover, .top_bar_nav .top_bar_link[data-topbar-section="forum"]:hover, .top_bar_nav .top_bar_link[data-topbar-section="search"]:hover{ transform:translateY(-1px); color:#f5ebce !important; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.34)), linear-gradient(180deg,#4b422e 0%,#332d20 52%,#241f16 100%) !important; border-color:rgba(210,171,115,.46) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 4px 10px rgba(0,0,0,.34), 0 0 10px rgba(210,171,115,.12) !important; } .top_bar_nav .top_bar_link_current span:after, .top_bar_nav .top_bar_link_active span:after{ content:""; position:absolute; left:0; right:0; bottom:-5px; height:1px; background:linear-gradient(90deg,transparent,rgba(210,171,115,.95),transparent); pointer-events:none; } /* ========================================================= 252. ИКОНКИ ========================================================= */ .top_bar_nav .top_bar_icon{ width:13px; height:13px; display:inline-block; position:relative; flex:0 0 13px; opacity:1; box-sizing:border-box; filter: brightness(1.08) saturate(1.04) drop-shadow(0 0 5px rgba(210,171,115,.22)); } .top_bar_nav .top_bar_link:hover .top_bar_icon, .top_bar_nav .top_bar_link_current .top_bar_icon, .top_bar_nav .top_bar_link_active .top_bar_icon{ filter: brightness(1.16) saturate(1.10) drop-shadow(0 0 6px rgba(210,171,115,.40)); } /* Моды */ .top_bar_nav .top_bar_icon_mods{ border:1px solid rgba(245,235,206,.92); border-radius:3px; box-shadow: 0 0 5px rgba(210,171,115,.25), 6px 0 0 -4px rgba(210,171,115,.92), 0 6px 0 -4px rgba(210,171,115,.92); } .top_bar_nav .top_bar_icon_mods:before, .top_bar_nav .top_bar_icon_mods:after{ content:""; position:absolute; background:rgba(245,235,206,.82); } .top_bar_nav .top_bar_icon_mods:before{ left:5px; top:1px; width:1px; height:9px; } .top_bar_nav .top_bar_icon_mods:after{ left:1px; top:5px; width:9px; height:1px; } /* Новости */ .top_bar_nav .top_bar_icon_news{ border-left:7px solid rgba(245,235,206,.92); border-top:5px solid transparent; border-bottom:5px solid transparent; width:0; height:0; } /* Форум */ .top_bar_nav .top_bar_icon_forum{ border-radius:3px; } .top_bar_nav .top_bar_icon_forum:before{ content:""; position:absolute; left:1px; top:2px; width:11px; height:2px; border-radius:2px; background:rgba(245,235,206,.88); box-shadow: 0 4px 0 rgba(245,235,206,.66), 0 8px 0 rgba(210,171,115,.92); } /* Поиск */ .top_bar_nav .top_bar_icon_search{ border:2px solid rgba(245,235,206,.92); border-radius:50%; width:11px; height:11px; margin-right:1px; } .top_bar_nav .top_bar_icon_search:after{ content:""; position:absolute; right:-4px; bottom:-3px; width:6px; height:2px; border-radius:2px; background:rgba(210,171,115,.96); transform:rotate(45deg); transform-origin:left center; } /* ========================================================= 253. ПОЧЁТНАЯ ПЛАШКА ========================================================= */ .top_bar_badge{ position:absolute; right:14px; top:8px; height:34px; max-width:220px; min-width:0; display:inline-flex; align-items:center; gap:8px; margin:0; padding:0 12px 0 11px; overflow:hidden; z-index:4; color:#d8caa8; background: linear-gradient(180deg,rgba(245,235,206,.06),rgba(23,21,13,.38)), linear-gradient(180deg,#3a3325 0%,#2f291d 52%,#221d14 100%); border:1px solid rgba(138,123,90,.30); border-radius:999px; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.24); } .top_bar_badge:before{ content:""; position:absolute; top:0; left:-70%; width:55%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,226,198,.10),transparent); transform:skewX(-22deg); transition:left .34s ease; pointer-events:none; } .top_bar_badge:hover:before{ left:120%; } .top_bar_badge_star{ flex:0 0 auto; display:inline-block; margin:0; padding:0; color:#d2ab73; font:normal 15px/1 Arial,sans-serif; text-shadow: 0 0 7px rgba(210,171,115,.45), 1px 1px 0 rgba(0,0,0,.82); } .top_bar_badge_copy{ display:flex; flex-direction:column; justify-content:center; gap:1px; min-width:0; margin:0; padding:0; } .top_bar_badge_main{ display:block; margin:0; color:#f5ebce; font:900 11px/12px "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; white-space:nowrap; text-shadow:1px 1px 0 rgba(0,0,0,.82); } .top_bar_badge_sub{ display:block; margin:0; color:#b6ac94; font:900 9px/10px "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; text-shadow:1px 1px 0 rgba(0,0,0,.82); } .top_bar_shadow{ position:absolute; right:0; top:0; width:260px; height:50px; background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.14) 55%,rgba(0,0,0,.24) 100%); pointer-events:none; z-index:2; } /* мягкий скан */ .top_bar_scan{ position:absolute; top:0; left:-180px; width:120px; height:50px; z-index:3; pointer-events:none; background:linear-gradient(90deg,transparent 0%,rgba(240,221,185,.08) 50%,transparent 100%); transform:skewX(-18deg); animation:gtmTopScan 15s ease-in-out infinite; } @keyframes gtmTopScan{ 0%{ left:-180px; opacity:0; } 12%{ opacity:1; } 32%{ left:1080px; opacity:0; } 100%{ left:1080px; opacity:0; } } /* ========================================================= 254. АДАПТИВ ========================================================= */ @media screen and (max-width:1000px){ .top_bar, .top_bar_pda{ width:100%; } .top_bar .logo{ margin-left:8px; width:186px; padding-right:12px; flex-basis:186px; } .top_bar .logo:before{ width:192px; } .top_bar .logo img{ height:38px; max-width:170px; } .top_bar_nav{ left:204px; right:204px; padding-left:8px; gap:4px; } .top_bar_nav .top_bar_link, .top_bar_nav .top_bar_link:link, .top_bar_nav .top_bar_link:visited, .top_bar_nav .top_bar_link:active{ min-height:26px; padding:5px 8px; font-size:10px; } .top_bar_badge{ right:10px; max-width:184px; padding:0 10px 0 9px; gap:6px; } .top_bar_badge_main{ font-size:10px; line-height:11px; } .top_bar_badge_sub{ font-size:8px; line-height:9px; } } @media screen and (max-width:860px){ .top_bar_nav{ right:14px; } .top_bar_badge{ display:none; } } @media screen and (max-width:760px){ .top_bar, .top_bar_pda{ height:auto; min-height:50px; } .top_bar .logo{ width:172px; flex-basis:172px; border-right:0; box-shadow:none; } .top_bar_nav{ position:relative; left:auto; right:auto; top:auto; flex:1 1 auto; height:50px; padding-left:4px; overflow-x:auto; overflow-y:hidden; scrollbar-width:none; } .top_bar_nav::-webkit-scrollbar{ display:none; } .top_bar_nav b{ display:none; } } @media screen and (max-width:620px){ .top_bar_nav{ gap:4px; } .top_bar_nav .top_bar_link, .top_bar_nav .top_bar_link:link, .top_bar_nav .top_bar_link:visited, .top_bar_nav .top_bar_link:active{ padding:5px 7px; } .top_bar_nav .top_bar_link span{ font-size:10px; } } /* ========================================================= 255. REDUCED MOTION ========================================================= */ @media(prefers-reduced-motion:reduce){ .top_bar, .top_bar *, .top_bar *:before, .top_bar *:after, .top_bar_pda, .top_bar_pda *, .top_bar_pda *:before, .top_bar_pda *:after, .top_bar_scan{ animation:none !important; transition:none !important; transform:none !important; } } /* =============================== 256. Поддержка старых uCoz-классов catsTable / catsTd / catName стиль как мини-профиль =============================== */ .gtmProfileMenu .catsTable{ width:100%; border:0; border-collapse:separate; border-spacing:0 3px; margin:0; padding:0; } .gtmProfileMenu .catsTd{ width:100%; padding:0 !important; margin:0; position:relative; } /* старая ссылка категории */ .gtmProfileMenu .catName, .gtmProfileMenu .catName:link, .gtmProfileMenu .catName:visited, .gtmProfileMenu .catName:active{ display:block; min-height:24px; padding:6px 34px 6px 23px !important; position:relative; color:#2a2418; background-image: linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.035) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.12) .7px, transparent .8px), linear-gradient(180deg,#f5ebce 0%,#e7d9b8 100%); background-size: auto, 6px 6px, 8px 8px, auto; background-position: 0 0, 0 0, 3px 3px, 0 0; border:1px solid #9b8864; border-radius:7px; font-size:11px; font-weight:900; line-height:13px; text-decoration:none; text-shadow:1px 1px 0 rgba(255,255,255,.55); box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 2px 6px rgba(0,0,0,.22); box-sizing:border-box; transition: background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease; } .gtmProfileMenu .catName:before{ content:""; width:7px; height:7px; position:absolute; left:9px; top:50%; margin-top:-4px; border-radius:50%; background:#d2ab73; box-shadow: 0 0 7px rgba(210,171,115,.65), 0 0 12px rgba(210,171,115,.25); } .gtmProfileMenu .catName:hover{ color:#2a2418; background-image: linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.04) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.14) .7px, transparent .8px), linear-gradient(180deg,#fff4d4 0%,#e3cfaa 100%); border-color:#a18b5f; box-shadow: inset 0 1px 0 rgba(255,255,255,.48), 0 4px 10px rgba(0,0,0,.28), 0 0 8px rgba(224,214,192,.18); transform:translateX(2px); } /* активная категория */ .gtmProfileMenu .catNameActive, .gtmProfileMenu .catNameActive:link, .gtmProfileMenu .catNameActive:visited, .gtmProfileMenu .catNameActive:active{ display:block; min-height:24px; padding:6px 34px 6px 23px !important; position:relative; color:#f5ebce !important; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.36)), linear-gradient(180deg,#5a503b 0%,#463e2d 48%,#3a3325 100%) !important; border:1px solid #241f15 !important; border-radius:7px; font-size:11px; font-weight:900; line-height:13px; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 0 7px rgba(210,171,115,.22) !important; box-sizing:border-box; } .gtmProfileMenu .catNameActive:before{ content:""; width:7px; height:7px; position:absolute; left:9px; top:50%; margin-top:-4px; border-radius:50%; background:#f1d078; box-shadow: 0 0 0 1px rgba(0,0,0,.25), 0 0 8px rgba(241,208,120,.65); } /* =============================== 257. ЗАЩИТА САЙТА =============================== */ html, body, body * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; } input, textarea, select, [contenteditable="true"], input *, textarea *, select *, [contenteditable="true"] * { -webkit-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; user-select: text !important; -webkit-touch-callout: default !important; } img, picture, svg, canvas, video, [data-protected-media] { -webkit-user-drag: none; user-drag: none; } a img, button img { pointer-events: auto; } .crypto-human body { opacity: 1; } /* =============================== 258. РАДИО =============================== */ .gtmRadioBox, .gtmRadioBox * { box-sizing: border-box; } .gtmRadioBox { width: 200px; margin: 0 auto; padding: 10px; border: 1px solid #2a2418; border-radius: 10px; background: radial-gradient(circle at 18% 0%, rgba(136, 16, 16, 0.28), transparent 36%), radial-gradient(circle at 100% 18%, rgba(216, 181, 109, 0.12), transparent 28%), linear-gradient(180deg, #5a503b 0%, #463e2d 48%, #3a3325 100%); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.08); color: #f5ebce; font-family: "Open Sans", Arial, sans-serif; overflow: hidden; } .gtmRadioBox__head { position: relative; margin: 0 0 8px 0; padding: 10px 8px 9px 8px; border: 1px solid rgba(42, 36, 24, 0.9); border-radius: 8px; background: linear-gradient(180deg, rgba(245, 235, 206, 0.11), rgba(0, 0, 0, 0.13)), rgba(25, 22, 15, 0.38); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 1px 2px rgba(0, 0, 0, 0.25); overflow: hidden; } .gtmRadioBox__head:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 2px; background: linear-gradient(90deg, #881010, #d8b56d, #881010); opacity: 0.95; } .gtmRadioBox__title { display: flex; align-items: center; justify-content: center; gap: 6px; color: #fff3cf; font-size: 12px; line-height: 1.2; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75); } .gtmRadioBox__title svg { width: 15px; height: 15px; color: #d8b56d; filter: drop-shadow(0 0 5px rgba(216, 181, 109, 0.3)); } .gtmRadioBox__sub { margin: 5px 0 0 0; color: rgba(245, 235, 206, 0.72); font-size: 10px; line-height: 1.25; text-align: center; } .gtmRadioBox__tabs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; margin: 0 0 8px 0; } .gtmRadioBox__tab { display: flex; align-items: center; justify-content: center; min-height: 27px; padding: 5px 3px; border: 1px solid rgba(42, 36, 24, 0.9); border-radius: 7px; background: linear-gradient(180deg, rgba(245, 235, 206, 0.1), rgba(0, 0, 0, 0.13)), rgba(25, 22, 15, 0.36); color: rgba(245, 235, 206, 0.82); font-size: 10px; line-height: 1; font-weight: 800; cursor: pointer; transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; } .gtmRadioBox__tab:hover { color: #fff3cf; border-color: rgba(216, 181, 109, 0.55); transform: translateY(-1px); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.22); } .gtmRadioBox__tab.is-active { color: #fff7dd; border-color: rgba(136, 16, 16, 0.95); background: linear-gradient(180deg, #8a2518 0%, #5a2318 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.13), 0 0 10px rgba(136, 16, 16, 0.27); } .gtmRadioBox__body { max-height: 248px; overflow-y: auto; padding: 0 3px 0 0; scrollbar-width: thin; scrollbar-color: #881010 rgba(0, 0, 0, 0.2); } .gtmRadioBox__body::-webkit-scrollbar { width: 6px; } .gtmRadioBox__body::-webkit-scrollbar-track { border-radius: 20px; background: rgba(0, 0, 0, 0.18); } .gtmRadioBox__body::-webkit-scrollbar-thumb { border-radius: 20px; background: linear-gradient(180deg, #9b2a1b, #5a2318); } .gtmRadioBox__list { display: none; } .gtmRadioBox__list.is-active { display: block; } .gtmRadioBox__station { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 7px; min-height: 57px; margin: 0 0 6px 0; padding: 8px; border: 1px solid rgba(42, 36, 24, 0.86); border-radius: 8px; background: linear-gradient(180deg, rgba(245, 235, 206, 0.08), rgba(0, 0, 0, 0.12)), rgba(24, 21, 15, 0.42); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 1px 2px rgba(0, 0, 0, 0.25); transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; } .gtmRadioBox__station:hover { border-color: rgba(216, 181, 109, 0.52); background: linear-gradient(180deg, rgba(245, 235, 206, 0.12), rgba(0, 0, 0, 0.12)), rgba(34, 29, 20, 0.58); transform: translateY(-1px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 5px 12px rgba(0, 0, 0, 0.26); } .gtmRadioBox__stationLeft { display: flex; align-items: center; gap: 7px; min-width: 0; } .gtmRadioBox__stationLeft svg { flex: 0 0 auto; width: 15px; height: 15px; color: #d8b56d; filter: drop-shadow(0 0 4px rgba(216, 181, 109, 0.22)); } .gtmRadioBox__stationText { min-width: 0; } .gtmRadioBox__stationName { max-width: 82px; color: #fff3cf; font-size: 11px; line-height: 1.25; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .gtmRadioBox__stationDesc { max-width: 82px; margin: 2px 0 0 0; color: rgba(245, 235, 206, 0.62); font-size: 9px; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .gtmRadioBox__stationBtn { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; min-width: 52px; min-height: 25px; padding: 5px 7px; border: 1px solid rgba(42, 36, 24, 0.95); border-radius: 7px; background: linear-gradient(180deg, #8b2517 0%, #5a2318 100%); color: #fff3cf !important; font-size: 10px; line-height: 1; font-weight: 800; text-decoration: none !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 2px 5px rgba(0, 0, 0, 0.28); transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; } .gtmRadioBox__stationBtn:hover { color: #ffffff !important; background: linear-gradient(180deg, #a33120 0%, #6b281b 100%); transform: translateY(-1px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 5px 10px rgba(0, 0, 0, 0.32), 0 0 10px rgba(136, 16, 16, 0.3); } .gtmRadioBox__foot { display: flex; align-items: flex-start; gap: 6px; margin: 8px 0 0 0; padding: 8px; border: 1px solid rgba(42, 36, 24, 0.86); border-radius: 8px; background: linear-gradient(180deg, rgba(245, 235, 206, 0.08), rgba(0, 0, 0, 0.1)), rgba(20, 18, 13, 0.44); color: rgba(245, 235, 206, 0.72); font-size: 9px; line-height: 1.35; } .gtmRadioBox__foot svg { flex: 0 0 auto; width: 14px; height: 14px; color: #d8b56d; margin-top: 1px; } /* =============================== 259. Скролл для длинных правых меню =============================== */ /* транспорт GTA 5 */ #gta_5_car_menu { max-height:260px !important; overflow-y:auto !important; overflow-x:hidden !important; padding-right:4px !important; } /* большое меню GTA 5 */ #gta_5_cat_menu { max-height:260px !important; overflow-y:auto !important; overflow-x:hidden !important; padding-right:4px !important; } /* GTA Online — можно оставить, если вдруг расширишь список */ #gta_online_cat_menu { max-height:210px !important; overflow-y:auto !important; overflow-x:hidden !important; padding-right:4px !important; } /* противоборства — короткий, но пусть будет аккуратно */ #gta_5_prtv_menu { max-height:180px !important; overflow-y:auto !important; overflow-x:hidden !important; padding-right:4px !important; } /* обычные категории $CATEGORIES$ */ .gtmProfileMenu__body--scroll { max-height:260px !important; overflow-y:auto !important; overflow-x:hidden !important; padding-right:4px !important; } /* защита ширины внутри скролла */ #gta_5_car_menu, #gta_5_cat_menu, #gta_online_cat_menu, #gta_5_prtv_menu, .gtmProfileMenu__body--scroll { box-sizing:border-box !important; } /* таблицы внутри меню не должны выезжать */ #gta_5_car_menu table, #gta_5_cat_menu table, #gta_online_cat_menu table, #gta_5_prtv_menu table, .gtmProfileMenu__body--scroll table { width:100% !important; max-width:100% !important; table-layout:fixed !important; } /* Chrome / Edge / Safari scrollbar */ #gta_5_car_menu::-webkit-scrollbar, #gta_5_cat_menu::-webkit-scrollbar, #gta_online_cat_menu::-webkit-scrollbar, #gta_5_prtv_menu::-webkit-scrollbar, .gtmProfileMenu__body--scroll::-webkit-scrollbar { width:7px !important; } #gta_5_car_menu::-webkit-scrollbar-track, #gta_5_cat_menu::-webkit-scrollbar-track, #gta_online_cat_menu::-webkit-scrollbar-track, #gta_5_prtv_menu::-webkit-scrollbar-track, .gtmProfileMenu__body--scroll::-webkit-scrollbar-track { background:rgba(80,60,32,.18) !important; border-radius:10px !important; } #gta_5_car_menu::-webkit-scrollbar-thumb, #gta_5_cat_menu::-webkit-scrollbar-thumb, #gta_online_cat_menu::-webkit-scrollbar-thumb, #gta_5_prtv_menu::-webkit-scrollbar-thumb, .gtmProfileMenu__body--scroll::-webkit-scrollbar-thumb { background:linear-gradient(180deg,#6a2a1d 0%,#351814 100%) !important; border:1px solid #21100d !important; border-radius:10px !important; } #gta_5_car_menu::-webkit-scrollbar-thumb:hover, #gta_5_cat_menu::-webkit-scrollbar-thumb:hover, #gta_online_cat_menu::-webkit-scrollbar-thumb:hover, #gta_5_prtv_menu::-webkit-scrollbar-thumb:hover, .gtmProfileMenu__body--scroll::-webkit-scrollbar-thumb:hover { background:linear-gradient(180deg,#7b3424 0%,#4c2119 100%) !important; } /* Firefox */ #gta_5_car_menu, #gta_5_cat_menu, #gta_online_cat_menu, #gta_5_prtv_menu, .gtmProfileMenu__body--scroll { scrollbar-width:thin !important; scrollbar-color:#6a2a1d rgba(80,60,32,.18) !important; } /* =============================== 260. Обновление сайта стиль как у блока "Мини профиль" =============================== */ .gtmUpdatesPanel{ width:100%; max-width:100%; margin:0 0 10px 0; position:relative; overflow:hidden; color:#e4dac4; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; background: radial-gradient(circle at 50% 0,rgba(210,171,115,.10),transparent 42%), radial-gradient(circle at 86% 100%,rgba(86,52,24,.14),transparent 34%), linear-gradient(180deg,#3d3628 0%,#2f291d 52%,#221d14 100%); border:1px solid #1c1710; border-radius:12px; box-shadow: 0 14px 30px rgba(0,0,0,.42), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.16) inset; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; } .gtmUpdatesPanel:hover{ transform:translateY(-1px); border-color:#2a2418; box-shadow: 0 16px 32px rgba(0,0,0,.46), 0 0 12px rgba(210,171,115,.10), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.16) inset; } .gtmUpdatesPanel, .gtmUpdatesPanel *, .gtmUpdatesPanel *:before, .gtmUpdatesPanel *:after{ box-sizing:border-box; } .gtmUpdatesPanel:before{ content:""; position:absolute; inset:1px; border-radius:11px; border:1px solid rgba(255,255,255,.03); pointer-events:none; z-index:1; } .gtmUpdatesPanel:after{ content:""; position:absolute; left:0; top:0; width:100%; height:1px; background:linear-gradient(90deg,transparent,rgba(240,221,185,.36),transparent); pointer-events:none; z-index:2; } .gtmUpdatesPanel > *{ position:relative; z-index:3; } /* важный блок */ .gtmUpdatesPanel--important{ background: radial-gradient(circle at 50% 0,rgba(210,171,115,.14),transparent 42%), radial-gradient(circle at 86% 100%,rgba(122,74,42,.18),transparent 34%), linear-gradient(180deg,#463e2d 0%,#352f22 52%,#241f16 100%); border-color:#1c1710; box-shadow: 0 14px 30px rgba(0,0,0,.42), 0 0 14px rgba(159,98,71,.12), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.16) inset; } /* заголовок важного блока */ .gtmUpdatesPanel--important .gtmProfileMenu__title{ color:#f5ebce; background:linear-gradient(180deg,rgba(84,72,52,.92),rgba(62,53,39,.92)); border-bottom-color:#2a2418; } /* двухстрочный заголовок */ .gtmUpdatesPanel__title{ line-height:1.3; } .gtmUpdatesPanel__title .gtmProfileMenu__titleBadge{ margin-left:4px; vertical-align:middle; } /* иконка заголовка */ .gtmUpdatesPanel--important .gtmProfileMenu__title:before{ background:linear-gradient(180deg,#f5ebce 0%,#d8caa8 100%); border:1px solid rgba(42,36,24,.75); color:#2f2b1b; box-shadow: 1px 1px 0 rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.45); } /* =============================== 261. Тело =============================== */ .gtmUpdatesPanel__body{ width:100%; padding:10px; overflow:hidden; background:transparent; } /* =============================== 262. Статус-строка =============================== */ .gtmUpdatesPanel__status{ display:flex; align-items:center; gap:6px; margin:0 0 8px 0; padding:6px 7px; color:#b6ac94; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.36)), rgba(23,21,13,.38); border:1px solid rgba(138,123,90,.30); border-radius:7px; font-size:10px; font-weight:900; line-height:12px; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.18); } /* текст статуса */ .gtmUpdatesPanel__statusText{ flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } /* live/beta плашки */ .gtmUpdatesPanel__status b{ flex:0 0 auto; padding:2px 6px; color:#2f2b1b; background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%); border:1px solid #8a7b5a; border-radius:999px; font-size:9px; font-weight:900; line-height:11px; text-transform:uppercase; text-shadow:1px 1px 0 rgba(255,255,255,.65); box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 2px 5px rgba(0,0,0,.22); } .gtmUpdatesPanel__statusBeta{ color:#fff !important; background:linear-gradient(180deg,#9f6247 0%,#7c4632 55%,#5a2f21 100%) !important; border-color:#4a261a !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; } /* мигающая точка статуса */ .gtmUpdatesPanel__statusDot{ flex:0 0 7px !important; width:7px !important; min-width:7px !important; max-width:7px !important; height:7px !important; min-height:7px !important; max-height:7px !important; display:inline-block !important; margin:0 1px 0 0; border-radius:50%; background:#d2ab73; box-shadow: 0 0 7px rgba(210,171,115,.85), 0 0 12px rgba(210,171,115,.35); vertical-align:middle; animation:gtmUpdateDotPulse 1.6s infinite ease-in-out; } @keyframes gtmUpdateDotPulse{ 0%,100%{ transform:scale(1); box-shadow: 0 0 7px rgba(210,171,115,.85), 0 0 12px rgba(210,171,115,.35); } 50%{ transform:scale(1.15); box-shadow: 0 0 10px rgba(210,171,115,1), 0 0 18px rgba(210,171,115,.55); } } /* =============================== 263. Скролл 170px =============================== */ .gtmUpdatesPanel__scroll{ width:100% !important; height:170px !important; max-height:170px !important; overflow-y:auto !important; overflow-x:hidden !important; padding:0 4px 0 0 !important; position:relative; box-sizing:border-box !important; scrollbar-width:thin; scrollbar-color:#5a503b rgba(23,21,13,.42); } /* затемнение снизу убрано */ .gtmUpdatesPanel__scroll:after{ display:none; } /* Chrome / Edge scroll */ .gtmUpdatesPanel__scroll::-webkit-scrollbar{ width:7px; height:7px; } .gtmUpdatesPanel__scroll::-webkit-scrollbar-track{ background: linear-gradient(180deg,rgba(23,21,13,.50),rgba(35,29,20,.38)); border-radius:10px; box-shadow: inset 0 1px 2px rgba(0,0,0,.28); } .gtmUpdatesPanel__scroll::-webkit-scrollbar-thumb{ background: linear-gradient(180deg,#6b6048 0%,#5a503b 45%,#3a3325 100%); border:1px solid #241f15; border-radius:10px; box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 0 6px rgba(210,171,115,.12); } .gtmUpdatesPanel__scroll::-webkit-scrollbar-thumb:hover{ background: linear-gradient(180deg,#7b6d50 0%,#665a42 45%,#463e2d 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 0 9px rgba(210,171,115,.20); } .gtmUpdatesPanel__scroll::-webkit-scrollbar-corner{ background:rgba(23,21,13,.42); } /* =============================== 264. Текстовая карточка =============================== */ .gtmUpdatesPanel__content{ width:100% !important; max-width:100% !important; min-height:100%; padding:8px 8px 8px 24px; position:relative; color:#2a2418 !important; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; font-size:11px !important; font-weight:900 !important; line-height:18px !important; text-shadow:1px 1px 0 rgba(255,255,255,.55); background-image: linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.035) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.12) .7px, transparent .8px), linear-gradient(180deg,#f5ebce 0%,#e7d9b8 100%); background-size: auto, 6px 6px, 8px 8px, auto; background-position: 0 0, 0 0, 3px 3px, 0 0; border:1px solid #9b8864; border-left:4px solid #7a4a2a; border-radius:8px; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 2px 6px rgba(0,0,0,.25); animation:gtmUpdatesSoftIn .25s ease both; transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease; } /* GTA glow при наведении */ .gtmUpdatesPanel__content:hover{ transform:translateY(-1px); border-color:#a18b5f; border-left-color:#9f6247; background-image: linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.04) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.14) .7px, transparent .8px), linear-gradient(180deg,#fff4d4 0%,#e3cfaa 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.48), 0 4px 10px rgba(0,0,0,.28), 0 0 8px rgba(224,214,192,.18); } /* маркер слева */ .gtmUpdatesPanel__content:before{ content:""; width:8px; height:8px; position:absolute; left:9px; top:15px; border-radius:50%; background:#d2ab73; box-shadow: 0 0 7px rgba(210,171,115,.85), 0 0 12px rgba(210,171,115,.35); } /* строки через br */ .gtmUpdatesPanel__content br{ display:block; margin:0 0 4px 0; } /* усиленный бейдж важно */ .gtmUpdatesPanel .gtmProfileMenu__titleBadge{ color:#f5ebce; background: linear-gradient(180deg,rgba(210,171,115,.10),rgba(122,74,42,.18)), linear-gradient(180deg,#8a563d 0%,#6f4330 58%,#4d2f22 100%); border:1px solid #3e2419; border-radius:999px; font-size:9px; font-weight:900; line-height:1.2; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: 0 2px 7px rgba(0,0,0,.34), 0 0 10px rgba(122,74,42,.16), inset 0 1px 0 rgba(255,255,255,.14); animation:gtmImportantPulse 1.8s ease-in-out infinite; } /* пульс бейджа */ @keyframes gtmImportantPulse{ 0%,100%{ box-shadow: 0 2px 7px rgba(0,0,0,.34), 0 0 10px rgba(122,74,42,.16), inset 0 1px 0 rgba(255,255,255,.14); } 50%{ box-shadow: 0 3px 9px rgba(0,0,0,.40), 0 0 16px rgba(210,171,115,.30), inset 0 1px 0 rgba(255,255,255,.18); } } /* нижняя подпись */ .gtmUpdatesPanel__footer{ margin:7px 0 0 0; padding:5px 7px; color:#b6ac94; background: linear-gradient(180deg,rgba(245,235,206,.06),rgba(23,21,13,.38)), rgba(23,21,13,.42); border:1px solid rgba(138,123,90,.28); border-radius:7px; font-size:10px; font-weight:900; line-height:12px; text-align:center; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.22); } /* компактный низ */ .gtmUpdatesPanel__count, .gtmUpdatesPanel__version, .gtmUpdatesPanel__date{ margin:2px 0 0 0; color:#b6ac94; font-size:9px; font-weight:800; line-height:11px; text-align:center; opacity:.9; text-shadow:1px 1px 0 rgba(0,0,0,.82); } /* ссылки */ .gtmUpdatesPanel__content a, .gtmUpdatesPanel__content a:link, .gtmUpdatesPanel__content a:visited, .gtmUpdatesPanel__content a:active{ color:#7a4a2a !important; font-weight:900 !important; text-decoration:none !important; } .gtmUpdatesPanel__content a:hover{ color:#2a2418 !important; text-decoration:underline !important; } /* анимация появления */ @keyframes gtmUpdatesSoftIn{ from{ opacity:0; transform:translateY(4px); } to{ opacity:1; transform:translateY(0); } } /* защита */ .gtmUpdatesPanel__content, .gtmUpdatesPanel__content *{ max-width:100%; word-wrap:break-word; overflow-wrap:break-word; } /* меньше анимаций */ @media(prefers-reduced-motion:reduce){ .gtmUpdatesPanel, .gtmUpdatesPanel *, .gtmUpdatesPanel *:before, .gtmUpdatesPanel *:after{ animation:none !important; transition:none !important; transform:none !important; } .gtmUpdatesPanel__content:hover{ transform:none !important; } } /* =============================== 265. Почетная плашка с 2008 года стиль как у блока "Мини профиль" =============================== */ .top_bar_status{ float:right; display:flex; align-items:center; gap:8px; height:36px; margin:7px 10px 0 0; padding:0 14px 0 12px; color:#f5ebce; font:900 11px/1 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; letter-spacing:.04em; text-transform:uppercase; text-shadow:1px 1px 0 rgba(0,0,0,.82); white-space:nowrap; background: radial-gradient(circle at 50% 0,rgba(210,171,115,.12),transparent 42%), linear-gradient(180deg,#3d3628 0%,#2f291d 52%,#221d14 100%); border:1px solid #1c1710; border-radius:999px; box-shadow: 0 8px 18px rgba(0,0,0,.36), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.16) inset; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; } .top_bar_status:hover{ transform:translateY(-1px); border-color:#2a2418; box-shadow: 0 12px 24px rgba(0,0,0,.44), 0 0 12px rgba(210,171,115,.12), 0 1px 0 rgba(255,255,255,.06) inset, 0 -1px 0 rgba(0,0,0,.18) inset; } .top_bar_status_honor{ background: radial-gradient(circle at 18% 20%,rgba(210,171,115,.16),transparent 34%), linear-gradient(180deg,#5a503b 0%,#463e2d 52%,#322818 100%); border-color:#2a2418; box-shadow: 0 8px 18px rgba(0,0,0,.38), 0 0 12px rgba(210,171,115,.14), 0 1px 0 rgba(255,255,255,.06) inset, 0 -1px 0 rgba(0,0,0,.16) inset; } .top_bar_status_star{ flex:0 0 auto; display:inline-block; color:#d2ab73; font-size:15px; line-height:1; text-shadow: 0 0 7px rgba(210,171,115,.65), 1px 1px 0 rgba(0,0,0,.82); transform:translateY(-1px); } .top_bar_status_copy{ display:flex; flex-direction:column; justify-content:center; gap:1px; min-width:0; } .top_bar_status_main{ color:#f5ebce; font-size:11px; line-height:12px; } .top_bar_status_since{ color:#b6ac94; font-size:9px; line-height:10px; letter-spacing:.08em; } /* =============================== 266. Цветные плашки для пунктов меню стиль как у блока "Мини профиль" =============================== */ .top_bar_link{ display:inline-flex; align-items:center; gap:5px; padding:6px 10px; border-radius:999px; text-decoration:none; transition: transform .18s ease, color .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease; } /* GTA моды — тёплая красно-коричневая */ .top_bar_link[data-topbar-section="mods"]{ color:#fff !important; background:linear-gradient(180deg,#9f6247 0%,#7c4632 55%,#5a2f21 100%); border:1px solid #4a261a; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: 0 2px 6px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.18); } /* Форум — бежевая */ .top_bar_link[data-topbar-section="forum"]{ color:#2f2b1b !important; background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%); border:1px solid #8a7b5a; text-shadow:1px 1px 0 rgba(255,255,255,.65); box-shadow: 0 2px 6px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.45); } .top_bar_link[data-topbar-section="mods"]:hover{ transform:translateY(-1px); background:linear-gradient(180deg,#b37354 0%,#8d513a 55%,#673929 100%); color:#fff !important; box-shadow: 0 4px 10px rgba(0,0,0,.45), 0 0 12px rgba(159,98,71,.30), inset 0 1px 0 rgba(255,255,255,.22); } .top_bar_link[data-topbar-section="forum"]:hover{ transform:translateY(-1px); color:#7a4a2a !important; border-color:#a18b5f; box-shadow: 0 4px 10px rgba(0,0,0,.35), 0 0 8px rgba(224,214,192,.18), inset 0 1px 0 rgba(255,255,255,.48); } /* ========================= 267. ФОРУМ ГЛАВНАЯ стиль как у блока "Мини профиль" ========================= */ .gmForumDeck{ position:relative; margin:4px 0 0; } .gmForumDeck, .gmForumDeck *, .gmForumDeck *:before, .gmForumDeck *:after{ box-sizing:border-box; } .gmForumDeck_box{ position:relative; overflow:hidden; color:#e4dac4; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; background: radial-gradient(circle at 50% 0,rgba(210,171,115,.10),transparent 42%), radial-gradient(circle at 86% 100%,rgba(86,52,24,.14),transparent 34%), linear-gradient(180deg,#3d3628 0%,#2f291d 52%,#221d14 100%); border:1px solid #1c1710; border-radius:12px; box-shadow: 0 14px 30px rgba(0,0,0,.42), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.16) inset; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; } .gmForumDeck_box:hover{ transform:translateY(-1px); border-color:#2a2418; box-shadow: 0 16px 32px rgba(0,0,0,.46), 0 0 12px rgba(210,171,115,.10), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.16) inset; } .gmForumDeck_box:before{ content:""; position:absolute; inset:1px; border-radius:11px; border:1px solid rgba(255,255,255,.03); pointer-events:none; z-index:1; } .gmForumDeck_box:after{ content:""; position:absolute; left:0; top:0; width:100%; height:1px; background:linear-gradient(90deg,transparent,rgba(240,221,185,.36),transparent); pointer-events:none; z-index:2; } .gmForumDeck_box > *{ position:relative; z-index:3; } /* ========================= 268. HEADER ========================= */ .gmForumDeck_head{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin:10px 10px 0; padding:8px 9px; position:relative; overflow:hidden; color:#f5ebce; background:linear-gradient(180deg,rgba(84,72,52,.92),rgba(62,53,39,.92)); border:1px solid #2a2418; border-radius:8px; box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 2px 6px rgba(0,0,0,.24); } .gmForumDeck_head:before{ content:""; position:absolute; top:0; left:-45%; width:70%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent); transform:skewX(-24deg); pointer-events:none; } .gmForumDeck_head:after{ content:""; position:absolute; left:10px; right:10px; bottom:0; height:2px; background:linear-gradient(90deg,rgba(122,74,42,0),rgba(210,171,115,.95),rgba(122,74,42,0)); opacity:.9; pointer-events:none; } .gmForumDeck_headText{ min-width:0; position:relative; z-index:2; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#f5ebce; font:700 12px/1.3 "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; letter-spacing:.06em; text-transform:uppercase; text-shadow:1px 1px 0 rgba(0,0,0,.82); } .gmForumDeck_headBtn{ display:inline-block; flex:0 0 auto; position:relative; z-index:2; padding:6px 8px; border-radius:7px; color:#2f2b1b !important; background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%); border:1px solid #8a7b5a; font:900 10px/1 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; letter-spacing:.04em; text-transform:uppercase; text-decoration:none !important; text-shadow:1px 1px 0 rgba(255,255,255,.65); box-shadow: 0 2px 6px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.45); transition: transform .18s ease, color .18s ease, box-shadow .18s ease, border-color .18s ease; } .gmForumDeck_headBtn:hover{ transform:translateY(-1px); color:#7a4a2a !important; border-color:#a18b5f; box-shadow: 0 4px 10px rgba(0,0,0,.45), 0 0 8px rgba(224,214,192,.18), inset 0 1px 0 rgba(255,255,255,.48); } /* ========================= 269. LIST ========================= */ .gmForumDeck_list{ list-style:none; margin:0; padding:10px; } .gmForumDeck_item{ margin:0 0 7px 0; padding:7px; position:relative; overflow:hidden; color:#2a2418; background-image: linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.035) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.12) .7px, transparent .8px), linear-gradient(180deg,#f5ebce 0%,#e7d9b8 100%); background-size: auto, 6px 6px, 8px 8px, auto; background-position: 0 0, 0 0, 3px 3px, 0 0; border:1px solid #9b8864; border-left:4px solid #7a4a2a; border-radius:8px; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 2px 6px rgba(0,0,0,.25); transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease; } .gmForumDeck_item:before{ content:""; position:absolute; left:0; top:0; width:100%; height:1px; background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent); pointer-events:none; z-index:2; } .gmForumDeck_item:after{ content:""; position:absolute; left:-55%; top:0; width:35%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent); transform:skewX(-18deg); transition:left .42s ease; pointer-events:none; z-index:2; } .gmForumDeck_item:nth-child(odd), .gmForumDeck_item:nth-child(even){ background-image: linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.035) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.12) .7px, transparent .8px), linear-gradient(180deg,#f5ebce 0%,#e7d9b8 100%); } .gmForumDeck_item:last-child{ margin-bottom:0; } .gmForumDeck_item:hover{ transform:translateY(-1px); border-color:#a18b5f; background-image: linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.04) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.14) .7px, transparent .8px), linear-gradient(180deg,#fff4d4 0%,#e3cfaa 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.48), 0 4px 10px rgba(0,0,0,.28), 0 0 8px rgba(224,214,192,.18); } .gmForumDeck_item:hover:after{ left:115%; } /* ========================= 270. TOP ROW ========================= */ .gmForumDeck_row{ display:grid; grid-template-columns:10px 34px minmax(0,1fr) auto; gap:6px; align-items:center; position:relative; z-index:3; } .gmForumDeck_dot{ width:8px; height:8px; border-radius:50%; background:#d2ab73; box-shadow: 0 0 7px rgba(210,171,115,.85), 0 0 12px rgba(210,171,115,.35); } .gmForumDeck_num{ display:inline-block; min-width:28px; padding:4px 4px; text-align:center; border-radius:7px; color:#f5ebce; background:linear-gradient(180deg,#4b422e 0%,#2f291d 100%); border:1px solid #201b12; font:900 10px/1 "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 1px 3px rgba(0,0,0,.18); } .gmForumDeck_titleLink{ min-width:0; text-decoration:none !important; } .gmForumDeck_title{ display:block; height:32px; max-height:32px; overflow:hidden; color:#2a2418; font:900 12px/16px "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; word-break:break-word; text-shadow:1px 1px 0 rgba(255,255,255,.55); transition:color .18s ease; } .gmForumDeck_titleLink:hover .gmForumDeck_title{ color:#7a4a2a; text-decoration:underline; text-underline-offset:2px; } .gmForumDeck_tags{ display:flex; align-items:center; gap:5px; white-space:nowrap; } .gmForumDeck_replies, .gmForumDeck_time{ display:inline-block; padding:3px 6px; border-radius:999px; font:900 10px/1 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; letter-spacing:.04em; text-transform:uppercase; } .gmForumDeck_replies{ color:#2f2b1b; background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%); border:1px solid #8a7b5a; text-shadow:1px 1px 0 rgba(255,255,255,.65); box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 1px 3px rgba(0,0,0,.12); } .gmForumDeck_time{ color:#6a5b3e; background: linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.04)), rgba(255,255,255,.16); border:1px solid rgba(138,123,90,.28); text-shadow:1px 1px 0 rgba(255,255,255,.45); } .gmForumDeck_jump{ display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:50%; color:#f5ebce !important; background:linear-gradient(180deg,#4b422e 0%,#2f291d 100%); border:1px solid #201b12; text-decoration:none !important; font:900 12px/1 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 1px 3px rgba(0,0,0,.18); transition: transform .18s ease, background .18s ease, box-shadow .18s ease; } .gmForumDeck_jump:hover{ transform:translateY(-1px); background:linear-gradient(180deg,#5a503b 0%,#3a3325 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 3px 7px rgba(0,0,0,.26); } /* ========================= 271. META ========================= */ .gmForumDeck_meta{ display:flex; flex-wrap:wrap; align-items:center; gap:5px; padding:5px 0 0 16px; color:#6a5b3e; font:900 9px/1.35 "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; letter-spacing:.02em; text-transform:uppercase; position:relative; z-index:3; } .gmForumDeck_forum{ display:inline-block; max-width:180px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#7a4a2a; text-decoration:none; border-bottom:1px dotted rgba(122,74,42,.45); } .gmForumDeck_forum:hover{ color:#2a2418; border-bottom-color:#2a2418; } .gmForumDeck_state{ display:inline-block; padding:2px 6px; border-radius:999px; color:#f5ebce; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.36)), linear-gradient(180deg,#4b422e 0%,#2f291d 100%); border:1px solid #201b12; font:900 9px/1 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; letter-spacing:.05em; text-transform:uppercase; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 1px 3px rgba(0,0,0,.18); } .gmForumDeck_sep{ color:#9b8864; } .gmForumDeck_author, .gmForumDeck_lastUser, .gmForumDeck_date{ color:#6a5b3e; } /* ========================= 272. STATES ========================= */ .gmForumDeck_itemNew{ border-left-color:#8fa557; } .gmForumDeck_itemNew .gmForumDeck_dot{ background:#8fa557; box-shadow: 0 0 7px rgba(143,165,87,.65), 0 0 12px rgba(143,165,87,.30); } .gmForumDeck_itemNew .gmForumDeck_state{ color:#f1ffe8; background:linear-gradient(180deg,#7d9550 0%,#5f742f 55%,#425421 100%); border-color:#334319; text-shadow:1px 1px 0 rgba(0,0,0,.72); } .gmForumDeck_itemActive{ border-left-color:#d2ab73; } .gmForumDeck_itemActive .gmForumDeck_dot{ background:#d2ab73; box-shadow: 0 0 7px rgba(210,171,115,.85), 0 0 12px rgba(210,171,115,.35); } .gmForumDeck_itemActive .gmForumDeck_state{ color:#2f2b1b; background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%); border-color:#8a7b5a; text-shadow:1px 1px 0 rgba(255,255,255,.65); } .gmForumDeck_itemHot{ border-left-color:#9f6247; } .gmForumDeck_itemHot .gmForumDeck_dot{ background:#9f6247; box-shadow: 0 0 7px rgba(159,98,71,.65), 0 0 12px rgba(159,98,71,.30); } .gmForumDeck_itemHot .gmForumDeck_state{ color:#fff; background:linear-gradient(180deg,#9f6247 0%,#7c4632 55%,#5a2f21 100%); border-color:#4a261a; text-shadow:1px 1px 0 rgba(0,0,0,.82); } .gmForumDeck_itemHot .gmForumDeck_replies{ color:#fff; background:linear-gradient(180deg,#9f6247 0%,#7c4632 55%,#5a2f21 100%); border-color:#4a261a; text-shadow:1px 1px 0 rgba(0,0,0,.82); } /* ========================= 273. PROTECTION ========================= */ .gmForumDeck, .gmForumDeck *, .gmForumDeck *:before, .gmForumDeck *:after{ max-width:100%; } .gmForumDeck a{ word-wrap:break-word; overflow-wrap:break-word; } /* ========================= 274. MOBILE ========================= */ @media screen and (max-width:640px){ .gmForumDeck_head{ margin:10px 10px 0; padding:8px 9px; } .gmForumDeck_headText{ font-size:11px; } .gmForumDeck_headBtn{ padding:5px 7px; font-size:9px; } .gmForumDeck_list{ padding:10px; } .gmForumDeck_item{ padding:7px; } .gmForumDeck_row{ grid-template-columns:10px 30px minmax(0,1fr); gap:5px; } .gmForumDeck_tags{ grid-column:2 / 4; padding-left:0; } .gmForumDeck_title{ height:30px; max-height:30px; font-size:11px; line-height:15px; } .gmForumDeck_meta{ padding:5px 0 0 15px; font-size:8px; } .gmForumDeck_forum{ max-width:100%; } } /* ========================= 275. REDUCED MOTION ========================= */ @media(prefers-reduced-motion:reduce){ .gmForumDeck_box, .gmForumDeck_box *, .gmForumDeck_box *:before, .gmForumDeck_box *:after{ animation:none !important; transition:none !important; transform:none !important; } .gmForumDeck_item:hover:after{ left:-55%; } } /* =============================== 276. ДОБАВИТЬ МОД стиль как у карточки новостей =============================== */ .gtmAddModMainOnly{ width:1000px !important; max-width:1000px !important; margin:0 auto !important; padding:0 !important; box-sizing:border-box !important; } .gtmAddModContentOnly{ float:none !important; width:100% !important; max-width:100% !important; margin:0 auto !important; padding:0 !important; box-sizing:border-box !important; } .gtmAddModDisplayOnly{ width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; box-sizing:border-box !important; } .gtmAddModContentOnly .load_crumbs, .gtmAddModContentOnly .load_desc, .gtmAddModContentOnly .eDisplay{ width:100% !important; max-width:100% !important; box-sizing:border-box !important; } /* =============================== 277. ГОСТЬ =============================== */ .gtmAddModGuest{ width:100% !important; max-width:100% !important; margin:0 !important; padding:25px !important; box-sizing:border-box !important; position:relative; overflow:hidden; text-align:center; color:#d8c0a5; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; background: radial-gradient(circle at 50% 0,rgba(214,151,102,.12),transparent 42%), radial-gradient(circle at 86% 100%,rgba(122,49,31,.18),transparent 34%), linear-gradient(180deg,#43352b 0%,#30251e 52%,#211711 100%); border:1px solid #1f1510; border-radius:12px; box-shadow: 0 14px 30px rgba(0,0,0,.42), 0 0 12px rgba(122,49,31,.10), inset 0 1px 0 rgba(255,255,255,.05), inset 0 -1px 0 rgba(0,0,0,.16); } .gtmAddModGuest, .gtmAddModGuest *, .gtmAddModGuest *:before, .gtmAddModGuest *:after{ box-sizing:border-box; } .gtmAddModGuest:before{ content:""; position:absolute; inset:1px; border-radius:11px; border:1px solid rgba(255,255,255,.035); pointer-events:none; z-index:1; } .gtmAddModGuest:after{ content:""; position:absolute; left:0; top:0; width:100%; height:1px; background:linear-gradient(90deg,transparent,rgba(255,226,198,.30),transparent); pointer-events:none; z-index:2; } .gtmAddModGuest__box{ max-width:520px; margin:0 auto; position:relative; z-index:3; } /* =============================== 278. Заголовок =============================== */ .gtmAddModGuest__box h2{ margin:0 0 10px 0; color:#ffe6c8; font-size:22px; font-weight:900; line-height:1.25; text-shadow:1px 1px 0 rgba(0,0,0,.82); } .gtmAddModGuest__box h2:before{ content:"▸"; display:inline-block; margin:0 7px 0 0; color:#e1a46d; font-size:16px; line-height:1; vertical-align:2px; text-shadow:0 0 7px rgba(225,164,109,.45); } /* =============================== 279. Текст =============================== */ .gtmAddModGuest__box p{ margin:0 0 16px 0; color:#d8c0a5; font-size:13px; font-weight:700; line-height:1.5; text-shadow:1px 1px 0 rgba(0,0,0,.55); } /* =============================== 280. Кнопки =============================== */ .gtmAddModGuest__buttons{ display:flex; justify-content:center; gap:8px; flex-wrap:wrap; } .gtmAddModGuest__buttons a, .gtmAddModGuest__buttons a:link, .gtmAddModGuest__buttons a:visited, .gtmAddModGuest__buttons a:active{ display:inline-flex; align-items:center; justify-content:center; min-width:120px; min-height:36px; padding:0 14px; position:relative; overflow:hidden; color:#fff !important; background:linear-gradient(180deg,#a86a4a 0%,#854d37 55%,#5f3325 100%); border:1px solid #4a261a; border-radius:9px; font-size:13px; font-weight:900; line-height:1; text-decoration:none !important; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: 0 2px 6px rgba(0,0,0,.45), 0 0 9px rgba(168,106,74,.20), inset 0 1px 0 rgba(255,255,255,.18); transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease; } .gtmAddModGuest__buttons a:before{ content:""; position:absolute; top:0; left:-70%; width:55%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,226,198,.18),transparent); transform:skewX(-22deg); transition:left .34s ease; pointer-events:none; } .gtmAddModGuest__buttons a:hover{ transform:translateY(-1px); color:#fff !important; background:linear-gradient(180deg,#b87455 0%,#93543c 55%,#6b3928 100%); border-color:#d2ab73; box-shadow: 0 4px 10px rgba(0,0,0,.55), 0 0 13px rgba(168,106,74,.34), inset 0 1px 0 rgba(255,255,255,.22); } .gtmAddModGuest__buttons a:hover:before{ left:120%; } /* первая кнопка — более активная */ .gtmAddModGuest__buttons a:first-child{ background:linear-gradient(180deg,#b35d43 0%,#8a3e2d 55%,#5f281d 100%); border-color:#4a1f16; box-shadow: 0 2px 7px rgba(0,0,0,.34), 0 0 12px rgba(179,93,67,.22), inset 0 1px 0 rgba(255,255,255,.16); } .gtmAddModGuest__buttons a:first-child:hover{ background:linear-gradient(180deg,#c66d50 0%,#9a4935 55%,#6d2f22 100%); } /* =============================== 281. Mobile =============================== */ @media(max-width:640px){ .gtmAddModMainOnly{ width:100% !important; max-width:100% !important; } .gtmAddModGuest{ padding:18px 12px !important; } .gtmAddModGuest__box h2{ font-size:19px; } .gtmAddModGuest__box p{ font-size:12px; } .gtmAddModGuest__buttons a{ width:100%; min-width:0; } } /* =============================== 282. Reduced motion =============================== */ @media(prefers-reduced-motion:reduce){ .gtmAddModGuest__buttons a, .gtmAddModGuest__buttons a:before{ transition:none !important; transform:none !important; } .gtmAddModGuest__buttons a:hover:before{ left:-70%; } } /* =============================== 283. ДОБАВИТЬ НОВОСТЬ стиль как у карточки новостей =============================== */ .gtmAddNewsMainOnly{ width:1000px !important; max-width:1000px !important; margin:0 auto !important; padding:0 !important; box-sizing:border-box !important; } .gtmAddNewsContentOnly{ float:none !important; width:100% !important; max-width:100% !important; margin:0 auto !important; padding:0 !important; box-sizing:border-box !important; } .gtmAddNewsDisplayOnly{ width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; box-sizing:border-box !important; } .gtmAddNewsContentOnly .load_crumbs, .gtmAddNewsContentOnly .load_desc, .gtmAddNewsContentOnly .eDisplay{ width:100% !important; max-width:100% !important; box-sizing:border-box !important; } /* =============================== 284. ГОСТЬ =============================== */ .gtmAddNewsGuest{ width:100% !important; max-width:100% !important; margin:0 !important; padding:25px !important; box-sizing:border-box !important; position:relative; overflow:hidden; text-align:center; color:#d8c0a5; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; background: radial-gradient(circle at 50% 0,rgba(214,151,102,.12),transparent 42%), radial-gradient(circle at 86% 100%,rgba(122,49,31,.18),transparent 34%), linear-gradient(180deg,#43352b 0%,#30251e 52%,#211711 100%); border:1px solid #1f1510; border-radius:12px; box-shadow: 0 14px 30px rgba(0,0,0,.42), 0 0 12px rgba(122,49,31,.10), inset 0 1px 0 rgba(255,255,255,.05), inset 0 -1px 0 rgba(0,0,0,.16); } .gtmAddNewsGuest, .gtmAddNewsGuest *, .gtmAddNewsGuest *:before, .gtmAddNewsGuest *:after{ box-sizing:border-box; } .gtmAddNewsGuest:before{ content:""; position:absolute; inset:1px; border-radius:11px; border:1px solid rgba(255,255,255,.035); pointer-events:none; z-index:1; } .gtmAddNewsGuest:after{ content:""; position:absolute; left:0; top:0; width:100%; height:1px; background:linear-gradient(90deg,transparent,rgba(255,226,198,.30),transparent); pointer-events:none; z-index:2; } .gtmAddNewsGuest__box{ max-width:520px; margin:0 auto; position:relative; z-index:3; } /* =============================== 285. Заголовок =============================== */ .gtmAddNewsGuest__box h2{ margin:0 0 10px 0; color:#ffe6c8; font-size:22px; font-weight:900; line-height:1.25; text-shadow:1px 1px 0 rgba(0,0,0,.82); } .gtmAddNewsGuest__box h2:before{ content:"▸"; display:inline-block; margin:0 7px 0 0; color:#e1a46d; font-size:16px; line-height:1; vertical-align:2px; text-shadow:0 0 7px rgba(225,164,109,.45); } /* =============================== 286. Текст =============================== */ .gtmAddNewsGuest__box p{ margin:0 0 16px 0; color:#d8c0a5; font-size:13px; font-weight:700; line-height:1.5; text-shadow:1px 1px 0 rgba(0,0,0,.55); } /* =============================== 287. Кнопки =============================== */ .gtmAddNewsGuest__buttons{ display:flex; justify-content:center; gap:8px; flex-wrap:wrap; } .gtmAddNewsGuest__buttons a, .gtmAddNewsGuest__buttons a:link, .gtmAddNewsGuest__buttons a:visited, .gtmAddNewsGuest__buttons a:active{ display:inline-flex; align-items:center; justify-content:center; min-width:120px; min-height:36px; padding:0 14px; position:relative; overflow:hidden; color:#fff !important; background:linear-gradient(180deg,#a86a4a 0%,#854d37 55%,#5f3325 100%); border:1px solid #4a261a; border-radius:9px; font-size:13px; font-weight:900; line-height:1; text-decoration:none !important; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: 0 2px 6px rgba(0,0,0,.45), 0 0 9px rgba(168,106,74,.20), inset 0 1px 0 rgba(255,255,255,.18); transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease; } .gtmAddNewsGuest__buttons a:before{ content:""; position:absolute; top:0; left:-70%; width:55%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,226,198,.18),transparent); transform:skewX(-22deg); transition:left .34s ease; pointer-events:none; } .gtmAddNewsGuest__buttons a:hover{ transform:translateY(-1px); color:#fff !important; background:linear-gradient(180deg,#b87455 0%,#93543c 55%,#6b3928 100%); border-color:#d2ab73; box-shadow: 0 4px 10px rgba(0,0,0,.55), 0 0 13px rgba(168,106,74,.34), inset 0 1px 0 rgba(255,255,255,.22); } .gtmAddNewsGuest__buttons a:hover:before{ left:120%; } /* первая кнопка — главная */ .gtmAddNewsGuest__buttons a:first-child{ background:linear-gradient(180deg,#b35d43 0%,#8a3e2d 55%,#5f281d 100%); border-color:#4a1f16; box-shadow: 0 2px 7px rgba(0,0,0,.34), 0 0 12px rgba(179,93,67,.22), inset 0 1px 0 rgba(255,255,255,.16); } .gtmAddNewsGuest__buttons a:first-child:hover{ background:linear-gradient(180deg,#c66d50 0%,#9a4935 55%,#6d2f22 100%); } /* =============================== 288. Mobile =============================== */ @media(max-width:640px){ .gtmAddNewsMainOnly{ width:100% !important; max-width:100% !important; } .gtmAddNewsGuest{ padding:18px 12px !important; } .gtmAddNewsGuest__box h2{ font-size:19px; } .gtmAddNewsGuest__box p{ font-size:12px; } .gtmAddNewsGuest__buttons a{ width:100%; min-width:0; } } /* =============================== 289. Reduced motion =============================== */ @media(prefers-reduced-motion:reduce){ .gtmAddNewsGuest__buttons a, .gtmAddNewsGuest__buttons a:before{ transition:none !important; transform:none !important; } .gtmAddNewsGuest__buttons a:hover:before{ left:-70%; } } /* =============================== 290. ОПРОС САЙТА стиль как "Мини профиль" не ломает $ANSWERS$ и шкалы uCoz =============================== */ .pollBlock.gtmPollPack, .gtmPollPack { width: calc(100% + 6px) !important; max-width: calc(100% + 6px) !important; min-width: 0 !important; margin: 0 0 10px -6px !important; padding: 0 !important; display: block !important; clear: both !important; float: none !important; position: relative !important; left: auto !important; right: auto !important; transform: none !important; overflow: hidden !important; box-sizing: border-box !important; color: #e4dac4 !important; font-family: "Montserrat", "Open Sans", Tahoma, Verdana, Arial, sans-serif !important; background: radial-gradient(circle at 50% 0, rgba(210,171,115,.10), transparent 42%), radial-gradient(circle at 86% 100%, rgba(86,52,24,.14), transparent 34%), linear-gradient(180deg, #3d3628 0%, #2f291d 52%, #221d14 100%) !important; border: 1px solid #1c1710 !important; border-radius: 12px !important; box-shadow: 0 14px 30px rgba(0,0,0,.42), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.16) inset !important; transition: box-shadow .2s ease, border-color .2s ease !important; } .pollBlock.gtmPollPack:hover, .gtmPollPack:hover { border-color: #2a2418 !important; box-shadow: 0 18px 34px rgba(0,0,0,.50), 0 0 12px rgba(210,171,115,.12), 0 1px 0 rgba(255,255,255,.06) inset, 0 -1px 0 rgba(0,0,0,.18) inset !important; } .pollBlock.gtmPollPack, .pollBlock.gtmPollPack *, .pollBlock.gtmPollPack *::before, .pollBlock.gtmPollPack *::after, .gtmPollPack, .gtmPollPack *, .gtmPollPack *::before, .gtmPollPack *::after { box-sizing: border-box !important; } .pollBlock.gtmPollPack::before, .gtmPollPack::before { content: "" !important; position: absolute !important; inset: 1px !important; border-radius: 11px !important; border: 1px solid rgba(255,255,255,.035) !important; pointer-events: none !important; z-index: 1 !important; } .pollBlock.gtmPollPack::after, .gtmPollPack::after { content: "" !important; position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important; height: 1px !important; background: linear-gradient(90deg, transparent, rgba(255,226,198,.24), transparent) !important; pointer-events: none !important; z-index: 2 !important; } .pollBlock.gtmPollPack > *, .gtmPollPack > * { position: relative !important; z-index: 3 !important; } /* =============================== 291. Заголовок =============================== */ .gtmPollPack__title { width: 100% !important; min-height: 34px !important; margin: 0 !important; padding: 8px 9px !important; display: flex !important; align-items: center !important; gap: 7px !important; overflow: hidden !important; background: radial-gradient(circle at 19px 50%, rgba(210,171,115,.16), rgba(210,171,115,0) 30px), linear-gradient(180deg, #4a4130 0%, #373021 52%, #261f15 100%) !important; border-bottom: 1px solid #1c1710 !important; color: #f5ebce !important; font-size: 11px !important; font-weight: 800 !important; line-height: 14px !important; text-transform: uppercase !important; letter-spacing: .25px !important; text-shadow: 0 1px 1px rgba(0,0,0,.78), 0 0 5px rgba(210,171,115,.18) !important; box-shadow: 0 1px 0 rgba(255,255,255,.06) inset, 0 -1px 0 rgba(0,0,0,.28) inset !important; } .gtmPollPack__titleIcon { width: 18px !important; height: 18px !important; flex: 0 0 18px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; background: radial-gradient(circle at 35% 30%, rgba(255,255,255,.58), rgba(255,255,255,0) 34%), linear-gradient(180deg, #d2ab73 0%, #8d6a2c 100%) !important; border: 1px solid rgba(35,28,15,.88) !important; color: #2f2412 !important; font-size: 12px !important; font-weight: 900 !important; line-height: 18px !important; text-align: center !important; text-shadow: 0 1px 0 rgba(255,255,255,.28) !important; box-shadow: 0 1px 0 rgba(255,255,255,.25) inset, 0 0 8px rgba(210,171,115,.25) !important; } .gtmPollPack__titleText { flex: 1 1 auto !important; min-width: 0 !important; display: block !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; color: #f5ebce !important; font-size: 11px !important; font-weight: 900 !important; line-height: 14px !important; } .gtmPollPack__badge { flex: 0 0 auto !important; margin-left: auto !important; padding: 2px 7px !important; display: inline-block !important; background: linear-gradient(180deg, #d2ab73 0%, #a07437 55%, #6d461f 100%) !important; border: 1px solid #3f2b15 !important; border-radius: 999px !important; color: #24170d !important; font-size: 8px !important; font-weight: 900 !important; line-height: 10px !important; text-transform: uppercase !important; text-shadow: 0 1px 0 rgba(255,255,255,.28) !important; box-shadow: 0 1px 0 rgba(255,255,255,.22) inset, 0 0 7px rgba(210,171,115,.20) !important; } /* =============================== 292. Статус =============================== */ .gtmPollPack__status { width: 100% !important; margin: 0 !important; padding: 6px 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,0)), linear-gradient(180deg, #342d20 0%, #241f16 100%) !important; border-bottom: 1px solid rgba(28,23,16,.95) !important; color: #cdbf9f !important; font-size: 10px !important; font-weight: 800 !important; line-height: 12px !important; text-align: center !important; text-shadow: 0 1px 1px rgba(0,0,0,.65) !important; } .gtmPollPack__statusDot { width: 7px !important; height: 7px !important; flex: 0 0 7px !important; display: inline-block !important; border-radius: 50% !important; background: #d2ab73 !important; box-shadow: 0 0 0 1px rgba(255,255,255,.16), 0 0 8px rgba(210,171,115,.58) !important; animation: gtmPollPackPulse 1.8s ease-in-out infinite !important; } /* =============================== 293. Тело =============================== */ .gtmPollPack__body { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 7px !important; display: block !important; overflow: hidden !important; background: radial-gradient(circle at top left, rgba(255,255,255,.06), rgba(255,255,255,0) 42%), linear-gradient(180deg, #352f22 0%, #241f16 100%) !important; } /* =============================== 294. Вопрос =============================== */ .gtmPollPack__question { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 0 7px 0 !important; padding: 8px 8px 8px 12px !important; display: block !important; position: relative !important; overflow: hidden !important; background: radial-gradient(circle at top left, rgba(255,255,255,.10), rgba(255,255,255,0) 44%), linear-gradient(180deg, #463e2d 0%, #2f291d 100%) !important; border: 1px solid rgba(28,23,16,.95) !important; border-left: 3px solid #d2ab73 !important; border-radius: 8px !important; color: #fff1cf !important; font-size: 12px !important; font-weight: 900 !important; line-height: 16px !important; text-align: left !important; text-shadow: 0 1px 1px rgba(0,0,0,.72) !important; box-shadow: 0 1px 0 rgba(255,255,255,.08) inset, 0 -1px 0 rgba(0,0,0,.24) inset, 0 1px 2px rgba(0,0,0,.22) !important; } .gtmPollPack__question::before { content: "" !important; position: absolute !important; left: 0 !important; top: 0 !important; right: 0 !important; height: 1px !important; background: linear-gradient(90deg, transparent, rgba(255,226,198,.18), transparent) !important; pointer-events: none !important; } .gtmPollPack__question b { color: #fff1cf !important; font-weight: 900 !important; } /* =============================== 295. Ответы / результаты uCoz Главное: не ломаем $ANSWERS$ =============================== */ .gtmPollPack__answers { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 0 7px 0 !important; padding: 8px !important; display: block !important; overflow: hidden !important; background: radial-gradient(circle at top left, rgba(255,255,255,.075), rgba(255,255,255,0) 44%), linear-gradient(180deg, #302a1d 0%, #211c14 100%) !important; border: 1px solid rgba(28,23,16,.95) !important; border-radius: 8px !important; color: #e4dac4 !important; font-size: 11px !important; font-weight: 800 !important; line-height: 16px !important; text-shadow: 0 1px 1px rgba(0,0,0,.68) !important; box-shadow: 0 1px 0 rgba(255,255,255,.065) inset, 0 -1px 0 rgba(0,0,0,.22) inset, 0 1px 2px rgba(0,0,0,.20) !important; } .gtmPollPack__answers form { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; display: block !important; box-sizing: border-box !important; } /* Таблицы uCoz оставляем таблицами, чтобы шкалы не ломались */ .gtmPollPack__answers table { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: auto !important; background: transparent !important; } .gtmPollPack__answers tbody, .gtmPollPack__answers tr { max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; } .gtmPollPack__answers td { max-width: 100% !important; margin: 0 !important; padding: 2px 0 !important; border: 0 !important; vertical-align: middle !important; text-align: left !important; color: #e4dac4 !important; background: transparent !important; font-size: 11px !important; line-height: 16px !important; } /* Варианты */ .gtmPollPack__answers input[type="radio"], .gtmPollPack__answers input[type="checkbox"] { margin: 0 6px 2px 0 !important; padding: 0 !important; vertical-align: middle !important; accent-color: #d2ab73 !important; position: relative !important; top: -1px !important; } .gtmPollPack__answers label { display: inline !important; margin: 0 !important; padding: 0 !important; color: #e4dac4 !important; cursor: pointer !important; } .gtmPollPack__answers label:hover { color: #fff1cf !important; } /* br от uCoz */ .gtmPollPack__answers br { display: block !important; margin: 0 !important; padding: 0 !important; line-height: 8px !important; } /* Внутренние элементы uCoz */ .gtmPollPack__answers div, .gtmPollPack__answers span, .gtmPollPack__answers font { max-width: 100% !important; color: #e4dac4 !important; } /* Картинки и шкалы uCoz не скрываем и не превращаем */ .gtmPollPack__answers img { display: inline-block !important; max-width: 100% !important; height: auto !important; vertical-align: middle !important; border: 0 !important; box-shadow: none !important; } /* Текст результатов */ .gtmPollPack__answers b, .gtmPollPack__answers strong { color: #d2ab73 !important; font-weight: 900 !important; } /* Ссылки внутри результатов */ .gtmPollPack__answers a, .gtmPollPack__answers a:link, .gtmPollPack__answers a:visited, .gtmPollPack__answers a:active { color: #d2ab73 !important; text-decoration: none !important; font-weight: 900 !important; } .gtmPollPack__answers a:hover { color: #fff1cf !important; text-decoration: underline !important; text-decoration-color: rgba(210,171,115,.45) !important; text-underline-offset: 2px !important; } /* =============================== 296. Кнопка ответа =============================== */ .gtmPollPack__answers input[type="submit"], .gtmPollPack__answers input[type="button"], .gtmPollPack__answers button { width: 100% !important; max-width: 100% !important; height: 30px !important; margin: 9px 0 0 0 !important; padding: 0 !important; display: block !important; position: relative !important; overflow: hidden !important; color: #24170d !important; background: linear-gradient(180deg, #d2ab73 0%, #a07437 55%, #6d461f 100%) !important; border: 1px solid #3f2b15 !important; border-radius: 8px !important; font-size: 11px !important; font-weight: 900 !important; line-height: 28px !important; text-align: center !important; cursor: pointer !important; text-shadow: 0 1px 0 rgba(255,255,255,.28) !important; box-shadow: 0 2px 6px rgba(0,0,0,.32), 0 0 9px rgba(210,171,115,.16), 0 1px 0 rgba(255,255,255,.20) inset !important; transition: transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease !important; } .gtmPollPack__answers input[type="submit"]:hover, .gtmPollPack__answers input[type="button"]:hover, .gtmPollPack__answers button:hover { transform: translateY(-1px) !important; color: #1c120a !important; background: linear-gradient(180deg, #e2bd82 0%, #b48041 55%, #7c5127 100%) !important; border-color: #d2ab73 !important; box-shadow: 0 4px 10px rgba(0,0,0,.42), 0 0 12px rgba(210,171,115,.28), 0 1px 0 rgba(255,255,255,.24) inset !important; } /* =============================== 297. Ссылки =============================== */ .gtmPollPack__links { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 0 7px 0 !important; padding: 7px 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; flex-wrap: wrap !important; background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015)), linear-gradient(180deg, #302a1d 0%, #221d14 100%) !important; border: 1px solid rgba(28,23,16,.88) !important; border-radius: 8px !important; color: #9f9278 !important; font-size: 10px !important; font-weight: 800 !important; line-height: 12px !important; text-align: center !important; text-shadow: 0 1px 1px rgba(0,0,0,.65) !important; box-shadow: 0 1px 0 rgba(255,255,255,.05) inset, 0 1px 2px rgba(0,0,0,.18) !important; } .gtmPollPack__links .funcLink, .gtmPollPack__links .funcLink:link, .gtmPollPack__links .funcLink:visited, .gtmPollPack__links .funcLink:active { color: #d2ab73 !important; text-decoration: none !important; font-size: 10px !important; font-weight: 900 !important; line-height: 12px !important; } .gtmPollPack__links .funcLink:hover { color: #fff1cf !important; text-decoration: underline !important; text-decoration-color: rgba(210,171,115,.45) !important; text-underline-offset: 2px !important; } /* =============================== 298. Всего ответов =============================== */ .gtmPollPack__total { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 7px 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; background: radial-gradient(circle at top left, rgba(255,255,255,.07), rgba(255,255,255,0) 42%), linear-gradient(180deg, #302a1d 0%, #221d14 100%) !important; border: 1px solid rgba(28,23,16,.88) !important; border-radius: 8px !important; color: #cdbf9f !important; font-size: 10px !important; font-weight: 800 !important; line-height: 12px !important; text-align: center !important; text-shadow: 0 1px 1px rgba(0,0,0,.65) !important; box-shadow: 0 1px 0 rgba(255,255,255,.05) inset, 0 1px 2px rgba(0,0,0,.18) !important; } .gtmPollPack__total b { min-width: 30px !important; padding: 2px 7px !important; display: inline-block !important; position: relative !important; overflow: hidden !important; background: linear-gradient(180deg, #17130d 0%, #2f2412 52%, #100d08 100%) !important; border: 1px solid rgba(210,171,115,.36) !important; border-radius: 999px !important; color: #d2ab73 !important; font-family: Consolas, "Courier New", monospace !important; font-size: 11px !important; font-weight: 900 !important; line-height: 12px !important; text-align: center !important; text-shadow: 0 0 6px rgba(210,171,115,.28), 0 1px 1px rgba(0,0,0,.85) !important; box-shadow: 0 1px 0 rgba(255,255,255,.08) inset, 0 -1px 0 rgba(0,0,0,.45) inset !important; } /* =============================== 299. Защита от старых отступов uCoz =============================== */ .pollBlock, .pollBlock.gtmPollPack, .gtmPollPack.pollBlock, .gtmPollPack { box-sizing: border-box !important; padding-left: 0 !important; padding-right: 0 !important; left: auto !important; right: auto !important; transform: none !important; float: none !important; clear: both !important; } .pollBlock[style], .gtmPollPack[style] { margin-left: -6px !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; left: auto !important; right: auto !important; transform: none !important; } /* Если стоит внутри колонок */ .leftcolumn .pollBlock.gtmPollPack, .rightcolumn .pollBlock.gtmPollPack, .cat_box .pollBlock.gtmPollPack, .cat_box_body_left .pollBlock.gtmPollPack, .chat_box .pollBlock.gtmPollPack, .leftcolumn .gtmPollPack, .rightcolumn .gtmPollPack, .cat_box .gtmPollPack, .cat_box_body_left .gtmPollPack, .chat_box .gtmPollPack { width: calc(100% + 6px) !important; max-width: calc(100% + 6px) !important; margin-left: -6px !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .gtmPollPack__body, .gtmPollPack__question, .gtmPollPack__answers, .gtmPollPack__links, .gtmPollPack__total { max-width: 100% !important; word-wrap: break-word !important; overflow-wrap: break-word !important; } /* =============================== 300. Анимация =============================== */ @keyframes gtmPollPackPulse { 0%, 100% { opacity: .55; transform: scale(.90); } 50% { opacity: 1; transform: scale(1.08); } } /* Снижение движения */ @media (prefers-reduced-motion: reduce) { .gtmPollPack, .gtmPollPack *, .gtmPollPack *::before, .gtmPollPack *::after { animation: none !important; transition: none !important; transform: none !important; } } /* Мобильная версия */ @media (max-width: 640px) { .pollBlock.gtmPollPack, .gtmPollPack { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; } } /* =============================== 301. FIX: ОПРОС НА ВСЮ ШИРИНУ КОЛОНКИ вставить В САМЫЙ НИЗ CSS =============================== */ .pollBlock.gtmPollPack, .gtmPollPack { width: calc(100% + 6px) !important; max-width: calc(100% + 6px) !important; min-width: calc(100% + 6px) !important; margin-left: -6px !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; display: block !important; box-sizing: border-box !important; } /* если uCoz добавляет inline width */ .pollBlock.gtmPollPack[style], .gtmPollPack[style] { width: calc(100% + 6px) !important; max-width: calc(100% + 6px) !important; min-width: calc(100% + 6px) !important; margin-left: -6px !important; margin-right: 0 !important; } /* внутренности не должны сжимать блок */ .gtmPollPack__title, .gtmPollPack__status, .gtmPollPack__body, .gtmPollPack__question, .gtmPollPack__answers, .gtmPollPack__links, .gtmPollPack__total { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } /* таблицы uCoz внутри опроса */ .gtmPollPack table, .gtmPollPack tbody, .gtmPollPack tr { width: 100% !important; max-width: 100% !important; } .gtmPollPack td { max-width: 100% !important; box-sizing: border-box !important; } /* если родительская ячейка режет ширину */ .pollBlock.gtmPollPack td, .gtmPollPack td { padding-left: 0 !important; padding-right: 0 !important; } /* на телефоне без выезда за экран */ @media (max-width: 640px) { .pollBlock.gtmPollPack, .gtmPollPack, .pollBlock.gtmPollPack[style], .gtmPollPack[style] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; } } /* ========================= 302. КАРТОЧКИ МОДОВ ГЛАВНАЯ стиль как у блока "Мини профиль" светлая карточка + тёмные счётчики + тёмная рамка ========================= */ .gtaCard{ width:184px; margin:0 auto; float:none; display:block; overflow:hidden; position:relative; box-sizing:border-box; color:#2a2418; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; background-image: linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.035) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.12) .7px, transparent .8px), linear-gradient(180deg,#f5ebce 0%,#e7d9b8 100%); background-size: auto, 6px 6px, 8px 8px, auto; background-position: 0 0, 0 0, 3px 3px, 0 0; border:1px solid #1c1710; border-radius:12px; box-shadow: 0 0 0 1px rgba(42,36,24,.75), inset 0 1px 0 rgba(255,255,255,.45), 0 8px 18px rgba(0,0,0,.34); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; } .gtaCard, .gtaCard *, .gtaCard *:before, .gtaCard *:after{ box-sizing:border-box; } .gtaCard:before{ content:""; position:absolute; inset:2px; border:1px solid rgba(42,36,24,.22); border-radius:10px; pointer-events:none; z-index:8; } .gtaCard:hover{ transform:translateY(-2px); border-color:#2a2418; box-shadow: 0 0 0 1px rgba(28,23,16,.95), inset 0 1px 0 rgba(255,255,255,.48), 0 12px 24px rgba(0,0,0,.42), 0 0 10px rgba(210,171,115,.14); } /* ========================= 303. FIX OVERLAY / CLICK ========================= */ .gtaCard_img:before, .gtaCard_hot, .gtaCard_badge{ pointer-events:none; } .gtaCard_photo, .gtaCard_tit, .gtaCard_tit a{ position:relative; z-index:20; } .gtaCard_photo{ display:block; width:100%; height:100%; cursor:pointer; } .gtaCard_photo img{ width:100%!important; height:100px!important; display:block; object-fit:cover; pointer-events:none; -webkit-user-drag:none; user-select:none; } /* ========================= 304. SHINE ========================= */ .gtaCard:after{ content:""; position:absolute; top:0; left:-120%; width:80%; height:100%; background:linear-gradient(120deg,transparent,rgba(255,255,255,.24),transparent); transition:left .6s ease; pointer-events:none; z-index:9; } .gtaCard:hover:after{ left:120%; } /* ========================= 305. IMAGE ========================= */ .gtaCard_img{ position:relative; height:100px; padding:3px; overflow:hidden; background:linear-gradient(180deg,#17150d,#292417); border-bottom:1px solid rgba(42,36,24,.85); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 2px 8px rgba(0,0,0,.26); } .gtaCard_img img{ width:100%!important; height:100px!important; object-fit:cover; display:block; border-radius:8px; transition: transform .25s ease, filter .25s ease; } .gtaCard:hover .gtaCard_img img{ transform:scale(1.05); filter:brightness(1.05); } .gtaCard_img:before{ content:""; position:absolute; left:3px; right:3px; bottom:3px; height:55%; background:linear-gradient(180deg,transparent,rgba(0,0,0,.72)); border-radius:0 0 8px 8px; z-index:2; } /* верхний глянец картинки */ .gtaCard_img:after{ content:""; position:absolute; left:3px; right:3px; top:3px; height:34%; background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.07) 45%,transparent); border-radius:8px 8px 0 0; pointer-events:none; z-index:3; } /* ========================= 306. BUTTON ========================= */ .gtaCard_download{ position:absolute; left:50%; bottom:10px; transform:translateX(-50%); opacity:0; visibility:hidden; z-index:30; padding:6px 12px; color:#2f2b1b!important; background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%); border:1px solid #8a7b5a; border-radius:7px; font-size:10px; font-weight:900; line-height:1; text-decoration:none!important; text-shadow:1px 1px 0 rgba(255,255,255,.65); box-shadow: 0 2px 6px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.45); transition: opacity .2s ease, visibility .2s ease, color .18s ease, box-shadow .18s ease, border-color .18s ease; } .gtaCard_download:hover{ color:#7a4a2a!important; border-color:#a18b5f; box-shadow: 0 4px 10px rgba(0,0,0,.55), 0 0 8px rgba(224,214,192,.18), inset 0 1px 0 rgba(255,255,255,.48); } .gtaCard:hover .gtaCard_download{ opacity:1; visibility:visible; } .gtaCard_local:before{ content:"⬇"; margin-right:5px; } .gtaCard_external:before{ content:"↗"; margin-right:5px; } /* ========================= 307. HOT PULSE ========================= */ .gtaCard_isHot:hover .gtaCard_download{ animation:gtaPulseSepia 1.2s infinite; } @keyframes gtaPulseSepia{ 0%{ box-shadow: 0 2px 6px rgba(0,0,0,.55), 0 0 0 0 rgba(210,171,115,.55), inset 0 1px 0 rgba(255,255,255,.45); } 70%{ box-shadow: 0 2px 6px rgba(0,0,0,.55), 0 0 0 10px rgba(210,171,115,0), inset 0 1px 0 rgba(255,255,255,.45); } 100%{ box-shadow: 0 2px 6px rgba(0,0,0,.55), 0 0 0 0 rgba(210,171,115,0), inset 0 1px 0 rgba(255,255,255,.45); } } /* ========================= 308. HOVER INFO ========================= */ .gtaCard_hoverInfo{ position:absolute; top:6px; right:6px; width:112px; z-index:25; opacity:0; visibility:hidden; transform:translateY(6px); padding:6px; color:#f5ebce; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.42)), rgba(23,21,13,.92); border:1px solid rgba(138,123,90,.38); border-radius:7px; font-size:10px; font-weight:800; line-height:14px; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 2px 8px rgba(0,0,0,.35); transition: opacity .2s ease, visibility .2s ease, transform .2s ease; } .gtaCard_hoverInfo span{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .gtaCard_hoverInfo a{ color:#d2ab73; text-decoration:none; font-weight:900; } .gtaCard_hoverInfo a:hover{ color:#fff; text-decoration:underline; } .gtaCard:hover .gtaCard_hoverInfo{ opacity:1; visibility:visible; transform:translateY(0); } /* ========================= 309. HOT ========================= */ .gtaCard_hot{ position:absolute; top:6px; right:6px; z-index:28; height:19px; padding:0 8px; color:#fff; background:linear-gradient(180deg,#9f6247 0%,#7c4632 55%,#5a2f21 100%); border:1px solid #4a261a; border-radius:999px; font-size:10px; font-weight:900; line-height:18px; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: 0 2px 7px rgba(0,0,0,.34), 0 0 10px rgba(122,74,42,.16), inset 0 1px 0 rgba(255,255,255,.14); } /* ========================= 310. BADGES ========================= */ .gtaCard_badge{ position:absolute; top:6px; left:6px; z-index:28; min-width:18px; height:19px; padding:0 7px; border-radius:999px; color:#f5ebce; font-size:10px; font-weight:900; line-height:18px; text-align:center; text-shadow:1px 1px 0 rgba(0,0,0,.72); box-shadow: 0 2px 6px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.18); } .badge-gta5{ background:linear-gradient(180deg,#7d9550 0%,#5f742f 55%,#425421 100%); border:1px solid #334319; } .badge-crmp{ background:linear-gradient(180deg,#d8b072 0%,#b78445 52%,#8f6030 100%); border:1px solid #704621; color:#2f2b1b; text-shadow:1px 1px 0 rgba(255,255,255,.35); } .badge-online{ background:linear-gradient(180deg,#607fae 0%,#3f5f90 55%,#2e456b 100%); border:1px solid #263b5b; } .badge-vc{ background:linear-gradient(180deg,#c883b7 0%,#965385 55%,#703764 100%); border:1px solid #56284c; } .badge-gta3{ background:linear-gradient(180deg,#4e9957 0%,#2f7638 55%,#205527 100%); border:1px solid #193f1d; } .badge-sa{ background:linear-gradient(180deg,#d88945 0%,#a95b25 55%,#7b3b17 100%); border:1px solid #5a2a10; } .badge-samp{ background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%); border:1px solid #8a7b5a; color:#2f2b1b; text-shadow:1px 1px 0 rgba(255,255,255,.65); } .badge-gta4{ background:linear-gradient(180deg,#7068c8 0%,#4f48a2 55%,#36316f 100%); border:1px solid #2b2759; } /* ========================= 311. TITLE ========================= */ .gtaCard_tit{ height:44px !important; padding:6px 7px 0 7px !important; overflow:hidden !important; box-sizing:border-box; } .gtaCard_tit a{ display:block !important; height:32px !important; max-height:32px !important; overflow:hidden !important; line-height:16px !important; padding:0 !important; margin:0 !important; color:#2a2418; font-size:12px; font-weight:900; text-decoration:none; word-break:break-word; cursor:pointer; text-shadow:1px 1px 0 rgba(255,255,255,.55); transition: color .18s ease, text-decoration-color .18s ease; } .gtaCard_tit a:before{ content:"▸"; display:inline-block; margin:0 4px 0 0; color:#7a4a2a; font-size:10px; line-height:1; vertical-align:1px; } .gtaCard_tit a:hover{ background:transparent; color:#7a4a2a; text-decoration:underline; text-decoration-color:rgba(122,74,42,.45); text-underline-offset:2px; } /* ========================= 312. INFO — ТЁМНАЯ СТРОКА СЧЁТЧИКОВ ========================= */ .gtaCard_info{ display:flex; align-items:center; justify-content:space-between; gap:4px; padding:6px 7px; font-size:10px; color:#b6ac94; background: linear-gradient(180deg,rgba(245,235,206,.06),rgba(23,21,13,.38)), linear-gradient(180deg,#3d3628 0%,#2f291d 52%,#221d14 100%); border-top:1px solid #17150d; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 -1px 0 rgba(0,0,0,.18) inset; } .gtaCard_comments, .gtaCard_loads, .gtaCard_views{ display:flex; align-items:center; gap:3px; min-width:0; color:#d8caa8; font-weight:900; line-height:12px; } .gtaCard_comments:hover, .gtaCard_loads:hover, .gtaCard_views:hover{ color:#f5ebce; } .gtaCard_cat{ margin-left:auto; max-width:68px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:right; color:#b6ac94; font-weight:900; } .gtaCard_cat:hover{ color:#f5ebce; } .ico-com:before{ content:"💬"; } .ico-eye:before{ content:"👁"; } .ico-loads:before{ content:"⇩"; } .ico-com:before, .ico-eye:before, .ico-loads:before{ display:inline-block; margin-right:2px; filter:drop-shadow(1px 1px 0 rgba(0,0,0,.65)); } /* ========================= 313. NO IMAGE ========================= */ .gtaCard_noimg{ height:100px; line-height:100px; text-align:center; color:#b6ac94; background:linear-gradient(180deg,#17150d,#292417); font-size:12px; font-weight:900; text-shadow:1px 1px 0 rgba(0,0,0,.82); } /* ========================= 314. MOBILE ========================= */ @media screen and (max-width:640px){ .gtaCard{ width:100%; } .gtaCard_img{ height:95px; } .gtaCard_img img, .gtaCard_photo img{ height:95px!important; } .gtaCard_hoverInfo{ display:none; } .gtaCard_download{ opacity:1; visibility:visible; bottom:8px; padding:5px 10px; font-size:10px; } .gtaCard_tit{ height:40px !important; padding:5px 7px 0 7px !important; } .gtaCard_tit a{ height:30px !important; max-height:30px !important; line-height:15px !important; font-size:12px; } .gtaCard_cat{ display:none; } } /* ========================= 315. REDUCED MOTION ========================= */ @media(prefers-reduced-motion:reduce){ .gtaCard, .gtaCard *, .gtaCard *:before, .gtaCard *:after{ animation:none !important; transition:none !important; transform:none !important; } .gtaCard:hover:after{ left:-120%; } } /* ========================= 316. НОВОСТИ КАРТОЧКА стиль как у блока "Мини профиль" тёмная GTA/Rockstar карточка ========================= */ .gtaNewsCard{ width:184px; margin:0 auto; float:none; display:block; overflow:hidden; position:relative; box-sizing:border-box; color:#d8c0a5; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; background: radial-gradient(circle at 50% 0,rgba(210,171,115,.10),transparent 42%), radial-gradient(circle at 86% 100%,rgba(86,52,24,.14),transparent 34%), linear-gradient(180deg,#3d3628 0%,#2f291d 52%,#221d14 100%); border:1px solid #1c1710; border-radius:12px; box-shadow: 0 14px 30px rgba(0,0,0,.42), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.16) inset; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; } .gtaNewsCard, .gtaNewsCard *, .gtaNewsCard *:before, .gtaNewsCard *:after{ box-sizing:border-box; } .gtaNewsCard:hover{ transform:translateY(-2px); border-color:#2a2418; box-shadow: 0 16px 32px rgba(0,0,0,.46), 0 0 12px rgba(210,171,115,.10), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.16) inset; } .gtaNewsCard:before{ content:""; position:absolute; inset:1px; border-radius:11px; border:1px solid rgba(255,255,255,.03); pointer-events:none; z-index:8; } .gtaNewsCard:after{ content:""; position:absolute; left:0; top:0; width:100%; height:1px; background:linear-gradient(90deg,transparent,rgba(240,221,185,.36),transparent); pointer-events:none; z-index:9; } /* ========================= 317. IMAGE ========================= */ .gtaNewsCard_img{ position:relative; height:100px; padding:3px; overflow:hidden; background: radial-gradient(circle at top left,rgba(255,255,255,.075),rgba(255,255,255,0) 44%), linear-gradient(180deg,#302a1d 0%,#211c14 100%); border-bottom:1px solid #17150d; box-shadow: inset 0 1px 0 rgba(255,255,255,.065), 0 -1px 0 rgba(0,0,0,.22) inset, 0 2px 8px rgba(0,0,0,.28); } .gtaNewsCard_photo{ display:block; width:100%; height:100%; overflow:hidden; border-radius:9px; position:relative; z-index:4; } .gtaNewsCard_img img, .gtaNewsCard_photo img{ width:100%!important; height:100px!important; object-fit:cover; display:block; border-radius:9px; transition: transform .25s ease, filter .25s ease; } .gtaNewsCard:hover .gtaNewsCard_img img, .gtaNewsCard:hover .gtaNewsCard_photo img{ transform:scale(1.05); filter:brightness(1.06) contrast(1.03); } .gtaNewsCard_img:before{ content:""; position:absolute; left:3px; right:3px; top:3px; height:34%; background: linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.07) 45%,transparent); border-radius:9px 9px 0 0; pointer-events:none; z-index:5; } .gtaNewsCard_img:after{ content:""; position:absolute; left:3px; right:3px; bottom:3px; height:58%; background: linear-gradient(180deg,transparent,rgba(0,0,0,.72)); border-radius:0 0 9px 9px; z-index:5; pointer-events:none; } /* ========================= 318. SHINE ========================= */ .gtaNewsCard_img .gtaNewsCard_shine{ display:none; } .gtaNewsCard_imgShine, .gtaNewsCard__shine{ display:none; } .gtaNewsCard_img{ isolation:isolate; } .gtaNewsCard_img > a:after, .gtaNewsCard_photo:after{ content:""; position:absolute; top:0; bottom:0; left:-75%; width:55%; z-index:6; background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent); transform:skewX(-22deg); pointer-events:none; transition:left .55s ease; } .gtaNewsCard:hover .gtaNewsCard_photo:after{ left:120%; } /* ========================= 319. BUTTON / ЧИТАТЬ ========================= */ .gtaNewsCard_more{ position:absolute; left:50%; bottom:10px; transform:translateX(-50%); opacity:0; visibility:hidden; z-index:20; padding:6px 12px; color:#2f2b1b!important; background: linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%); border:1px solid #8a7b5a; border-radius:7px; font-size:10px; font-weight:900; line-height:1; text-decoration:none!important; text-shadow:1px 1px 0 rgba(255,255,255,.65); box-shadow: 0 2px 6px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.45); transition: opacity .2s ease, visibility .2s ease, color .18s ease, box-shadow .18s ease, border-color .18s ease, transform .18s ease; } .gtaNewsCard_more:before{ content:"↪"; margin-right:5px; } .gtaNewsCard_more:hover{ color:#7a4a2a!important; border-color:#d2ab73; box-shadow: 0 4px 10px rgba(0,0,0,.55), 0 0 8px rgba(210,171,115,.20), inset 0 1px 0 rgba(255,255,255,.50); } .gtaNewsCard:hover .gtaNewsCard_more{ opacity:1; visibility:visible; transform:translateX(-50%) translateY(-1px); } /* ========================= 320. HOT PULSE ========================= */ .gtaNewsCard_isHot:hover .gtaNewsCard_more{ animation:gtaNewsPulse 1.2s infinite; } @keyframes gtaNewsPulse{ 0%{ box-shadow: 0 2px 6px rgba(0,0,0,.55), 0 0 0 0 rgba(210,171,115,.55), inset 0 1px 0 rgba(255,255,255,.45); } 70%{ box-shadow: 0 2px 6px rgba(0,0,0,.55), 0 0 0 10px rgba(210,171,115,0), inset 0 1px 0 rgba(255,255,255,.45); } 100%{ box-shadow: 0 2px 6px rgba(0,0,0,.55), 0 0 0 0 rgba(210,171,115,0), inset 0 1px 0 rgba(255,255,255,.45); } } /* ========================= 321. HOVER INFO ========================= */ .gtaNewsCard_hoverInfo{ position:absolute; top:6px; right:6px; width:112px; z-index:25; opacity:0; visibility:hidden; transform:translateY(6px); padding:6px; color:#f5ebce; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.42)), rgba(23,21,13,.92); border:1px solid rgba(138,123,90,.38); border-radius:7px; font-size:10px; font-weight:800; line-height:14px; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 2px 8px rgba(0,0,0,.35); transition: opacity .2s ease, visibility .2s ease, transform .2s ease; } .gtaNewsCard_hoverInfo span{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .gtaNewsCard_hoverInfo a{ color:#d2ab73; text-decoration:none; font-weight:900; } .gtaNewsCard_hoverInfo a:hover{ color:#fff; text-decoration:underline; } .gtaNewsCard:hover .gtaNewsCard_hoverInfo{ opacity:1; visibility:visible; transform:translateY(0); } /* ========================= 322. HOT LABEL ========================= */ .gtaNewsCard_hot{ position:absolute; top:6px; right:6px; z-index:28; height:19px; padding:0 8px; color:#fff; background: linear-gradient(180deg,#9f6247 0%,#7c4632 55%,#5a2f21 100%); border:1px solid #4a261a; border-radius:999px; font-size:10px; font-weight:900; line-height:18px; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: 0 2px 7px rgba(0,0,0,.34), 0 0 10px rgba(122,74,42,.16), inset 0 1px 0 rgba(255,255,255,.14); } /* ========================= 323. TITLE ========================= */ .gtaNewsCard_tit{ height:48px !important; padding:7px 7px 0 7px !important; overflow:hidden !important; box-sizing:border-box; } .gtaNewsCard_tit a{ display:block !important; height:34px !important; max-height:34px !important; overflow:hidden !important; line-height:16px !important; padding:0 !important; margin:0 !important; color:#f5ebce; font-size:12px; font-weight:900; text-decoration:none; word-break:break-word; text-shadow: 1px 1px 0 rgba(0,0,0,.82), 0 0 5px rgba(210,171,115,.14); transition: color .18s ease, text-decoration-color .18s ease; } .gtaNewsCard_tit a:before{ content:"▸"; display:inline-block; margin:0 4px 0 0; color:#d2ab73; font-size:10px; line-height:1; vertical-align:1px; text-shadow:0 0 7px rgba(210,171,115,.45); } .gtaNewsCard_tit a:hover{ background:transparent; color:#fff; text-decoration:underline; text-decoration-color:rgba(210,171,115,.52); text-underline-offset:2px; } /* ========================= 324. INFO ========================= */ .gtaNewsCard_info{ display:flex; align-items:center; justify-content:space-between; gap:4px; padding:6px 7px; font-size:10px; color:#b6ac94; background: linear-gradient(180deg,rgba(245,235,206,.06),rgba(23,21,13,.38)), linear-gradient(180deg,#3d3628 0%,#2f291d 52%,#221d14 100%); border-top:1px solid #17150d; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 -1px 0 rgba(0,0,0,.18) inset; } .gtaNewsCard_comments, .gtaNewsCard_views{ display:flex; gap:3px; align-items:center; min-width:0; color:#d8caa8; font-weight:900; } .gtaNewsCard_comments:hover, .gtaNewsCard_views:hover{ color:#f5ebce; } .gtaNewsCard_cat{ margin-left:auto; max-width:68px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:right; color:#b6ac94; font-weight:900; } .gtaNewsCard_cat:hover{ color:#f5ebce; } /* ========================= 325. ICONS ========================= */ .gtaNews_icoCom:before{ content:"💬"; } .gtaNews_icoEye:before{ content:"👁"; } .gtaNews_icoCom:before, .gtaNews_icoEye:before{ display:inline-block; margin-right:2px; filter:drop-shadow(1px 1px 0 rgba(0,0,0,.65)); } /* ========================= 326. MOBILE ========================= */ @media screen and (max-width:640px){ .gtaNewsCard{ width:100%; } .gtaNewsCard_img{ height:95px; } .gtaNewsCard_img img, .gtaNewsCard_photo img{ height:95px!important; } .gtaNewsCard_hoverInfo{ display:none; } .gtaNewsCard_more{ opacity:1; visibility:visible; bottom:8px; padding:5px 10px; font-size:10px; } .gtaNewsCard_tit{ height:42px !important; padding:6px 7px 0 7px !important; } .gtaNewsCard_tit a{ height:30px !important; max-height:30px !important; line-height:15px !important; font-size:12px; } .gtaNewsCard_cat{ display:none; } } @media screen and (max-width:380px){ .gtaNewsCard{ width:100%; } .gtaNewsCard_img{ height:120px; } .gtaNewsCard_img img, .gtaNewsCard_photo img{ height:120px!important; } } /* ========================= 327. REDUCED MOTION ========================= */ @media(prefers-reduced-motion:reduce){ .gtaNewsCard, .gtaNewsCard *, .gtaNewsCard *:before, .gtaNewsCard *:after{ animation:none !important; transition:none !important; transform:none !important; } .gtaNewsCard:hover .gtaNewsCard_photo:after{ left:-75%; } } /* ===================================================== 328. НОВЫЙ ВИД МАТЕРИАЛОВ НОВОСТЕЙ GTAMANIA Полностью новые классы, без gtmFreshNews2026 ===================================================== */ .gtmNewsCardNew, .gtmNewsCardNew *, .gtmNewsCardNew *:before, .gtmNewsCardNew *:after{ box-sizing:border-box !important; } .gtmNewsCardNew{ width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 0 12px 0 !important; padding:0 !important; display:block !important; clear:both !important; float:none !important; position:relative !important; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; color:#e4dac4 !important; overflow:hidden !important; } .gtmNewsCardNew__inner{ width:100% !important; max-width:100% !important; min-width:0 !important; display:block !important; position:relative !important; overflow:hidden !important; background: radial-gradient(circle at 50% 0,rgba(210,171,115,.14),transparent 42%), linear-gradient(180deg,#3c3527 0%,#2e281d 54%,#211b13 100%) !important; border:1px solid #1b160f !important; border-radius:12px !important; box-shadow: 0 12px 24px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.06) !important; } /* ===================================================== 329. ШАПКА ===================================================== */ .gtmNewsCardNew__head{ width:100% !important; max-width:100% !important; min-width:0 !important; padding:8px 9px 9px 9px !important; display:block !important; position:relative !important; overflow:hidden !important; background: linear-gradient(180deg,rgba(92,80,57,.96),rgba(58,49,35,.96)) !important; border-bottom:1px solid rgba(0,0,0,.38) !important; } .gtmNewsCardNew__top{ width:100% !important; max-width:100% !important; margin:0 0 5px 0 !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:6px !important; overflow:hidden !important; } .gtmNewsCardNew__label, .gtmNewsCardNew__id{ height:18px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; padding:0 8px !important; color:#f5ebce !important; background:rgba(20,18,12,.46) !important; border:1px solid rgba(210,171,115,.24) !important; border-radius:999px !important; font-size:9px !important; font-weight:900 !important; line-height:18px !important; text-transform:uppercase !important; white-space:nowrap !important; text-shadow:1px 1px 0 rgba(0,0,0,.75) !important; } .gtmNewsCardNew__label:before{ content:"■" !important; margin-right:5px !important; color:#d2ab73 !important; font-size:7px !important; } .gtmNewsCardNew__id{ max-width:60px !important; overflow:hidden !important; text-overflow:ellipsis !important; } .gtmNewsCardNew__title{ width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; color:#f5ebce !important; font:900 13px/1.35 "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; } .gtmNewsCardNew__title a, .gtmNewsCardNew__title a:link, .gtmNewsCardNew__title a:visited, .gtmNewsCardNew__title a:active{ display:block !important; width:100% !important; max-width:100% !important; max-height:38px !important; overflow:hidden !important; color:#f5ebce !important; text-decoration:none !important; font:900 13px/19px "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; text-shadow:1px 1px 0 rgba(0,0,0,.85) !important; } .gtmNewsCardNew__title a:hover{ color:#fff !important; text-decoration:underline !important; text-decoration-color:rgba(210,171,115,.55) !important; text-underline-offset:2px !important; } /* ===================================================== 330. КАРТИНКА — главный фикс ===================================================== */ .gtmNewsCardNew__photo{ width:100% !important; max-width:100% !important; min-width:0 !important; height:135px !important; display:block !important; position:relative !important; margin:0 !important; padding:4px !important; overflow:hidden !important; background:#17150d !important; } .gtmNewsCardNew__photoLink, .gtmNewsCardNew__photoLink:link, .gtmNewsCardNew__photoLink:visited, .gtmNewsCardNew__photoLink:active{ width:100% !important; max-width:100% !important; min-width:0 !important; height:100% !important; display:block !important; position:relative !important; overflow:hidden !important; border-radius:9px !important; background: radial-gradient(circle at 50% 0,rgba(210,171,115,.12),transparent 45%), linear-gradient(180deg,#2e281d,#17150d) !important; text-decoration:none !important; } /* Только наша картинка, без uCoz COVER_SMALL_IMAGE */ .gtmNewsCardNew__img{ width:100% !important; max-width:100% !important; min-width:0 !important; height:100% !important; max-height:100% !important; display:block !important; position:relative !important; left:auto !important; right:auto !important; top:auto !important; bottom:auto !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:9px !important; object-fit:cover !important; object-position:center center !important; transform:none !important; } .gtmNewsCardNew__photoLink:after{ content:"" !important; position:absolute !important; left:0 !important; right:0 !important; bottom:0 !important; height:55% !important; z-index:2 !important; background:linear-gradient(180deg,transparent,rgba(0,0,0,.72)) !important; pointer-events:none !important; } .gtmNewsCardNew__cat{ max-width:calc(100% - 18px) !important; height:20px !important; position:absolute !important; left:8px !important; top:8px !important; z-index:4 !important; padding:0 8px !important; overflow:hidden !important; color:#2f2412 !important; background:linear-gradient(180deg,#d2ab73 0%,#9f6247 100%) !important; border:1px solid #5a2f21 !important; border-radius:999px !important; font-size:9px !important; font-weight:900 !important; line-height:19px !important; text-transform:uppercase !important; text-overflow:ellipsis !important; white-space:nowrap !important; text-shadow:0 1px 0 rgba(255,255,255,.28) !important; } .gtmNewsCardNew__read{ min-width:78px !important; position:absolute !important; left:50% !important; bottom:9px !important; z-index:4 !important; padding:7px 12px !important; transform:translateX(-50%) !important; color:#2f2b1b !important; background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%) !important; border:1px solid #8a7b5a !important; border-radius:7px !important; font-size:11px !important; font-weight:900 !important; line-height:1 !important; text-align:center !important; text-shadow:1px 1px 0 rgba(255,255,255,.55) !important; box-shadow: 0 2px 6px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.42) !important; } .gtmNewsCardNew__read:before{ content:"↪" !important; margin-right:5px !important; } .gtmNewsCardNew__noimg{ width:100% !important; height:100% !important; display:flex !important; align-items:center !important; justify-content:center !important; color:#cfc2a4 !important; background: radial-gradient(circle at 50% 0,rgba(210,171,115,.16),transparent 44%), linear-gradient(180deg,#2e281d,#17150d) !important; font-size:12px !important; font-weight:900 !important; text-align:center !important; text-shadow:1px 1px 0 rgba(0,0,0,.8) !important; } /* ===================================================== 331. ИНФО ===================================================== */ .gtmNewsCardNew__info{ width:100% !important; max-width:100% !important; min-width:0 !important; padding:7px !important; display:block !important; overflow:hidden !important; color:#2f2b1b !important; background:linear-gradient(180deg,#f5ebce 0%,#e4d5ad 100%) !important; border-top:1px solid rgba(255,255,255,.25) !important; border-bottom:1px solid rgba(42,36,24,.42) !important; } .gtmNewsCardNew__info:empty{ display:none !important; } .gtmNewsCardNew__meta{ width:100% !important; max-width:100% !important; display:flex !important; align-items:center !important; justify-content:center !important; flex-wrap:wrap !important; gap:6px !important; margin:0 !important; padding:0 !important; } .gtmNewsCardNew__metaItem, .gtmNewsCardNew__metaItem:link, .gtmNewsCardNew__metaItem:visited, .gtmNewsCardNew__metaItem:active{ display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:4px !important; padding:2px 8px !important; color:#5f543d !important; background:rgba(255,255,255,.38) !important; border:1px solid rgba(72,58,33,.18) !important; border-radius:999px !important; font-size:10px !important; font-weight:900 !important; line-height:14px !important; text-decoration:none !important; white-space:nowrap !important; } .gtmNewsCardNew__metaItem:hover{ color:#2f2b1b !important; background:rgba(255,255,255,.62) !important; text-decoration:none !important; } /* ===================================================== 332. НИЗ ===================================================== */ .gtmNewsCardNew__bottom{ width:100% !important; max-width:100% !important; min-width:0 !important; padding:7px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:7px !important; overflow:hidden !important; background: radial-gradient(circle at 18px 50%,rgba(210,171,115,.12),transparent 36px), linear-gradient(180deg,#2f291d 0%,#211711 100%) !important; } .gtmNewsCardNew__left{ min-width:0 !important; flex:1 1 auto !important; display:flex !important; align-items:center !important; gap:5px !important; overflow:hidden !important; } .gtmNewsCardNew__author, .gtmNewsCardNew__author:link, .gtmNewsCardNew__author:visited, .gtmNewsCardNew__author:active{ min-width:0 !important; max-width:115px !important; display:inline-flex !important; align-items:center !important; gap:6px !important; overflow:hidden !important; color:#d8caa8 !important; text-decoration:none !important; font-size:10px !important; font-weight:900 !important; line-height:22px !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; } .gtmNewsCardNew__author:hover{ color:#fff !important; text-decoration:none !important; } .gtmNewsCardNew__avatar{ width:22px !important; height:22px !important; flex:0 0 22px !important; display:block !important; overflow:hidden !important; border-radius:50% !important; background:linear-gradient(180deg,#5a503b,#3a3325) !important; border:1px solid rgba(210,171,115,.35) !important; } .gtmNewsCardNew__avatar img{ width:100% !important; height:100% !important; display:block !important; object-fit:cover !important; border-radius:50% !important; } .gtmNewsCardNew__name{ min-width:0 !important; max-width:78px !important; display:block !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; } .gtmNewsCardNew__small{ height:22px !important; max-width:86px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:3px !important; padding:0 7px !important; overflow:hidden !important; color:#d8caa8 !important; background:rgba(23,21,13,.42) !important; border:1px solid rgba(138,123,90,.28) !important; border-radius:999px !important; font-size:10px !important; font-weight:900 !important; line-height:21px !important; white-space:nowrap !important; text-overflow:ellipsis !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; } .gtmNewsCardNew__right{ flex:0 0 auto !important; display:flex !important; align-items:center !important; justify-content:flex-end !important; gap:5px !important; max-width:45% !important; overflow:hidden !important; } .gtmNewsCardNew__section, .gtmNewsCardNew__section:link, .gtmNewsCardNew__section:visited, .gtmNewsCardNew__section:active, .gtmNewsCardNew__comments, .gtmNewsCardNew__comments:link, .gtmNewsCardNew__comments:visited, .gtmNewsCardNew__comments:active{ max-width:95px !important; height:22px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; padding:0 8px !important; overflow:hidden !important; color:#2f2412 !important; background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%) !important; border:1px solid #8a7b5a !important; border-radius:999px !important; font-size:9px !important; font-weight:900 !important; line-height:21px !important; text-decoration:none !important; text-overflow:ellipsis !important; white-space:nowrap !important; text-shadow:1px 1px 0 rgba(255,255,255,.55) !important; } .gtmNewsCardNew__comments{ color:#f5ebce !important; background:linear-gradient(180deg,#9f6247 0%,#7c4632 100%) !important; border-color:#5a2f21 !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; } /* ===================================================== 333. ЗАЩИТА ОТ СТАРЫХ ТАБЛИЦ И КАРТИНОК ===================================================== */ .gtmNewsCardNew img{ max-width:100% !important; } .gtmNewsCardNew table, .gtmNewsCardNew tbody, .gtmNewsCardNew tr, .gtmNewsCardNew td{ max-width:100% !important; box-sizing:border-box !important; } .gtmNewsCardNew a{ outline:none !important; } /* ===================================================== 334. МОБИЛЬНАЯ ВЕРСИЯ ===================================================== */ @media(max-width:640px){ .gtmNewsCardNew__photo{ height:125px !important; } .gtmNewsCardNew__title a{ font-size:12px !important; line-height:17px !important; max-height:34px !important; } .gtmNewsCardNew__bottom{ flex-direction:column !important; align-items:stretch !important; } .gtmNewsCardNew__left{ width:100% !important; flex-wrap:wrap !important; } .gtmNewsCardNew__right{ width:100% !important; max-width:100% !important; justify-content:stretch !important; } .gtmNewsCardNew__section, .gtmNewsCardNew__comments{ width:100% !important; max-width:100% !important; } } @media(max-width:380px){ .gtmNewsCardNew__photo{ height:115px !important; } } /* =============================== 335. Теги без запятых + нормальные отступы =============================== */ .gtmFreshNews2026__tagsList { font-size:0 !important; line-height:0 !important; } .gtmFreshNews2026__tagsList a, .gtmFreshNews2026__tagsList a:link, .gtmFreshNews2026__tagsList a:visited, .gtmFreshNews2026__tagsList a:active { display:inline-block !important; margin:0 4px 4px 0 !important; font-size:9px !important; line-height:12px !important; } /* =============================== 336. ОПИСАНИЕ РАЗДЕЛОВ =============================== */ .gtmSeoProfileBox { width:100% !important; max-width:100% !important; margin:0 0 10px 0 !important; padding:0 !important; position:relative !important; overflow:hidden !important; box-sizing:border-box !important; --gtmSeoAccent:#c8a85d; --gtmSeoAccent2:#8d6a2c; --gtmSeoAccentDark:#3a2b16; --gtmSeoSide:#9f6247; --gtmSeoGlow:rgba(190,150,65,.35); color:#2f2b1b !important; font-family:Arial,Helvetica,sans-serif !important; background:linear-gradient(180deg,#f6edcf 0%,#efe1b8 100%) !important; border:1px solid #2a2418 !important; border-radius:7px !important; box-shadow: 0 1px 2px rgba(0,0,0,.45), 0 1px 0 rgba(255,255,255,.45) inset !important; transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease !important; } .gtmSeoProfileBox, .gtmSeoProfileBox *, .gtmSeoProfileBox *:before, .gtmSeoProfileBox *:after { box-sizing:border-box !important; } .gtmSeoProfileBox:hover { border-color:rgba(90,80,59,.72) !important; box-shadow: 0 2px 5px rgba(0,0,0,.35), 0 0 12px rgba(190,150,65,.18), 0 1px 0 rgba(255,255,255,.55) inset !important; } /* =============================== 337. Цветовые варианты =============================== */ .gtmSeoProfileBox--default { --gtmSeoAccent:#c8a85d; --gtmSeoAccent2:#8d6a2c; --gtmSeoAccentDark:#3a2b16; --gtmSeoSide:#9f6247; --gtmSeoGlow:rgba(190,150,65,.35); } .gtmSeoProfileBox--news { --gtmSeoAccent:#c96b4a; --gtmSeoAccent2:#7c3325; --gtmSeoAccentDark:#3b1710; --gtmSeoSide:#9f3f28; --gtmSeoGlow:rgba(201,107,74,.32); } .gtmSeoProfileBox--mods { --gtmSeoAccent:#d2ab73; --gtmSeoAccent2:#9f6247; --gtmSeoAccentDark:#4a261a; --gtmSeoSide:#8f4a2d; --gtmSeoGlow:rgba(210,171,115,.34); } .gtmSeoProfileBox--gta { --gtmSeoAccent:#f1d078; --gtmSeoAccent2:#b9852c; --gtmSeoAccentDark:#5e3d12; --gtmSeoSide:#b9852c; --gtmSeoGlow:rgba(241,208,120,.34); } .gtmSeoProfileBox--mafia { --gtmSeoAccent:#b8aa91; --gtmSeoAccent2:#756858; --gtmSeoAccentDark:#3e352b; --gtmSeoSide:#756858; --gtmSeoGlow:rgba(184,170,145,.28); } /* =============================== 338. Заголовок =============================== */ .gtmSeoProfileBox__title { width:100% !important; min-height:30px !important; padding:8px 8px 7px 34px !important; position:relative !important; display:flex !important; align-items:center !important; gap:6px !important; overflow:hidden !important; background: radial-gradient(circle at 18px 50%,rgba(241,208,120,.16),rgba(241,208,120,0) 28px), linear-gradient(180deg,#5a503b 0%,#463e2d 48%,#3a3325 100%) !important; border-bottom:1px solid #241f15 !important; color:#f5e8bf !important; font-size:12px !important; font-weight:bold !important; line-height:14px !important; text-shadow:0 1px 1px rgba(0,0,0,.75) !important; box-shadow: 0 1px 0 rgba(255,255,255,.08) inset, 0 -1px 0 rgba(0,0,0,.25) inset !important; } .gtmSeoProfileBox__title:after { content:"" !important; position:absolute !important; left:34px !important; right:8px !important; bottom:0 !important; height:1px !important; background:linear-gradient(90deg,transparent,var(--gtmSeoAccent),transparent) !important; opacity:.7 !important; pointer-events:none !important; } .gtmSeoProfileBox__titleIcon { width:16px !important; height:16px !important; position:absolute !important; left:10px !important; top:50% !important; margin-top:-8px !important; display:flex !important; align-items:center !important; justify-content:center !important; border-radius:4px !important; background: radial-gradient(circle at 35% 30%,rgba(255,255,255,.75),rgba(255,255,255,0) 34%), linear-gradient(180deg,var(--gtmSeoAccent) 0%,var(--gtmSeoAccent2) 100%) !important; border:1px solid var(--gtmSeoAccentDark) !important; color:#2f2412 !important; font-size:11px !important; font-weight:900 !important; line-height:16px !important; font-style:normal !important; text-shadow:0 1px 0 rgba(255,255,255,.25) !important; box-shadow: 0 1px 0 rgba(255,255,255,.25) inset, 0 0 7px var(--gtmSeoGlow) !important; } .gtmSeoProfileBox__titleText { display:block !important; flex:1 1 auto !important; width:auto !important; max-width:100% !important; min-width:0 !important; overflow:hidden !important; color:#f5e8bf !important; font-size:12px !important; font-weight:bold !important; line-height:14px !important; text-overflow:ellipsis !important; white-space:nowrap !important; } .gtmSeoProfileBox__titleBadge { flex:0 0 auto !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; height:16px !important; max-width:54px !important; padding:0 7px !important; overflow:hidden !important; color:#2f2412 !important; background:linear-gradient(180deg,var(--gtmSeoAccent) 0%,var(--gtmSeoAccent2) 100%) !important; border:1px solid var(--gtmSeoAccentDark) !important; border-radius:999px !important; font-size:8px !important; font-weight:900 !important; line-height:15px !important; text-transform:uppercase !important; text-overflow:ellipsis !important; white-space:nowrap !important; text-shadow:0 1px 0 rgba(255,255,255,.32) !important; box-shadow: 0 1px 0 rgba(255,255,255,.22) inset, 0 0 6px var(--gtmSeoGlow) !important; } /* =============================== 339. Тело =============================== */ .gtmSeoProfileBox__body { width:100% !important; max-width:100% !important; padding:7px !important; overflow:hidden !important; background: radial-gradient(circle at top left,rgba(255,255,255,.42),rgba(255,255,255,0) 42%), linear-gradient(180deg,#f7efd3 0%,#efe2bc 100%) !important; color:#2f2b1b !important; } .gtmSeoProfileBox__body:empty { display:none !important; } /* =============================== 340. Описание с декоративной полосой =============================== */ .gtmSeoProfileBox__desc { width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 !important; padding:9px 10px 9px 15px !important; position:relative !important; overflow:hidden !important; color:#2f2b1b !important; background: radial-gradient(circle at top left,rgba(255,255,255,.48),rgba(255,255,255,0) 44%), linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,.12)) !important; border:1px solid rgba(72,58,33,.22) !important; border-left:3px solid var(--gtmSeoSide) !important; border-radius:5px !important; font-size:13px !important; font-weight:700 !important; line-height:1.55 !important; text-align:justify !important; text-shadow:0 1px 0 rgba(255,255,255,.55) !important; box-shadow: 0 1px 0 rgba(255,255,255,.45) inset, 0 1px 1px rgba(0,0,0,.05) !important; transition: background .2s ease, border-color .2s ease, box-shadow .2s ease !important; } .gtmSeoProfileBox__desc:before { content:"" !important; position:absolute !important; left:6px !important; top:10px !important; width:5px !important; height:5px !important; border-radius:50% !important; background:var(--gtmSeoSide) !important; box-shadow: 0 0 0 1px rgba(255,255,255,.40), 0 0 7px var(--gtmSeoGlow) !important; } .gtmSeoProfileBox:hover .gtmSeoProfileBox__desc { background: radial-gradient(circle at top left,rgba(255,255,255,.58),rgba(255,255,255,0) 44%), linear-gradient(180deg,rgba(255,255,255,.48),rgba(255,255,255,.16)) !important; border-color:rgba(90,80,59,.42) !important; border-left-color:var(--gtmSeoAccent2) !important; box-shadow: 0 1px 0 rgba(255,255,255,.58) inset, 0 0 8px rgba(90,80,59,.12) !important; } .gtmSeoProfileBox__desc:empty { display:none !important; } .gtmSeoProfileBox__desc a, .gtmSeoProfileBox__desc a:link, .gtmSeoProfileBox__desc a:visited, .gtmSeoProfileBox__desc a:active { color:#881010 !important; font-weight:900 !important; text-decoration:none !important; border-bottom:1px dotted rgba(136,16,16,.35) !important; } .gtmSeoProfileBox__desc a:hover { color:#000 !important; border-bottom-color:#000 !important; text-decoration:none !important; } /* защита от пустых переносов */ .gtmSeoProfileBox__desc br:first-child, .gtmSeoProfileBox__desc br:last-child { display:none !important; } /* =============================== 341. Нижняя строка =============================== */ .gtmSeoProfileBox__footer { width:100% !important; max-width:100% !important; min-width:0 !important; padding:5px 8px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:8px !important; overflow:hidden !important; background: radial-gradient(circle at top left,rgba(255,255,255,.18),rgba(255,255,255,0) 42%), linear-gradient(180deg,rgba(90,80,59,.20),rgba(47,42,29,.10)) !important; border-top:1px solid rgba(72,58,33,.18) !important; color:#6b5e3d !important; font-size:9px !important; font-weight:bold !important; line-height:12px !important; text-shadow:0 1px 0 rgba(255,255,255,.45) !important; } .gtmSeoProfileBox__footer span, .gtmSeoProfileBox__footer b { display:block !important; min-width:0 !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; } .gtmSeoProfileBox__footer span { color:#5f543d !important; } .gtmSeoProfileBox__footer b { flex:0 0 auto !important; color:#8d6a2c !important; font-size:9px !important; font-weight:900 !important; text-transform:uppercase !important; } /* =============================== 342. Mobile =============================== */ @media(max-width:640px) { .gtmSeoProfileBox__title { padding:8px 8px 7px 32px !important; } .gtmSeoProfileBox__titleIcon { left:9px !important; } .gtmSeoProfileBox__titleText { font-size:11px !important; } .gtmSeoProfileBox__titleBadge { max-width:48px !important; padding:0 6px !important; } .gtmSeoProfileBox__body { padding:6px !important; } .gtmSeoProfileBox__desc { padding:8px 9px 8px 14px !important; font-size:12px !important; line-height:1.5 !important; } .gtmSeoProfileBox__footer { flex-direction:column !important; align-items:flex-start !important; gap:2px !important; } } /* =============================== 343. Reduced motion =============================== */ @media(prefers-reduced-motion:reduce) { .gtmSeoProfileBox, .gtmSeoProfileBox__desc { transition:none !important; transform:none !important; } } /* =============================== 344. КОММЕНТАРИИ — MINI PROFILE LIGHT внутри всё светлое, без тёмных плашек новые классы: gtmMiniCom =============================== */ .gtmMiniCom { width:100%; max-width:100%; overflow:hidden; box-sizing:border-box; scroll-margin-top:10px; position:relative; color:#2f2b1b; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; } .gtmMiniCom, .gtmMiniCom *, .gtmMiniCom *:before, .gtmMiniCom *:after { box-sizing:border-box; } /* =============================== 345. Заголовок блока — как мини профиль =============================== */ .gtmMiniCom__title { position:relative; display:flex; align-items:center; justify-content:space-between; gap:6px; width:100%; max-width:100%; overflow:hidden; margin:0 0 10px; padding:8px 9px; color:#f5ebce; font:700 12px/1.3 "Exo 2","Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; text-transform:uppercase; letter-spacing:.06em; text-shadow:1px 1px 0 rgba(0,0,0,.82); background: radial-gradient(circle at 18px 50%,rgba(241,208,120,.16),rgba(241,208,120,0) 28px), linear-gradient(180deg,#5a503b 0%,#463e2d 48%,#3a3325 100%); border:1px solid #2a2418; border-radius:8px; box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 2px 6px rgba(0,0,0,.24); } .gtmMiniCom__title:after { content:""; position:absolute; left:10px; right:10px; bottom:0; height:2px; background:linear-gradient(90deg,rgba(122,74,42,0),rgba(210,171,115,.95),rgba(122,74,42,0)); opacity:.9; pointer-events:none; } .gtmMiniCom__titleText { display:inline-block; flex:1 1 auto; min-width:0; max-width:100%; overflow:hidden; color:#f5ebce; font-size:12px; font-weight:700; line-height:16px; text-overflow:ellipsis; white-space:nowrap; position:relative; z-index:2; } .gtmMiniCom__titleRight { flex:0 0 auto; display:flex; align-items:center; gap:4px; max-width:70px; position:relative; z-index:2; } .gtmMiniCom__badge { flex:0 0 auto; display:inline-block; margin:0; padding:3px 7px; color:#2f2412; background: radial-gradient(circle at 35% 30%,rgba(255,255,255,.75),rgba(255,255,255,0) 34%), linear-gradient(180deg,#f1d078 0%,#b9852c 100%); border:1px solid #5e3d12; border-radius:999px; font-size:9px; font-weight:900; line-height:1.2; text-transform:uppercase; letter-spacing:.04em; text-shadow:0 1px 0 rgba(255,255,255,.35); box-shadow: 0 1px 0 rgba(255,255,255,.25) inset, 0 0 7px rgba(241,208,120,.25); } .gtmMiniCom__badge:before { content:""; display:inline-block; width:5px; height:5px; margin:0 4px 1px 0; border-radius:50%; background:#9f6247; box-shadow: 0 0 0 1px rgba(255,255,255,.35), 0 0 6px rgba(159,98,71,.55); vertical-align:middle; animation:gtmMiniComLiveDot 1.6s infinite ease-in-out; } @keyframes gtmMiniComLiveDot { 0%,100% { opacity:.7; transform:scale(.9); } 50% { opacity:1; transform:scale(1.1); } } /* =============================== 346. Тело — светлый фон =============================== */ .gtmMiniCom__body { position:relative; width:100%; max-width:100%; overflow:hidden; box-sizing:border-box; padding:8px; color:#2f2b1b; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; background: radial-gradient(circle at top left,rgba(255,255,255,.70),rgba(255,255,255,0) 42%), radial-gradient(circle at bottom right,rgba(210,171,115,.20),rgba(210,171,115,0) 46%), linear-gradient(180deg,#f8f0d8 0%,#efe2bd 100%); border:1px solid #2a2418; border-radius:8px; box-shadow: 0 1px 2px rgba(0,0,0,.35), 0 1px 0 rgba(255,255,255,.70) inset; } .gtmMiniCom__body:before { content:""; position:absolute; left:6px; right:6px; top:0; height:2px; background:linear-gradient(90deg,rgba(241,208,120,0),rgba(241,208,120,.90),rgba(241,208,120,0)); box-shadow:0 0 9px rgba(241,208,120,.32); pointer-events:none; z-index:2; } .gtmMiniCom__body:after { content:""; position:absolute; inset:3px; border:1px solid rgba(255,255,255,.35); border-radius:6px; pointer-events:none; z-index:1; } .gtmMiniCom__body > * { position:relative; z-index:3; } /* =============================== 347. Скролл — светлый =============================== */ .gtmMiniCom__scroll { width:100%; max-width:100%; height:250px; overflow-y:auto; overflow-x:hidden; scroll-behavior:smooth; overscroll-behavior:contain; scroll-snap-type:y proximity; padding:1px 4px 1px 1px !important; margin:0 !important; background: radial-gradient(circle at 18% 8%,rgba(255,255,255,.35),rgba(255,255,255,0) 44px), linear-gradient(180deg,rgba(255,255,255,.36),rgba(255,255,255,.18)); border-radius:6px; box-sizing:border-box; scrollbar-width:thin; scrollbar-color:#9f6247 rgba(72,58,33,.12); } .gtmMiniCom__scroll::-webkit-scrollbar { width:7px; height:7px; } .gtmMiniCom__scroll::-webkit-scrollbar-track { background:rgba(72,58,33,.10); border-radius:10px; } .gtmMiniCom__scroll::-webkit-scrollbar-thumb { background:linear-gradient(180deg,#c8a85d 0%,#9f6247 100%); border:1px solid rgba(72,58,33,.45); border-radius:10px; box-shadow:inset 0 1px 0 rgba(255,255,255,.28); } /* =============================== 348. Пустое состояние =============================== */ .gtmMiniCom__empty { display:none; padding:12px 9px; margin:0; color:#6b5e3d; background: radial-gradient(circle at top left,rgba(255,255,255,.70),rgba(255,255,255,0) 42%), linear-gradient(180deg,#fff6d9 0%,#eadbb0 100%); border:1px dashed rgba(72,58,33,.30); border-radius:7px; font-size:11px; font-weight:900; line-height:15px; text-align:center; text-shadow:0 1px 0 rgba(255,255,255,.55); box-shadow: inset 0 1px 0 rgba(255,255,255,.65), 0 1px 2px rgba(0,0,0,.08); } .gtmMiniCom__scroll:not(:has(.gtmMiniComItem)) .gtmMiniCom__empty { display:block; } .gtmMiniCom__scroll:has(.gtmMiniComItem) .gtmMiniCom__empty { display:none; } /* =============================== 349. Карточка комментария — светлая =============================== */ .gtmMiniComItem { position:relative; display:grid !important; grid-template-columns:34px minmax(0,1fr) !important; column-gap:7px !important; width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 0 7px 0 !important; padding:7px !important; color:#2f2b1b; background: radial-gradient(circle at 20% 10%,rgba(255,255,255,.38),rgba(255,255,255,0) 46px), linear-gradient(90deg,rgba(159,98,71,.08) 0%,rgba(159,98,71,0) 42px), linear-gradient(180deg,#fff7dc 0%,#eadbb2 100%); border:1px solid rgba(72,58,33,.26); border-left:4px solid #9f6247; border-radius:8px; box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 1px 2px rgba(0,0,0,.10); font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; font-size:11px; line-height:14px; box-sizing:border-box !important; overflow:hidden; scroll-snap-align:start; animation:gtmMiniComFadeIn .25s ease both; transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease; } .gtmMiniComItem:before { content:""; position:absolute; left:0; right:0; top:0; height:1px; background:linear-gradient(90deg,transparent,rgba(255,255,255,.82),transparent); pointer-events:none; z-index:2; } .gtmMiniComItem:hover { transform:translateY(-1px); border-color:rgba(159,98,71,.55); border-left-color:#b87455; background: radial-gradient(circle at 20% 10%,rgba(255,255,255,.46),rgba(255,255,255,0) 46px), linear-gradient(90deg,rgba(159,98,71,.11) 0%,rgba(159,98,71,0) 42px), linear-gradient(180deg,#fffbe8 0%,#ead8a5 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 3px 8px rgba(0,0,0,.14), 0 0 8px rgba(159,98,71,.14); } @keyframes gtmMiniComFadeIn { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } } /* =============================== 350. Метки =============================== */ .gtmMiniComItem.new:after, .gtmMiniComItem.hot:after, .gtmMiniComItem.top:after { position:absolute; right:6px; top:6px; z-index:4; padding:1px 6px; border-radius:999px; color:#2f2412; font-size:9px; font-weight:900; line-height:13px; text-transform:uppercase; text-shadow:0 1px 0 rgba(255,255,255,.45); background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%); border:1px solid #8a7b5a; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 1px 2px rgba(0,0,0,.16); } .gtmMiniComItem.new:after { content:"NEW"; } .gtmMiniComItem.hot:after { content:"HOT"; } .gtmMiniComItem.top:after { content:"TOP"; } /* =============================== 351. Аватар =============================== */ .gtmMiniComItem__avatarBox { position:relative; grid-column:1 !important; grid-row:1 !important; width:34px !important; height:34px !important; margin:0 !important; float:none !important; box-sizing:border-box; z-index:5; } .gtmMiniComItem__avatarBox:after { content:""; position:absolute; right:0; bottom:1px; width:8px; height:8px; border-radius:50%; background:#9f6247; border:2px solid #fff7dc; box-shadow: 0 0 0 1px rgba(72,58,33,.22), 0 0 6px rgba(159,98,71,.45); } .gtmMiniComItem__avatarLink, .gtmMiniComItem__avatarLink:link, .gtmMiniComItem__avatarLink:visited, .gtmMiniComItem__avatarLink:active { position:relative; display:block; width:34px; height:34px; overflow:hidden; border-radius:9px; background: radial-gradient(circle at 35% 25%,rgba(255,255,255,.80),rgba(255,255,255,0) 34%), linear-gradient(180deg,#fff6d9 0%,#d8c994 100%); border:1px solid rgba(72,58,33,.42); outline:1px solid rgba(255,255,255,.42); outline-offset:1px; color:#3a3325; font-size:15px; font-weight:900; line-height:34px; text-align:center; text-decoration:none; text-shadow:0 1px 0 rgba(255,255,255,.55); box-shadow: inset 0 1px 0 rgba(255,255,255,.62), 0 1px 2px rgba(0,0,0,.16); } .gtmMiniComItem__avatarFallback { position:absolute; left:0; top:0; width:100%; height:100%; display:block; overflow:hidden; border-radius:9px; z-index:1; } .gtmMiniComItem__avatarFallback:before { content:""; position:absolute; left:50%; top:7px; width:10px; height:10px; border-radius:50%; background:#5a503b; transform:translateX(-50%); box-shadow:0 1px 0 rgba(255,255,255,.35); } .gtmMiniComItem__avatarFallback:after { content:""; position:absolute; left:50%; bottom:6px; width:18px; height:10px; border-radius:10px 10px 6px 6px; background:#5a503b; transform:translateX(-50%); box-shadow:0 1px 0 rgba(255,255,255,.25); } .gtmMiniComItem__avatarLink img { position:relative; z-index:2; display:block; width:100%; height:100%; max-width:100%; object-fit:cover; border-radius:8px; } .gtmMiniComItem__avatarLink img[src=""], .gtmMiniComItem__avatarLink img:not([src]) { display:none; } /* =============================== 352. Контент =============================== */ .gtmMiniComItem__content { position:relative; grid-column:2 !important; grid-row:1 !important; display:block !important; width:100% !important; min-width:0 !important; max-width:100% !important; overflow:hidden !important; box-sizing:border-box !important; z-index:3; } .gtmMiniComItem__topline { position:relative; z-index:2; display:flex; flex-wrap:nowrap; align-items:center; gap:3px; width:100%; max-width:100%; min-width:0; min-height:14px; margin:0 0 3px 0; padding-right:32px; overflow:hidden; box-sizing:border-box; } /* Тип и номер — светлые */ .gtmMiniComItem__type, .gtmMiniComItem__number { flex:0 1 auto; display:inline-block; padding:1px 6px; border-radius:999px; color:#2f2b1b; background:linear-gradient(180deg,#fff7dc 0%,#e1d0a5 100%); border:1px solid rgba(72,58,33,.28); font-size:9px; font-weight:900; line-height:12px; text-transform:uppercase; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; box-sizing:border-box; text-shadow:0 1px 0 rgba(255,255,255,.60); box-shadow: inset 0 1px 0 rgba(255,255,255,.60), 0 1px 2px rgba(0,0,0,.08); } .gtmMiniComItem__type { max-width:82px; } .gtmMiniComItem__number { flex:0 0 auto; min-width:28px; max-width:46px; text-align:center; color:#7c4632; } .gtmMiniComItem__number:empty { display:none; } /* =============================== 353. Мини-картинка — светлая =============================== */ .gtmMiniComItem__thumb, .gtmMiniComItem__thumb:link, .gtmMiniComItem__thumb:visited, .gtmMiniComItem__thumb:active { position:relative; z-index:2; display:block; width:100%; max-width:100%; height:38px; margin:4px 0 5px 0; overflow:hidden; border-radius:7px; background:linear-gradient(180deg,#fff6d9,#d8cba5); border:1px solid rgba(72,58,33,.30); box-shadow: inset 0 1px 0 rgba(255,255,255,.58), 0 1px 2px rgba(0,0,0,.10); } .gtmMiniComItem__thumb:before { content:""; position:absolute; left:0; top:0; right:0; height:16px; background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,0)); z-index:2; pointer-events:none; } .gtmMiniComItem__thumb:after { content:""; position:absolute; left:0; right:0; bottom:0; height:20px; background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.18)); z-index:2; pointer-events:none; } .gtmMiniComItem__thumb img { position:relative; z-index:1; display:block; width:100%; height:100%; max-width:100%; object-fit:cover; transition:transform .22s ease; } .gtmMiniComItem:hover .gtmMiniComItem__thumb img { transform:scale(1.04); } .gtmMiniComItem__thumb img[src=""], .gtmMiniComItem__thumb img:not([src]) { display:none; } /* =============================== 354. Подпись / заголовок =============================== */ .gtmMiniComItem__entryLabel { position:relative; z-index:2; margin:1px 0 2px 0; color:#6a5b3e; font-size:9px; font-weight:900; line-height:10px; text-transform:uppercase; letter-spacing:.2px; } .gtmMiniComItem__entryLabel:before { content:"↳"; display:inline-block; margin:0 4px 0 0; color:#9f6247; } .gtmMiniComItem__title, .gtmMiniComItem__title:link, .gtmMiniComItem__title:visited, .gtmMiniComItem__title:active { position:relative; z-index:2; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; width:100%; max-width:100%; max-height:28px; margin:0 0 4px 0; overflow:hidden; color:#2a2418; font-size:11px; font-weight:900; line-height:14px; text-decoration:none; text-shadow:0 1px 0 rgba(255,255,255,.55); } .gtmMiniComItem__title:before { content:"▸"; display:inline-block; margin:0 4px 0 0; color:#9f6247; font-size:10px; line-height:1; vertical-align:1px; } .gtmMiniComItem__title:hover { color:#7c4632; text-decoration:underline; text-underline-offset:2px; } /* =============================== 355. Текст комментария — светлый =============================== */ .gtmMiniComItem__message { position:relative; z-index:2; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; width:100%; max-width:100%; max-height:30px; margin:4px 0 0 0; padding:5px 8px 5px 12px; color:#4b422e; background: radial-gradient(circle at top left,rgba(255,255,255,.62),rgba(255,255,255,0) 44%), linear-gradient(180deg,rgba(255,255,255,.58),rgba(255,255,255,.28)); border:1px solid rgba(72,58,33,.16); border-left:3px solid rgba(159,98,71,.38); border-radius:6px; font-size:11px; font-style:italic; line-height:14px; box-sizing:border-box; overflow:hidden; transition: max-height .25s ease, background .18s ease, border-color .18s ease; } .gtmMiniComItem__message:empty { display:none; } .gtmMiniComItem__message:before { content:"“"; position:absolute; left:4px; top:1px; color:rgba(159,98,71,.24); font-size:21px; font-family:Georgia,serif; line-height:1; } .gtmMiniComItem__message:after { content:"”"; position:absolute; right:6px; bottom:-3px; color:rgba(159,98,71,.16); font-size:26px; font-family:Georgia,serif; line-height:1; } .gtmMiniComItem:hover .gtmMiniComItem__message { display:block; max-height:500px; -webkit-line-clamp:unset; -webkit-box-orient:initial; background: radial-gradient(circle at top left,rgba(255,255,255,.75),rgba(255,255,255,0) 44%), linear-gradient(180deg,rgba(255,255,255,.68),rgba(255,255,255,.34)); border-color:rgba(159,98,71,.30); overflow:visible; } /* =============================== 356. Нижняя строка =============================== */ .gtmMiniComItem__meta { position:relative; z-index:2; display:flex; flex-direction:column; align-items:stretch; gap:4px; width:100%; max-width:100%; min-width:0; margin:5px 0 0 0; padding:0; color:#6a5b3e; font-size:10px; line-height:13px; overflow:hidden; box-sizing:border-box; } .gtmMiniComItem__metaRow { width:100%; max-width:100%; min-width:0; overflow:hidden; box-sizing:border-box; } .gtmMiniComItem__metaRow--author { display:flex; align-items:center; justify-content:flex-start; gap:3px; } .gtmMiniComItem__metaRow--actions { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:5px; } .gtmMiniComItem__dateTime { display:flex; flex-wrap:nowrap; align-items:center; gap:3px; min-width:0; max-width:100%; overflow:hidden; } .gtmMiniComItem__buttons { flex:0 0 auto; display:flex; align-items:center; justify-content:flex-end; gap:4px; min-width:0; max-width:48px; overflow:hidden; } .gtmMiniComItem__user, .gtmMiniComItem__user:link, .gtmMiniComItem__user:visited, .gtmMiniComItem__user:active { display:inline-block; max-width:66px; color:#7c4632; font-size:10px; font-weight:900; text-decoration:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .gtmMiniComItem__user:before { content:"👤 "; } .gtmMiniComItem__user:after { content:""; display:inline-block; width:1px; height:9px; margin:0 0 0 6px; background:rgba(72,58,33,.24); vertical-align:-1px; } .gtmMiniComItem__user:empty { display:none; } .gtmMiniComItem__user:empty:before, .gtmMiniComItem__user:empty:after { content:""; display:none; } .gtmMiniComItem__guestName { display:inline-block; max-width:66px; color:#4b422e; font-size:10px; font-weight:900; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .gtmMiniComItem__guestName:empty { display:none; } .gtmMiniComItem__guestName:before { content:"✎ "; color:#9f6247; } .gtmMiniComItem__guestName:after { content:""; display:inline-block; width:1px; height:9px; margin:0 0 0 6px; background:rgba(72,58,33,.24); vertical-align:-1px; } .gtmMiniComItem__guestName:empty:before, .gtmMiniComItem__guestName:empty:after { content:""; display:none; } /* Дата — светлая */ .gtmMiniComItem__date { position:relative; display:inline-block; flex:0 1 auto; min-width:0; max-width:92px; margin:0; padding:1px 5px 1px 14px; color:#6a5b3e; background: linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.30)); border:1px solid rgba(72,58,33,.15); border-radius:999px; font-size:10px; font-weight:800; line-height:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box; text-shadow:0 1px 0 rgba(255,255,255,.50); } .gtmMiniComItem__date:empty { display:none; } .gtmMiniComItem__date:before { content:"◷"; position:absolute; left:4px; top:0; color:#9f6247; font-size:10px; line-height:13px; } /* =============================== 357. Ответить / Читать — светлые кнопки =============================== */ .gtmMiniComItem__answer { flex:0 0 22px; display:inline-block; width:22px; height:22px; overflow:hidden; } .gtmMiniComItem__answer:empty { display:none; } .gtmMiniComItem__answer a, .gtmMiniComItem__answer a:link, .gtmMiniComItem__answer a:visited, .gtmMiniComItem__answer a:active, .gtmMiniComItem__more, .gtmMiniComItem__more:link, .gtmMiniComItem__more:visited, .gtmMiniComItem__more:active { position:relative; display:inline-flex !important; align-items:center; justify-content:center; width:22px !important; height:22px !important; min-width:22px !important; max-width:22px !important; padding:0 !important; color:#2f2b1b !important; background:linear-gradient(180deg,#fff7dc 0%,#e1d0a5 55%,#c7b282 100%); border:1px solid #8a7b5a; border-radius:50%; font-size:0 !important; line-height:22px; text-decoration:none !important; text-shadow:0 1px 0 rgba(255,255,255,.65); box-sizing:border-box; box-shadow: inset 0 1px 0 rgba(255,255,255,.58), 0 1px 2px rgba(0,0,0,.14); transition: background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .16s ease; } .gtmMiniComItem__answer a:before { content:"↩"; display:block; color:#2f2b1b; font-size:13px; font-weight:900; line-height:20px; } .gtmMiniComItem__more:before { content:""; position:absolute; left:50%; top:50%; width:6px; height:6px; border-top:2px solid currentColor; border-right:2px solid currentColor; transform:translate(-60%,-50%) rotate(45deg); opacity:.95; } .gtmMiniComItem__more span { display:none; } .gtmMiniComItem__answer a:hover, .gtmMiniComItem__more:hover { transform:translateY(-1px); color:#7c4632 !important; border-color:#9f6247; background:linear-gradient(180deg,#fffbe8 0%,#ead6a8 55%,#cdb988 100%); box-shadow: 0 3px 7px rgba(0,0,0,.18), 0 0 8px rgba(159,98,71,.12), inset 0 1px 0 rgba(255,255,255,.62); } /* =============================== 358. Защита от выезда =============================== */ .gtmMiniComItem, .gtmMiniComItem * { max-width:100%; box-sizing:border-box; word-wrap:break-word; overflow-wrap:break-word; } .gtmMiniComItem img { max-width:100%; } .gtmMiniComItem p { margin:0; padding:0; } .gtmMiniComItem br { line-height:10px; } /* =============================== 359. Компактный режим =============================== */ @media(max-width:240px) { .gtmMiniCom__scroll { height:250px; } .gtmMiniComItem { grid-template-columns:32px minmax(0,1fr) !important; column-gap:6px !important; } .gtmMiniComItem__avatarBox, .gtmMiniComItem__avatarLink { width:32px !important; height:32px !important; } .gtmMiniComItem__avatarLink { line-height:32px; } .gtmMiniComItem__thumb { height:34px; } .gtmMiniComItem__buttons { max-width:48px; } .gtmMiniComItem__answer, .gtmMiniComItem__more { width:22px !important; min-width:22px !important; max-width:22px !important; height:22px !important; } } /* =============================== 360. Снижение движения =============================== */ @media(prefers-reduced-motion:reduce) { .gtmMiniCom, .gtmMiniCom *, .gtmMiniCom *:before, .gtmMiniCom *:after, .gtmMiniComItem, .gtmMiniComItem *, .gtmMiniComItem *:before, .gtmMiniComItem *:after { animation:none !important; transition:none !important; transform:none !important; } } /* =============================== 361. FIX: убираем разрыв сверху и добавляем отступ снизу =============================== */ .gtmMiniCom { margin:0 0 10px 0 !important; } /* заголовок приклеиваем к телу */ .gtmMiniCom__title { margin:0 !important; border-radius:8px 8px 0 0 !important; } /* тело приклеиваем к заголовку */ .gtmMiniCom__body { border-top:0 !important; border-radius:0 0 8px 8px !important; } /* чтобы внутри не было визуального лишнего зазора */ .gtmMiniCom__scroll { margin:0 !important; } /* ========================================================= 362. КОММЕНТАРИИ НА СТРАНИЦЕ МАТЕРИАЛА gtnComSection / gtnBestComBox / gtmComItem ========================================================= */ .gtnComSection, .gtnComSection *, .gtnComSection *:before, .gtnComSection *:after, .gtnCom, .gtnCom *, .gtnCom *:before, .gtnCom *:after { box-sizing:border-box; } .gtnComSection { width:100%; max-width:100%; margin:18px 0 16px; padding:12px; position:relative; overflow:hidden; color:#e4dac4; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; background: radial-gradient(circle at 12% 0%,rgba(210,171,115,.12),transparent 34%), radial-gradient(circle at 90% 8%,rgba(159,98,71,.13),transparent 32%), linear-gradient(180deg,#3d3628 0%,#2f291d 52%,#221d14 100%); border:1px solid #1c1710; border-radius:14px; box-shadow: 0 16px 34px rgba(0,0,0,.42), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.22) inset; } .gtnComSection:before { content:""; position:absolute; left:0; top:0; right:0; height:1px; background:linear-gradient(90deg,transparent,rgba(255,226,198,.28),transparent); pointer-events:none; z-index:2; } .gtnComSection:after { content:""; position:absolute; inset:1px; border:1px solid rgba(255,255,255,.035); border-radius:13px; pointer-events:none; z-index:1; } .gtnComSection > * { position:relative; z-index:3; } /* ========================================================= 363. ВЕРХНИЙ ЗАГОЛОВОК КОММЕНТАРИЕВ ========================================================= */ .gtnComHead { width:100%; display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 10px; padding:10px; background: radial-gradient(circle at 22px 50%,rgba(210,171,115,.17),rgba(210,171,115,0) 34px), linear-gradient(180deg,#4a4130 0%,#373021 52%,#261f15 100%); border:1px solid #1c1710; border-radius:10px; box-shadow: 0 1px 0 rgba(255,255,255,.07) inset, 0 -1px 0 rgba(0,0,0,.28) inset, 0 2px 6px rgba(0,0,0,.20); } .gtnComHead__main { min-width:0; display:flex; align-items:center; gap:10px; } .gtnComHead__icon { width:34px; height:34px; flex:0 0 34px; display:flex; align-items:center; justify-content:center; color:#2f2412; background: radial-gradient(circle at 35% 30%,rgba(255,255,255,.58),rgba(255,255,255,0) 34%), linear-gradient(180deg,#d2ab73 0%,#8d6a2c 100%); border:1px solid rgba(35,28,15,.88); border-radius:10px; box-shadow: 0 1px 0 rgba(255,255,255,.25) inset, 0 0 10px rgba(210,171,115,.22); } .gtnComHead__icon svg { width:18px; height:18px; stroke-width:2.3; } .gtnComHead__text { min-width:0; } .gtnComHead__title { color:#f5ebce; font-size:15px; font-weight:900; line-height:18px; text-transform:uppercase; letter-spacing:.06em; text-shadow:0 1px 1px rgba(0,0,0,.78); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .gtnComHead__sub { margin-top:3px; color:#cdbf9f; font-size:11px; font-weight:700; line-height:14px; text-shadow:0 1px 1px rgba(0,0,0,.65); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .gtnComHead__count { flex:0 0 auto; min-width:76px; padding:6px 10px; display:grid; gap:3px; text-align:center; background: radial-gradient(circle at top,rgba(255,255,255,.08),rgba(255,255,255,0) 44%), linear-gradient(180deg,#302a1d 0%,#221d14 100%); border:1px solid rgba(28,23,16,.92); border-radius:10px; } .gtnComHead__count span { color:#9f9278; font-size:9px; font-weight:900; line-height:11px; text-transform:uppercase; letter-spacing:.08em; } .gtnComHead__count b { color:#d2ab73; font-family:Consolas,"Courier New",monospace; font-size:17px; font-weight:900; line-height:18px; text-shadow:0 0 7px rgba(210,171,115,.22); } /* ========================================================= 364. НАВИГАЦИЯ / СОРТИРОВКА / СТАТИСТИКА ========================================================= */ .gtnComTools { width:100%; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; margin:0 0 10px; } .gtnComSort, .gtnComNum { min-width:0; padding:8px 9px; background: linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015)), linear-gradient(180deg,#342d20 0%,#241f16 100%); border:1px solid rgba(28,23,16,.92); border-radius:9px; box-shadow: 0 1px 0 rgba(255,255,255,.05) inset, 0 1px 2px rgba(0,0,0,.18); } .gtnComSort { display:flex; align-items:center; justify-content:space-between; gap:10px; } .gtnComSort__label { flex:0 0 auto; display:inline-flex; align-items:center; gap:6px; color:#d2ab73; font-size:10px; font-weight:900; line-height:13px; text-transform:uppercase; letter-spacing:.08em; text-shadow:0 1px 1px rgba(0,0,0,.68); } .gtnComSort__label svg { width:14px; height:14px; stroke-width:2.3; } .gtnComPage { min-width:0; display:flex; align-items:center; justify-content:flex-end; gap:4px; flex-wrap:wrap; } .gtnComPage a, .gtnComPage span, .gtnComPage2 a, .gtnComPage2 span, .gtnComPage .swchItem, .gtnComPage .swchItemA, .gtnComPage .swchItem1, .gtnComPage2 .swchItem, .gtnComPage2 .swchItemA, .gtnComPage2 .swchItem1 { min-width:24px; min-height:22px; padding:4px 7px; display:inline-flex; align-items:center; justify-content:center; color:#d2ab73 !important; background: linear-gradient(180deg,#302a1d 0%,#211c14 100%); border:1px solid rgba(210,171,115,.28); border-radius:7px; font-size:10px; font-weight:900; line-height:12px; text-decoration:none !important; text-shadow:0 1px 1px rgba(0,0,0,.65); box-shadow: 0 1px 0 rgba(255,255,255,.04) inset, 0 1px 2px rgba(0,0,0,.18); transition:.18s ease; } .gtnComPage a:hover, .gtnComPage2 a:hover, .gtnComPage .swchItem:hover, .gtnComPage .swchItem1:hover, .gtnComPage2 .swchItem:hover, .gtnComPage2 .swchItem1:hover { color:#fff1cf !important; border-color:rgba(210,171,115,.48); transform:translateY(-1px); } .gtnComPage .swchItemA, .gtnComPage2 .swchItemA { color:#24170d !important; background: linear-gradient(180deg,#d2ab73 0%,#a07437 55%,#6d461f 100%); border-color:#3f2b15; text-shadow:0 1px 0 rgba(255,255,255,.28); } .gtnComNum { display:flex; align-items:center; justify-content:center; gap:7px; white-space:nowrap; } .gtnComNum span { color:#9f9278; font-size:10px; font-weight:800; line-height:12px; } .gtnComNum b { min-width:30px; padding:2px 7px; display:inline-block; color:#d2ab73; background: linear-gradient(180deg,#17130d 0%,#2f2412 52%,#100d08 100%); border:1px solid rgba(210,171,115,.36); border-radius:999px; font-family:Consolas,"Courier New",monospace; font-size:11px; font-weight:900; line-height:12px; text-align:center; text-shadow:0 0 6px rgba(210,171,115,.28); } .gtnComStats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:0 0 10px; } .gtnComStats__item { min-width:0; padding:9px 10px; background: radial-gradient(circle at top left,rgba(255,255,255,.08),rgba(255,255,255,0) 42%), linear-gradient(180deg,#302a1d 0%,#221d14 100%); border:1px solid rgba(28,23,16,.90); border-radius:9px; box-shadow: 0 1px 0 rgba(255,255,255,.05) inset, 0 1px 2px rgba(0,0,0,.18); } .gtnComStats__item span { display:block; margin-bottom:4px; color:#9f9278; font-size:9px; font-weight:900; line-height:11px; text-transform:uppercase; letter-spacing:.07em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .gtnComStats__item b { display:block; color:#f5ebce; font-size:15px; font-weight:900; line-height:17px; text-shadow:0 1px 1px rgba(0,0,0,.72); } /* ========================================================= 365. ЗОЛОТОЙ КОММЕНТАРИЙ ========================================================= */ .gtnBestComBox { width:100%; margin:0 0 12px; padding:10px; position:relative; overflow:hidden; background: radial-gradient(circle at 12% 0%,rgba(255,216,107,.22),transparent 35%), radial-gradient(circle at 92% 12%,rgba(159,98,71,.18),transparent 32%), linear-gradient(180deg,#4b3820 0%,#2d2113 100%); border:1px solid rgba(210,171,115,.52); border-radius:12px; box-shadow: 0 14px 28px rgba(0,0,0,.36), 0 0 16px rgba(210,171,115,.16), inset 0 1px 0 rgba(255,255,255,.10); } .gtnBestComBox:before { content:""; position:absolute; left:-45%; top:0; width:35%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent); transform:skewX(-22deg); animation:gtnGoldSweep 4.5s ease-in-out infinite; pointer-events:none; z-index:1; } .gtnBestComBox > * { position:relative; z-index:2; } .gtnBestComBox__head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 0 9px; padding:8px 9px; background: linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.03)), linear-gradient(180deg,#6d4b1f 0%,#3e2b15 100%); border:1px solid rgba(255,216,107,.30); border-radius:9px; } .gtnBestComBox__title { min-width:0; display:inline-flex; align-items:center; gap:7px; color:#fff1cf; font-size:12px; font-weight:900; line-height:15px; text-transform:uppercase; letter-spacing:.08em; text-shadow: 0 1px 1px rgba(0,0,0,.76), 0 0 8px rgba(255,216,107,.20); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .gtnBestComBox__title svg { flex:0 0 18px; color:#ffd86b; filter:drop-shadow(0 0 6px rgba(255,216,107,.32)); } .gtnBestComBox__rating { flex:0 0 auto; padding:3px 8px; color:#2f2412; background: linear-gradient(180deg,#f1d078 0%,#b9852c 100%); border:1px solid #5e3d12; border-radius:999px; font-size:10px; font-weight:900; line-height:13px; text-shadow:0 1px 0 rgba(255,255,255,.35); } .gtnBestCom { width:100%; max-width:100%; overflow:hidden; } .gtnBestCom .gtmComItem { margin-bottom:0 !important; } .gtmComItem--gold { border-color:rgba(210,171,115,.72) !important; box-shadow: 0 0 0 1px rgba(255,216,107,.16), 0 0 18px rgba(210,171,115,.20), 0 4px 12px rgba(0,0,0,.24) !important; } .gtmComItem__goldLabel { width:100%; margin:0 0 8px; padding:6px 8px; display:flex; align-items:center; justify-content:center; gap:7px; color:#2f2412; background: radial-gradient(circle at 35% 30%,rgba(255,255,255,.55),rgba(255,255,255,0) 34%), linear-gradient(180deg,#f1d078 0%,#b9852c 100%); border:1px solid #5e3d12; border-radius:8px; font-size:10px; font-weight:900; line-height:13px; text-transform:uppercase; letter-spacing:.08em; text-shadow:0 1px 0 rgba(255,255,255,.35); box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 0 9px rgba(241,208,120,.22); } .gtmComItem__goldIcon { width:18px; height:18px; display:inline-flex; align-items:center; justify-content:center; flex:0 0 18px; } .gtmComItem__goldIcon svg { width:15px; height:15px; color:#2f2412; } @keyframes gtnGoldSweep { 0%,58%,100% { left:-45%; opacity:0; } 68% { opacity:.75; } 88% { left:115%; opacity:0; } } /* ========================================================= 366. ТЕЛО КОММЕНТАРИЕВ ========================================================= */ .gtnComBody { width:100%; max-width:100%; overflow:hidden; margin:0; padding:0; } .gtnComBody:empty { display:none; } .gtnComPage2 { width:100%; margin:10px 0 0; display:flex; align-items:center; justify-content:center; gap:4px; flex-wrap:wrap; } /* ========================================================= 367. ВИД КОММЕНТАРИЯ — gtmComItem ========================================================= */ .gtmComItem, .gtmComItem *, .gtmComItem *:before, .gtmComItem *:after { box-sizing:border-box; } .gtmComItem { width:100% !important; max-width:100% !important; margin:0 0 10px !important; padding:0 !important; border-collapse:separate !important; border-spacing:0 !important; table-layout:fixed !important; color:#2f2b1b; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; background: radial-gradient(circle at top left,rgba(255,255,255,.58),rgba(255,255,255,0) 42%), radial-gradient(circle at bottom right,rgba(210,171,115,.18),rgba(210,171,115,0) 46%), linear-gradient(180deg,#f7efd3 0%,#efe2bc 100%); border:1px solid rgba(72,58,33,.34) !important; border-radius:10px !important; box-shadow: 0 2px 6px rgba(0,0,0,.18), 0 1px 0 rgba(255,255,255,.68) inset; overflow:hidden; } .gtmComItem br:last-child { display:none; } .gtmComItem__cell { width:100%; padding:9px !important; position:relative; overflow:hidden; } .gtmComItem__cell:before { content:""; position:absolute; left:0; top:0; right:0; height:2px; background:linear-gradient(90deg,rgba(210,171,115,0),rgba(210,171,115,.90),rgba(210,171,115,0)); pointer-events:none; } .gtmComItem__top { width:100%; display:flex; align-items:flex-start; justify-content:space-between; gap:8px; margin:0 0 7px; padding:7px 8px; background: radial-gradient(circle at top left,rgba(255,255,255,.52),rgba(255,255,255,0) 42%), linear-gradient(180deg,#f5ebce 0%,#eadbb0 100%); border:1px solid rgba(72,58,33,.24); border-radius:8px; box-shadow: inset 0 1px 0 rgba(255,255,255,.62), 0 1px 2px rgba(0,0,0,.08); } .gtmComItem__info { min-width:0; flex:1 1 auto; display:flex; align-items:center; flex-wrap:wrap; gap:4px; color:#4b422e; } .gtmComItem__actions { flex:0 0 auto; display:flex; align-items:center; justify-content:flex-end; gap:4px; max-width:210px; min-width:0; } .gtmComItem__actions img { width:auto; height:auto; max-width:16px; max-height:16px; display:inline-block; vertical-align:middle; border:0; } .gtmComItem__mark { width:16px; height:16px; display:inline-flex; align-items:center; justify-content:center; flex:0 0 16px; color:#fff; background:linear-gradient(180deg,#9f6247 0%,#7c4632 100%); border:1px solid #5a2f21; border-radius:50%; font-size:10px; font-weight:900; line-height:16px; text-shadow:1px 1px 0 rgba(0,0,0,.62); } .gtmComItem__mark--own { background:linear-gradient(180deg,#607fae 0%,#3f5f90 100%); border-color:#2f4c78; } .gtmComItem__num, .gtmComItem__num:link, .gtmComItem__num:visited, .gtmComItem__num:active { min-width:30px; padding:2px 7px; display:inline-flex; align-items:center; justify-content:center; color:#2f2b1b !important; background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%); border:1px solid #8a7b5a; border-radius:999px; font-size:10px; font-weight:900; line-height:13px; text-decoration:none !important; text-shadow:0 1px 0 rgba(255,255,255,.65); box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 1px 2px rgba(0,0,0,.12); } .gtmComItem__num:hover { color:#7c4632 !important; border-color:#9f6247; } .gtmComItem__author, .gtmComItem__author:link, .gtmComItem__author:visited, .gtmComItem__author:active, .gtmComItem__guest { max-width:160px; display:inline-block; color:#7c4632 !important; font-size:11px; font-weight:900; line-height:14px; text-decoration:none !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .gtmComItem__author:before, .gtmComItem__guest:before { content:""; width:6px; height:6px; margin:0 5px 1px 0; display:inline-block; border-radius:50%; background:#9f6247; box-shadow:0 0 6px rgba(159,98,71,.35); } .gtmComItem__author:hover { color:#2a2418 !important; text-decoration:underline !important; text-underline-offset:2px; } .gtmComItem__date { display:inline-block; max-width:150px; padding:2px 7px; color:#6a5b3e; background: linear-gradient(180deg,rgba(255,255,255,.36),rgba(255,255,255,.16)); border:1px solid rgba(72,58,33,.16); border-radius:999px; font-size:10px !important; font-weight:800; line-height:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .gtmComItem__material, .gtmComItem__material:link, .gtmComItem__material:visited, .gtmComItem__material:active { padding:2px 7px; display:inline-flex; align-items:center; justify-content:center; color:#2f2b1b !important; background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%); border:1px solid #8a7b5a; border-radius:999px; font-size:10px; font-weight:900; line-height:13px; text-decoration:none !important; } .gtmComItem__material:hover { color:#7c4632 !important; border-color:#9f6247; } .gtmComItem__rating { min-width:30px; padding:2px 7px; display:inline-flex; align-items:center; justify-content:center; color:#2f2b1b; background: linear-gradient(180deg,#f1d078 0%,#b9852c 100%); border:1px solid #5e3d12; border-radius:999px; font-size:10px; font-weight:900; line-height:13px; text-shadow:0 1px 0 rgba(255,255,255,.35); } .gtmComItem__rating .u-rate-wrapper { color:inherit !important; font:inherit !important; } /* модер-панель */ .gtmComItem__moder { display:inline-flex; align-items:center; gap:3px; max-width:100%; overflow:hidden; } .gtmComItem__moder:empty { display:none; } .gtmComItem__moder a, .gtmComItem__moder a:link, .gtmComItem__moder a:visited, .gtmComItem__moder a:active { color:#7c4632 !important; font-size:10px; font-weight:900; text-decoration:none !important; } .gtmComItem__moder a:hover { color:#2a2418 !important; text-decoration:underline !important; } /* ========================================================= 368. ТЕКСТ КОММЕНТАРИЯ ========================================================= */ .gtmComItem__message { position:relative; width:100%; min-height:42px; margin:0; padding:9px 10px; color:#3d3524; background: radial-gradient(circle at top left,rgba(255,255,255,.52),rgba(255,255,255,0) 42%), linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.20)); border:1px solid rgba(72,58,33,.20); border-left:4px solid rgba(159,98,71,.46); border-radius:8px; font-size:12px; font-weight:600; line-height:1.55; text-shadow:0 1px 0 rgba(255,255,255,.45); overflow:hidden; } .gtmComItem__message:before { content:""; position:absolute; left:0; top:0; bottom:0; width:1px; background:rgba(255,255,255,.45); pointer-events:none; } .gtmComItem__message p { margin:0 0 8px; } .gtmComItem__message p:last-child { margin-bottom:0; } .gtmComItem__message a, .gtmComItem__message a:link, .gtmComItem__message a:visited, .gtmComItem__message a:active { color:#7c4632 !important; font-weight:900; text-decoration:none !important; border-bottom:1px solid rgba(124,70,50,.28); } .gtmComItem__message a:hover { color:#2a2418 !important; border-bottom-color:rgba(42,36,24,.55); } .gtmComItem__avatarLink, .gtmComItem__avatarLink:link, .gtmComItem__avatarLink:visited, .gtmComItem__avatarLink:active { float:left; display:inline-block; margin:1px 8px 4px 0; text-decoration:none !important; } .gtmComItem__avatar { width:36px; height:36px; display:inline-flex; align-items:center; justify-content:center; overflow:hidden; background: radial-gradient(circle at 35% 25%,rgba(255,255,255,.75),rgba(255,255,255,0) 34%), linear-gradient(180deg,#f5ebce 0%,#d8c994 100%); border:1px solid rgba(72,58,33,.45); outline:1px solid rgba(255,255,255,.36); outline-offset:1px; border-radius:9px; box-shadow: inset 0 1px 0 rgba(255,255,255,.50), 0 1px 2px rgba(0,0,0,.18); } .gtmComItem__avatar img { width:100% !important; height:100% !important; display:block; object-fit:cover; border-radius:8px; } /* ========================================================= 369. ОТВЕТ АДМИНА / ОТВЕТ НА КОММЕНТАРИЙ ========================================================= */ .gtmComItem__answerBox { width:100%; margin:8px 0 0; padding:8px 10px; color:#4b422e; background: radial-gradient(circle at top left,rgba(255,255,255,.48),rgba(255,255,255,0) 44%), linear-gradient(180deg,#f5ebce 0%,#eadbb0 100%); border:1px solid rgba(72,58,33,.22); border-left:4px solid #d2ab73; border-radius:8px; font-size:12px; font-weight:700; line-height:1.45; text-shadow:0 1px 0 rgba(255,255,255,.45); box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 1px 2px rgba(0,0,0,.08); } .gtmComItem__answerBox b { color:#7c4632; font-weight:900; } /* ========================================================= 370. КНОПКА ОТВЕТИТЬ ========================================================= */ .gtmComItem__reply { width:100%; margin:8px 0 0; display:flex; justify-content:flex-end; } .gtmComItem__reply a, .gtmComItem__reply a:link, .gtmComItem__reply a:visited, .gtmComItem__reply a:active { min-height:28px; padding:0 12px; display:inline-flex; align-items:center; justify-content:center; gap:6px; color:#24170d !important; background: linear-gradient(180deg,#d2ab73 0%,#a07437 55%,#6d461f 100%); border:1px solid #3f2b15; border-radius:8px; font-size:11px; font-weight:900; line-height:28px; text-align:center; text-decoration:none !important; text-transform:uppercase; letter-spacing:.04em; text-shadow:0 1px 0 rgba(255,255,255,.28); box-shadow: 0 2px 6px rgba(0,0,0,.22), 0 0 9px rgba(210,171,115,.13), 0 1px 0 rgba(255,255,255,.20) inset; transition:.18s ease; } .gtmComItem__reply a:before { content:""; width:11px; height:11px; display:inline-block; border-left:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); opacity:.85; } .gtmComItem__reply a:hover { transform:translateY(-1px); color:#1c120a !important; background: linear-gradient(180deg,#e2bd82 0%,#b48041 55%,#7c5127 100%); border-color:#d2ab73; } /* ========================================================= 371. ФОРМА ДОБАВЛЕНИЯ КОММЕНТАРИЕВ ========================================================= */ .gtnCom { width:100%; max-width:100%; margin:0 0 16px; padding:0; } .gtnCom_inner { width:100%; max-width:100%; padding:12px; overflow:hidden; color:#e4dac4; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; background: radial-gradient(circle at 12% 0%,rgba(210,171,115,.10),transparent 34%), radial-gradient(circle at 90% 8%,rgba(159,98,71,.12),transparent 32%), linear-gradient(180deg,#3d3628 0%,#2f291d 52%,#221d14 100%); border:1px solid #1c1710; border-radius:14px; box-shadow: 0 16px 34px rgba(0,0,0,.36), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.22) inset; } .gtnCom_rules, .gtnCom_login { width:100%; margin:0 0 10px; padding:9px 10px; color:#cdbf9f; background: linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015)), linear-gradient(180deg,#342d20 0%,#241f16 100%); border:1px solid rgba(28,23,16,.92); border-left:3px solid #d2ab73; border-radius:9px; font-size:12px; font-weight:700; line-height:1.5; text-shadow:0 1px 1px rgba(0,0,0,.65); } .gtnCom_login a, .gtnCom_login a:link, .gtnCom_login a:visited, .gtnCom_login a:active { color:#d2ab73 !important; font-weight:900; text-decoration:none !important; } .gtnCom_login a:hover { color:#fff1cf !important; text-decoration:underline !important; text-underline-offset:2px; } .gtnCom_form { width:100%; max-width:100%; overflow:hidden; } /* uCoz форма внутри */ .gtnCom_form input[type="text"], .gtnCom_form input[type="email"], .gtnCom_form input[type="password"], .gtnCom_form textarea, .gtnCom_form select { max-width:100% !important; border:1px solid rgba(28,23,16,.92) !important; border-radius:8px !important; background:#f5ebce !important; color:#2f2b1b !important; font:700 12px/1.4 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; box-shadow: inset 0 1px 2px rgba(0,0,0,.15), 0 1px 0 rgba(255,255,255,.45) !important; } .gtnCom_form input[type="submit"], .gtnCom_form input[type="button"], .gtnCom_form button { min-height:32px !important; padding:0 14px !important; color:#24170d !important; background: linear-gradient(180deg,#d2ab73 0%,#a07437 55%,#6d461f 100%) !important; border:1px solid #3f2b15 !important; border-radius:8px !important; font:900 11px/30px "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; text-transform:uppercase !important; cursor:pointer !important; text-shadow:0 1px 0 rgba(255,255,255,.28) !important; box-shadow: 0 2px 6px rgba(0,0,0,.32), 0 0 9px rgba(210,171,115,.16), 0 1px 0 rgba(255,255,255,.20) inset !important; } /* ========================================================= 372. ЗАЩИТА ОТ ВЫЕЗДА И СТАРЫХ СТИЛЕЙ ========================================================= */ .gtnComSection img, .gtnCom img { max-width:100%; height:auto; } .gtnComSection table, .gtnComSection tbody, .gtnComSection tr, .gtnComSection td { max-width:100%; } .gtmComItem, .gtmComItem td, .gtmComItem div, .gtmComItem span, .gtmComItem a { word-wrap:break-word; overflow-wrap:break-word; } .gtmComItem .flex-justify-between { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; } .gtmComItem .cTop { color:inherit; } .gtmComItem .cMessage { clear:both; } .gtmComItem .cAnswer { clear:both; } /* ========================================================= 373. АДАПТИВ ========================================================= */ @media (max-width:760px) { .gtnComSection { padding:10px; border-radius:12px; } .gtnComHead { align-items:flex-start; } .gtnComHead__sub { white-space:normal; } .gtnComTools { grid-template-columns:1fr; } .gtnComSort { align-items:flex-start; flex-direction:column; } .gtnComPage { justify-content:flex-start; } .gtnComNum { justify-content:flex-start; } .gtnComStats { grid-template-columns:1fr; } .gtnBestComBox__head { align-items:flex-start; flex-direction:column; } .gtmComItem__top { flex-direction:column; } .gtmComItem__actions { width:100%; max-width:100%; justify-content:flex-start; flex-wrap:wrap; } .gtmComItem__author, .gtmComItem__guest { max-width:120px; } .gtmComItem__date { max-width:130px; } } @media (max-width:480px) { .gtnComHead__icon { width:30px; height:30px; flex-basis:30px; } .gtnComHead__title { font-size:13px; } .gtnComHead__count { min-width:62px; padding:5px 7px; } .gtmComItem__cell { padding:7px !important; } .gtmComItem__message { font-size:11px; } .gtmComItem__avatar { width:32px; height:32px; } } /* ========================================================= 374. СНИЖЕНИЕ ДВИЖЕНИЯ ========================================================= */ @media (prefers-reduced-motion:reduce) { .gtnComSection, .gtnComSection *, .gtnComSection *:before, .gtnComSection *:after, .gtnCom, .gtnCom *, .gtnCom *:before, .gtnCom *:after { animation:none !important; transition:none !important; transform:none !important; } .gtnBestComBox:before { display:none !important; } } /* =============================== 375. КОММЕНТАРИИ МАТЕРИАЛА — GTAMANIA GOLD UI =============================== */ .gtnComTop, .gtnComTop *, .gtnComStats, .gtnComStats *, .gtnBestComBox, .gtnBestComBox *, .gtnComSort, .gtnComSort *, .gtnComBody, .gtnComBody *, .gtnCom, .gtnCom *, .gtmComItem, .gtmComItem * { box-sizing:border-box; } .gtnComTop { width:100%; max-width:100%; margin:18px 0 10px; padding:12px; display:flex; align-items:center; justify-content:space-between; gap:12px; overflow:hidden; background: radial-gradient(circle at 12% 0%,rgba(210,171,115,.13),transparent 35%), radial-gradient(circle at 92% 10%,rgba(122,74,42,.18),transparent 34%), linear-gradient(180deg,#3d3628 0%,#2f291d 52%,#221d14 100%); border:1px solid #1c1710; border-radius:12px; box-shadow: 0 14px 30px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06); } .gtnComTop__left { min-width:0; flex:1 1 auto; } .gtnComTop__title { display:flex; align-items:center; gap:8px; color:#f5ebce; font:900 15px/1.2 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; text-transform:uppercase; letter-spacing:.08em; text-shadow:0 1px 1px rgba(0,0,0,.8); } .gtnComTop__icon { width:30px; height:30px; flex:0 0 30px; display:inline-flex; align-items:center; justify-content:center; border-radius:10px; background: radial-gradient(circle at 35% 30%,rgba(255,255,255,.45),rgba(255,255,255,0) 34%), linear-gradient(180deg,#d2ab73 0%,#8d6a2c 100%); border:1px solid #3f2b15; color:#2f2412; box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 0 10px rgba(210,171,115,.22); } .gtnComTop__icon svg { width:16px; height:16px; } .gtnComTop__sub { margin-top:5px; color:#cdbf9f; font:700 11px/1.45 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; } .gtnComTop__right { flex:0 0 auto; max-width:45%; } .gtnComPage, .gtnComPage2 { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:5px; min-width:0; color:#d2ab73; font:800 11px/1.3 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; } .gtnComPage2 { margin:10px 0; padding:8px; border-radius:10px; background: linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015)), linear-gradient(180deg,#302a1d 0%,#221d14 100%); border:1px solid rgba(28,23,16,.88); } .gtnComPage a, .gtnComPage2 a, .gtnComPage span, .gtnComPage2 span { display:inline-flex; align-items:center; justify-content:center; min-width:24px; min-height:24px; padding:0 7px; border-radius:999px; color:#d2ab73 !important; background:rgba(210,171,115,.08); border:1px solid rgba(210,171,115,.22); text-decoration:none !important; font-weight:900; } .gtnComPage a:hover, .gtnComPage2 a:hover { color:#fff1cf !important; border-color:rgba(210,171,115,.45); background:rgba(210,171,115,.14); } /* =============================== 376. СТАТИСТИКА =============================== */ .gtnComStats { width:100%; max-width:100%; margin:0 0 10px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; } .gtnComStatItem { position:relative; min-width:0; min-height:76px; padding:10px; overflow:hidden; background: radial-gradient(circle at top left,rgba(255,255,255,.10),rgba(255,255,255,0) 44%), linear-gradient(180deg,#463e2d 0%,#2f291d 100%); border:1px solid rgba(28,23,16,.95); border-radius:10px; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 2px 8px rgba(0,0,0,.20); } .gtnComStatItem:before { content:""; position:absolute; left:0; top:0; right:0; height:1px; background:linear-gradient(90deg,transparent,rgba(255,226,198,.20),transparent); pointer-events:none; } .gtnComStatItem__icon { width:24px; height:24px; display:inline-flex; align-items:center; justify-content:center; margin-bottom:7px; border-radius:8px; color:#2f2412; background: radial-gradient(circle at 35% 30%,rgba(255,255,255,.48),rgba(255,255,255,0) 34%), linear-gradient(180deg,#d2ab73 0%,#8d6a2c 100%); border:1px solid #3f2b15; } .gtnComStatItem__icon svg { width:14px; height:14px; } .gtnComStatItem__label { display:block; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#cdbf9f; font:800 9px/1.2 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; text-transform:uppercase; letter-spacing:.08em; } .gtnComStatItem b { display:block; margin-top:4px; color:#f5ebce; font:900 18px/1.1 Consolas,"Courier New",monospace; text-shadow: 0 0 8px rgba(210,171,115,.20), 0 1px 1px rgba(0,0,0,.8); } /* =============================== 377. СОРТИРОВКА / ПОДСКАЗКА =============================== */ .gtnComSort { width:100%; max-width:100%; margin:0 0 10px; padding:8px 10px; display:flex; align-items:center; justify-content:space-between; gap:10px; overflow:hidden; background: radial-gradient(circle at top left,rgba(255,255,255,.09),rgba(255,255,255,0) 42%), linear-gradient(180deg,#3b3425 0%,#262116 100%); border:1px solid rgba(28,23,16,.88); border-radius:10px; color:#cdbf9f; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 2px 6px rgba(0,0,0,.18); } .gtnComSort__label { display:flex; align-items:center; gap:7px; min-width:0; color:#f5ebce; font:900 11px/1.2 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; text-transform:uppercase; letter-spacing:.07em; } .gtnComSort__icon { width:22px; height:22px; flex:0 0 22px; display:inline-flex; align-items:center; justify-content:center; border-radius:7px; background:rgba(210,171,115,.10); border:1px solid rgba(210,171,115,.25); color:#d2ab73; } .gtnComSort__icon svg { width:13px; height:13px; } .gtnComSort__note { flex:0 1 auto; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#b9aa87; font:800 10px/1.2 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; } /* =============================== 378. ЗОЛОТОЙ КОММЕНТАРИЙ =============================== */ .gtnBestComBox { width:100%; max-width:100%; margin:0 0 12px; padding:10px; overflow:hidden; background: radial-gradient(circle at 12% 0%,rgba(255,216,107,.20),transparent 35%), radial-gradient(circle at 92% 12%,rgba(210,171,115,.18),transparent 34%), linear-gradient(180deg,#4b3920 0%,#2d2113 100%); border:1px solid rgba(210,171,115,.50); border-radius:14px; box-shadow: 0 18px 38px rgba(0,0,0,.42), 0 0 22px rgba(210,171,115,.14), inset 0 1px 0 rgba(255,255,255,.10); } .gtnBestComBox__head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 0 10px; padding:8px 9px; background: radial-gradient(circle at 19px 50%,rgba(255,216,107,.20),rgba(255,216,107,0) 30px), linear-gradient(180deg,#6b5128 0%,#463015 100%); border:1px solid rgba(210,171,115,.42); border-radius:10px; box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 2px 8px rgba(0,0,0,.24); } .gtnBestComBox__title { display:flex; align-items:center; gap:8px; min-width:0; color:#fff1cf; font:900 12px/1.2 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; text-transform:uppercase; letter-spacing:.08em; text-shadow:0 1px 1px rgba(0,0,0,.75); } .gtnBestComBox__icon { width:24px; height:24px; flex:0 0 24px; display:inline-flex; align-items:center; justify-content:center; color:#2f2412; background: radial-gradient(circle at 35% 30%,rgba(255,255,255,.58),rgba(255,255,255,0) 34%), linear-gradient(180deg,#ffe08a 0%,#b9852c 100%); border:1px solid #5e3d12; border-radius:50%; box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 0 12px rgba(255,216,107,.25); } .gtnBestComBox__icon svg { width:15px; height:15px; } .gtnBestComBox__rating { flex:0 0 auto; min-width:38px; padding:4px 9px; text-align:center; color:#2f2412; background: radial-gradient(circle at 35% 30%,rgba(255,255,255,.55),rgba(255,255,255,0) 34%), linear-gradient(180deg,#ffe08a 0%,#b9852c 100%); border:1px solid #5e3d12; border-radius:999px; font:900 13px/1 Consolas,"Courier New",monospace; text-shadow:0 1px 0 rgba(255,255,255,.35); } .gtnBestCom .gtmComItem { margin-bottom:0 !important; } .gtmComItem--gold, .gtmComItem--goldSource { border-color:rgba(210,171,115,.70) !important; } .gtmComItem--gold .gtmComItem__cell, .gtmComItem--goldSource .gtmComItem__cell { background: radial-gradient(circle at 12% 0%,rgba(255,216,107,.24),transparent 38%), radial-gradient(circle at 92% 100%,rgba(210,171,115,.18),transparent 40%), linear-gradient(180deg,#fff6d8 0%,#ead8a5 100%) !important; border-color:rgba(159,98,71,.42) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 0 16px rgba(210,171,115,.24), 0 3px 10px rgba(0,0,0,.16) !important; } .gtmComItem__goldLabel { width:100%; margin:0 0 8px; padding:6px 8px; display:flex; align-items:center; justify-content:center; gap:7px; color:#2f2412; background: radial-gradient(circle at 35% 30%,rgba(255,255,255,.40),rgba(255,255,255,0) 34%), linear-gradient(180deg,#ffe08a 0%,#b9852c 100%); border:1px solid #5e3d12; border-radius:999px; font:900 10px/1.2 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; text-transform:uppercase; letter-spacing:.08em; text-shadow:0 1px 0 rgba(255,255,255,.35); box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 0 10px rgba(210,171,115,.18); } .gtmComItem__goldIcon { width:15px; height:15px; display:inline-flex; align-items:center; justify-content:center; } .gtmComItem__goldIcon svg { width:14px; height:14px; } /* =============================== 379. ОБЩИЙ СПИСОК КОММЕНТАРИЕВ =============================== */ .gtnComBody { width:100%; max-width:100%; margin:0; padding:0; overflow:hidden; } .gtmComItem { width:100%; max-width:100%; margin:0 0 10px; border-collapse:separate; border-spacing:0; background:transparent; } .gtmComItem__cell { position:relative; width:100%; max-width:100%; padding:10px; overflow:hidden; color:#2f2b1b; background: radial-gradient(circle at top left,rgba(255,255,255,.58),rgba(255,255,255,0) 42%), radial-gradient(circle at bottom right,rgba(210,171,115,.18),rgba(210,171,115,0) 46%), linear-gradient(180deg,#f7efd3 0%,#efe2bc 100%); border:1px solid rgba(72,58,33,.32); border-left:4px solid #9f6247; border-radius:10px; box-shadow: inset 0 1px 0 rgba(255,255,255,.65), 0 2px 6px rgba(0,0,0,.12); } .gtmComItem__cell:before { content:""; position:absolute; left:0; top:0; right:0; height:1px; background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent); pointer-events:none; } .gtmComItem__top { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; width:100%; max-width:100%; margin:0 0 8px; padding:0 0 8px; border-bottom:1px solid rgba(72,58,33,.18); } .gtmComItem__info { min-width:0; flex:1 1 auto; display:flex; align-items:center; flex-wrap:wrap; gap:5px; } .gtmComItem__mark { width:16px; height:16px; display:inline-flex; align-items:center; justify-content:center; flex:0 0 16px; border-radius:50%; color:#fff; background:#9f6247; font-size:0; box-shadow:0 0 8px rgba(159,98,71,.35); } .gtmComItem__mark:before { content:""; width:6px; height:6px; border-radius:50%; background:#fff1cf; } .gtmComItem__mark--own { background:#5a503b; } .gtmComItem__num, .gtmComItem__num:link, .gtmComItem__num:visited, .gtmComItem__num:active { display:inline-flex; align-items:center; justify-content:center; min-height:22px; padding:0 8px; border-radius:999px; color:#2f2b1b !important; background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%); border:1px solid #8a7b5a; font:900 11px/1 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; text-decoration:none !important; text-shadow:0 1px 0 rgba(255,255,255,.65); } .gtmComItem__author, .gtmComItem__author:link, .gtmComItem__author:visited, .gtmComItem__author:active, .gtmComItem__guest { display:inline-flex; align-items:center; min-height:22px; max-width:170px; padding:0 9px; border-radius:999px; color:#7c4632 !important; background:rgba(159,98,71,.10); border:1px solid rgba(159,98,71,.22); font:900 11px/1 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; text-decoration:none !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .gtmComItem__author:hover { color:#2a2418 !important; border-color:rgba(159,98,71,.42); background:rgba(159,98,71,.14); } .gtmComItem__date { display:inline-flex; align-items:center; min-height:22px; max-width:150px; padding:0 8px; border-radius:999px; color:#6a5b3e; background:rgba(255,255,255,.30); border:1px solid rgba(72,58,33,.16); font:800 10px/1 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .gtmComItem__material, .gtmComItem__material:link, .gtmComItem__material:visited, .gtmComItem__material:active { display:inline-flex; align-items:center; min-height:22px; padding:0 8px; border-radius:999px; color:#2f2b1b !important; background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 100%); border:1px solid #8a7b5a; font:900 10px/1 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; text-decoration:none !important; } .gtmComItem__actions { flex:0 0 auto; display:flex; align-items:center; justify-content:flex-end; gap:4px; min-width:0; max-width:260px; } .gtmComItem__rateBtn { width:22px; height:22px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(255,255,255,.32); border:1px solid rgba(72,58,33,.18); overflow:hidden; } .gtmComItem__rateBtn img { width:14px; height:14px; margin:0 !important; display:block; } .gtmComItem__rateBtn--disabled { opacity:.55; } .gtmComItem__rating { min-width:34px; min-height:22px; padding:0 8px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; color:#2f2b1b; background: linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%); border:1px solid #8a7b5a; font:900 11px/1 Consolas,"Courier New",monospace; text-shadow:0 1px 0 rgba(255,255,255,.65); } .gtmComItem__moder { display:inline-flex; align-items:center; justify-content:center; min-width:0; max-width:110px; overflow:hidden; } .gtmComItem__moder:empty { display:none; } .gtmComItem__message { position:relative; display:block; width:100%; max-width:100%; min-height:42px; margin:0; padding:9px; color:#4b422e; background: radial-gradient(circle at top left,rgba(255,255,255,.50),rgba(255,255,255,0) 44%), linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.20)); border:1px solid rgba(72,58,33,.18); border-radius:8px; font:600 13px/1.55 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; overflow:hidden; } .gtmComItem__avatarLink { float:left; display:block; width:38px; height:38px; margin:0 8px 4px 0; text-decoration:none !important; } .gtmComItem__avatar { display:block; width:38px; height:38px; overflow:hidden; border-radius:9px; background: radial-gradient(circle at 35% 25%,rgba(255,255,255,.75),rgba(255,255,255,0) 34%), linear-gradient(180deg,#f5ebce 0%,#d8c994 100%); border:1px solid rgba(72,58,33,.45); outline:1px solid rgba(255,255,255,.36); outline-offset:1px; box-shadow: inset 0 1px 0 rgba(255,255,255,.50), 0 1px 2px rgba(0,0,0,.18); } .gtmComItem__avatar img { display:block; width:100%; height:100%; object-fit:cover; border-radius:8px; } .gtmComItem__text { min-width:0; max-width:100%; color:#4b422e; word-wrap:break-word; overflow-wrap:break-word; } .gtmComItem__text p { margin:0 0 8px; } .gtmComItem__text p:last-child { margin-bottom:0; } .gtmComItem__answerBox { margin:8px 0 0; padding:9px; color:#4b422e; background: radial-gradient(circle at top left,rgba(255,255,255,.50),rgba(255,255,255,0) 44%), linear-gradient(180deg,#f8efd2 0%,#eadbb0 100%); border:1px solid rgba(159,98,71,.28); border-left:3px solid #9f6247; border-radius:8px; font:600 12px/1.5 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; } .gtmComItem__answerTitle { margin:0 0 5px; color:#7c4632; font:900 10px/1.2 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; text-transform:uppercase; letter-spacing:.08em; } .gtmComItem__answerText { color:#4b422e; } .gtmComItem__reply { margin:8px 0 0; display:flex; justify-content:flex-end; } .gtmComItem__reply a, .gtmComItem__reply a:link, .gtmComItem__reply a:visited, .gtmComItem__reply a:active { min-height:28px; padding:0 12px; display:inline-flex; align-items:center; justify-content:center; color:#2f2412 !important; background: linear-gradient(180deg,#d2ab73 0%,#a07437 55%,#6d461f 100%); border:1px solid #3f2b15; border-radius:999px; font:900 10px/1 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; text-transform:uppercase; text-decoration:none !important; text-shadow:0 1px 0 rgba(255,255,255,.28); box-shadow: 0 2px 6px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.20); } .gtmComItem__reply a:hover { background: linear-gradient(180deg,#e2bd82 0%,#b48041 55%,#7c5127 100%); border-color:#d2ab73; } /* =============================== 380. ФОРМА И ПРАВИЛА =============================== */ .gtnCom { width:100%; max-width:100%; margin:12px 0 0; } .gtnCom_inner { width:100%; max-width:100%; padding:10px; overflow:hidden; background: radial-gradient(circle at top left,rgba(255,255,255,.58),rgba(255,255,255,0) 42%), radial-gradient(circle at bottom right,rgba(210,171,115,.18),rgba(210,171,115,0) 46%), linear-gradient(180deg,#f7efd3 0%,#efe2bc 100%); border:1px solid rgba(72,58,33,.32); border-radius:12px; box-shadow: inset 0 1px 0 rgba(255,255,255,.65), 0 2px 8px rgba(0,0,0,.14); } .gtnCom_rules, .gtnCom_login { margin:0 0 10px; padding:10px; border-radius:10px; background: radial-gradient(circle at top left,rgba(255,255,255,.50),rgba(255,255,255,0) 44%), linear-gradient(180deg,#f8efd2 0%,#eadbb0 100%); border:1px solid rgba(72,58,33,.24); color:#4b422e; } .gtnCom_rulesTitle, .gtnCom_loginTitle { display:flex; align-items:center; gap:7px; margin:0 0 6px; color:#7c4632; font:900 11px/1.2 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; text-transform:uppercase; letter-spacing:.08em; } .gtnCom_rulesIcon, .gtnCom_loginIcon { width:22px; height:22px; display:inline-flex; align-items:center; justify-content:center; border-radius:7px; color:#2f2412; background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 100%); border:1px solid #8a7b5a; } .gtnCom_rulesIcon svg, .gtnCom_loginIcon svg { width:13px; height:13px; } .gtnCom_rulesText, .gtnCom_loginText { color:#4b422e; font:700 12px/1.55 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; } .gtnCom_loginLinks { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; } .gtnCom_loginLinks a { min-height:30px; padding:0 12px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; color:#2f2412 !important; background:linear-gradient(180deg,#d2ab73 0%,#a07437 55%,#6d461f 100%); border:1px solid #3f2b15; font:900 10px/1 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; text-transform:uppercase; text-decoration:none !important; } .gtnCom_form { width:100%; max-width:100%; overflow:hidden; } /* =============================== 381. ЗАЩИТА ОТ ВЫЕЗДА =============================== */ .gtmComItem, .gtmComItem *, .gtnComBody, .gtnComBody *, .gtnCom, .gtnCom * { max-width:100%; word-wrap:break-word; overflow-wrap:break-word; } .gtmComItem img { max-width:100%; height:auto; } .gtmComItem table { max-width:100%; } /* =============================== 382. АДАПТИВ =============================== */ @media(max-width:760px) { .gtnComTop { flex-direction:column; align-items:flex-start; } .gtnComTop__right { max-width:100%; width:100%; } .gtnComStats { grid-template-columns:repeat(2,minmax(0,1fr)); } .gtnComSort { flex-direction:column; align-items:flex-start; } .gtnComSort__note { white-space:normal; } .gtmComItem__top { flex-direction:column; align-items:stretch; } .gtmComItem__actions { max-width:100%; justify-content:flex-start; } .gtmComItem__author, .gtmComItem__guest { max-width:130px; } } @media(max-width:480px) { .gtnComStats { grid-template-columns:1fr; } .gtmComItem__cell { padding:8px; } .gtmComItem__message { font-size:12px; } .gtmComItem__avatarLink { width:34px; height:34px; } .gtmComItem__avatar { width:34px; height:34px; } } @media(prefers-reduced-motion:reduce) { .gtnComTop, .gtnComTop *, .gtnComStats, .gtnComStats *, .gtnBestComBox, .gtnBestComBox *, .gtmComItem, .gtmComItem * { animation:none !important; transition:none !important; transform:none !important; } } /* Скрываем оригинал золотого комментария в общем списке, потому что его копия уже показана сверху */ .gtnComBody .gtmComItem--goldSource, .com_body .gtmComItem--goldSource { display:none !important; } /* =============================== 383. ФОРМА ДОБАВЛЕНИЯ НОВОСТИ =============================== */ .gtmAddFormBox, .gtmAddFormBox *, .gtmAddFormBox *:before, .gtmAddFormBox *:after { box-sizing:border-box; max-width:100%; } .gtmAddFormBox { position:relative; width:100%; max-width:100%; margin:0 auto 14px; padding:10px; overflow:hidden; color:#e4dac4; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; background: radial-gradient(circle at 50% 0,rgba(210,171,115,.07),transparent 42%), linear-gradient(180deg,#3d3628 0%,#2f291d 52%,#221d14 100%); border:1px solid #1c1710; border-radius:12px; box-shadow: 0 14px 30px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.045), inset 0 -1px 0 rgba(0,0,0,.22); } .gtmAddFormBox:before { content:""; position:absolute; inset:1px; border-radius:11px; border:1px solid rgba(255,255,255,.025); pointer-events:none; z-index:1; } .gtmAddFormBox:after { content:""; position:absolute; left:8px; right:8px; top:0; height:1px; background:rgba(210,171,115,.28); pointer-events:none; z-index:2; } .gtmAddFormBox > * { position:relative; z-index:3; } /* =============================== 384. Таблица uCoz =============================== */ .gtmAddNewsFormTable, .manTable.gtmAddNewsFormTable { width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; border-collapse:separate !important; border-spacing:0 7px !important; color:#e4dac4 !important; background:transparent !important; border:0 !important; } .gtmAddNewsFormTable tbody, .gtmAddNewsFormTable tr { width:100% !important; } /* обычные строки */ .gtmAddNewsFormTable tr { background:transparent !important; } /* убираем страшные прочерки */ .gtmAddNewsFormTable .gtmFormSep, .gtmAddNewsFormTable .manTdSep { display:none !important; height:0 !important; padding:0 !important; margin:0 !important; line-height:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; } .gtmAddNewsFormTable .manHr, .gtmAddNewsFormTable hr { display:none !important; height:0 !important; margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; } /* левая подпись */ .gtmAddNewsFormTable .manTd1 { width:190px !important; padding:9px 10px !important; color:#f5ebce !important; font-size:12px !important; font-weight:900 !important; line-height:1.35 !important; text-align:left !important; text-shadow:0 1px 1px rgba(0,0,0,.72) !important; background:#3a3325 !important; border:1px solid #1c1710 !important; border-right:0 !important; border-radius:8px 0 0 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 1px 2px rgba(0,0,0,.22); } /* правая часть */ .gtmAddNewsFormTable .manTd2 { padding:9px 10px !important; color:#e4dac4 !important; font-size:12px !important; font-weight:700 !important; line-height:1.45 !important; background:#302a1d !important; border:1px solid #1c1710 !important; border-left:0 !important; border-radius:0 8px 8px 0 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 1px 2px rgba(0,0,0,.22); } /* большие поля описания */ .gtmAddNewsFormTable .manTdBrief, .gtmAddNewsFormTable .manTdText { padding:10px !important; color:#e4dac4 !important; background:#302a1d !important; border:1px solid #1c1710 !important; border-radius:8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 1px 2px rgba(0,0,0,.22); } /* =============================== 385. Поля формы =============================== */ .gtmAddFormBox input[type="text"], .gtmAddFormBox input[type="password"], .gtmAddFormBox input[type="email"], .gtmAddFormBox input[type="url"], .gtmAddFormBox input[type="number"], .gtmAddFormBox input[type="file"], .gtmAddFormBox textarea, .gtmAddFormBox select { width:100% !important; max-width:100% !important; min-height:34px !important; margin:0 !important; padding:8px 9px !important; color:#f5ebce !important; background:#241f16 !important; border:1px solid #1c1710 !important; border-radius:7px !important; outline:none !important; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; font-size:12px !important; font-weight:800 !important; line-height:1.35 !important; text-shadow:0 1px 1px rgba(0,0,0,.65) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 1px 2px rgba(0,0,0,.18) !important; transition: border-color .18s ease, box-shadow .18s ease, background .18s ease !important; } .gtmAddFormBox textarea { min-height:170px !important; resize:vertical !important; line-height:1.55 !important; } .gtmAddFormBox input[type="file"] { padding:7px !important; cursor:pointer !important; } .gtmAddFormBox input:focus, .gtmAddFormBox textarea:focus, .gtmAddFormBox select:focus { border-color:#d2ab73 !important; background:#2f291d !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 0 0 2px rgba(210,171,115,.10), 0 0 8px rgba(210,171,115,.14) !important; } .gtmAddFormBox input::placeholder, .gtmAddFormBox textarea::placeholder { color:#9f9278 !important; } .gtmAddFormBox input[type="checkbox"], .gtmAddFormBox input[type="radio"] { accent-color:#d2ab73 !important; } /* =============================== 386. Редактор / uCoz элементы =============================== */ .gtmAddFormBox iframe, .gtmAddFormBox .wysibb, .gtmAddFormBox .bbCodeBlock, .gtmAddFormBox .codeButtons, .gtmAddFormBox .uEditor, .gtmAddFormBox .edToolbar { max-width:100% !important; border-radius:7px !important; } .gtmAddFormBox .edToolbar, .gtmAddFormBox .codeButtons { background:#3a3325 !important; border:1px solid #1c1710 !important; color:#e4dac4 !important; } .gtmAddFormBox iframe { background:#241f16 !important; border:1px solid #1c1710 !important; } /* =============================== 387. Нижние кнопки =============================== */ .gtmAddFormBox__submit { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px; width:100%; margin:10px 0 0; padding:10px; background:#352f22; border:1px solid #1c1710; border-radius:8px; box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 1px 2px rgba(0,0,0,.22); } .gtmAddFormBox__submit input, .gtmAddFormBox__submit button, .gtmAddFormBox__submit a, .gtmAddFormBox input[type="submit"], .gtmAddFormBox input[type="button"], .gtmAddFormBox button { min-height:32px !important; padding:0 14px !important; color:#24170d !important; background: linear-gradient(180deg,#d2ab73 0%,#a07437 55%,#6d461f 100%) !important; border:1px solid #3f2b15 !important; border-radius:8px !important; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; font-size:11px !important; font-weight:900 !important; line-height:30px !important; text-align:center !important; text-transform:uppercase !important; letter-spacing:.04em !important; text-decoration:none !important; text-shadow:0 1px 0 rgba(255,255,255,.24) !important; cursor:pointer !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 2px 5px rgba(0,0,0,.25) !important; transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, filter .16s ease !important; } .gtmAddFormBox__submit input:hover, .gtmAddFormBox__submit button:hover, .gtmAddFormBox__submit a:hover, .gtmAddFormBox input[type="submit"]:hover, .gtmAddFormBox input[type="button"]:hover, .gtmAddFormBox button:hover { transform:translateY(-1px) !important; border-color:#d2ab73 !important; filter:brightness(1.05) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 3px 8px rgba(0,0,0,.30), 0 0 8px rgba(210,171,115,.12) !important; } .gtmAddFormBox__submit a { display:inline-flex !important; align-items:center !important; justify-content:center !important; } /* =============================== 388. Ссылки =============================== */ .gtmAddFormBox a, .gtmAddFormBox a:link, .gtmAddFormBox a:visited, .gtmAddFormBox a:active { color:#d2ab73 !important; font-weight:900 !important; text-decoration:none !important; } .gtmAddFormBox a:hover { color:#f5ebce !important; text-decoration:underline !important; text-underline-offset:2px !important; } /* =============================== 389. Защита от выезда =============================== */ .gtmAddFormBox img { max-width:100% !important; height:auto !important; } .gtmAddFormBox table table { max-width:100% !important; } .gtmAddFormBox .manTd2 > *, .gtmAddFormBox .manTdBrief > *, .gtmAddFormBox .manTdText > * { max-width:100% !important; } /* =============================== 390. Мобильная версия =============================== */ @media(max-width:760px) { .gtmAddNewsFormTable, .gtmAddNewsFormTable tbody, .gtmAddNewsFormTable tr, .gtmAddNewsFormTable td { display:block !important; width:100% !important; } .gtmAddNewsFormTable tr { margin:0 0 7px !important; } .gtmAddNewsFormTable .manTd1 { width:100% !important; border:1px solid #1c1710 !important; border-bottom:0 !important; border-radius:8px 8px 0 0 !important; } .gtmAddNewsFormTable .manTd2 { width:100% !important; border:1px solid #1c1710 !important; border-top:0 !important; border-radius:0 0 8px 8px !important; } .gtmAddFormBox__submit { align-items:stretch; } .gtmAddFormBox__submit input, .gtmAddFormBox__submit button, .gtmAddFormBox__submit a { width:100% !important; } } @media(prefers-reduced-motion:reduce) { .gtmAddFormBox, .gtmAddFormBox *, .gtmAddFormBox *:before, .gtmAddFormBox *:after { animation:none !important; transition:none !important; transform:none !important; } } /* =============================== 391. ФОРМА ДОБАВЛЕНИЯ МОДА стиль как "Мини профиль" =============================== */ .gtmAddModFormBox, .gtmAddModFormBox *, .gtmAddModFormBox *:before, .gtmAddModFormBox *:after { box-sizing:border-box !important; max-width:100% !important; } .gtmAddModFormBox { position:relative !important; width:100% !important; max-width:100% !important; margin:0 auto 14px !important; padding:10px !important; overflow:hidden !important; color:#e4dac4 !important; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; background: radial-gradient(circle at 50% 0,rgba(210,171,115,.07),transparent 42%), linear-gradient(180deg,#3d3628 0%,#2f291d 52%,#221d14 100%) !important; border:1px solid #1c1710 !important; border-radius:12px !important; box-shadow: 0 14px 30px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.045), inset 0 -1px 0 rgba(0,0,0,.22) !important; } .gtmAddModFormBox:before { content:"" !important; position:absolute !important; inset:1px !important; border-radius:11px !important; border:1px solid rgba(255,255,255,.025) !important; pointer-events:none !important; z-index:1 !important; } .gtmAddModFormBox:after { content:"" !important; position:absolute !important; left:8px !important; right:8px !important; top:0 !important; height:1px !important; background:rgba(210,171,115,.28) !important; pointer-events:none !important; z-index:2 !important; } .gtmAddModFormBox > * { position:relative !important; z-index:3 !important; } /* =============================== 392. Список полей =============================== */ .gtmAddModFields, .form-fields.gtmAddModFields { display:grid !important; grid-template-columns:190px minmax(0,1fr) !important; gap:7px 0 !important; width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; list-style:none !important; color:#e4dac4 !important; background:transparent !important; } .gtmAddModFields li { min-width:0 !important; margin:0 !important; padding:0 !important; list-style:none !important; background:transparent !important; border:0 !important; } /* левая подпись */ .gtmAddModFields__label { display:flex !important; align-items:center !important; padding:9px 10px !important; color:#f5ebce !important; background:#3a3325 !important; border:1px solid #1c1710 !important; border-right:0 !important; border-radius:8px 0 0 8px !important; font-size:12px !important; font-weight:900 !important; line-height:1.35 !important; text-align:left !important; text-shadow:0 1px 1px rgba(0,0,0,.72) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 1px 2px rgba(0,0,0,.22) !important; } .gtmAddModFields__label label { display:block !important; width:100% !important; margin:0 !important; padding:0 !important; color:#f5ebce !important; font:inherit !important; text-align:left !important; cursor:default !important; } /* правая часть */ .gtmAddModFields__field { display:block !important; padding:9px 10px !important; color:#e4dac4 !important; background:#302a1d !important; border:1px solid #1c1710 !important; border-left:0 !important; border-radius:0 8px 8px 0 !important; font-size:12px !important; font-weight:700 !important; line-height:1.45 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 1px 2px rgba(0,0,0,.22) !important; } /* широкие поля */ .gtmAddModFields .notcolumn, .gtmAddModFields__wide, .gtmAddModFields__buttons { grid-column:1 / -1 !important; width:100% !important; max-width:100% !important; } .gtmAddModFields__wide { padding:10px !important; color:#e4dac4 !important; background:#302a1d !important; border:1px solid #1c1710 !important; border-radius:8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 1px 2px rgba(0,0,0,.22) !important; } /* скрываем страшные линии */ .gtmAddModFields .notcolumn hr, .gtmAddModFields hr { display:none !important; height:0 !important; margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; } .gtmAddModFields .notcolumn:has(hr) { display:none !important; height:0 !important; margin:0 !important; padding:0 !important; } /* =============================== 393. Поля ввода =============================== */ .gtmAddModFormBox input[type="text"], .gtmAddModFormBox input[type="password"], .gtmAddModFormBox input[type="email"], .gtmAddModFormBox input[type="url"], .gtmAddModFormBox input[type="number"], .gtmAddModFormBox input[type="file"], .gtmAddModFormBox textarea, .gtmAddModFormBox select { width:100% !important; max-width:100% !important; min-height:34px !important; margin:0 !important; padding:8px 9px !important; color:#f5ebce !important; background:#241f16 !important; border:1px solid #1c1710 !important; border-radius:7px !important; outline:none !important; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; font-size:12px !important; font-weight:800 !important; line-height:1.35 !important; text-shadow:0 1px 1px rgba(0,0,0,.65) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 1px 2px rgba(0,0,0,.18) !important; transition: border-color .18s ease, box-shadow .18s ease, background .18s ease !important; } .gtmAddModFormBox textarea { min-height:170px !important; resize:vertical !important; line-height:1.55 !important; } .gtmAddModFormBox input[type="file"] { padding:7px !important; cursor:pointer !important; } .gtmAddModFormBox input:focus, .gtmAddModFormBox textarea:focus, .gtmAddModFormBox select:focus { border-color:#d2ab73 !important; background:#2f291d !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 0 0 2px rgba(210,171,115,.10), 0 0 8px rgba(210,171,115,.14) !important; } .gtmAddModFormBox input::placeholder, .gtmAddModFormBox textarea::placeholder { color:#9f9278 !important; } .gtmAddModFormBox input[type="checkbox"], .gtmAddModFormBox input[type="radio"] { accent-color:#d2ab73 !important; } /* =============================== 394. uCoz редактор / вложенные элементы =============================== */ .gtmAddModFormBox iframe, .gtmAddModFormBox .wysibb, .gtmAddModFormBox .bbCodeBlock, .gtmAddModFormBox .codeButtons, .gtmAddModFormBox .uEditor, .gtmAddModFormBox .edToolbar, .gtmAddModFormBox table { max-width:100% !important; } .gtmAddModFormBox iframe, .gtmAddModFormBox .wysibb, .gtmAddModFormBox .bbCodeBlock, .gtmAddModFormBox .codeButtons, .gtmAddModFormBox .uEditor, .gtmAddModFormBox .edToolbar { border-radius:7px !important; } .gtmAddModFormBox .edToolbar, .gtmAddModFormBox .codeButtons { background:#3a3325 !important; border:1px solid #1c1710 !important; color:#e4dac4 !important; } .gtmAddModFormBox iframe { background:#241f16 !important; border:1px solid #1c1710 !important; } /* =============================== 395. Кнопки =============================== */ .gtmAddModFields__buttons, .form-buttons.gtmAddModFields__buttons, .gtmAddModFields .form-buttons { display:flex !important; align-items:center !important; justify-content:center !important; flex-wrap:wrap !important; gap:8px !important; width:100% !important; margin:3px 0 0 !important; padding:10px !important; background:#352f22 !important; border:1px solid #1c1710 !important; border-radius:8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 1px 2px rgba(0,0,0,.22) !important; } .gtmAddModFields__buttons input, .gtmAddModFields__buttons button, .gtmAddModFields__buttons a, .gtmAddModFormBox input[type="submit"], .gtmAddModFormBox input[type="button"], .gtmAddModFormBox button { min-height:32px !important; padding:0 14px !important; color:#24170d !important; background: linear-gradient(180deg,#d2ab73 0%,#a07437 55%,#6d461f 100%) !important; border:1px solid #3f2b15 !important; border-radius:8px !important; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; font-size:11px !important; font-weight:900 !important; line-height:30px !important; text-align:center !important; text-transform:uppercase !important; letter-spacing:.04em !important; text-decoration:none !important; text-shadow:0 1px 0 rgba(255,255,255,.24) !important; cursor:pointer !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 2px 5px rgba(0,0,0,.25) !important; transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, filter .16s ease !important; } .gtmAddModFields__buttons input:hover, .gtmAddModFields__buttons button:hover, .gtmAddModFields__buttons a:hover, .gtmAddModFormBox input[type="submit"]:hover, .gtmAddModFormBox input[type="button"]:hover, .gtmAddModFormBox button:hover { transform:translateY(-1px) !important; border-color:#d2ab73 !important; filter:brightness(1.05) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 3px 8px rgba(0,0,0,.30), 0 0 8px rgba(210,171,115,.12) !important; } /* =============================== 396. Ссылки =============================== */ .gtmAddModFormBox a, .gtmAddModFormBox a:link, .gtmAddModFormBox a:visited, .gtmAddModFormBox a:active { color:#d2ab73 !important; font-weight:900 !important; text-decoration:none !important; } .gtmAddModFormBox a:hover { color:#f5ebce !important; text-decoration:underline !important; text-underline-offset:2px !important; } /* =============================== 397. Защита от выезда =============================== */ .gtmAddModFormBox img { max-width:100% !important; height:auto !important; } .gtmAddModFormBox table, .gtmAddModFormBox tbody, .gtmAddModFormBox tr, .gtmAddModFormBox td { max-width:100% !important; } .gtmAddModFields__field > *, .gtmAddModFields__wide > * { max-width:100% !important; } /* =============================== 398. Мобильная версия =============================== */ @media(max-width:760px) { .gtmAddModFields, .form-fields.gtmAddModFields { display:block !important; } .gtmAddModFields__label { width:100% !important; margin:0 !important; border:1px solid #1c1710 !important; border-bottom:0 !important; border-radius:8px 8px 0 0 !important; } .gtmAddModFields__field { width:100% !important; margin:0 0 7px !important; border:1px solid #1c1710 !important; border-top:0 !important; border-radius:0 0 8px 8px !important; } .gtmAddModFields__wide { margin:0 0 7px !important; } .gtmAddModFields__buttons, .form-buttons.gtmAddModFields__buttons, .gtmAddModFields .form-buttons { align-items:stretch !important; } .gtmAddModFields__buttons input, .gtmAddModFields__buttons button, .gtmAddModFields__buttons a { width:100% !important; } } @media(prefers-reduced-motion:reduce) { .gtmAddModFormBox, .gtmAddModFormBox *, .gtmAddModFormBox *:before, .gtmAddModFormBox *:after { animation:none !important; transition:none !important; transform:none !important; } } /* =============================== 399. ЕДИНЫЙ БЛОК: ПОЛЬЗОВАТЕЛИ ОНЛАЙН + АКТИВНОСТЬ ЗА СУТКИ стиль как "Статистика пользователей" / Мини профиль =============================== */ .gtmUserActivityPack{ width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 0 10px 0 !important; padding:0 !important; position:relative !important; overflow:hidden !important; color:#e4dac4 !important; background: radial-gradient(circle at 50% 0,rgba(210,171,115,.10),transparent 42%), radial-gradient(circle at 86% 100%,rgba(86,52,24,.14),transparent 34%), linear-gradient(180deg,#3d3628 0%,#2f291d 52%,#221d14 100%) !important; border:1px solid #1c1710 !important; border-radius:12px !important; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; box-shadow: 0 14px 30px rgba(0,0,0,.42), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.16) inset !important; box-sizing:border-box !important; } .gtmUserActivityPack, .gtmUserActivityPack *, .gtmUserActivityPack *:before, .gtmUserActivityPack *:after{ box-sizing:border-box !important; max-width:100% !important; } .gtmUserActivityPack:before{ content:"" !important; position:absolute !important; inset:1px !important; z-index:0 !important; border:1px solid rgba(255,255,255,.03) !important; border-radius:11px !important; pointer-events:none !important; } .gtmUserActivityPack:after{ content:"" !important; position:absolute !important; left:0 !important; top:0 !important; width:100% !important; height:1px !important; z-index:4 !important; background:linear-gradient(90deg,transparent,rgba(240,221,185,.36),transparent) !important; pointer-events:none !important; } .gtmUserActivityPack > *{ position:relative !important; z-index:2 !important; } /* =============================== 400. СБРОС ВНУТРЕННИХ БЛОКОВ =============================== */ .gtmUserActivityPack .gtmProfileMenu, .gtmUserActivityPack .gtmOnlinePanel, .gtmUserActivityPack .gtmVisitedPanel{ width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; position:relative !important; overflow:hidden !important; background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; outline:0 !important; } .gtmUserActivityPack .gtmProfileMenu:before, .gtmUserActivityPack .gtmProfileMenu:after, .gtmUserActivityPack .gtmProfileMenu__title:before, .gtmUserActivityPack .gtmProfileMenu__title:after, .gtmUserActivityPack .gtmProfileMenu__body:before, .gtmUserActivityPack .gtmProfileMenu__body:after{ display:none !important; content:none !important; } /* =============================== 401. ЗАГОЛОВОК =============================== */ .gtmUserActivityPack .gtmOnlinePanel__title, .gtmUserActivityPack .gtmProfileMenu__title.gtmOnlinePanel__title{ width:100% !important; min-height:34px !important; margin:0 !important; padding:8px 9px !important; display:flex !important; align-items:center !important; gap:6px !important; color:#f5ebce !important; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.36)), rgba(23,21,13,.38) !important; border:1px solid rgba(138,123,90,.30) !important; border-radius:11px 11px 8px 8px !important; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; font-size:12px !important; font-weight:900 !important; line-height:16px !important; text-transform:uppercase !important; letter-spacing:.04em !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.18) !important; overflow:hidden !important; } .gtmOnlinePanel__titleLeft{ flex:1 1 auto !important; min-width:0 !important; display:flex !important; align-items:center !important; gap:6px !important; } .gtmOnlinePanel__titleIcon{ flex:0 0 16px !important; width:16px !important; height:16px !important; display:inline-block !important; position:relative !important; border-radius:4px !important; background:linear-gradient(180deg,#d2ab73 0%,#8d6a2c 100%) !important; border:1px solid rgba(35,28,15,.88) !important; box-shadow: 0 1px 0 rgba(255,255,255,.22) inset, 0 0 7px rgba(210,171,115,.22) !important; } .gtmOnlinePanel__titleIcon:before{ content:"" !important; position:absolute !important; left:50% !important; top:50% !important; width:7px !important; height:7px !important; margin:-4px 0 0 -4px !important; border-radius:50% !important; background:#2f2412 !important; box-shadow: 0 0 0 1px rgba(255,255,255,.14), 0 0 6px rgba(47,36,18,.55) !important; } .gtmOnlinePanel__titleText{ flex:1 1 auto !important; min-width:0 !important; display:block !important; color:#f5ebce !important; font-size:12px !important; font-weight:900 !important; line-height:16px !important; text-transform:uppercase !important; letter-spacing:.04em !important; overflow:hidden !important; white-space:nowrap !important; text-overflow:ellipsis !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; } .gtmOnlinePanel__badge{ flex:0 0 auto !important; display:inline-block !important; margin:0 0 0 auto !important; padding:3px 7px !important; color:#f5ebce !important; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.36)), rgba(23,21,13,.38) !important; border:1px solid rgba(138,123,90,.30) !important; border-radius:999px !important; font-size:9px !important; font-weight:900 !important; line-height:1.2 !important; text-transform:uppercase !important; letter-spacing:.04em !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.18) !important; } /* =============================== 402. ТЕЛО =============================== */ .gtmUserActivityPack .gtmOnlinePanel__body, .gtmUserActivityPack .gtmVisitedPanel__body, .gtmUserActivityPack .gtmProfileMenu__body{ width:100% !important; margin:0 !important; padding:10px !important; overflow:hidden !important; color:#e4dac4 !important; background:transparent !important; border:0 !important; border-radius:0 !important; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; box-shadow:none !important; } /* =============================== 403. ОНЛАЙН-СТАТУС — В ОДНУ СТРОКУ =============================== */ .gtmOnlinePanel__status{ width:100% !important; min-height:28px !important; margin:0 0 6px 0 !important; padding:5px 7px !important; display:flex !important; align-items:center !important; justify-content:flex-start !important; gap:5px !important; flex-wrap:nowrap !important; white-space:nowrap !important; color:#f5ebce !important; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.36)), rgba(23,21,13,.38) !important; border:1px solid rgba(138,123,90,.30) !important; border-radius:7px !important; font-size:10px !important; font-weight:900 !important; line-height:12px !important; text-align:left !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.18) !important; overflow:hidden !important; } .gtmOnlinePanel__dot{ flex:0 0 7px !important; width:7px !important; height:7px !important; display:inline-block !important; border-radius:50% !important; background:#d2ab73 !important; box-shadow: 0 0 7px rgba(210,171,115,.85), 0 0 12px rgba(210,171,115,.35) !important; animation:gtmUserActivityLivePulse 1.6s infinite ease-in-out !important; } .gtmOnlinePanel__statusLabel{ flex:0 0 auto !important; color:#b6ac94 !important; font-size:9px !important; font-weight:900 !important; line-height:12px !important; text-transform:uppercase !important; letter-spacing:.02em !important; white-space:nowrap !important; } .gtmOnlinePanel__counter{ flex:1 1 auto !important; min-width:0 !important; display:block !important; padding:0 !important; color:#f5ebce !important; background:none !important; border:0 !important; border-radius:0 !important; font-size:10px !important; font-weight:900 !important; line-height:12px !important; text-align:right !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow:none !important; } @keyframes gtmUserActivityLivePulse{ 0%,100%{ transform:scale(1); box-shadow: 0 0 7px rgba(210,171,115,.85), 0 0 12px rgba(210,171,115,.35); } 50%{ transform:scale(1.15); box-shadow: 0 0 10px rgba(210,171,115,1), 0 0 18px rgba(210,171,115,.55); } } /* =============================== 404. СЕЙЧАС НА САЙТЕ =============================== */ .gtmOnlinePanel__miniLabel{ width:100% !important; margin:0 0 5px 0 !important; padding:0 3px !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:7px !important; color:#b6ac94 !important; font-size:9px !important; font-weight:900 !important; line-height:12px !important; text-transform:uppercase !important; letter-spacing:.06em !important; text-align:center !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; } .gtmOnlinePanel__miniLabel:before, .gtmOnlinePanel__miniLabel:after{ content:"" !important; height:1px !important; flex:1 1 auto !important; background:linear-gradient(90deg,transparent 0%,rgba(210,171,115,.42) 50%,transparent 100%) !important; } .gtmOnlinePanel__miniLabel span{ flex:0 0 auto !important; } .gtmOnlinePanel__sectionTitle{ display:none !important; } /* =============================== 405. СПИСКИ =============================== */ .gtmOnlinePanel__list, .gtmVisitedBox{ width:100% !important; margin:0 0 6px 0 !important; padding:5px !important; overflow-y:auto !important; overflow-x:hidden !important; color:#e4dac4 !important; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.36)), rgba(23,21,13,.38) !important; border:1px solid rgba(138,123,90,.30) !important; border-radius:8px !important; font-size:9px !important; font-weight:800 !important; line-height:13px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), inset 0 2px 8px rgba(0,0,0,.20), 0 2px 5px rgba(0,0,0,.18) !important; scrollbar-width:thin !important; scrollbar-color:#d2ab73 rgba(23,21,13,.78) !important; } .gtmOnlinePanel__list{ max-height:138px !important; } .gtmVisitedBox{ max-height:130px !important; } /* =============================== 406. НИКИ — В ОДНУ СТРОКУ С ИКОНКОЙ =============================== */ .gtmOnlinePanel__list a, .gtmOnlinePanel__list a:link, .gtmOnlinePanel__list a:visited, .gtmOnlinePanel__list a:active, .gtmVisitedBox a, .gtmVisitedBox a:link, .gtmVisitedBox a:visited, .gtmVisitedBox a:active, .gtmVisitedUser{ display:inline-flex !important; align-items:center !important; justify-content:flex-start !important; gap:4px !important; max-width:100% !important; vertical-align:middle !important; margin:1px 2px 2px 0 !important; padding:2px 6px !important; color:#2a2418 !important; background-image: linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.035) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.12) .7px, transparent .8px), linear-gradient(180deg,#f5ebce 0%,#e7d9b8 100%) !important; background-size:auto,6px 6px,8px 8px,auto !important; background-position:0 0,0 0,3px 3px,0 0 !important; border:1px solid #9b8864 !important; border-radius:999px !important; font-size:9px !important; font-weight:900 !important; line-height:12px !important; text-decoration:none !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; text-shadow:1px 1px 0 rgba(255,255,255,.55) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 2px 5px rgba(0,0,0,.18) !important; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease !important; } .gtmOnlinePanel__list a:before, .gtmVisitedBox a:before{ content:"•" !important; flex:0 0 auto !important; color:#7a4a2a !important; font-size:13px !important; font-weight:900 !important; line-height:10px !important; text-shadow:1px 1px 0 rgba(255,255,255,.45) !important; } .gtmVisitedUser__icon{ flex:0 0 auto !important; width:10px !important; height:10px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; } .gtmVisitedUser__icon:before{ content:"•" !important; color:#7a4a2a !important; font-size:13px !important; font-weight:900 !important; line-height:10px !important; text-shadow:1px 1px 0 rgba(255,255,255,.45) !important; } .gtmVisitedUser__name{ flex:1 1 auto !important; min-width:0 !important; display:block !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; } .gtmVisitedUser__role{ flex:0 0 auto !important; margin-left:2px !important; padding:1px 5px !important; color:#2f2b1b !important; background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%) !important; border:1px solid #8a7b5a !important; border-radius:999px !important; font-size:8px !important; font-weight:900 !important; line-height:10px !important; text-transform:uppercase !important; text-shadow:1px 1px 0 rgba(255,255,255,.65) !important; } .gtmOnlinePanel__list a:hover, .gtmVisitedBox a:hover, .gtmVisitedUser:hover{ transform:translateY(-1px) !important; color:#2a2418 !important; border-color:#a18b5f !important; background-image: linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.04) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.14) .7px, transparent .8px), linear-gradient(180deg,#fff4d4 0%,#e3cfaa 100%) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.48), 0 4px 8px rgba(0,0,0,.24), 0 0 8px rgba(224,214,192,.16) !important; } /* =============================== 407. РОЛИ =============================== */ .gtmRoleAdmin, .gtmOnlinePanel__list a.gtmRoleAdmin, .gtmVisitedBox a.gtmRoleAdmin, .gtmOnlinePanel__list a[class*="admin"], .gtmVisitedBox a[class*="admin"]{ color:#f5ebce !important; background: linear-gradient(180deg,rgba(210,171,115,.10),rgba(122,74,42,.18)), linear-gradient(180deg,#8a563d 0%,#6f4330 58%,#4d2f22 100%) !important; border-color:#3e2419 !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: 0 2px 7px rgba(0,0,0,.34), 0 0 10px rgba(122,74,42,.16), inset 0 1px 0 rgba(255,255,255,.14) !important; } .gtmRoleAdmin:before, .gtmOnlinePanel__list a.gtmRoleAdmin:before, .gtmVisitedBox a.gtmRoleAdmin:before, .gtmOnlinePanel__list a[class*="admin"]:before, .gtmVisitedBox a[class*="admin"]:before{ content:"♛" !important; color:#f5ebce !important; font-size:10px !important; line-height:10px !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; } .gtmRoleAdmin .gtmVisitedUser__icon:before{ content:"♛" !important; color:#f5ebce !important; font-size:10px !important; } .gtmRoleMod, .gtmOnlinePanel__list a.gtmRoleMod, .gtmVisitedBox a.gtmRoleMod, .gtmOnlinePanel__list a[class*="mod"], .gtmVisitedBox a[class*="mod"]{ border-color:#8fa557 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 0 8px rgba(143,165,87,.18) !important; } .gtmRoleMod:before, .gtmOnlinePanel__list a.gtmRoleMod:before, .gtmVisitedBox a.gtmRoleMod:before, .gtmOnlinePanel__list a[class*="mod"]:before, .gtmVisitedBox a[class*="mod"]:before{ content:"◆" !important; color:#61743d !important; } .gtmRoleMod .gtmVisitedUser__icon:before{ content:"◆" !important; color:#61743d !important; } .gtmRoleVip, .gtmOnlinePanel__list a.gtmRoleVip, .gtmVisitedBox a.gtmRoleVip, .gtmOnlinePanel__list a[class*="vip"], .gtmVisitedBox a[class*="vip"]{ color:#2f2b1b !important; background: linear-gradient(180deg,#d8b072 0%,#b78445 52%,#8f6030 100%) !important; border-color:#704621 !important; text-shadow:1px 1px 0 rgba(255,255,255,.35) !important; } .gtmRoleVip:before, .gtmOnlinePanel__list a.gtmRoleVip:before, .gtmVisitedBox a.gtmRoleVip:before, .gtmOnlinePanel__list a[class*="vip"]:before, .gtmVisitedBox a[class*="vip"]:before{ content:"★" !important; color:#2f2b1b !important; } .gtmRoleVip .gtmVisitedUser__icon:before{ content:"★" !important; color:#2f2b1b !important; } /* =============================== 408. ИМЕНИННИКИ — НИКИ ПРОСТО ТЕКСТОМ =============================== */ .gtmOnlinePanel__birthday{ width:100% !important; max-height:42px !important; margin:0 0 6px 0 !important; padding:6px !important; overflow-y:auto !important; overflow-x:hidden !important; color:#b6ac94 !important; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.36)), rgba(23,21,13,.38) !important; border:1px dashed rgba(138,123,90,.34) !important; border-radius:8px !important; font-size:9px !important; font-weight:800 !important; line-height:12px !important; text-align:center !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.18) !important; scrollbar-width:thin !important; scrollbar-color:#d2ab73 rgba(23,21,13,.78) !important; transition: max-height .22s ease, border-color .18s ease, box-shadow .18s ease !important; } .gtmOnlinePanel__birthday:hover{ max-height:105px !important; border-color:rgba(210,171,115,.44) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 3px 8px rgba(0,0,0,.24), 0 0 9px rgba(210,171,115,.10) !important; } .gtmOnlinePanel__birthday strong{ display:block !important; margin:0 0 2px 0 !important; color:#f5ebce !important; font-size:9px !important; font-weight:900 !important; line-height:12px !important; text-transform:uppercase !important; letter-spacing:.02em !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; } .gtmOnlinePanel__birthdayHint{ display:block !important; margin:0 0 3px 0 !important; color:#8f846d !important; font-size:8px !important; font-weight:800 !important; line-height:10px !important; text-transform:lowercase !important; } .gtmOnlinePanel__birthdayList{ display:block !important; color:#d8caa8 !important; font-size:9px !important; font-weight:800 !important; line-height:12px !important; text-align:center !important; } .gtmOnlinePanel__birthday ol, .gtmOnlinePanel__birthday ul{ margin:0 !important; padding:0 !important; list-style:none !important; } .gtmOnlinePanel__birthday li{ margin:1px 0 !important; padding:0 !important; list-style:none !important; } .gtmOnlinePanel__birthday li::marker{ content:"" !important; display:none !important; } .gtmOnlinePanel__birthday li:before{ display:none !important; content:none !important; } .gtmOnlinePanel__birthday a, .gtmOnlinePanel__birthday a:link, .gtmOnlinePanel__birthday a:visited, .gtmOnlinePanel__birthday a:active{ display:inline !important; margin:0 !important; padding:0 !important; color:#d8caa8 !important; background:none !important; border:0 !important; border-radius:0 !important; font-size:9px !important; font-weight:800 !important; line-height:12px !important; text-decoration:none !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow:none !important; } .gtmOnlinePanel__birthday a:hover{ color:#f5ebce !important; text-decoration:none !important; } .gtmOnlinePanel__birthday.gtmIsEmpty{ display:none !important; } /* =============================== 409. НИЖНЯЯ СЕКЦИЯ =============================== */ .gtmUserActivityPack__visited{ width:100% !important; max-width:100% !important; position:relative !important; margin:0 !important; padding:0 !important; } .gtmUserActivityPack__visited:before{ content:"" !important; display:block !important; position:relative !important; left:auto !important; right:auto !important; top:auto !important; width:calc(100% - 20px) !important; height:1px !important; margin:0 auto 8px auto !important; background: linear-gradient( 90deg, transparent 0%, rgba(210,171,115,.38) 20%, rgba(240,221,185,.46) 50%, rgba(210,171,115,.38) 80%, transparent 100% ) !important; box-shadow:0 0 8px rgba(210,171,115,.16) !important; pointer-events:none !important; } .gtmUserActivityPack__visited .gtmVisitedPanel__title, .gtmUserActivityPack__visited .gtmVisitedPanel__stat, .gtmUserActivityPack__visited .gtmVisitedPanel__allBtn{ display:none !important; } .gtmUserActivityPack__visited .gtmVisitedPanel__body, .gtmUserActivityPack__visited .gtmProfileMenu__body{ padding:10px !important; padding-top:0 !important; border-radius:0 0 11px 11px !important; } .gtmVisitedPanel__period{ width:100% !important; min-height:24px !important; margin:0 0 6px 0 !important; padding:5px 7px !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:6px !important; color:#b6ac94 !important; background: linear-gradient(180deg,rgba(245,235,206,.06),rgba(23,21,13,.38)), rgba(23,21,13,.42) !important; border:1px solid rgba(138,123,90,.28) !important; border-radius:7px !important; font-size:10px !important; font-weight:900 !important; line-height:12px !important; text-align:center !important; text-transform:uppercase !important; letter-spacing:.04em !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.22) !important; } .gtmVisitedPanel__periodDot{ flex:0 0 auto !important; width:7px !important; height:7px !important; display:inline-block !important; border-radius:50% !important; background:#d2ab73 !important; box-shadow: 0 0 7px rgba(210,171,115,.85), 0 0 12px rgba(210,171,115,.35) !important; animation:gtmUserActivityLivePulse 1.6s infinite ease-in-out !important; } .gtmVisitedPanel__divider{ display:none !important; } .gtmVisitedFadeWrap{ width:100% !important; max-width:100% !important; margin:0 0 6px 0 !important; padding:0 !important; position:relative !important; overflow:hidden !important; } .gtmVisitedBox--fade{ position:relative !important; } .gtmVisitedBox--fade:after{ content:"" !important; position:sticky !important; left:0 !important; right:0 !important; bottom:-5px !important; display:block !important; height:18px !important; margin-top:-18px !important; background: linear-gradient(180deg,rgba(47,41,29,0),rgba(34,29,20,.96)) !important; pointer-events:none !important; } /* =============================== 410. КНОПКА ВНИЗУ ВСЕГО БЛОКА =============================== */ .gtmOnlinePanel__links{ display:none !important; } .gtmUserActivityPack__bottomBtn{ width:100% !important; display:block !important; margin:0 0 6px 0 !important; } .gtmOnlinePanel__btn, .gtmOnlinePanel__btn:link, .gtmOnlinePanel__btn:visited, .gtmOnlinePanel__btn:active{ width:100% !important; min-width:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; margin:0 !important; padding:6px 7px !important; color:#2f2b1b !important; background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%) !important; border:1px solid #8a7b5a !important; border-radius:8px !important; font-size:10px !important; font-weight:900 !important; line-height:12px !important; text-align:center !important; text-decoration:none !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; text-shadow:1px 1px 0 rgba(255,255,255,.65) !important; box-shadow: 0 2px 6px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.45) !important; transition: transform .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease !important; } .gtmOnlinePanel__btn:hover{ transform:translateY(-1px) !important; color:#7a4a2a !important; border-color:#a18b5f !important; box-shadow: 0 4px 10px rgba(0,0,0,.35), 0 0 8px rgba(224,214,192,.18), inset 0 1px 0 rgba(255,255,255,.48) !important; } /* =============================== 411. ПУСТЫЕ СОСТОЯНИЯ =============================== */ .gtmEmptyText{ display:flex !important; align-items:center !important; justify-content:center !important; min-height:28px !important; padding:6px !important; color:#b6ac94 !important; font-size:9px !important; font-weight:900 !important; line-height:12px !important; text-align:center !important; text-transform:uppercase !important; letter-spacing:.03em !important; background: linear-gradient(180deg,rgba(245,235,206,.06),rgba(23,21,13,.28)), rgba(23,21,13,.28) !important; border:1px dashed rgba(138,123,90,.30) !important; border-radius:7px !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; } /* =============================== 412. ФУТЕР =============================== */ .gtmVisitedPanel__footer{ margin:0 !important; padding:5px 7px !important; display:flex !important; align-items:center !important; justify-content:center !important; color:#b6ac94 !important; background: linear-gradient(180deg,rgba(245,235,206,.06),rgba(23,21,13,.38)), rgba(23,21,13,.42) !important; border:1px solid rgba(138,123,90,.28) !important; border-radius:7px !important; font-size:9px !important; font-weight:800 !important; line-height:11px !important; text-align:center !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.22) !important; } .gtmVisitedPanel__footer span{ display:block !important; max-width:100% !important; color:#b6ac94 !important; font-size:9px !important; font-weight:800 !important; line-height:11px !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; } /* =============================== 413. СКРОЛЛЫ =============================== */ .gtmOnlinePanel__list::-webkit-scrollbar, .gtmOnlinePanel__birthday::-webkit-scrollbar, .gtmVisitedBox::-webkit-scrollbar{ width:8px !important; height:8px !important; } .gtmOnlinePanel__list::-webkit-scrollbar-track, .gtmOnlinePanel__birthday::-webkit-scrollbar-track, .gtmVisitedBox::-webkit-scrollbar-track{ background: linear-gradient(180deg,rgba(23,21,13,.92),rgba(47,43,27,.72)) !important; border-radius:10px !important; box-shadow:inset 0 1px 3px rgba(0,0,0,.45) !important; } .gtmOnlinePanel__list::-webkit-scrollbar-thumb, .gtmOnlinePanel__birthday::-webkit-scrollbar-thumb, .gtmVisitedBox::-webkit-scrollbar-thumb{ background: linear-gradient(180deg,#d2ab73 0%,#8a6b3f 45%,#4b3520 100%) !important; border:1px solid #17150d !important; border-radius:10px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 0 8px rgba(210,171,115,.18) !important; } .gtmOnlinePanel__list::-webkit-scrollbar-thumb:hover, .gtmOnlinePanel__birthday::-webkit-scrollbar-thumb:hover, .gtmVisitedBox::-webkit-scrollbar-thumb:hover{ background: linear-gradient(180deg,#f5ebce 0%,#b78445 48%,#5a3d24 100%) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 0 11px rgba(210,171,115,.28) !important; } /* =============================== 414. ЗАЩИТА ОТ ЛЕВОГО ОТСТУПА В КОЛОНКЕ если блок снова сдвинется, раскомментируй =============================== */ /* .gtmUserActivityPack{ width:calc(100% + 6px) !important; max-width:calc(100% + 6px) !important; margin-left:-6px !important; margin-right:0 !important; } */ /* =============================== 415. УЗКАЯ КОЛОНКА =============================== */ @media(max-width:230px){ .gtmOnlinePanel__titleText{ font-size:11px !important; } .gtmOnlinePanel__badge{ padding:2px 5px !important; font-size:8px !important; } .gtmOnlinePanel__statusLabel{ display:none !important; } .gtmOnlinePanel__counter{ text-align:left !important; font-size:9px !important; } .gtmVisitedPanel__period{ font-size:9px !important; } .gtmOnlinePanel__list, .gtmVisitedBox{ max-height:118px !important; } } /* =============================== 416. REDUCED MOTION =============================== */ @media(prefers-reduced-motion:reduce){ .gtmUserActivityPack, .gtmUserActivityPack *, .gtmUserActivityPack *:before, .gtmUserActivityPack *:after{ animation:none !important; transition:none !important; transform:none !important; } } /* =============================== 417. MYINF_39 — пользователь в активности за сутки шаблон: gtmVisitedUser + group ID =============================== */ .gtmVisitedBox .gtmVisitedUser, .gtmVisitedUser, .gtmVisitedUser:link, .gtmVisitedUser:visited, .gtmVisitedUser:active{ max-width:100% !important; min-width:0 !important; display:inline-flex !important; align-items:center !important; justify-content:flex-start !important; gap:5px !important; vertical-align:middle !important; margin:1px 2px 2px 0 !important; padding:3px 6px !important; color:#2a2418 !important; background-image: linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.035) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.12) .7px, transparent .8px), linear-gradient(180deg,#f5ebce 0%,#e7d9b8 100%) !important; background-size:auto,6px 6px,8px 8px,auto !important; background-position:0 0,0 0,3px 3px,0 0 !important; border:1px solid #9b8864 !important; border-radius:999px !important; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; font-size:9px !important; font-weight:900 !important; line-height:12px !important; text-decoration:none !important; overflow:hidden !important; white-space:nowrap !important; text-shadow:1px 1px 0 rgba(255,255,255,.55) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 2px 5px rgba(0,0,0,.18) !important; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important; } .gtmVisitedUser:hover{ transform:translateY(-1px) !important; color:#2a2418 !important; border-color:#a18b5f !important; background-image: linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.04) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.14) .7px, transparent .8px), linear-gradient(180deg,#fff4d4 0%,#e3cfaa 100%) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.48), 0 4px 8px rgba(0,0,0,.24), 0 0 8px rgba(224,214,192,.16) !important; } /* иконка слева */ .gtmVisitedUser__icon{ flex:0 0 12px !important; width:12px !important; height:12px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; color:#7a4a2a !important; font-size:12px !important; font-weight:900 !important; line-height:12px !important; text-shadow:1px 1px 0 rgba(255,255,255,.45) !important; } .gtmVisitedUser__icon:before{ content:"●" !important; } /* основной текст */ .gtmVisitedUser__main{ flex:1 1 auto !important; min-width:0 !important; display:inline-flex !important; align-items:center !important; gap:4px !important; overflow:hidden !important; white-space:nowrap !important; } .gtmVisitedUser__name{ flex:1 1 auto !important; min-width:0 !important; display:block !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; } .gtmVisitedUser__id{ flex:0 0 auto !important; display:inline-block !important; padding:1px 4px !important; color:#f5ebce !important; background:linear-gradient(180deg,#4b422e 0%,#2f291d 100%) !important; border:1px solid #201b12 !important; border-radius:999px !important; font-size:8px !important; font-weight:900 !important; line-height:10px !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; } /* =============================== 418. Цвета групп по GROUP_ID поменяй ID под свои группы, если отличаются =============================== */ /* Администраторы — обычно group 4 */ .gtmVisitedUser--group-4{ color:#f5ebce !important; background: linear-gradient(180deg,rgba(210,171,115,.10),rgba(122,74,42,.18)), linear-gradient(180deg,#8a563d 0%,#6f4330 58%,#4d2f22 100%) !important; border-color:#3e2419 !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: 0 2px 7px rgba(0,0,0,.34), 0 0 10px rgba(122,74,42,.16), inset 0 1px 0 rgba(255,255,255,.14) !important; } .gtmVisitedUser--group-4 .gtmVisitedUser__icon:before{ content:"♛" !important; color:#f5ebce !important; font-size:11px !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; } .gtmVisitedUser--group-4 .gtmVisitedUser__id{ color:#2f2b1b !important; background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%) !important; border-color:#8a7b5a !important; text-shadow:1px 1px 0 rgba(255,255,255,.65) !important; } /* Модераторы — пример group 3 */ .gtmVisitedUser--group-3{ border-color:#8fa557 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 0 8px rgba(143,165,87,.18) !important; } .gtmVisitedUser--group-3 .gtmVisitedUser__icon:before{ content:"◆" !important; color:#61743d !important; } /* VIP / друзья — пример group 2 */ .gtmVisitedUser--group-2{ color:#2f2b1b !important; background: linear-gradient(180deg,#d8b072 0%,#b78445 52%,#8f6030 100%) !important; border-color:#704621 !important; text-shadow:1px 1px 0 rgba(255,255,255,.35) !important; } .gtmVisitedUser--group-2 .gtmVisitedUser__icon:before{ content:"★" !important; color:#2f2b1b !important; } /* Пользователи — пример group 1 */ .gtmVisitedUser--group-1 .gtmVisitedUser__icon:before{ content:"●" !important; } /* Заблокированные — пример group 5 */ .gtmVisitedUser--group-5{ opacity:.68 !important; filter:grayscale(.35) !important; } .gtmVisitedUser--group-5 .gtmVisitedUser__icon:before{ content:"×" !important; color:#7a4a2a !important; } /* ========================= 419. СЕТКА МОДОВ — 3 КОЛОНКИ ========================= */ li.gtmModCardItem{ float:left !important; width:31.5% !important; margin:0 0.75% 12px 0.75% !important; padding:0 !important; list-style:none !important; box-sizing:border-box !important; } li.gtmModCardItem .gtmModCard{ width:100% !important; max-width:100% !important; margin:0 !important; float:none !important; } /* очистка float после списка */ ul:after{ content:""; display:block; clear:both; } /* если можно добавить класс ul, лучше использовать так: */ .gtmModGrid{ width:100% !important; margin:0 !important; padding:0 !important; list-style:none !important; } .gtmModGrid:after{ content:""; display:block; clear:both; } /* ========================= 420. КАРТОЧКИ МОДОВ внутри категорий ========================= */ .gtmModCard{ width:100%; max-width:100%; margin:0; float:none; display:block; overflow:hidden; position:relative; box-sizing:border-box; color:#2a2418; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; background-image: linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.035) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.12) .7px, transparent .8px), linear-gradient(180deg,#f5ebce 0%,#e7d9b8 100%); background-size: auto, 6px 6px, 8px 8px, auto; background-position: 0 0, 0 0, 3px 3px, 0 0; border:1px solid #1c1710; border-radius:12px; box-shadow: 0 0 0 1px rgba(42,36,24,.75), inset 0 1px 0 rgba(255,255,255,.45), 0 8px 18px rgba(0,0,0,.34); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; } .gtmModCard, .gtmModCard *, .gtmModCard *:before, .gtmModCard *:after{ box-sizing:border-box; } .gtmModCard:before{ content:""; position:absolute; inset:2px; border:1px solid rgba(42,36,24,.22); border-radius:10px; pointer-events:none; z-index:8; } .gtmModCard:hover{ transform:translateY(-2px); border-color:#2a2418; box-shadow: 0 0 0 1px rgba(28,23,16,.95), inset 0 1px 0 rgba(255,255,255,.48), 0 12px 24px rgba(0,0,0,.42), 0 0 10px rgba(210,171,115,.14); } /* ========================= 421. FIX OVERLAY / CLICK ========================= */ .gtmModCard__img:before, .gtmModCard__hot, .gtmModCard__badge{ pointer-events:none; } .gtmModCard__photo, .gtmModCard__title, .gtmModCard__title a{ position:relative; z-index:20; } .gtmModCard__photo{ display:block; width:100%; height:100%; cursor:pointer; } .gtmModCard__photo img{ width:100%!important; height:100px!important; display:block; object-fit:cover; pointer-events:none; -webkit-user-drag:none; user-select:none; } /* ========================= 422. SHINE ========================= */ .gtmModCard:after{ content:""; position:absolute; top:0; left:-120%; width:80%; height:100%; background:linear-gradient(120deg,transparent,rgba(255,255,255,.24),transparent); transition:left .6s ease; pointer-events:none; z-index:9; } .gtmModCard:hover:after{ left:120%; } /* ========================= 423. IMAGE ========================= */ .gtmModCard__img{ position:relative; height:100px; padding:3px; overflow:hidden; background:linear-gradient(180deg,#17150d,#292417); border-bottom:1px solid rgba(42,36,24,.85); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 2px 8px rgba(0,0,0,.26); } .gtmModCard__img img{ width:100%!important; height:100px!important; object-fit:cover; display:block; border-radius:8px; transition: transform .25s ease, filter .25s ease; } .gtmModCard:hover .gtmModCard__img img{ transform:scale(1.05); filter:brightness(1.05); } .gtmModCard__img:before{ content:""; position:absolute; left:3px; right:3px; bottom:3px; height:55%; background:linear-gradient(180deg,transparent,rgba(0,0,0,.72)); border-radius:0 0 8px 8px; z-index:2; } /* верхний глянец картинки */ .gtmModCard__img:after{ content:""; position:absolute; left:3px; right:3px; top:3px; height:34%; background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.07) 45%,transparent); border-radius:8px 8px 0 0; pointer-events:none; z-index:3; } /* ========================= 424. BUTTON ========================= */ .gtmModCard__download{ position:absolute; left:50%; bottom:10px; transform:translateX(-50%); opacity:0; visibility:hidden; z-index:30; padding:6px 12px; color:#2f2b1b!important; background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%); border:1px solid #8a7b5a; border-radius:7px; font-size:10px; font-weight:900; line-height:1; text-decoration:none!important; text-shadow:1px 1px 0 rgba(255,255,255,.65); box-shadow: 0 2px 6px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.45); transition: opacity .2s ease, visibility .2s ease, color .18s ease, box-shadow .18s ease, border-color .18s ease; } .gtmModCard__download:hover{ color:#7a4a2a!important; border-color:#a18b5f; box-shadow: 0 4px 10px rgba(0,0,0,.55), 0 0 8px rgba(224,214,192,.18), inset 0 1px 0 rgba(255,255,255,.48); } .gtmModCard:hover .gtmModCard__download{ opacity:1; visibility:visible; } .gtmModCard__download--local:before{ content:"⬇"; margin-right:5px; } .gtmModCard__download--external:before{ content:"↗"; margin-right:5px; } /* ========================= 425. HOT PULSE ========================= */ .gtmModCard_isHot:hover .gtmModCard__download{ animation:gtmModCardPulseSepia 1.2s infinite; } @keyframes gtmModCardPulseSepia{ 0%{ box-shadow: 0 2px 6px rgba(0,0,0,.55), 0 0 0 0 rgba(210,171,115,.55), inset 0 1px 0 rgba(255,255,255,.45); } 70%{ box-shadow: 0 2px 6px rgba(0,0,0,.55), 0 0 0 10px rgba(210,171,115,0), inset 0 1px 0 rgba(255,255,255,.45); } 100%{ box-shadow: 0 2px 6px rgba(0,0,0,.55), 0 0 0 0 rgba(210,171,115,0), inset 0 1px 0 rgba(255,255,255,.45); } } /* ========================= 426. HOVER INFO ========================= */ .gtmModCard__hoverInfo{ position:absolute; top:6px; right:6px; width:112px; z-index:25; opacity:0; visibility:hidden; transform:translateY(6px); padding:6px; color:#f5ebce; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.42)), rgba(23,21,13,.92); border:1px solid rgba(138,123,90,.38); border-radius:7px; font-size:10px; font-weight:800; line-height:14px; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 2px 8px rgba(0,0,0,.35); transition: opacity .2s ease, visibility .2s ease, transform .2s ease; } .gtmModCard__hoverInfo span{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .gtmModCard__hoverInfo a{ color:#d2ab73; text-decoration:none; font-weight:900; } .gtmModCard__hoverInfo a:hover{ color:#fff; text-decoration:underline; } .gtmModCard:hover .gtmModCard__hoverInfo{ opacity:1; visibility:visible; transform:translateY(0); } /* ========================= 427. HOT ========================= */ .gtmModCard__hot{ position:absolute; top:6px; right:6px; z-index:28; height:19px; padding:0 8px; color:#fff; background:linear-gradient(180deg,#9f6247 0%,#7c4632 55%,#5a2f21 100%); border:1px solid #4a261a; border-radius:999px; font-size:10px; font-weight:900; line-height:18px; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: 0 2px 7px rgba(0,0,0,.34), 0 0 10px rgba(122,74,42,.16), inset 0 1px 0 rgba(255,255,255,.14); } /* ========================= 428. BADGES ========================= */ .gtmModCard__badge{ position:absolute; top:6px; left:6px; z-index:28; min-width:18px; height:19px; padding:0 7px; border-radius:999px; color:#f5ebce; font-size:10px; font-weight:900; line-height:18px; text-align:center; text-shadow:1px 1px 0 rgba(0,0,0,.72); box-shadow: 0 2px 6px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.18); } .gtmModCard__badge--gta5{ background:linear-gradient(180deg,#7d9550 0%,#5f742f 55%,#425421 100%); border:1px solid #334319; } .gtmModCard__badge--crmp{ background:linear-gradient(180deg,#d8b072 0%,#b78445 52%,#8f6030 100%); border:1px solid #704621; color:#2f2b1b; text-shadow:1px 1px 0 rgba(255,255,255,.35); } .gtmModCard__badge--online{ background:linear-gradient(180deg,#607fae 0%,#3f5f90 55%,#2e456b 100%); border:1px solid #263b5b; } .gtmModCard__badge--vc{ background:linear-gradient(180deg,#c883b7 0%,#965385 55%,#703764 100%); border:1px solid #56284c; } .gtmModCard__badge--gta3{ background:linear-gradient(180deg,#4e9957 0%,#2f7638 55%,#205527 100%); border:1px solid #193f1d; } .gtmModCard__badge--sa{ background:linear-gradient(180deg,#d88945 0%,#a95b25 55%,#7b3b17 100%); border:1px solid #5a2a10; } .gtmModCard__badge--samp{ background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%); border:1px solid #8a7b5a; color:#2f2b1b; text-shadow:1px 1px 0 rgba(255,255,255,.65); } .gtmModCard__badge--gta4{ background:linear-gradient(180deg,#7068c8 0%,#4f48a2 55%,#36316f 100%); border:1px solid #2b2759; } /* ========================= 429. TITLE ========================= */ .gtmModCard__title{ height:44px !important; padding:6px 7px 0 7px !important; overflow:hidden !important; box-sizing:border-box; } .gtmModCard__title a{ display:block !important; height:32px !important; max-height:32px !important; overflow:hidden !important; line-height:16px !important; padding:0 !important; margin:0 !important; color:#2a2418; font-size:12px; font-weight:900; text-decoration:none; word-break:break-word; cursor:pointer; text-shadow:1px 1px 0 rgba(255,255,255,.55); transition: color .18s ease, text-decoration-color .18s ease; } .gtmModCard__title a:before{ content:"▸"; display:inline-block; margin:0 4px 0 0; color:#7a4a2a; font-size:10px; line-height:1; vertical-align:1px; } .gtmModCard__title a:hover{ background:transparent; color:#7a4a2a; text-decoration:underline; text-decoration-color:rgba(122,74,42,.45); text-underline-offset:2px; } /* ========================= 430. INFO — ТЁМНАЯ СТРОКА СЧЁТЧИКОВ ========================= */ .gtmModCard__info{ display:flex; align-items:center; justify-content:space-between; gap:4px; padding:6px 7px; font-size:10px; color:#b6ac94; background: linear-gradient(180deg,rgba(245,235,206,.06),rgba(23,21,13,.38)), linear-gradient(180deg,#3d3628 0%,#2f291d 52%,#221d14 100%); border-top:1px solid #17150d; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 -1px 0 rgba(0,0,0,.18) inset; } .gtmModCard__comments, .gtmModCard__loads, .gtmModCard__views{ display:flex; align-items:center; gap:3px; min-width:0; color:#d8caa8; font-weight:900; line-height:12px; } .gtmModCard__comments:hover, .gtmModCard__loads:hover, .gtmModCard__views:hover{ color:#f5ebce; } .gtmModCard__cat{ margin-left:auto; max-width:68px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:right; color:#b6ac94; font-weight:900; } .gtmModCard__cat:hover{ color:#f5ebce; } .gtmModCard__ico--comments:before{ content:"💬"; } .gtmModCard__ico--views:before{ content:"👁"; } .gtmModCard__ico--loads:before{ content:"⇩"; } .gtmModCard__ico--comments:before, .gtmModCard__ico--views:before, .gtmModCard__ico--loads:before{ display:inline-block; margin-right:2px; filter:drop-shadow(1px 1px 0 rgba(0,0,0,.65)); } /* ========================= 431. NO IMAGE ========================= */ .gtmModCard__noimg{ height:100px; line-height:100px; text-align:center; color:#b6ac94; background:linear-gradient(180deg,#17150d,#292417); font-size:12px; font-weight:900; text-shadow:1px 1px 0 rgba(0,0,0,.82); } /* ========================= 432. ADAPTIVE ========================= */ /* 2 колонки */ @media screen and (max-width:760px){ li.gtmModCardItem{ width:48.5% !important; margin:0 0.75% 12px 0.75% !important; } } /* 1 колонка */ @media screen and (max-width:520px){ li.gtmModCardItem{ float:none !important; width:100% !important; margin:0 0 12px 0 !important; } .gtmModCard{ width:100% !important; } .gtmModCard__img{ height:95px; } .gtmModCard__img img, .gtmModCard__photo img{ height:95px!important; } .gtmModCard__hoverInfo{ display:none; } .gtmModCard__download{ opacity:1; visibility:visible; bottom:8px; padding:5px 10px; font-size:10px; } .gtmModCard__title{ height:40px !important; padding:5px 7px 0 7px !important; } .gtmModCard__title a{ height:30px !important; max-height:30px !important; line-height:15px !important; font-size:12px; } .gtmModCard__cat{ display:none; } } /* ========================= 433. REDUCED MOTION ========================= */ @media(prefers-reduced-motion:reduce){ .gtmModCard, .gtmModCard *, .gtmModCard *:before, .gtmModCard *:after{ animation:none !important; transition:none !important; transform:none !important; } .gtmModCard:hover:after{ left:-120%; } } /* ========================================================= 434. МЕНЮ САЙТА ========================================================= */ #gthnav-main-menu{ width:990px; margin:0 auto; position:sticky; top:0; z-index:2200; overflow:visible; box-sizing:border-box; --gthnav-desktop-open-delay:.07s; --gthnav-desktop-close-delay:.16s; --gthnav-bg-1:#413726; --gthnav-bg-2:#30291d; --gthnav-bg-3:#211b13; --gthnav-border:#1b1610; --gthnav-text:#e4dac4; --gthnav-soft:#b6ac94; --gthnav-gold:#d6b476; --gthnav-light:#fff4d4; --gthnav-red:#a4694d; color:var(--gthnav-text); font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; background: radial-gradient(circle at 14% 0,rgba(255,232,182,.14),transparent 26%), radial-gradient(circle at 82% 100%,rgba(138,88,38,.16),transparent 34%), linear-gradient(180deg,#4a4030 0%,var(--gthnav-bg-1) 14%,var(--gthnav-bg-2) 54%,var(--gthnav-bg-3) 100%); border:1px solid var(--gthnav-border); border-radius:12px; box-shadow:0 16px 34px rgba(0,0,0,.42),0 1px 0 rgba(255,255,255,.06) inset,0 -1px 0 rgba(0,0,0,.18) inset; transition:background .22s ease,border-color .22s ease,box-shadow .22s ease; } #gthnav-main-menu, #gthnav-main-menu *, #gthnav-main-menu *:before, #gthnav-main-menu *:after{ box-sizing:border-box; } #gthnav-main-menu:before{ content:""; position:absolute; left:0; top:0; width:100%; height:1px; z-index:4; background:linear-gradient(90deg,transparent,rgba(255,239,205,.34),transparent); pointer-events:none; } #gthnav-main-menu:after{ content:""; position:absolute; inset:1px; border-radius:11px; border:1px solid rgba(255,255,255,.04); pointer-events:none; } #gthnav-main-menu.gthnav-menu--stuck{ border-color:#2b2418; box-shadow:0 18px 38px rgba(0,0,0,.46),0 0 12px rgba(214,180,118,.10),0 1px 0 rgba(255,255,255,.06) inset,0 -1px 0 rgba(0,0,0,.20) inset; } .gthnav-menu__backdrop{ position:fixed; inset:0; background:rgba(17,12,8,.30); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .22s ease,visibility .22s ease; z-index:2100; } .gthnav-menu__backdrop.gthnav-menu__backdrop--active{ opacity:1; visibility:visible; pointer-events:auto; } .gthnav-menu__toggle{ display:none; width:100%; height:40px; padding:0 12px; position:relative; z-index:4; background:transparent; border:0; color:var(--gthnav-light); font:900 12px/40px "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; text-align:left; text-transform:uppercase; text-shadow:0 1px 1px rgba(0,0,0,.78),0 0 5px rgba(214,180,118,.18); cursor:pointer; } .gthnav-menu__toggle-label{ display:inline-flex; align-items:center; gap:8px; } .gthnav-menu__list{ list-style:none; margin:0; padding:0 7px; min-height:35px; position:relative; z-index:4; display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:stretch; } .gthnav-menu__item{ position:relative; list-style:none; min-width:0; } .gthnav-menu__item--wide{ position:static; } .gthnav-menu__item--compact > .gthnav-menu__dropdown{ min-width:178px; padding:10px 10px 6px 10px; } .gthnav-menu__item--align-right > .gthnav-menu__dropdown{ left:auto; right:0; } .gthnav-menu__link, .gthnav-menu__link:link, .gthnav-menu__link:visited, .gthnav-menu__link:active{ position:relative; display:flex; align-items:center; justify-content:center; gap:5px; height:35px; padding:0 7px; color:var(--gthnav-text) !important; background:transparent !important; border:0 !important; border-radius:0 !important; text-decoration:none !important; font:900 11px/35px "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; text-shadow:0 1px 1px rgba(0,0,0,.70); white-space:nowrap; overflow:hidden; box-shadow:none !important; transition:color .18s ease,text-shadow .18s ease,transform .18s ease; } .gthnav-menu__link:after{ content:""; position:absolute; left:10px; right:10px; bottom:4px; height:1px; background:linear-gradient(90deg,transparent,rgba(214,180,118,.82),transparent); opacity:0; transform:scaleX(.55); transition:opacity .18s ease,transform .18s ease; pointer-events:none; } .gthnav-menu__item + .gthnav-menu__item > .gthnav-menu__link:before{ content:""; position:absolute; left:0; top:9px; bottom:9px; width:1px; background:linear-gradient(180deg,transparent,rgba(214,180,118,.18),transparent); pointer-events:none; } .gthnav-menu__link--home, .gthnav-menu__link--home:link, .gthnav-menu__link--home:visited, .gthnav-menu__link--home:active{ justify-content:center; width:36px; min-width:36px; height:27px; margin:4px 4px 4px 0; padding:0; color:#fff1cf !important; background: radial-gradient(circle at 30% 24%,rgba(255,245,213,.52),rgba(255,245,213,0) 42%), linear-gradient(180deg,#ecd094 0%,#c08b46 54%,#764b22 100%) !important; border:1px solid #4b3118 !important; border-radius:11px !important; box-shadow:0 2px 6px rgba(0,0,0,.34),0 0 10px rgba(214,180,118,.18),0 1px 0 rgba(255,255,255,.22) inset,inset 0 0 0 1px rgba(255,239,205,.16) !important; text-shadow:0 1px 0 rgba(255,255,255,.12); transform:none !important; } .gthnav-menu__link--home:before, .gthnav-menu__link--home:after{ display:none !important; } #gthnav-main-menu .lucide{ width:13px; height:13px; stroke-width:2.2px; color:var(--gthnav-gold); flex:0 0 auto; filter:drop-shadow(1px 1px 0 rgba(0,0,0,.55)); transition:color .18s ease,opacity .18s ease,transform .18s ease,filter .18s ease; } #gthnav-main-menu .lucide-chevron-down{ width:11px; height:11px; color:var(--gthnav-soft); opacity:.92; } #gthnav-main-menu .gthnav-menu__link--home .lucide-house{ width:15px; height:15px; color:#fff7e2; filter:drop-shadow(0 1px 0 rgba(114,73,28,.28)); } .gthnav-menu__link > .lucide:first-child{ color:var(--gthnav-gold); } .gthnav-menu__item:hover > .gthnav-menu__link > .lucide:first-child, .gthnav-menu__item.gthnav-menu__item--open > .gthnav-menu__link > .lucide:first-child, .gthnav-menu__item.gthnav-menu__item--focus > .gthnav-menu__link > .lucide:first-child, .gthnav-menu__link.gthnav-current > .lucide:first-child, .gthnav-menu__link.gthnav-current-parent > .lucide:first-child{ color:var(--gthnav-light); transform:translateY(-1px); filter:drop-shadow(1px 1px 0 rgba(0,0,0,.55)) drop-shadow(0 0 5px rgba(214,180,118,.45)); } .gthnav-menu__item:hover > .gthnav-menu__link .lucide-chevron-down, .gthnav-menu__item.gthnav-menu__item--open > .gthnav-menu__link .lucide-chevron-down, .gthnav-menu__item.gthnav-menu__item--focus > .gthnav-menu__link .lucide-chevron-down, .gthnav-menu__link.gthnav-current .lucide-chevron-down, .gthnav-menu__link.gthnav-current-parent .lucide-chevron-down{ color:var(--gthnav-gold); } .gthnav-menu__item:hover > .gthnav-menu__link, .gthnav-menu__item.gthnav-menu__item--open > .gthnav-menu__link, .gthnav-menu__item.gthnav-menu__item--focus > .gthnav-menu__link, .gthnav-menu__item:hover > .gthnav-menu__link:link, .gthnav-menu__item:hover > .gthnav-menu__link:visited, .gthnav-menu__link.gthnav-current, .gthnav-menu__link.gthnav-current-parent{ background:transparent !important; color:var(--gthnav-light) !important; text-shadow:0 1px 1px rgba(0,0,0,.78),0 0 7px rgba(214,180,118,.38); box-shadow:none !important; transform:translateY(-1px); } .gthnav-menu__link.gthnav-current:after, .gthnav-menu__link.gthnav-current-parent:after{ opacity:1; transform:scaleX(1); } #gthnav-main-menu .gthnav-menu__link.gthnav-current:not(.gthnav-menu__link--home), #gthnav-main-menu .gthnav-menu__link.gthnav-current-parent:not(.gthnav-menu__link--home){ background:linear-gradient(180deg,rgba(255,245,214,.10),rgba(255,245,214,0)),linear-gradient(180deg,rgba(86,66,42,.76),rgba(43,33,23,.92)) !important; border-radius:8px !important; box-shadow:0 0 0 1px rgba(214,180,118,.22) inset,0 0 14px rgba(214,180,118,.10) !important; } #gthnav-main-menu .gthnav-menu__item:hover > .gthnav-menu__link--home, #gthnav-main-menu .gthnav-menu__item.gthnav-menu__item--open > .gthnav-menu__link--home, #gthnav-main-menu .gthnav-menu__item.gthnav-menu__item--focus > .gthnav-menu__link--home, #gthnav-main-menu .gthnav-menu__link--home:hover, #gthnav-main-menu .gthnav-menu__link--home:focus, #gthnav-main-menu .gthnav-menu__link--home:active, #gthnav-main-menu .gthnav-menu__link--home.gthnav-current, #gthnav-main-menu .gthnav-menu__link--home.gthnav-current-parent{ color:#fff7e0 !important; background: radial-gradient(circle at 30% 24%,rgba(255,250,228,.60),rgba(255,250,228,0) 42%), linear-gradient(180deg,#f4dc9b 0%,#cb964e 55%,#885423 100%) !important; border-color:#f0cf86 !important; box-shadow:0 4px 12px rgba(0,0,0,.40),0 0 14px rgba(214,180,118,.30),0 1px 0 rgba(255,255,255,.26) inset,inset 0 0 0 1px rgba(255,246,216,.22) !important; text-shadow:0 1px 0 rgba(255,255,255,.14) !important; transform:translateY(-1px) !important; } #gthnav-main-menu .gthnav-menu__link--home:active{ transform:translateY(0) scale(.98) !important; } #gthnav-main-menu .gthnav-menu__item:hover > .gthnav-menu__link--home .lucide-house, #gthnav-main-menu .gthnav-menu__item.gthnav-menu__item--open > .gthnav-menu__link--home .lucide-house, #gthnav-main-menu .gthnav-menu__item.gthnav-menu__item--focus > .gthnav-menu__link--home .lucide-house, #gthnav-main-menu .gthnav-menu__link--home:hover .lucide-house, #gthnav-main-menu .gthnav-menu__link--home:focus .lucide-house, #gthnav-main-menu .gthnav-menu__link--home:active .lucide-house, #gthnav-main-menu .gthnav-menu__link--home.gthnav-current .lucide-house, #gthnav-main-menu .gthnav-menu__link--home.gthnav-current-parent .lucide-house{ color:#fff9ea; transform:none; filter:drop-shadow(0 1px 0 rgba(125,81,31,.34)) drop-shadow(0 0 4px rgba(255,240,205,.35)); } #gthnav-main-menu.gthnav-menu--stuck .gthnav-menu__list{ min-height:31px; } #gthnav-main-menu.gthnav-menu--stuck .gthnav-menu__link, #gthnav-main-menu.gthnav-menu--stuck .gthnav-menu__link:link, #gthnav-main-menu.gthnav-menu--stuck .gthnav-menu__link:visited, #gthnav-main-menu.gthnav-menu--stuck .gthnav-menu__link:active{ height:31px; padding:0 7px; } #gthnav-main-menu.gthnav-menu--stuck .gthnav-menu__link:after{ bottom:3px; } #gthnav-main-menu.gthnav-menu--stuck .gthnav-menu__dropdown{ top:31px; } #gthnav-main-menu.gthnav-menu--stuck .gthnav-menu__link--home, #gthnav-main-menu.gthnav-menu--stuck .gthnav-menu__link--home:link, #gthnav-main-menu.gthnav-menu--stuck .gthnav-menu__link--home:visited, #gthnav-main-menu.gthnav-menu--stuck .gthnav-menu__link--home:active{ height:25px; margin:3px 4px 3px 0; } .gthnav-menu__dropdown{ position:absolute; top:35px; left:0; min-width:220px; max-width:990px; width:auto; padding:14px 14px 10px 14px; color:var(--gthnav-text); background: radial-gradient(circle at 50% 0,rgba(214,180,118,.10),transparent 42%), radial-gradient(circle at 86% 100%,rgba(88,56,28,.16),transparent 34%), linear-gradient(180deg,#463b2a 0%,var(--gthnav-bg-1) 14%,var(--gthnav-bg-2) 54%,var(--gthnav-bg-3) 100%); border:1px solid var(--gthnav-border); border-radius:0 0 12px 12px; box-shadow:0 18px 34px rgba(0,0,0,.42),0 1px 0 rgba(255,255,255,.05) inset,0 -1px 0 rgba(0,0,0,.16) inset; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); max-height:min(78vh,620px); opacity:0; visibility:hidden; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; pointer-events:none; transform:translateY(10px) scale(.985); filter:blur(2px); transition:opacity .24s ease,visibility .24s ease,transform .24s ease,filter .24s ease; z-index:700; scrollbar-width:thin; scrollbar-color:#d2ab73 rgba(28,18,13,.78); } .gthnav-menu__dropdown:before{ content:""; position:absolute; top:-7px; left:22px; width:12px; height:12px; background:var(--gthnav-bg-1); border-top:1px solid var(--gthnav-border); border-left:1px solid var(--gthnav-border); transform:rotate(45deg); box-shadow:0 0 0 1px rgba(255,255,255,.04); } .gthnav-menu__item--wide > .gthnav-menu__dropdown{ left:0; width:990px; display:flex; flex-wrap:wrap; align-items:flex-start; } .gthnav-menu__item--cols-2 > .gthnav-menu__dropdown{ width:404px; } #header_gta5 > .gthnav-menu__dropdown{ width:804px; display:grid; grid-template-columns:repeat(4,184px); column-gap:10px; row-gap:0; align-items:flex-start; justify-content:flex-start; } #header_gta5 > .gthnav-menu__dropdown > .gthnav-menu__column{ width:auto; flex:none; margin:0 0 10px 0; } #header_gta5 > .gthnav-menu__dropdown > .gthnav-menu__column:last-child{ margin-left:0; } #header_other > .gthnav-menu__dropdown, #header_sa > .gthnav-menu__dropdown{ width:614px; flex-wrap:nowrap; justify-content:space-between; align-items:flex-start; } #header_other > .gthnav-menu__dropdown > .gthnav-menu__column, #header_sa > .gthnav-menu__dropdown > .gthnav-menu__column{ width:184px; flex:0 0 184px; margin-right:0; } #header_other > .gthnav-menu__dropdown > .gthnav-menu__column:last-child, #header_sa > .gthnav-menu__dropdown > .gthnav-menu__column:last-child{ margin-left:8px; } .gthnav-menu__item--cols-3 > .gthnav-menu__dropdown{ width:596px; } .gthnav-menu__item:hover > .gthnav-menu__dropdown{ opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0) scale(1); filter:blur(0); } .gthnav-menu__item.gthnav-menu__item--open > .gthnav-menu__dropdown, .gthnav-menu__item.gthnav-menu__item--focus > .gthnav-menu__dropdown{ opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0) scale(1); filter:blur(0); } .gthnav-menu__item--align-right > .gthnav-menu__dropdown:before{ left:auto; right:20px; } .gthnav-menu__column{ float:left; width:176px; margin:0 10px 10px 0; } .gthnav-menu__item--wide .gthnav-menu__column{ float:none; width:182px; flex:0 0 182px; opacity:.84; transform:translateY(14px); transition:opacity .24s ease,transform .24s ease; } .gthnav-menu__item:hover > .gthnav-menu__dropdown .gthnav-menu__column, .gthnav-menu__item.gthnav-menu__item--open > .gthnav-menu__dropdown .gthnav-menu__column, .gthnav-menu__item.gthnav-menu__item--focus > .gthnav-menu__dropdown .gthnav-menu__column, .gthnav-menu__item.gthnav-menu__item--mobile-open > .gthnav-menu__dropdown .gthnav-menu__column{ opacity:1; transform:translateY(0); } .gthnav-menu__desc, .gthnav-menu__column li{ opacity:.58; transform:translateY(6px); transition:opacity .24s ease,transform .24s ease,background .18s ease; } .gthnav-menu__item:hover > .gthnav-menu__dropdown .gthnav-menu__desc, .gthnav-menu__item:hover > .gthnav-menu__dropdown .gthnav-menu__column li, .gthnav-menu__item.gthnav-menu__item--open > .gthnav-menu__dropdown .gthnav-menu__desc, .gthnav-menu__item.gthnav-menu__item--open > .gthnav-menu__dropdown .gthnav-menu__column li, .gthnav-menu__item.gthnav-menu__item--focus > .gthnav-menu__dropdown .gthnav-menu__desc, .gthnav-menu__item.gthnav-menu__item--focus > .gthnav-menu__dropdown .gthnav-menu__column li, .gthnav-menu__item.gthnav-menu__item--mobile-open > .gthnav-menu__dropdown .gthnav-menu__desc, .gthnav-menu__item.gthnav-menu__item--mobile-open > .gthnav-menu__dropdown .gthnav-menu__column li{ opacity:1; transform:translateY(0); } .gthnav-menu__desc{ transition-delay:.03s; } .gthnav-menu__column li:nth-child(1){transition-delay:.04s;} .gthnav-menu__column li:nth-child(2){transition-delay:.06s;} .gthnav-menu__column li:nth-child(3){transition-delay:.08s;} .gthnav-menu__column li:nth-child(4){transition-delay:.10s;} .gthnav-menu__column li:nth-child(5){transition-delay:.12s;} .gthnav-menu__column li:nth-child(6){transition-delay:.14s;} .gthnav-menu__column li:nth-child(7){transition-delay:.16s;} .gthnav-menu__column li:nth-child(8){transition-delay:.18s;} .gthnav-menu__dropdown .gthnav-menu__column:nth-child(1){transition-delay:.02s;} .gthnav-menu__dropdown .gthnav-menu__column:nth-child(2){transition-delay:.05s;} .gthnav-menu__dropdown .gthnav-menu__column:nth-child(3){transition-delay:.08s;} .gthnav-menu__dropdown .gthnav-menu__column:nth-child(4){transition-delay:.11s;} .gthnav-menu__dropdown .gthnav-menu__column:nth-child(5){transition-delay:.14s;} .gthnav-menu__dropdown .gthnav-menu__column:nth-child(6){transition-delay:.17s;} .gthnav-menu__dropdown .gthnav-menu__column:nth-child(7){transition-delay:.20s;} .gthnav-menu__dropdown .gthnav-menu__column:nth-child(8){transition-delay:.23s;} .gthnav-menu__dropdown .gthnav-menu__column:nth-child(9){transition-delay:.26s;} .gthnav-menu__column:last-child{ margin-right:0; } .gthnav-menu__column.gthnav-menu__column--current{ border-radius:10px; background:linear-gradient(180deg,rgba(255,244,214,.06),rgba(255,244,214,0)); box-shadow:0 0 0 1px rgba(214,180,118,.12) inset,0 0 14px rgba(214,180,118,.06); } .gthnav-menu__item--wide .gthnav-menu__column + .gthnav-menu__column{ position:relative; } .gthnav-menu__item--wide .gthnav-menu__column + .gthnav-menu__column:before{ content:""; position:absolute; left:-6px; top:0; bottom:4px; width:1px; background:linear-gradient(180deg,transparent,rgba(214,180,118,.16),transparent); } .gthnav-menu__section{ display:block; margin:0 0 6px; padding:5px 8px; position:relative; overflow:hidden; color:var(--gthnav-light) !important; font:900 10px/12px "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; letter-spacing:.04em; text-transform:uppercase; text-shadow:0 1px 1px rgba(0,0,0,.70); background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0)),linear-gradient(180deg,#342d20 0%,#241f16 100%); border:1px solid rgba(28,23,16,.95); border-left:3px solid var(--gthnav-red); border-radius:7px; box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 1px 2px rgba(0,0,0,.18); } .gthnav-menu__section:after{ content:""; position:absolute; left:0; right:0; top:0; height:1px; background:linear-gradient(90deg,transparent,rgba(214,180,118,.24),transparent); pointer-events:none; } .gthnav-menu__section--game{ color:#f6eccc !important; text-align:center; border-left-color:var(--gthnav-gold); } .gthnav-menu__section.gthnav-menu__section--current{ color:#fff7de !important; background:linear-gradient(180deg,rgba(255,248,224,.10),rgba(255,248,224,0)),linear-gradient(180deg,#3a3124 0%,#272015 100%); border-left-color:var(--gthnav-gold); box-shadow:0 1px 0 rgba(255,255,255,.07) inset,0 0 10px rgba(214,180,118,.16); } .gthnav-menu__desc{ display:block; margin:-1px 0 10px; padding:0 2px; color:var(--gthnav-soft); font:700 9px/12px "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; text-shadow:0 1px 1px rgba(0,0,0,.58); letter-spacing:.01em; } .gthnav-menu__desc.gthnav-menu__desc--current{ color:var(--gthnav-light); opacity:1; } .gthnav-menu__column > .gthnav-menu__section:not(:first-child){ margin-top:11px; } .gthnav-menu__column > .gthnav-menu__desc + ul{ margin-top:0; } .gthnav-menu__column ul{ list-style:none; margin:0 0 12px 0; padding:0; } .gthnav-menu__column ul:last-child{ margin-bottom:0; } .gthnav-menu__column li{ margin:0 0 3px 0; padding:0; border-radius:6px; transition:background .18s ease; } .gthnav-menu__column li:hover{ background:transparent; } .gthnav-menu__section--popular{ color:#fff1d6 !important; border-left-color:var(--gthnav-red); box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 0 8px rgba(164,105,77,.14); } .gthnav-menu__sublink, .gthnav-menu__sublink:link, .gthnav-menu__sublink:visited, .gthnav-menu__sublink:active{ display:flex; align-items:center; gap:6px; padding:5px 7px; position:relative; min-height:24px; color:#d0c4a9 !important; background:transparent !important; text-decoration:none !important; font:800 11px/13px "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; text-shadow:0 1px 1px rgba(0,0,0,.62); border:1px solid transparent !important; border-radius:6px; box-shadow:none !important; transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease; } .gthnav-menu__sublink:before{ content:""; width:5px; height:5px; flex:0 0 5px; border-radius:50%; background:var(--gthnav-red); box-shadow:0 0 6px rgba(164,105,77,.35); } .gthnav-menu__sublink:hover, .gthnav-menu__sublink:hover:link, .gthnav-menu__sublink:hover:visited, .gthnav-menu__sublink.gthnav-current{ background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0)),linear-gradient(180deg,#342d20 0%,#241f16 100%) !important; border-color:rgba(214,180,118,.22) !important; color:var(--gthnav-light) !important; text-decoration:none !important; transform:translateX(2px); box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 0 8px rgba(214,180,118,.10) !important; } .gthnav-menu__sublink:hover:before, .gthnav-menu__sublink.gthnav-current:before{ background:var(--gthnav-gold); box-shadow:0 0 8px rgba(214,180,118,.60); } .gthnav-menu__sublink--hot, .gthnav-menu__sublink--accent-priority, .gthnav-menu__sublink--mod, .gthnav-menu__sublink--accent-download, .gthnav-menu__sublink--info, .gthnav-menu__sublink--accent-info, .gthnav-menu__sublink--hot:link, .gthnav-menu__sublink--accent-priority:link, .gthnav-menu__sublink--mod:link, .gthnav-menu__sublink--accent-download:link, .gthnav-menu__sublink--info:link, .gthnav-menu__sublink--accent-info:link, .gthnav-menu__sublink--hot:visited, .gthnav-menu__sublink--accent-priority:visited, .gthnav-menu__sublink--mod:visited, .gthnav-menu__sublink--accent-download:visited, .gthnav-menu__sublink--info:visited, .gthnav-menu__sublink--accent-info:visited, .gthnav-menu__sublink--hot:active, .gthnav-menu__sublink--accent-priority:active, .gthnav-menu__sublink--mod:active, .gthnav-menu__sublink--accent-download:active, .gthnav-menu__sublink--info:active, .gthnav-menu__sublink--accent-info:active{ padding-left:10px; background:linear-gradient(90deg,rgba(164,105,77,.08) 0%,rgba(164,105,77,0) 46px) !important; border-color:rgba(214,180,118,.12) !important; } .gthnav-menu__sublink--hot:before, .gthnav-menu__sublink--accent-priority:before, .gthnav-menu__sublink--mod:before, .gthnav-menu__sublink--accent-download:before, .gthnav-menu__sublink--info:before, .gthnav-menu__sublink--accent-info:before{ background:var(--gthnav-red); } .gthnav-menu__sublink--hot:hover, .gthnav-menu__sublink--accent-priority:hover, .gthnav-menu__sublink--mod:hover, .gthnav-menu__sublink--accent-download:hover, .gthnav-menu__sublink--info:hover, .gthnav-menu__sublink--accent-info:hover{ background:linear-gradient(90deg,rgba(214,180,118,.10) 0%,rgba(214,180,118,0) 52px),linear-gradient(180deg,#342d20 0%,#241f16 100%) !important; } .gthnav-menu__sublink--mod, .gthnav-menu__sublink--accent-download, .gthnav-menu__sublink--mod:link, .gthnav-menu__sublink--accent-download:link, .gthnav-menu__sublink--mod:visited, .gthnav-menu__sublink--accent-download:visited, .gthnav-menu__sublink--mod:active, .gthnav-menu__sublink--accent-download:active{ border-left-color:#9f6247 !important; } .gthnav-menu__sublink--info, .gthnav-menu__sublink--accent-info, .gthnav-menu__sublink--info:link, .gthnav-menu__sublink--accent-info:link, .gthnav-menu__sublink--info:visited, .gthnav-menu__sublink--accent-info:visited, .gthnav-menu__sublink--info:active{ border-left-color:var(--gthnav-gold) !important; } .gthnav-menu__sublink--hot, .gthnav-menu__sublink--accent-priority, .gthnav-menu__sublink--hot:link, .gthnav-menu__sublink--accent-priority:link, .gthnav-menu__sublink--hot:visited, .gthnav-menu__sublink--accent-priority:visited, .gthnav-menu__sublink--hot:active{ border-left-color:#a4694d !important; } .gthnav-menu__sublink--tile, .gthnav-menu__sublink--tile:link, .gthnav-menu__sublink--tile:visited, .gthnav-menu__sublink--tile:active{ min-height:34px; margin:0 0 5px 0; padding:8px 8px 8px 10px; color:#2f2b1b !important; background: radial-gradient(circle at 20% 10%,rgba(255,255,255,.24),rgba(255,255,255,0) 46px), linear-gradient(90deg,rgba(164,105,77,.10) 0%,rgba(164,105,77,0) 40px), linear-gradient(180deg,#f8efd2 0%,#eadbb0 100%) !important; border:1px solid rgba(72,58,33,.28) !important; border-left:4px solid var(--gthnav-red) !important; border-radius:8px; box-shadow:inset 0 1px 0 rgba(255,255,255,.60),0 1px 2px rgba(0,0,0,.10) !important; text-shadow:none !important; } .gthnav-menu__sublink--tile:before{ background:var(--gthnav-red); box-shadow:0 0 6px rgba(164,105,77,.35); } .gthnav-menu__sublink--tile:hover{ color:#2f2b1b !important; background: radial-gradient(circle at 20% 10%,rgba(255,255,255,.36),rgba(255,255,255,0) 46px), linear-gradient(90deg,rgba(164,105,77,.13) 0%,rgba(164,105,77,0) 42px), linear-gradient(180deg,#fff6d8 0%,#ead8a5 100%) !important; border-color:rgba(164,105,77,.55) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.70),0 3px 8px rgba(0,0,0,.14),0 0 8px rgba(164,105,77,.14) !important; transform:translateX(2px) translateY(-1px); } .gthnav-menu__sublink--tile-hot, .gthnav-menu__sublink--tile-hot:link, .gthnav-menu__sublink--tile-hot:visited, .gthnav-menu__sublink--tile-hot:active{ border-left-color:#a4694d !important; } .gthnav-menu__sublink--tile-info, .gthnav-menu__sublink--tile-info:link, .gthnav-menu__sublink--tile-info:visited, .gthnav-menu__sublink--tile-info:active{ border-left-color:var(--gthnav-gold) !important; } .gthnav-menu__sublink--tile-mod, .gthnav-menu__sublink--tile-mod:link, .gthnav-menu__sublink--tile-mod:visited, .gthnav-menu__sublink--tile-mod:active{ border-left-color:#9f6247 !important; } .gthnav-menu__badge{ display:inline-block; margin-left:auto; padding:1px 6px; border-radius:999px; font:900 8px/12px "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; letter-spacing:.04em; text-transform:uppercase; color:#2f2b1b; text-shadow:0 1px 0 rgba(255,255,255,.65); border:1px solid #8a7b5a; background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 1px 3px rgba(0,0,0,.18); } .gthnav-menu__badge--new{ background:linear-gradient(180deg,#d4e1b5 0%,#9fb36a 100%); border-color:#708345; } .gthnav-menu__badge--top{ background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%); border-color:#8a7b5a; } .gthnav-menu__badge--hot{ color:#fff3cf; background:linear-gradient(180deg,#9f6247 0%,#7c4632 100%); border-color:#5a2f21; text-shadow:1px 1px 0 rgba(0,0,0,.62); } #gthnav-main-menu .gthnav-menu__toggle:focus-visible, #gthnav-main-menu .gthnav-menu__link:focus-visible, #gthnav-main-menu .gthnav-menu__sublink:focus-visible{ outline:none; } #gthnav-main-menu .gthnav-menu__toggle:focus-visible, #gthnav-main-menu .gthnav-menu__link:focus-visible{ color:var(--gthnav-light) !important; box-shadow:0 0 0 1px rgba(214,180,118,.34) inset,0 0 0 3px rgba(214,180,118,.18),0 0 12px rgba(214,180,118,.18) !important; border-radius:8px !important; } #gthnav-main-menu .gthnav-menu__link--home:focus-visible{ border-radius:11px !important; } #gthnav-main-menu .gthnav-menu__sublink:focus-visible{ color:var(--gthnav-light) !important; background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0)),linear-gradient(180deg,#342d20 0%,#241f16 100%) !important; border-color:rgba(214,180,118,.28) !important; box-shadow:0 0 0 1px rgba(214,180,118,.18) inset,0 0 0 3px rgba(214,180,118,.12),0 0 10px rgba(214,180,118,.12) !important; transform:translateX(2px); } .gthnav-menu__item--news > .gthnav-menu__dropdown{ background: radial-gradient(circle at 50% 0,rgba(214,180,118,.11),transparent 42%), radial-gradient(circle at 86% 100%,rgba(164,105,77,.16),transparent 34%), linear-gradient(180deg,#4a3d2e 0%,#372d21 52%,#241d14 100%); } .gthnav-menu__item--news .gthnav-menu__section{ border-left-color:var(--gthnav-red); } .gthnav-menu__item--news > .gthnav-menu__dropdown:before{ background:#4a3d2e; } @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){ .gthnav-menu__dropdown{ background:linear-gradient(180deg,#4a4030 0%,#3a3022 54%,#261f16 100%); backdrop-filter:none; -webkit-backdrop-filter:none; } .gthnav-menu__item--news > .gthnav-menu__dropdown{ background:linear-gradient(180deg,#4f4232 0%,#3a2f24 52%,#281f18 100%); } } .gthnav-menu__dropdown:after{ content:""; display:block; clear:both; } @media (max-width:900px){ #gthnav-main-menu{ width:100%; border-radius:10px; } .gthnav-menu__toggle{ display:block; } .gthnav-menu__list{ display:flex; padding:0 0 6px 0; flex-direction:column; justify-content:flex-start; align-items:stretch; max-height:0; opacity:0; overflow:hidden; transition:max-height .28s ease,opacity .22s ease,padding .22s ease; } #gthnav-main-menu.gthnav-menu--mobile-open .gthnav-menu__list{ max-height:calc(100vh - 48px); opacity:1; overflow:auto; } .gthnav-menu__item, .gthnav-menu__item--wide{ position:relative; } .gthnav-menu__item{ margin-top:2px; border-top:1px solid rgba(214,180,118,.12); } .gthnav-menu__link, .gthnav-menu__link:link, .gthnav-menu__link:visited, .gthnav-menu__link:active{ justify-content:space-between; height:42px; padding:0 10px; border-right:0; box-shadow:none; font-size:12px; } .gthnav-menu__link:after{ left:10px; right:10px; } #gthnav-main-menu .lucide-chevron-down{ width:13px; height:13px; } .gthnav-menu__link--home, .gthnav-menu__link--home:link, .gthnav-menu__link--home:visited, .gthnav-menu__link--home:active{ width:100%; min-width:0; justify-content:flex-start; padding:0 10px; margin:6px 0; } .gthnav-menu__link--home:before{ content:"Главная"; display:inline-block !important; margin-left:7px; color:#fff7e0; font-size:12px; line-height:27px; } .gthnav-menu__dropdown, .gthnav-menu__item--wide > .gthnav-menu__dropdown, .gthnav-menu__item--compact > .gthnav-menu__dropdown{ position:static; min-width:0; max-width:none; width:auto; margin:0 8px 8px 8px; padding:0 10px; display:block; opacity:1; visibility:visible; overflow:hidden; transform:none; max-height:0; border-width:0; box-shadow:none; transition:max-height .28s ease,padding .22s ease,margin .22s ease,background .22s ease,border-width .22s ease; } .gthnav-menu__item.gthnav-menu__item--mobile-open > .gthnav-menu__link{ background:linear-gradient(180deg,rgba(255,245,214,.10),rgba(255,245,214,0)),linear-gradient(180deg,rgba(86,66,42,.76),rgba(43,33,23,.92)) !important; border-radius:8px !important; box-shadow:0 0 0 1px rgba(214,180,118,.20) inset,0 0 10px rgba(214,180,118,.08) !important; } .gthnav-menu__item.gthnav-menu__item--mobile-open > .gthnav-menu__link:after{ opacity:1; transform:scaleX(1); } .gthnav-menu__item.gthnav-menu__item--mobile-open > .gthnav-menu__link .lucide-chevron-down{ transform:rotate(180deg); } .gthnav-menu__item:hover > .gthnav-menu__dropdown{ transform:none; } .gthnav-menu__item.gthnav-menu__item--mobile-open > .gthnav-menu__dropdown{ max-height:1500px; padding:12px 10px 8px 10px; border-width:1px; box-shadow:0 10px 20px rgba(0,0,0,.22),0 1px 0 rgba(255,255,255,.08) inset; } .gthnav-menu__dropdown:before{ display:none; } .gthnav-menu__column, .gthnav-menu__item--wide .gthnav-menu__column{ float:none; width:auto; flex:none; margin:0 0 12px 0; opacity:1; transform:none; } .gthnav-menu__item--wide .gthnav-menu__column + .gthnav-menu__column:before{ display:none; } .gthnav-menu__sublink, .gthnav-menu__sublink:link, .gthnav-menu__sublink:visited, .gthnav-menu__sublink:active{ padding:8px 9px; } .gthnav-menu__sublink--tile, .gthnav-menu__sublink--tile:link, .gthnav-menu__sublink--tile:visited, .gthnav-menu__sublink--tile:active{ padding:10px 10px 10px 12px; } .gthnav-menu__desc{ font-size:10px; line-height:13px; } .gthnav-menu__item--align-right > .gthnav-menu__dropdown{ right:auto; left:auto; } } /* ========================================================= 435. GTA SCROLL — ФИНАЛЬНЫЙ КОД, СТАВИТЬ В САМЫЙ НИЗ CSS ========================================================= */ html{ scrollbar-gutter:stable !important; scrollbar-width:auto !important; scrollbar-color:#b89558 #241d12 !important; } body{ scrollbar-width:auto !important; scrollbar-color:#b89558 #241d12 !important; } /* Chrome / Edge / Safari */ html::-webkit-scrollbar, body::-webkit-scrollbar{ width:15px !important; height:15px !important; } html::-webkit-scrollbar-track, body::-webkit-scrollbar-track{ background:linear-gradient(180deg,#16110b 0%,#241d12 45%,#312619 100%) !important; border-left:1px solid rgba(255,244,214,.05) !important; box-shadow: inset 0 0 0 1px rgba(0,0,0,.28), inset 0 0 14px rgba(0,0,0,.18) !important; } html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,#c9a162 0%,#9f7236 52%,#6a4720 100%) !important; border:3px solid #221b11 !important; border-radius:999px !important; box-shadow: inset 0 1px 0 rgba(255,238,194,.32), 0 0 0 1px rgba(0,0,0,.24), 0 5px 12px rgba(0,0,0,.16) !important; } html::-webkit-scrollbar-thumb:hover, body::-webkit-scrollbar-thumb:hover{ background:linear-gradient(180deg,#ddb777 0%,#b07f3e 52%,#7a5226 100%) !important; box-shadow: inset 0 1px 0 rgba(255,243,212,.42), 0 0 0 1px rgba(83,56,22,.30), 0 0 14px rgba(181,136,64,.22) !important; } html::-webkit-scrollbar-corner, body::-webkit-scrollbar-corner{ background:#1a140d !important; } /* внутренние скроллы блоков не трогаем */ .gtmInformerScrollBox::-webkit-scrollbar, .gtmCommentsPanel *::-webkit-scrollbar, .gtmUsersPanel *::-webkit-scrollbar{ width:7px !important; height:7px !important; } .gtmInformerScrollBox::-webkit-scrollbar-thumb, .gtmCommentsPanel *::-webkit-scrollbar-thumb, .gtmUsersPanel *::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,#c8a85d 0%,#9f6247 100%) !important; border:1px solid rgba(72,58,33,.45) !important; border-radius:10px !important; } .gtmInformerScrollBox::-webkit-scrollbar-track, .gtmCommentsPanel *::-webkit-scrollbar-track, .gtmUsersPanel *::-webkit-scrollbar-track{ background:rgba(72,58,33,.10) !important; border-radius:10px !important; } /* =============================== 436. МИНИ-ЧАТ GTA MANIA стиль как "Мини профиль" чистый вариант без глобального html/body =============================== */ :root{ --gtm-chat-bg-1:#3d3628; --gtm-chat-bg-2:#2f291d; --gtm-chat-bg-3:#221d14; --gtm-chat-head-1:#4a4130; --gtm-chat-head-2:#373021; --gtm-chat-head-3:#261f15; --gtm-chat-border:#1c1710; --gtm-chat-border-soft:rgba(138,123,90,.30); --gtm-chat-text:#e4dac4; --gtm-chat-soft:#b6ac94; --gtm-chat-gold:#d2ab73; --gtm-chat-light:#f5ebce; --gtm-chat-red:#9f6247; --gtm-chat-dark:#17130d; } /* =============================== 437. ВНЕШНИЙ БЛОК =============================== */ .gtmChatPanel.gtmProfileMenu, .gtmChatPanel{ width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 0 10px 0 !important; padding:0 !important; position:relative !important; display:block !important; overflow:hidden !important; color:var(--gtm-chat-text) !important; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; background: radial-gradient(circle at 50% 0,rgba(210,171,115,.10),transparent 42%), radial-gradient(circle at 86% 100%,rgba(86,52,24,.14),transparent 34%), linear-gradient(180deg,var(--gtm-chat-bg-1) 0%,var(--gtm-chat-bg-2) 52%,var(--gtm-chat-bg-3) 100%) !important; border:1px solid var(--gtm-chat-border) !important; border-radius:12px !important; box-shadow: 0 14px 30px rgba(0,0,0,.42), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.16) inset !important; box-sizing:border-box !important; } /* если опять будет левый отступ в колонке — включи этот блок */ /* .gtmChatPanel.gtmProfileMenu, .gtmChatPanel{ width:calc(100% + 6px) !important; max-width:calc(100% + 6px) !important; margin-left:-6px !important; margin-right:0 !important; } */ .gtmChatPanel, .gtmChatPanel *, .gtmChatPanel *:before, .gtmChatPanel *:after{ box-sizing:border-box !important; max-width:100% !important; } /* внутренний блик */ .gtmChatPanel:before{ content:"" !important; position:absolute !important; inset:1px !important; border-radius:11px !important; border:1px solid rgba(255,255,255,.035) !important; pointer-events:none !important; z-index:1 !important; } .gtmChatPanel:after{ content:"" !important; position:absolute !important; left:0 !important; top:0 !important; width:100% !important; height:1px !important; background:linear-gradient(90deg,transparent,rgba(255,226,198,.24),transparent) !important; pointer-events:none !important; z-index:2 !important; } .gtmChatPanel > *{ position:relative !important; z-index:3 !important; } /* убираем старые блики от gtmProfileMenu */ .gtmChatPanel .gtmProfileMenu__title:before, .gtmChatPanel .gtmProfileMenu__title:after, .gtmChatPanel .gtmProfileMenu__body:before, .gtmChatPanel .gtmProfileMenu__body:after{ display:none !important; content:none !important; } /* =============================== 438. ЗАГОЛОВОК =============================== */ .gtmChatPanel .gtmProfileMenu__title, .gtmChatPanel__title{ width:100% !important; min-height:34px !important; margin:0 !important; padding:8px 34px 8px 9px !important; display:flex !important; align-items:center !important; gap:7px !important; position:relative !important; overflow:hidden !important; color:var(--gtm-chat-light) !important; background: radial-gradient(circle at 19px 50%,rgba(210,171,115,.16),rgba(210,171,115,0) 30px), linear-gradient(180deg,var(--gtm-chat-head-1) 0%,var(--gtm-chat-head-2) 52%,var(--gtm-chat-head-3) 100%) !important; border:0 !important; border-bottom:1px solid var(--gtm-chat-border) !important; border-radius:12px 12px 0 0 !important; font-size:11px !important; font-weight:900 !important; line-height:14px !important; text-transform:uppercase !important; letter-spacing:.25px !important; text-shadow: 0 1px 1px rgba(0,0,0,.78), 0 0 5px rgba(210,171,115,.18) !important; box-shadow: 0 1px 0 rgba(255,255,255,.06) inset, 0 -1px 0 rgba(0,0,0,.28) inset !important; } /* иконка без emoji */ .gtmChatPanel__titleIcon{ width:18px !important; height:18px !important; flex:0 0 18px !important; display:inline-block !important; position:relative !important; border-radius:50% !important; background: radial-gradient(circle at 35% 30%,rgba(255,255,255,.58),rgba(255,255,255,0) 34%), linear-gradient(180deg,#d2ab73 0%,#8d6a2c 100%) !important; border:1px solid rgba(35,28,15,.88) !important; box-shadow: 0 1px 0 rgba(255,255,255,.25) inset, 0 0 8px rgba(210,171,115,.25) !important; } .gtmChatPanel__titleIcon:before{ content:"" !important; position:absolute !important; left:5px !important; top:5px !important; width:3px !important; height:3px !important; border-radius:50% !important; background:#2f2412 !important; box-shadow: 5px 0 0 #2f2412, 2px 5px 0 #2f2412 !important; } .gtmChatPanel__titleText{ flex:1 1 auto !important; min-width:0 !important; display:block !important; color:var(--gtm-chat-light) !important; font-size:11px !important; font-weight:900 !important; line-height:14px !important; overflow:hidden !important; white-space:nowrap !important; text-overflow:ellipsis !important; } /* online */ .gtmChatPanel__online{ flex:0 0 auto !important; display:inline-flex !important; align-items:center !important; gap:4px !important; margin-left:auto !important; padding:2px 6px !important; color:#24170d !important; background: linear-gradient(180deg,#d2ab73 0%,#a07437 55%,#6d461f 100%) !important; border:1px solid #3f2b15 !important; border-radius:999px !important; font-size:8px !important; font-weight:900 !important; line-height:10px !important; text-transform:uppercase !important; text-shadow:0 1px 0 rgba(255,255,255,.28) !important; box-shadow: 0 1px 0 rgba(255,255,255,.22) inset, 0 0 7px rgba(210,171,115,.20) !important; } .gtmChatPanel__onlineDot{ width:6px !important; height:6px !important; flex:0 0 6px !important; display:inline-block !important; border-radius:50% !important; background:#7d9550 !important; box-shadow: 0 0 0 1px rgba(255,255,255,.16), 0 0 8px rgba(125,149,80,.58) !important; animation:gtmChatMiniPulse 1.8s ease-in-out infinite !important; } /* badge live */ .gtmChatPanel .gtmProfileMenu__titleBadge{ flex:0 0 auto !important; margin:0 0 0 2px !important; padding:2px 7px !important; color:#24170d !important; background: linear-gradient(180deg,#d2ab73 0%,#a07437 55%,#6d461f 100%) !important; border:1px solid #3f2b15 !important; border-radius:999px !important; font-size:8px !important; font-weight:900 !important; line-height:10px !important; text-transform:uppercase !important; text-shadow:0 1px 0 rgba(255,255,255,.28) !important; box-shadow: 0 1px 0 rgba(255,255,255,.22) inset, 0 0 7px rgba(210,171,115,.20) !important; } /* кнопка обновления */ .gtmChatPanel .gtmChatPanel__reload, .gtmChatPanel .gtmChatPanel__reload:link, .gtmChatPanel .gtmChatPanel__reload:visited, .gtmChatPanel .gtmChatPanel__reload:active{ position:absolute !important; right:7px !important; top:50% !important; transform:translateY(-50%) !important; width:21px !important; height:21px !important; display:flex !important; align-items:center !important; justify-content:center !important; color:#24170d !important; background: linear-gradient(180deg,#d2ab73 0%,#a07437 55%,#6d461f 100%) !important; border:1px solid #3f2b15 !important; border-radius:50% !important; font-size:12px !important; font-weight:900 !important; line-height:21px !important; text-decoration:none !important; text-shadow:0 1px 0 rgba(255,255,255,.28) !important; box-shadow: 0 2px 6px rgba(0,0,0,.32), 0 0 9px rgba(210,171,115,.16), 0 1px 0 rgba(255,255,255,.20) inset !important; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important; } .gtmChatPanel .gtmChatPanel__reload:hover{ transform:translateY(-50%) translateY(-1px) !important; border-color:#d2ab73 !important; box-shadow: 0 4px 10px rgba(0,0,0,.42), 0 0 12px rgba(210,171,115,.28), 0 1px 0 rgba(255,255,255,.24) inset !important; } /* =============================== 439. ТЕЛО =============================== */ .gtmChatPanel__body{ width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 !important; padding:7px !important; overflow:hidden !important; color:var(--gtm-chat-text) !important; background: radial-gradient(circle at top left,rgba(255,255,255,.06),rgba(255,255,255,0) 42%), linear-gradient(180deg,#352f22 0%,#241f16 100%) !important; border:0 !important; border-radius:0 0 12px 12px !important; } /* статус */ .gtmChatPanel__status{ width:100% !important; margin:0 0 7px 0 !important; padding:6px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:6px !important; color:#cdbf9f !important; background: linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0)), linear-gradient(180deg,#342d20 0%,#241f16 100%) !important; border:1px solid rgba(28,23,16,.95) !important; border-radius:8px !important; font-size:10px !important; font-weight:800 !important; line-height:12px !important; text-align:center !important; text-shadow:0 1px 1px rgba(0,0,0,.65) !important; box-shadow: 0 1px 0 rgba(255,255,255,.05) inset, 0 1px 2px rgba(0,0,0,.18) !important; } .gtmChatPanel__statusDot{ width:7px !important; height:7px !important; flex:0 0 7px !important; display:inline-block !important; border-radius:50% !important; background:#d2ab73 !important; box-shadow: 0 0 0 1px rgba(255,255,255,.16), 0 0 8px rgba(210,171,115,.58) !important; animation:gtmChatMiniPulse 1.8s ease-in-out infinite !important; } .gtmChatPanel__statusText{ min-width:0 !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; } /* разделитель */ .gtmChatPanel__divider{ width:100% !important; height:1px !important; margin:0 0 7px 0 !important; background:linear-gradient(90deg,transparent,rgba(210,171,115,.34),transparent) !important; box-shadow:0 0 8px rgba(210,171,115,.14) !important; } /* iframe box */ .gtmChatPanel__box{ width:100% !important; max-width:100% !important; min-height:520px !important; overflow:hidden !important; background: radial-gradient(circle at top left,rgba(255,255,255,.075),rgba(255,255,255,0) 44%), linear-gradient(180deg,#302a1d 0%,#211c14 100%) !important; border:1px solid rgba(28,23,16,.95) !important; border-radius:8px !important; box-shadow: 0 1px 0 rgba(255,255,255,.065) inset, 0 -1px 0 rgba(0,0,0,.22) inset, 0 1px 2px rgba(0,0,0,.20) !important; } /* iframe */ #mchatIfm2{ width:100% !important; max-width:100% !important; height:520px !important; display:block !important; border:0 !important; outline:0 !important; background:#211c14 !important; } /* footer line */ .gtmChatFooterLine{ width:100% !important; margin:7px 0 0 0 !important; padding:6px 7px !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:4px !important; color:#9f9278 !important; background: linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015)), linear-gradient(180deg,#302a1d 0%,#221d14 100%) !important; border:1px solid rgba(28,23,16,.88) !important; border-radius:8px !important; font-size:10px !important; font-weight:800 !important; line-height:12px !important; text-align:center !important; text-shadow:0 1px 1px rgba(0,0,0,.65) !important; box-shadow: 0 1px 0 rgba(255,255,255,.05) inset, 0 1px 2px rgba(0,0,0,.18) !important; } .gtmChatFooterLine b{ color:var(--gtm-chat-gold) !important; font-weight:900 !important; } /* =============================== 440. СООБЩЕНИЯ ЧАТА это ставить в шаблон сообщений мини-чата / iframe =============================== */ .gtmChatMsg{ width:100% !important; margin:0 0 8px 0 !important; padding:7px !important; position:relative !important; overflow:hidden !important; color:#2f2b1b !important; background: radial-gradient(circle at 20% 10%,rgba(255,255,255,.26),rgba(255,255,255,0) 46px), linear-gradient(90deg,rgba(159,98,71,.10) 0%,rgba(159,98,71,0) 40px), linear-gradient(180deg,#f8efd2 0%,#eadbb0 100%) !important; border:1px solid rgba(72,58,33,.28) !important; border-left:4px solid #9f6247 !important; border-radius:8px !important; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; font-size:11px !important; line-height:14px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.60), 0 1px 2px rgba(0,0,0,.10) !important; transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease !important; } .gtmChatMsg:hover{ transform:translateY(-1px) !important; background: radial-gradient(circle at 20% 10%,rgba(255,255,255,.36),rgba(255,255,255,0) 46px), linear-gradient(90deg,rgba(159,98,71,.13) 0%,rgba(159,98,71,0) 42px), linear-gradient(180deg,#fff6d8 0%,#ead8a5 100%) !important; border-color:rgba(159,98,71,.55) !important; border-left-color:#b87455 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.70), 0 3px 8px rgba(0,0,0,.14), 0 0 8px rgba(159,98,71,.14) !important; } /* head */ .gtmChatMsg__head{ min-height:30px !important; margin:0 0 5px 0 !important; padding:5px !important; position:relative !important; color:#2f2b1b !important; background: radial-gradient(circle at top left,rgba(255,255,255,.48),rgba(255,255,255,0) 44%), linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.20)) !important; border:1px solid rgba(72,58,33,.18) !important; border-radius:6px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 1px 2px rgba(0,0,0,.12) !important; } /* avatar */ .gtmChatMsg__avatar{ float:left !important; width:30px !important; height:30px !important; margin:0 7px 0 0 !important; } .gtmChatMsg__avatar a, .gtmChatMsg__avatarLink{ width:30px !important; height:30px !important; display:block !important; overflow:hidden !important; border-radius:9px !important; } .gtmChatMsg__avatar img, .com_wp{ width:30px !important; height:30px !important; display:block !important; object-fit:cover !important; border-radius:8px !important; background: radial-gradient(circle at 35% 25%,rgba(255,255,255,.75),rgba(255,255,255,0) 34%), linear-gradient(180deg,#f5ebce 0%,#d8c994 100%) !important; border:1px solid rgba(72,58,33,.45) !important; outline:1px solid rgba(255,255,255,.36) !important; outline-offset:1px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.50), 0 1px 2px rgba(0,0,0,.18) !important; } /* username */ .gtmChatMsg__topLine{ display:flex !important; align-items:center !important; gap:3px !important; min-height:16px !important; max-width:100% !important; } .gtmChatMsg__name, .gtmChatMsg__name:link, .gtmChatMsg__name:visited, .gtmChatMsg__name:active{ flex:1 1 auto !important; min-width:0 !important; display:block !important; color:#7c4632 !important; font-size:11px !important; font-weight:900 !important; line-height:13px !important; text-decoration:none !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; } .gtmChatMsg__name:hover{ color:#2a2418 !important; text-decoration:underline !important; text-underline-offset:2px !important; } /* badges */ .gtmChatMsg__role, .gtmChatMsg__new, .gtmChatMsg__num{ flex:0 0 auto !important; display:inline-block !important; padding:1px 5px !important; border-radius:999px !important; font-size:8px !important; font-weight:900 !important; line-height:11px !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } .gtmChatMsg__role, .gtmChatMsg__num{ color:#2f2b1b !important; background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%) !important; border:1px solid #8a7b5a !important; text-shadow:0 1px 0 rgba(255,255,255,.65) !important; } .gtmChatMsg__new{ color:#fff3cf !important; background:linear-gradient(180deg,#9f6247 0%,#7c4632 100%) !important; border:1px solid #5a2f21 !important; text-shadow:1px 1px 0 rgba(0,0,0,.62) !important; } /* date */ .gtmChatMsg__dateLine{ width:100% !important; margin:5px 0 0 0 !important; padding:3px 6px !important; display:flex !important; align-items:center !important; justify-content:center !important; color:#6a5b3e !important; background: linear-gradient(180deg,rgba(255,255,255,.36),rgba(255,255,255,.16)) !important; border:1px solid rgba(72,58,33,.16) !important; border-radius:999px !important; font-size:9px !important; font-weight:800 !important; line-height:12px !important; text-align:center !important; } /* text */ .gtmChatMsg__text, .cMessage{ clear:both !important; margin:6px 0 0 0 !important; padding:6px 8px 6px 12px !important; position:relative !important; color:#4b422e !important; background: radial-gradient(circle at top left,rgba(255,255,255,.48),rgba(255,255,255,0) 44%), linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.20)) !important; border:1px solid rgba(72,58,33,.18) !important; border-left:3px solid rgba(159,98,71,.42) !important; border-radius:6px !important; font-size:11px !important; line-height:14px !important; text-align:left !important; word-wrap:break-word !important; overflow-wrap:break-word !important; max-height:78px !important; overflow:hidden !important; transition: max-height .22s ease, background .18s ease, border-color .18s ease !important; } .gtmChatMsg__text:hover, .cMessage:hover{ max-height:none !important; overflow:visible !important; background: radial-gradient(circle at top left,rgba(255,255,255,.62),rgba(255,255,255,0) 44%), linear-gradient(180deg,rgba(255,255,255,.58),rgba(255,255,255,.25)) !important; border-color:rgba(159,98,71,.34) !important; } /* special messages */ .gtmChatMsg--mine{ border-left-color:#d2ab73 !important; } .gtmChatMsg--founder{ border-left-color:#d2ab73 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.70), 0 3px 8px rgba(0,0,0,.14), 0 0 12px rgba(210,171,115,.20) !important; } .gtmChatMsg--admin{ border-left-color:#9f6247 !important; } .gtmChatMsg--friend{ border-left-color:#9b7ac2 !important; } .gtmChatMsg--guest{ border-left-color:#9a927c !important; } /* =============================== 441. ФОРМА ЧАТА =============================== */ .gtmChatForm{ width:100% !important; margin:8px 0 0 0 !important; padding:7px !important; color:#2f2b1b !important; background: radial-gradient(circle at 20% 10%,rgba(255,255,255,.26),rgba(255,255,255,0) 46px), linear-gradient(180deg,#f8efd2 0%,#eadbb0 100%) !important; border:1px solid rgba(72,58,33,.28) !important; border-left:4px solid #9f6247 !important; border-radius:8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.60), 0 1px 2px rgba(0,0,0,.10) !important; } .gtmChatForm input[type="text"], .gtmChatForm input[type="email"], .gtmChatForm input[type="url"], .gtmChatForm input[type="password"], .gtmChatForm textarea, #mchatMsgF{ width:100% !important; min-height:42px !important; padding:6px !important; color:#2f2b1b !important; background: linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.20)) !important; border:1px solid rgba(72,58,33,.24) !important; border-radius:7px !important; outline:none !important; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; font-size:12px !important; line-height:15px !important; resize:vertical !important; } .gtmChatForm input:focus, .gtmChatForm textarea:focus, #mchatMsgF:focus{ border-color:rgba(159,98,71,.48) !important; box-shadow: 0 0 0 1px rgba(159,98,71,.10), 0 0 8px rgba(159,98,71,.16) !important; } .gtmChatForm__submit input, .gtmChatForm__submit button, .send-message{ min-width:45px !important; height:30px !important; padding:0 10px !important; color:#24170d !important; background: linear-gradient(180deg,#d2ab73 0%,#a07437 55%,#6d461f 100%) !important; border:1px solid #3f2b15 !important; border-radius:8px !important; font-size:11px !important; font-weight:900 !important; line-height:28px !important; text-align:center !important; cursor:pointer !important; text-shadow:0 1px 0 rgba(255,255,255,.28) !important; box-shadow: 0 2px 6px rgba(0,0,0,.32), 0 0 9px rgba(210,171,115,.16), 0 1px 0 rgba(255,255,255,.20) inset !important; } .gtmChatForm__submit input:hover, .gtmChatForm__submit button:hover, .send-message:hover{ color:#1c120a !important; border-color:#d2ab73 !important; } /* =============================== 442. СКРОЛЛ ТОЛЬКО ВНУТРИ ЧАТА не трогает общий скролл сайта =============================== */ .gtmChatPanel__box, .gtmChatPanel__body, .gtmChatScrollBox, .gtmChatMessages, .gtmChatList, #mchat, #mchatMsgBlock, #mchatBlock{ scrollbar-width:thin !important; scrollbar-color:#d2ab73 rgba(28,18,13,.78) !important; } .gtmChatPanel__box::-webkit-scrollbar, .gtmChatPanel__body::-webkit-scrollbar, .gtmChatScrollBox::-webkit-scrollbar, .gtmChatMessages::-webkit-scrollbar, .gtmChatList::-webkit-scrollbar, #mchat::-webkit-scrollbar, #mchatMsgBlock::-webkit-scrollbar, #mchatBlock::-webkit-scrollbar{ width:7px !important; height:7px !important; } .gtmChatPanel__box::-webkit-scrollbar-track, .gtmChatPanel__body::-webkit-scrollbar-track, .gtmChatScrollBox::-webkit-scrollbar-track, .gtmChatMessages::-webkit-scrollbar-track, .gtmChatList::-webkit-scrollbar-track, #mchat::-webkit-scrollbar-track, #mchatMsgBlock::-webkit-scrollbar-track, #mchatBlock::-webkit-scrollbar-track{ background:rgba(72,58,33,.10) !important; border-radius:10px !important; } .gtmChatPanel__box::-webkit-scrollbar-thumb, .gtmChatPanel__body::-webkit-scrollbar-thumb, .gtmChatScrollBox::-webkit-scrollbar-thumb, .gtmChatMessages::-webkit-scrollbar-thumb, .gtmChatList::-webkit-scrollbar-thumb, #mchat::-webkit-scrollbar-thumb, #mchatMsgBlock::-webkit-scrollbar-thumb, #mchatBlock::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,#c8a85d 0%,#9f6247 100%) !important; border:1px solid rgba(72,58,33,.45) !important; border-radius:10px !important; } /* =============================== 443. АНИМАЦИИ =============================== */ @keyframes gtmChatMiniPulse{ 0%,100%{ opacity:.55; transform:scale(.90); } 50%{ opacity:1; transform:scale(1.08); } } /* =============================== 444. REDUCED MOTION =============================== */ @media(prefers-reduced-motion:reduce){ .gtmChatPanel, .gtmChatPanel *, .gtmChatPanel *:before, .gtmChatPanel *:after, .gtmChatMsg, .gtmChatMsg *, .gtmChatMsg:before, .gtmChatMsg:after, .gtmChatForm, .gtmChatForm *, .gtmChatForm *:before, .gtmChatForm *:after{ animation:none !important; transition:none !important; transform:none !important; } } /* =============================== 445. НИЗ САЙТА стиль как "Мини профиль" футер в 2 уровня счётчики + sitemap-меню + дисклеймер =============================== */ :root{ --gtn-footer-bg-1:#3d3628; --gtn-footer-bg-2:#2f291d; --gtn-footer-bg-3:#221d14; --gtn-footer-head-1:#4a4130; --gtn-footer-head-2:#373021; --gtn-footer-head-3:#261f15; --gtn-footer-border:#1c1710; --gtn-footer-border-soft:rgba(138,123,90,.30); --gtn-footer-text:#e4dac4; --gtn-footer-soft:#b6ac94; --gtn-footer-gold:#d2ab73; --gtn-footer-light:#f5ebce; --gtn-footer-red:#9f6247; --gtn-footer-dark:#17130d; --gtn-footer-card:#f8efd2; --gtn-footer-card-2:#eadbb0; --gtn-footer-card-text:#2f2b1b; } /* =============================== 446. Основной футер =============================== */ .gtnFooter{ width:100%; clear:both; margin:14px auto 0; padding:8px 0; box-sizing:border-box; } .gtnFooter, .gtnFooter *, .gtnFooter *:before, .gtnFooter *:after{ box-sizing:border-box; } .gtnFooter_inner{ position:relative; overflow:hidden; display:flex; flex-direction:column; gap:8px; width:990px; max-width:100%; min-width:0; margin:0 auto; padding:10px 12px; color:var(--gtn-footer-text); font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; background: radial-gradient(circle at 50% 0,rgba(210,171,115,.10),transparent 42%), radial-gradient(circle at 86% 100%,rgba(86,52,24,.14),transparent 34%), linear-gradient(180deg,var(--gtn-footer-bg-1) 0%,var(--gtn-footer-bg-2) 52%,var(--gtn-footer-bg-3) 100%); border:1px solid var(--gtn-footer-border); border-radius:12px; box-shadow: 0 14px 30px rgba(0,0,0,.42), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.16) inset; } .gtnFooter_inner:before{ content:""; position:absolute; left:0; top:0; width:100%; height:1px; z-index:4; background:linear-gradient(90deg,transparent,rgba(240,221,185,.36),transparent); pointer-events:none; } .gtnFooter_top, .gtnFooter_nav, .gtnFooter_bottom, .gtnFooter_disclaimer, .gtnFooter_poweredLine, .gtnFooter_brandWrap, .gtnFooter_statusWrap, .gtnFooter_statusCard, .gtnFooter_copyBox, .gtnFooter_label, .gtnFooter_counters{ position:relative; z-index:3; } /* =============================== 447. Верхний уровень =============================== */ .gtnFooter_top{ display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-width:0; } .gtnFooter_brandWrap{ flex:0 1 auto; display:inline-flex; align-items:center; gap:10px; min-width:0; } .gtnFooter_brandMark{ flex:0 0 4px; width:4px; height:38px; border-radius:999px; background:linear-gradient(180deg,var(--gtn-footer-gold),#8d6a2c 100%); box-shadow: 0 0 10px rgba(210,171,115,.30), 0 0 16px rgba(210,171,115,.16); } .gtnFooter_brandBlock{ min-width:0; } .gtnFooter_brand{ color:var(--gtn-footer-light); font-size:18px; font-weight:900; letter-spacing:.05em; line-height:1; text-transform:uppercase; text-shadow: 0 1px 1px rgba(0,0,0,.78), 0 0 5px rgba(210,171,115,.18); white-space:nowrap; } .gtnFooter_subtitle{ margin-top:3px; color:var(--gtn-footer-soft); font-size:11px; font-weight:700; line-height:1.2; white-space:nowrap; text-shadow:0 1px 1px rgba(0,0,0,.65); } /* =============================== 448. Статус =============================== */ .gtnFooter_statusWrap{ flex:0 0 auto; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:0; } .gtnFooter_statusCard{ display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:34px; padding:0 12px; color:#24170d; background: linear-gradient(180deg,#d2ab73 0%,#a07437 55%,#6d461f 100%); border:1px solid #3f2b15; border-radius:999px; font-size:10px; font-weight:900; letter-spacing:.05em; text-transform:uppercase; white-space:nowrap; text-shadow:0 1px 0 rgba(255,255,255,.28); box-shadow: 0 1px 0 rgba(255,255,255,.22) inset, 0 0 7px rgba(210,171,115,.20); } .gtnFooter_live{ flex:0 0 8px; width:8px; height:8px; border-radius:50%; background:#7d9550; box-shadow: 0 0 0 1px rgba(255,255,255,.16), 0 0 8px rgba(125,149,80,.58); animation:gtnFooterMiniPulse 1.8s ease-in-out infinite; } .gtnFooter_statusNote{ max-width:220px; color:rgba(228,218,196,.72); font-size:9px; font-weight:800; line-height:1.2; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-shadow:0 1px 1px rgba(0,0,0,.60); } @keyframes gtnFooterMiniPulse{ 0%,100%{ opacity:.55; transform:scale(.90); } 50%{ opacity:1; transform:scale(1.08); } } /* =============================== 449. Копирайт =============================== */ .gtnFooter_copyBox{ flex:0 1 180px; display:flex; flex-direction:column; align-items:flex-end; justify-content:center; gap:2px; min-width:0; color:rgba(228,218,196,.72); font-size:10px; font-weight:700; line-height:1.2; text-align:right; text-shadow:0 1px 1px rgba(0,0,0,.60); overflow:hidden; } .gtnFooter_copy{ display:block; width:100%; max-width:100%; color:rgba(245,235,206,.92); font-size:11px; font-weight:900; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .gtnFooter_since{ display:block; width:100%; max-width:100%; color:rgba(228,218,196,.72); font-size:9px; font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } /* =============================== 450. Sitemap-меню =============================== */ .gtnFooter_nav{ display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; min-width:0; padding:7px 8px; background: linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0)), linear-gradient(180deg,#342d20 0%,#241f16 100%); border:1px solid rgba(28,23,16,.95); border-radius:8px; box-shadow: 0 1px 0 rgba(255,255,255,.05) inset, 0 1px 2px rgba(0,0,0,.18); } .gtnFooter_navMain{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:5px; min-width:0; } .gtnFooter_navSep{ flex:0 0 3px; width:3px; height:3px; display:inline-block; border-radius:50%; background:rgba(210,171,115,.48); box-shadow:0 0 5px rgba(210,171,115,.26); } /* микроиконки через CSS */ .gtnFooter_nav a:before{ content:""; flex:0 0 5px; width:5px; height:5px; margin-right:6px; border-radius:50%; background:linear-gradient(180deg,#d2ab73,#9f6247); box-shadow:0 0 6px rgba(210,171,115,.35); } .gtnFooter_nav a, .gtnFooter_nav a:link, .gtnFooter_nav a:visited, .gtnFooter_nav a:active{ display:inline-flex; align-items:center; justify-content:center; min-height:22px; padding:0 9px; color:#cdbf9f; background: linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0)), linear-gradient(180deg,#342d20 0%,#241f16 100%); border:1px solid rgba(28,23,16,.95); border-radius:999px; font-size:10px; font-weight:900; line-height:22px; text-decoration:none; text-transform:uppercase; letter-spacing:.035em; white-space:nowrap; text-shadow:0 1px 1px rgba(0,0,0,.65); box-shadow: 0 1px 0 rgba(255,255,255,.05) inset, 0 1px 2px rgba(0,0,0,.18); transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease, opacity .18s ease; } .gtnFooter_nav a:hover{ color:var(--gtn-footer-light); border-color:rgba(210,171,115,.38); background: linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.01)), linear-gradient(180deg,#3d3628 0%,#292317 100%); transform:translateY(-1px); box-shadow: 0 3px 8px rgba(0,0,0,.22), 0 0 8px rgba(210,171,115,.14); } /* техническая ссылка sitemap.xml тише */ .gtnFooter_navTech, .gtnFooter_navTech:link, .gtnFooter_navTech:visited, .gtnFooter_navTech:active{ flex:0 0 auto; opacity:.52; font-size:8px !important; min-height:20px !important; line-height:20px !important; padding:0 7px !important; background:rgba(28,23,16,.42) !important; border-color:rgba(138,123,90,.14) !important; } .gtnFooter_navTech:hover{ opacity:.92; } /* =============================== 451. Нижний уровень =============================== */ .gtnFooter_bottom{ display:flex; align-items:center; gap:10px; width:100%; min-width:0; padding-top:8px; border-top:1px solid rgba(210,171,115,.18); } .gtnFooter_label{ flex:0 0 auto; padding:0 10px; color:var(--gtn-footer-soft); font-size:10px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; white-space:nowrap; text-shadow:0 1px 1px rgba(0,0,0,.65); } .gtnFooter_counters{ flex:1 1 auto; min-width:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; } /* =============================== 452. Счётчики / бейджи тёмный стиль без светлых плашек =============================== */ .gtnFooter_badge{ display:flex; align-items:center; justify-content:center; gap:7px; min-width:0; min-height:50px; padding:6px 8px; position:relative; overflow:hidden; color:var(--gtn-footer-text); background: radial-gradient(circle at 50% 0,rgba(210,171,115,.10),transparent 46%), linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0)), linear-gradient(180deg,#342d20 0%,#241f16 100%) !important; border:1px solid rgba(28,23,16,.95) !important; border-radius:8px !important; box-shadow: 0 1px 0 rgba(255,255,255,.05) inset, 0 1px 2px rgba(0,0,0,.18), 0 0 8px rgba(210,171,115,.06) !important; transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease; } .gtnFooter_badge:before{ content:""; position:absolute; left:-70%; top:0; width:55%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,230,200,.10),transparent); transform:skewX(-22deg); transition:left .34s ease; pointer-events:none; } .gtnFooter_badge:hover:before, .gtnFooter_badge:focus-within:before{ left:120%; } .gtnFooter_badge:hover, .gtnFooter_badge:focus-within{ transform:translateY(-1px); background: radial-gradient(circle at 50% 0,rgba(210,171,115,.14),transparent 46%), linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.01)), linear-gradient(180deg,#3d3628 0%,#292317 100%) !important; border-color:rgba(210,171,115,.38) !important; box-shadow: 0 1px 0 rgba(255,255,255,.06) inset, 0 3px 8px rgba(0,0,0,.22), 0 0 10px rgba(210,171,115,.12) !important; } /* индивидуальные акценты счётчиков */ .gtnFooter_badge--mail{ border-left:4px solid #6689b8 !important; } .gtnFooter_badge--yandex{ border-left:4px solid #d2ab73 !important; } .gtnFooter_badge--liveinternet{ border-left:4px solid #7d9550 !important; } .gtnFooter_badge--rambler{ border-left:4px solid #9f6247 !important; } /* название счётчика — тёмная мини-плашка */ .gtnFooter_counterName{ flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; min-width:74px; height:20px; padding:0 7px; color:#f5ebce !important; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.36)), rgba(23,21,13,.50) !important; border:1px solid rgba(138,123,90,.30) !important; border-radius:999px; font-size:8px; font-weight:900; line-height:20px; text-transform:uppercase; letter-spacing:.04em; white-space:nowrap; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.18) !important; } .gtnFooter_counterLink{ flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; text-decoration:none; position:relative; z-index:2; } .gtnFooter_badge img{ display:block; width:88px; height:31px; max-width:88px; max-height:31px; border:0; border-radius:4px; opacity:.88; filter:saturate(.92) contrast(.96); transition: opacity .18s ease, filter .18s ease; } .gtnFooter_badge:hover img, .gtnFooter_badge:focus-within img{ opacity:1; filter:none; } /* Rambler-заглушка тоже тёмная */ .gtnFooter_ramblerSlot{ flex:0 0 88px; width:88px; height:31px; display:flex; align-items:center; justify-content:center; color:#f5ebce !important; background: radial-gradient(circle at 50% 0,rgba(210,171,115,.10),transparent 45%), linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.36)), rgba(23,21,13,.58) !important; border:1px dashed rgba(210,171,115,.34) !important; border-radius:4px; font-size:8px; font-weight:900; line-height:1; text-transform:uppercase; letter-spacing:.04em; text-align:center; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; } .gtnFooter_ramblerSlot span{ display:block; max-width:80px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } /* =============================== 453. Дисклеймер =============================== */ .gtnFooter_disclaimer{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; width:100%; min-width:0; padding:7px 10px; color:#cdbf9f; background: linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0)), linear-gradient(180deg,#342d20 0%,#241f16 100%); border:1px solid rgba(28,23,16,.95); border-radius:8px; font-size:9px; font-weight:700; line-height:1.25; text-align:center; text-shadow:0 1px 1px rgba(0,0,0,.65); box-shadow: 0 1px 0 rgba(255,255,255,.05) inset, 0 1px 2px rgba(0,0,0,.18); } .gtnFooter_disclaimer div{ max-width:100%; overflow:hidden; text-overflow:ellipsis; } /* =============================== 454. Powered line =============================== */ .gtnFooter_poweredLine{ width:100%; min-width:0; padding-top:6px; color:rgba(228,218,196,.64); font-size:9px; font-weight:700; line-height:1.2; text-align:center; text-shadow:0 1px 1px rgba(0,0,0,.55); border-top:1px solid rgba(210,171,115,.14); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .gtnFooter_poweredLine a{ color:rgba(245,235,206,.76); text-decoration:none; border-bottom:1px dotted rgba(210,171,115,.28); } .gtnFooter_poweredLine a:hover{ color:#fff; border-bottom-color:rgba(210,171,115,.60); } /* =============================== 455. Hidden scripts/counters =============================== */ .gtnFooter_scripts, .gtnFooter_counterTrack{ position:absolute !important; width:1px !important; height:1px !important; margin:-1px !important; padding:0 !important; overflow:hidden !important; clip:rect(0 0 0 0) !important; clip-path:inset(50%) !important; border:0 !important; white-space:nowrap !important; } /* =============================== 456. Общие фиксы =============================== */ input, textarea, select, [contenteditable="true"]{ -webkit-user-select:text !important; -moz-user-select:text !important; -ms-user-select:text !important; user-select:text !important; } img{ -webkit-user-drag:none; user-drag:none; } a img, button img{ pointer-events:auto; } .crypto-human body{ opacity:1; } /* =============================== 457. Reduced motion =============================== */ @media(prefers-reduced-motion:reduce){ .gtnFooter_live, .gtnFooter_badge, .gtnFooter_badge:before, .gtnFooter_badge img, .gtnFooter_nav a{ animation:none !important; transition:none !important; transform:none !important; } } /* =============================== 458. Адаптация =============================== */ @media(max-width:900px){ .gtnFooter_top{ flex-wrap:wrap; } .gtnFooter_statusWrap{ margin-left:auto; } .gtnFooter_copyBox{ flex:0 0 100%; align-items:flex-start; text-align:left; padding-top:7px; border-top:1px solid rgba(210,171,115,.18); } .gtnFooter_nav{ flex-direction:column; align-items:stretch; } .gtnFooter_navMain{ justify-content:flex-start; } .gtnFooter_navTech{ align-self:flex-start; } .gtnFooter_bottom{ flex-direction:column; align-items:stretch; } .gtnFooter_label{ padding:0; } .gtnFooter_counters{ grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:560px){ .gtnFooter{ padding:6px; } .gtnFooter_inner{ width:100%; padding:10px; } .gtnFooter_brand{ font-size:16px; } .gtnFooter_subtitle{ white-space:normal; } .gtnFooter_statusWrap{ width:100%; margin-left:0; align-items:stretch; } .gtnFooter_statusCard{ width:100%; } .gtnFooter_statusNote{ max-width:100%; } .gtnFooter_navMain{ flex-direction:column; align-items:stretch; } .gtnFooter_navSep{ display:none; } .gtnFooter_nav a{ width:100%; } .gtnFooter_counters{ grid-template-columns:1fr; } .gtnFooter_badge{ justify-content:space-between; } .gtnFooter_counterName{ min-width:96px; } .gtnFooter_disclaimer{ align-items:flex-start; text-align:left; } } /* ================================ 459. GtaMania — профиль пользователя финальная версия ================================ */ .gtmUserProfilePage { width:100%; box-sizing:border-box; } /* Плавное появление блоков */ .gtmUserBox, .gtmUserQuickActions, .gtmUserOwnBox, .gtmUserModerPanel { animation:gtmUserFadeUp 0.35s ease both; } @keyframes gtmUserFadeUp { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } } /* ================================ 460. Якорное меню профиля ================================ */ .gtmUserAnchorNav { position:sticky; top:0; z-index:20; display:flex; flex-wrap:wrap; align-items:center; gap:5px; margin:0 0 14px 0; padding:7px 8px; background:#f5ebce; border:1px solid #443f2d; border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.65); } .gtmUserAnchorNav a { display:inline-flex; align-items:center; justify-content:center; min-height:22px; padding:0 7px; color:#f5ebce !important; font:700 9px/1 Arial, Tahoma, sans-serif; text-decoration:none !important; text-transform:uppercase; letter-spacing:0.15px; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-bottom-color:#b89145; border-radius:20px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 3px rgba(0,0,0,0.22); } .gtmUserAnchorNav a:hover { color:#fff1c7 !important; background:linear-gradient(180deg, #6b5f3d, #38321f); border-color:#d4a850; } /* ================================ 461. Общая карточка ================================ */ .gtmUserBox { position:relative; margin:0 0 14px 0; padding:0; background:#f5ebce; color:#2f2b1b; border:1px solid #443f2d; border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.65); overflow:hidden; } .gtmUserBox:before { content:""; position:absolute; left:0; top:0; right:0; height:4px; background:linear-gradient( to right, #2f2b1b, #6b5b32, #b89145, #6b5b32, #2f2b1b ); z-index:2; pointer-events:none; } .gtmUserBox:after { content:""; position:absolute; inset:0; background: linear-gradient(to bottom, rgba(255,255,255,0.26), transparent 38%), repeating-linear-gradient( 0deg, rgba(0,0,0,0.016) 0px, rgba(0,0,0,0.016) 1px, transparent 1px, transparent 4px ); pointer-events:none; z-index:0; } /* Декоративный фон главной карточки */ .gtmUserBox_main { overflow:hidden; } .gtmUserBox_main .gtmUserBox__body:before { content:"GTAMANIA"; position:absolute; right:-18px; top:18px; color:rgba(47,43,27,0.055); font:900 58px/1 Arial, Tahoma, sans-serif; letter-spacing:2px; transform:rotate(-8deg); pointer-events:none; z-index:0; } .gtmUserBox_main .gtmUserHero { position:relative; z-index:1; } /* Шапка карточки */ .gtmUserBox__head { position:relative; z-index:1; display:flex; align-items:center; gap:8px; min-height:36px; padding:9px 10px 8px 10px; box-sizing:border-box; background:linear-gradient(180deg, #5a5036, #2f2b1b); border-bottom:1px solid rgba(184,145,69,0.45); } .gtmUserBox__icon { flex:0 0 24px; width:24px; height:24px; display:flex; align-items:center; justify-content:center; color:#2f2b1b; font:900 13px/1 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #f5ebce, #b89145); border:1px solid rgba(0,0,0,0.65); border-radius:50%; box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 1px 3px rgba(0,0,0,0.35); } .gtmUserBox__title { flex:1 1 auto; min-width:0; color:#f5ebce; font:700 16px/1.25 Arial, Tahoma, sans-serif; text-shadow:0 1px 1px rgba(0,0,0,0.45); } .gtmUserBox__badge { flex:0 0 auto; padding:4px 7px; color:#f5ebce; font:800 10px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.45px; background:rgba(0,0,0,0.28); border:1px solid rgba(245,220,150,0.22); border-radius:20px; } .gtmUserBox__body { position:relative; z-index:1; padding:12px; box-sizing:border-box; } .gtmUserBox__footer { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 12px; box-sizing:border-box; color:#f5ebce; font:11px/1.3 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #443f2d, #2f2b1b); border-top:1px solid rgba(184,145,69,0.38); } .gtmUserBox__footer span { color:#d8c58d; } .gtmUserBox__footer b { color:#f5ebce; font-weight:700; } /* ================================ 462. Панели сверху ================================ */ .gtmUserModerPanel { margin:0 0 14px 0; padding:10px; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:5px; box-shadow: 0 1px 3px rgba(0,0,0,0.16), inset 0 1px 0 rgba(255,255,255,0.75); } .gtmUserOwnBox { margin:0 0 14px 0; padding:10px; background:#f5ebce; border:1px solid #443f2d; border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.65); } .gtmUserOwnBox__inner { padding:10px; color:#3b3422; font:13px/1.45 Arial, Tahoma, sans-serif; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:5px; } .gtmUserOwnBox__inner b { color:#2f2b1b; } .gtmUserOwnBox__actions { display:flex; flex-wrap:wrap; gap:7px; margin-top:9px; } /* Быстрые действия */ .gtmUserQuickActions { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 14px 0; padding:10px; background:#f5ebce; border:1px solid #443f2d; border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.65); } .gtmUserQuickActions a { display:inline-flex; align-items:center; justify-content:center; min-height:26px; padding:0 11px; color:#f5ebce !important; font:700 11px/1 Arial, Tahoma, sans-serif; text-decoration:none !important; text-transform:uppercase; letter-spacing:0.35px; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-bottom-color:#b89145; border-radius:3px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 3px rgba(0,0,0,0.22); } .gtmUserQuickActions a:hover { color:#fff1c7 !important; background:linear-gradient(180deg, #6b5f3d, #38321f); border-color:#d4a850; } /* Кнопка копирования ссылки */ .gtmUserCopyBtn { display:inline-flex; align-items:center; justify-content:center; min-height:26px; padding:0 11px; color:#f5ebce !important; font:700 11px/1 Arial, Tahoma, sans-serif; text-decoration:none !important; text-transform:uppercase; letter-spacing:0.35px; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-bottom-color:#b89145; border-radius:3px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 3px rgba(0,0,0,0.22); cursor:pointer; } .gtmUserCopyBtn:hover { color:#fff1c7 !important; background:linear-gradient(180deg, #6b5f3d, #38321f); border-color:#d4a850; } .gtmUserCopyBtn_isCopied { color:#2f2b1b !important; background:linear-gradient(180deg, #fff3ba, #d9aa3f) !important; border-color:#8b6a2d !important; } /* Кнопка пожаловаться */ .gtmUserReportBtn { display:inline-flex; align-items:center; justify-content:center; min-height:26px; padding:0 11px; color:#ffecec !important; font:700 11px/1 Arial, Tahoma, sans-serif; text-decoration:none !important; text-transform:uppercase; letter-spacing:0.35px; background:linear-gradient(180deg, #9a4c4c, #4a2020) !important; border:1px solid #4a2020 !important; border-bottom-color:#d07b7b !important; border-radius:3px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 3px rgba(0,0,0,0.22); } .gtmUserReportBtn:hover { color:#fff !important; background:linear-gradient(180deg, #b65a5a, #5a2525) !important; } /* ================================ 463. Верх профиля ================================ */ .gtmUserHero { display:flex; gap:14px; align-items:flex-start; } .gtmUserHero__left { flex:0 0 150px; width:150px; } .gtmUserHero__main { flex:1 1 auto; min-width:0; } .gtmUserHero__avatar { position:relative; width:150px; min-height:150px; display:flex; align-items:center; justify-content:center; background: radial-gradient(circle at center, rgba(184,145,69,0.20), transparent 62%), linear-gradient(180deg, #e4d8b7, #cfc099); border:1px solid #443f2d; border-radius:6px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 2px 6px rgba(0,0,0,0.28); overflow:hidden; } .gtmUserHero__avatar_online { border-color:#4e8b55; box-shadow: 0 0 0 2px rgba(78,139,85,0.28), inset 0 1px 0 rgba(255,255,255,0.55), 0 2px 6px rgba(0,0,0,0.28); } .gtmUserHero__avatar_offline { border-color:#77705a; box-shadow: 0 0 0 2px rgba(119,112,90,0.18), inset 0 1px 0 rgba(255,255,255,0.55), 0 2px 6px rgba(0,0,0,0.28); } .gtmUserHero__avatar:after { content:""; position:absolute; right:8px; bottom:8px; width:13px; height:13px; background:#77705a; border:2px solid #f5ebce; border-radius:50%; box-shadow:0 1px 4px rgba(0,0,0,0.35); } .gtmUserHero__avatar_online:after { background:#4e8b55; } .gtmUserHero__avatar_offline:after { background:#77705a; } .gtmUserHero__avatar img { display:block; max-width:100%; width:100%; height:auto; transition: transform 0.3s ease, filter 0.3s ease; } .gtmUserHero__avatar:hover img { transform:scale(1.045); filter:brightness(1.05) contrast(1.04); } .gtmUserHero__avatarEmpty { width:86px; height:86px; display:flex; align-items:center; justify-content:center; color:#f5ebce; font:900 28px/1 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.65); border-radius:50%; box-shadow: inset 0 1px 0 rgba(255,255,255,0.16), 0 2px 6px rgba(0,0,0,0.28); } /* Лента на аватаре */ .gtmUserAvatarRibbon { position:absolute; left:-34px; top:14px; z-index:3; width:115px; height:22px; display:none; align-items:center; justify-content:center; color:#2f2b1b; font:900 10px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.55px; background:linear-gradient(180deg, #fff3ba, #d9aa3f); border:1px solid #8b6a2d; transform:rotate(-38deg); box-shadow: 0 1px 4px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.65); } .gtmUserAvatarRibbon_show { display:flex; } .gtmUserAvatarRibbon_admin { color:#2f2b1b; background:linear-gradient(180deg, #fff3ba, #d9aa3f); border-color:#8b6a2d; } .gtmUserAvatarRibbon_moder { color:#e8f2ff; background:linear-gradient(180deg, #4c74a8, #203653); border-color:#203653; } .gtmUserAvatarRibbon_old { color:#2f2b1b; background:linear-gradient(180deg, #fff3ba, #d9aa3f); border-color:#8b6a2d; } .gtmUserAvatarRibbon_banned { color:#ffecec; background:linear-gradient(180deg, #9a4c4c, #4a2020); border-color:#4a2020; } /* Имя */ .gtmUserHero__name { margin:0 0 7px 0; padding:0; color:#2f2b1b; font:800 22px/1.2 Arial, Tahoma, sans-serif; } /* Строка под именем */ .gtmUserHero__login { display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin:0 0 10px 0; color:#6b4b18; font:700 12px/1.35 Arial, Tahoma, sans-serif; } .gtmUserHero__login span { display:inline-flex; align-items:center; min-height:22px; padding:3px 8px; color:#443f2d; background:#eadcaf; border:1px solid #c5ae71; border-radius:20px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.55); } .gtmUserHero__login span b { margin-left:4px; color:#2f2b1b; } .gtmUserHero__loginTag { color:#f5ebce !important; background:linear-gradient(180deg, #5a5036, #2f2b1b) !important; border-color:#2f2b1b !important; } /* GTA-ID */ .gtmUserPlate { display:inline-flex; align-items:center; justify-content:center; min-height:24px; padding:3px 9px; color:#2f2b1b !important; font:900 11px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.65px; background: linear-gradient(180deg, #fff3ba, #d9aa3f) !important; border:1px solid #8b6a2d !important; border-radius:4px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75), 0 1px 4px rgba(0,0,0,0.22), 0 0 10px rgba(184,145,69,0.28); } .gtmUserHero__titleText { margin:0 0 10px 0; padding:8px 10px; color:#3b3422; font:13px/1.45 Arial, Tahoma, sans-serif; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:4px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } /* ================================ 464. Визитка группы ================================ */ .gtmUserGroupCard { display:flex; gap:8px; align-items:center; margin:10px 0 0 0; padding:8px; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } .gtmUserGroupCard__icon { flex:0 0 34px; width:34px; height:34px; display:flex; align-items:center; justify-content:center; color:#f5ebce; font:900 13px/1 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.65); border-radius:50%; overflow:hidden; } .gtmUserGroupCard__icon img { max-width:100%; height:auto; } .gtmUserGroupCard__body { min-width:0; } .gtmUserGroupCard__body span { display:block; color:#6b4b18; font:700 10px/1.25 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.25px; } .gtmUserGroupCard__body b { display:block; color:#2f2b1b; font:800 12px/1.25 Arial, Tahoma, sans-serif; } /* Цветная группа */ .gtmUserGroupColor { display:inline-flex; align-items:center; min-height:22px; padding:3px 8px; color:#f5ebce !important; font:700 11px/1 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid #2f2b1b; border-radius:20px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 3px rgba(0,0,0,0.22); } .gtmUserGroupColor_admin { color:#2f2b1b !important; background:linear-gradient(180deg, #fff3ba, #d9aa3f); border-color:#8b6a2d; } .gtmUserGroupColor_moder { color:#e8f2ff !important; background:linear-gradient(180deg, #4c74a8, #203653); border-color:#203653; } .gtmUserGroupColor_banned { color:#ffecec !important; background:linear-gradient(180deg, #9a4c4c, #4a2020); border-color:#4a2020; } .gtmUserGroupColor_user { color:#f5ebce !important; background:linear-gradient(180deg, #5a5036, #2f2b1b); border-color:#2f2b1b; } /* ================================ 465. Статусы и бейджи ================================ */ .gtmUserStatusRow { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 10px 0; padding:0; } .gtmUserStatus { display:inline-flex; align-items:center; min-height:22px; padding:3px 8px; box-sizing:border-box; color:#443f2d; font:700 11px/1 Arial, Tahoma, sans-serif; background:#eadcaf; border:1px solid #c5ae71; border-radius:20px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.55); } .gtmUserStatus_dark { color:#f5ebce; background:linear-gradient(180deg, #5a5036, #2f2b1b); border-color:#2f2b1b; } .gtmUserStatus_online { color:#eaffea; background:linear-gradient(180deg, #4e8b55, #203c24); border-color:#203c24; } .gtmUserStatus_offline { color:#f5ebce; background:linear-gradient(180deg, #77705a, #3b3627); border-color:#2f2b1b; } .gtmUserStatus_warn { color:#ffecec; background:linear-gradient(180deg, #9a4c4c, #4a2020); border-color:#4a2020; } .gtmUserStatus b { margin-left:4px; } /* Старожил сайта — маленький бейдж */ .gtmUserOldTimer { color:#2f2b1b !important; background: linear-gradient(180deg, #fff3ba, #d9aa3f) !important; border:1px solid #8b6a2d !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75), 0 0 10px rgba(184,145,69,0.34) !important; } .gtmUserOldTimer:before { content:"★"; margin-right:5px; color:#7a5518; text-shadow:0 1px 0 rgba(255,255,255,0.45); } /* Последняя активность — зелёный бейдж */ .gtmUserLastActivity { margin:12px 0 0 0; padding:10px; display:flex; align-items:center; gap:10px; background:linear-gradient(180deg, #eaffea, #bfdcbf) !important; border:1px solid #4e8b55 !important; border-radius:6px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75), 0 0 12px rgba(78,139,85,0.26), 0 2px 5px rgba(0,0,0,0.18) !important; } .gtmUserLastActivity__icon { flex:0 0 38px; width:38px; height:38px; display:flex; align-items:center; justify-content:center; color:#eaffea !important; font:900 18px/1 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #4e8b55, #203c24) !important; border:1px solid #203c24 !important; border-radius:50%; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 4px rgba(0,0,0,0.28); } .gtmUserLastActivity__body { min-width:0; } .gtmUserLastActivity__body span { display:block; color:#24512a !important; font:800 11px/1.3 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.35px; } .gtmUserLastActivity__body b { display:block; margin-top:3px; color:#1d3f22 !important; font:900 14px/1.3 Arial, Tahoma, sans-serif; } /* Статус профиля */ .gtmUserProfileStatus { margin:12px 0 0 0; padding:10px; display:flex; align-items:center; gap:10px; background:linear-gradient(180deg, #eaffea, #bfdcbf) !important; border:1px solid #4e8b55 !important; border-radius:5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75), 0 0 12px rgba(78,139,85,0.24), 0 2px 5px rgba(0,0,0,0.16) !important; } .gtmUserProfileStatus__icon { flex:0 0 38px; width:38px; height:38px; display:flex; align-items:center; justify-content:center; color:#eaffea !important; font:900 18px/1 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #4e8b55, #203c24) !important; border:1px solid #203c24 !important; border-radius:50%; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 4px rgba(0,0,0,0.28); } .gtmUserProfileStatus__body { min-width:0; } .gtmUserProfileStatus__body span { display:block; color:#24512a !important; font:800 11px/1.3 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.35px; } .gtmUserProfileStatus__body b { display:block; margin-top:3px; color:#1d3f22 !important; font:900 14px/1.3 Arial, Tahoma, sans-serif; } /* Статус: новичок */ .gtmUserProfileStatus_new { background:linear-gradient(180deg, #e8f2ff, #b9cce8) !important; border-color:#4c74a8 !important; } .gtmUserProfileStatus_new .gtmUserProfileStatus__icon { color:#e8f2ff !important; background:linear-gradient(180deg, #4c74a8, #203653) !important; border-color:#203653 !important; } .gtmUserProfileStatus_new .gtmUserProfileStatus__body span, .gtmUserProfileStatus_new .gtmUserProfileStatus__body b { color:#203653 !important; } /* Статус: активный */ .gtmUserProfileStatus_active { background:linear-gradient(180deg, #eaffea, #bfdcbf) !important; border-color:#4e8b55 !important; } .gtmUserProfileStatus_active .gtmUserProfileStatus__icon { color:#eaffea !important; background:linear-gradient(180deg, #4e8b55, #203c24) !important; border-color:#203c24 !important; } /* Статус: старожил */ .gtmUserProfileStatus_old { background:linear-gradient(180deg, #fff3ba, #d9aa3f) !important; border-color:#8b6a2d !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75), 0 0 14px rgba(184,145,69,0.38), 0 2px 5px rgba(0,0,0,0.22) !important; } .gtmUserProfileStatus_old .gtmUserProfileStatus__icon { color:#fff3ba !important; background:linear-gradient(180deg, #5a5036, #2f2b1b) !important; border-color:#2f2b1b !important; } .gtmUserProfileStatus_old .gtmUserProfileStatus__body span, .gtmUserProfileStatus_old .gtmUserProfileStatus__body b { color:#5a3b12 !important; } /* Статус: заблокирован */ .gtmUserProfileStatus_banned { background:linear-gradient(180deg, #ffecec, #dcaeae) !important; border-color:#9a4c4c !important; } .gtmUserProfileStatus_banned .gtmUserProfileStatus__icon { color:#ffecec !important; background:linear-gradient(180deg, #9a4c4c, #4a2020) !important; border-color:#4a2020 !important; } .gtmUserProfileStatus_banned .gtmUserProfileStatus__body span, .gtmUserProfileStatus_banned .gtmUserProfileStatus__body b { color:#4a2020 !important; } /* Уровень доверия */ .gtmUserTrustLevel { margin:12px 0 0 0; padding:10px; display:flex; align-items:center; gap:10px; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } .gtmUserTrustLevel__icon { flex:0 0 38px; width:38px; height:38px; display:flex; align-items:center; justify-content:center; color:#f5ebce; font:900 17px/1 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-bottom-color:#b89145; border-radius:50%; } .gtmUserTrustLevel__body { min-width:0; } .gtmUserTrustLevel__body span { display:block; color:#6b4b18; font:800 11px/1.3 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.35px; } .gtmUserTrustLevel__body b { display:block; margin-top:3px; color:#2f2b1b; font:900 14px/1.3 Arial, Tahoma, sans-serif; } .gtmUserTrustLevel_low { background:linear-gradient(180deg, #fff7dc, #eadcaf) !important; border-color:#c5ae71 !important; } .gtmUserTrustLevel_normal { background:linear-gradient(180deg, #e8f2ff, #b9cce8) !important; border-color:#4c74a8 !important; } .gtmUserTrustLevel_high { background:linear-gradient(180deg, #eaffea, #bfdcbf) !important; border-color:#4e8b55 !important; } .gtmUserTrustLevel_gold { background:linear-gradient(180deg, #fff3ba, #d9aa3f) !important; border-color:#8b6a2d !important; } /* ================================ 466. Уровень, действия, сводка ================================ */ .gtmUserLevel { display:flex; align-items:center; gap:10px; margin:0 0 10px 0; padding:9px 10px; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } .gtmUserLevel__num { flex:0 0 48px; width:48px; height:48px; display:flex; align-items:center; justify-content:center; color:#f5ebce; font:900 20px/1 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-bottom-color:#b89145; border-radius:50%; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 2px 5px rgba(0,0,0,0.24); } .gtmUserLevel__body { min-width:0; } .gtmUserLevel__body span { display:block; color:#6b4b18; font:700 11px/1.3 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.25px; } .gtmUserLevel__body b { display:block; color:#2f2b1b; font:800 14px/1.3 Arial, Tahoma, sans-serif; } .gtmUserLevel__body em { display:block; color:#5f553a; font:11px/1.3 Arial, Tahoma, sans-serif; font-style:normal; } /* Кнопки действий */ .gtmUserActions { display:flex; flex-wrap:wrap; gap:7px; margin:10px 0 0 0; padding:0; } .gtmUserBtn { display:inline-flex; align-items:center; justify-content:center; min-height:27px; padding:0 11px; color:#f5ebce !important; font:700 11px/1 Arial, Tahoma, sans-serif; text-decoration:none !important; text-transform:uppercase; letter-spacing:0.35px; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-bottom-color:#b89145; border-radius:3px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 3px rgba(0,0,0,0.22); transition: background 0.22s ease, color 0.22s ease, border-color 0.22s ease; } .gtmUserBtn:hover { color:#fff1c7 !important; background:linear-gradient(180deg, #6b5f3d, #38321f); border-color:#d4a850; } .gtmUserBtn_light { color:#2f2b1b !important; background:linear-gradient(180deg, #f5ebce, #d6c08a); border:1px solid #8b6a2d; } .gtmUserBtn_light:hover { color:#2f2b1b !important; background:linear-gradient(180deg, #fff7dc, #dfc987); } /* Репутация */ .gtmUserRep { display:inline-flex; align-items:center; justify-content:center; min-width:34px; min-height:24px; padding:0 8px; color:#f5ebce !important; font:900 13px/1 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #5a5036, #2f2b1b) !important; border:1px solid #2f2b1b !important; border-radius:20px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 3px rgba(0,0,0,0.18); } .gtmUserRep_good { color:#eaffea !important; background:linear-gradient(180deg, #4e8b55, #203c24) !important; border-color:#203c24 !important; } .gtmUserRep_bad { color:#ffecec !important; background:linear-gradient(180deg, #9a4c4c, #4a2020) !important; border-color:#4a2020 !important; } /* Сводка */ .gtmUserSummary { display:flex; flex-wrap:wrap; gap:7px; margin:12px 0 0 0; padding:9px 10px; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } .gtmUserSummary span { display:inline-flex; align-items:center; min-height:22px; padding:3px 8px; color:#443f2d; font:700 11px/1 Arial, Tahoma, sans-serif; background:#eadcaf; border:1px solid #c5ae71; border-radius:20px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.55); } .gtmUserSummary span b { margin-left:4px; color:#2f2b1b; } /* ================================ 467. Заполненность / достижения ================================ */ .gtmUserFill { margin:12px 0 0 0; padding:10px; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } .gtmUserFill__top { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 0 7px 0; } .gtmUserFill__top span { color:#6b4b18; font:700 11px/1.3 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.25px; } .gtmUserFill__top b { color:#2f2b1b; font:900 13px/1 Arial, Tahoma, sans-serif; } .gtmUserFill__bar { position:relative; height:10px; background:#d1bd82; border:1px solid #8b6a2d; border-radius:20px; overflow:hidden; } .gtmUserFill__bar i { display:block; width:0%; height:100%; background:linear-gradient(90deg, #5a5036, #b89145, #fff3ba); border-radius:20px; transition:width 0.45s ease; } .gtmUserFill__hint { margin:7px 0 0 0; color:#5f553a; font:11px/1.35 Arial, Tahoma, sans-serif; } /* Мини-достижения */ .gtmUserAchievements { display:flex; flex-wrap:wrap; gap:7px; margin:12px 0 0 0; padding:9px 10px; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } .gtmUserAchievement { display:none; align-items:center; min-height:23px; padding:3px 9px; color:#f5ebce; font:700 11px/1 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-bottom-color:#b89145; border-radius:20px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 3px rgba(0,0,0,0.22); } .gtmUserAchievement_show { display:inline-flex; } .gtmUserAchievement_gold { color:#2f2b1b; background:linear-gradient(180deg, #fff3ba, #d9aa3f); border-color:#8b6a2d; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75), 0 0 10px rgba(184,145,69,0.34); } .gtmUserAchievement_good { color:#eaffea; background:linear-gradient(180deg, #4e8b55, #203c24); border-color:#203c24; } .gtmUserAchievement_blue { color:#e8f2ff; background:linear-gradient(180deg, #4c74a8, #203653); border-color:#203653; } /* Крупный старожил */ .gtmUserOldTimerHero { display:none; margin:12px 0 0 0; padding:12px; background:linear-gradient(180deg, #fff3ba, #d9aa3f) !important; border:1px solid #8b6a2d !important; border-radius:6px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75), 0 0 16px rgba(184,145,69,0.42), 0 2px 6px rgba(0,0,0,0.24) !important; } .gtmUserOldTimerHero_show { display:flex; align-items:center; gap:10px; } .gtmUserOldTimerHero__icon { flex:0 0 42px; width:42px; height:42px; display:flex; align-items:center; justify-content:center; color:#fff3ba !important; font:900 22px/1 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #5a5036, #2f2b1b) !important; border:1px solid rgba(0,0,0,0.72); border-radius:50%; } .gtmUserOldTimerHero__body { min-width:0; } .gtmUserOldTimerHero__body b { display:block; color:#2f2b1b; font:900 15px/1.25 Arial, Tahoma, sans-serif; } .gtmUserOldTimerHero__body span { display:block; margin-top:3px; color:#5a3b12; font:700 11px/1.35 Arial, Tahoma, sans-serif; } /* ================================ 468. Путь / карьера / доверие ================================ */ .gtmUserPath { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:9px; margin:12px 0 0 0; } .gtmUserPath__item { position:relative; padding:10px; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } .gtmUserPath__item:before { content:""; position:absolute; left:10px; top:10px; width:8px; height:8px; background:#b89145; border:1px solid #6b4b18; border-radius:50%; } .gtmUserPath__item span { display:block; margin:0 0 5px 16px; color:#6b4b18; font:700 11px/1.3 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.25px; } .gtmUserPath__item b { display:block; margin-left:16px; color:#2f2b1b; font:800 13px/1.3 Arial, Tahoma, sans-serif; } /* Карьера */ .gtmUserCareer { margin:12px 0 0 0; padding:12px; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } .gtmUserCareer__title { margin:0 0 10px 0; color:#2f2b1b; font:900 13px/1.25 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.3px; } .gtmUserCareer__line { position:relative; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:10px; } .gtmUserCareer__line:before { content:""; position:absolute; left:8%; right:8%; top:18px; height:2px; background:linear-gradient(90deg, #8b6a2d, #d9aa3f, #8b6a2d); z-index:0; } .gtmUserCareer__item { position:relative; z-index:1; text-align:center; } .gtmUserCareer__dot { width:36px; height:36px; display:flex; align-items:center; justify-content:center; margin:0 auto 7px auto; color:#f5ebce; font:900 14px/1 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-bottom-color:#b89145; border-radius:50%; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 2px 5px rgba(0,0,0,0.24); } .gtmUserCareer__item_active .gtmUserCareer__dot { color:#2f2b1b; background:linear-gradient(180deg, #fff3ba, #d9aa3f); border-color:#8b6a2d; } .gtmUserCareer__item span { display:block; color:#6b4b18; font:700 10px/1.25 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.25px; } .gtmUserCareer__item b { display:block; margin-top:3px; color:#2f2b1b; font:800 11px/1.25 Arial, Tahoma, sans-serif; } /* Карточки доверия */ .gtmUserTrust { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:9px; margin:12px 0 0 0; } .gtmUserTrust__item { padding:10px; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } .gtmUserTrust__item span { display:block; color:#6b4b18; font:700 11px/1.3 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.25px; } .gtmUserTrust__item b { display:block; margin-top:4px; color:#2f2b1b; font:900 18px/1 Arial, Tahoma, sans-serif; } /* Безопасность */ .gtmUserSafety { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:9px; margin:12px 0 0 0; } .gtmUserSafety__item { padding:10px; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } .gtmUserSafety__item span { display:block; color:#6b4b18; font:700 11px/1.3 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.25px; } .gtmUserSafety__item b { display:block; margin-top:4px; color:#2f2b1b; font:800 13px/1.3 Arial, Tahoma, sans-serif; } /* ================================ 469. Информация / активность ================================ */ .gtmUserGrid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; } .gtmUserInfoCard { position:relative; padding:10px; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } .gtmUserInfoCard__label { margin:0 0 4px 0; color:#6b4b18; font:700 11px/1.35 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.25px; } .gtmUserInfoCard__value { color:#2f2b1b; font:700 13px/1.35 Arial, Tahoma, sans-serif; word-break:break-word; } .gtmUserInfoCard__value span { color:#5f553a; font-weight:400; } .gtmUserInfoCard_isHidden { display:none !important; } /* Активность строкой */ .gtmUserActivityLine { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 10px 0; padding:9px 10px; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } .gtmUserActivityLine span { display:inline-flex; align-items:center; min-height:22px; padding:3px 8px; color:#443f2d; font:700 11px/1 Arial, Tahoma, sans-serif; background:#eadcaf; border:1px solid #c5ae71; border-radius:20px; } .gtmUserActivityLine span b { margin-left:4px; color:#2f2b1b; } /* Активность карточками */ .gtmUserActivity { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:9px; } .gtmUserActivity__item { position:relative; min-height:70px; padding:10px; box-sizing:border-box; background:#fff7dc; border:1px solid #d1bd82; border-radius:5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); text-decoration:none !important; transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease; } .gtmUserActivity__item:hover { transform:translateY(-1px); border-color:#8b6a2d; box-shadow: 0 2px 6px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.75); } .gtmUserActivity__num { display:block; margin:0 0 5px 0; color:#2f2b1b; font:900 20px/1 Arial, Tahoma, sans-serif; } .gtmUserActivity__text { display:block; color:#6b4b18; font:700 11px/1.3 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.25px; } /* Пустой блок */ .gtmUserEmpty { margin:10px 0 0 0; padding:10px; color:#3b3422; font:13px/1.45 Arial, Tahoma, sans-serif; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } /* Замечания */ .gtmUserMeter { margin:8px 0 0 0; padding:0; width:100%; height:9px; background:#d1bd82; border:1px solid #8b6a2d; border-radius:20px; overflow:hidden; } .gtmUserMeter__bar { display:block; height:100%; background:linear-gradient(90deg, #b89145, #5a5036); } /* ================================ 470. Подпись / соцсети / награды ================================ */ .gtmUserSignature { position:relative; color:#3b3422; font:13px/1.5 Arial, Tahoma, sans-serif; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:4px; padding:9px 10px 9px 36px !important; box-sizing:border-box; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } .gtmUserSignature:before { content:"“"; position:absolute; left:10px; top:2px; color:#8b6a2d; font:900 36px/1 Georgia, serif; opacity:0.8; } .gtmUserSignatureQuote { position:relative; padding:12px 12px 12px 42px; color:#3b3422; font:13px/1.5 Arial, Tahoma, sans-serif; background:#fff7dc; border:1px solid #d1bd82; border-left:4px solid #8b6a2d; border-radius:5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75), 0 1px 3px rgba(0,0,0,0.14); } .gtmUserSignatureQuote:before { content:"“"; position:absolute; left:11px; top:3px; color:#8b6a2d; font:900 38px/1 Georgia, serif; opacity:0.85; } /* Соцсети */ .gtmUserSocials { display:flex; flex-wrap:wrap; gap:7px; } .gtmUserSocials a, .gtmUserSocials span { display:inline-flex; align-items:center; justify-content:center; min-height:24px; padding:0 9px; color:#f5ebce !important; font:700 11px/1 Arial, Tahoma, sans-serif; text-decoration:none !important; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-bottom-color:#b89145; border-radius:20px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 3px rgba(0,0,0,0.22); } .gtmUserSocials a:hover { color:#fff1c7 !important; background:linear-gradient(180deg, #6b5f3d, #38321f); border-color:#d4a850; } /* Награды */ .gtmUserAwards { color:#3b3422; font:13px/1.45 Arial, Tahoma, sans-serif; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:4px; padding:9px 10px; box-sizing:border-box; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } .gtmUserAwards img { max-width:32px; height:auto; margin:2px; vertical-align:middle; } .gtmUserNoAwards { margin:0; padding:10px; color:#3b3422; font:13px/1.45 Arial, Tahoma, sans-serif; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } /* ================================ 471. Кнопка вверх ================================ */ .gtmUserToTop { position:fixed; right:18px; bottom:18px; z-index:999; display:none; align-items:center; justify-content:center; width:42px; height:42px; color:#f5ebce !important; font:900 18px/1 Arial, Tahoma, sans-serif; text-decoration:none !important; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-bottom-color:#b89145; border-radius:50%; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 2px 8px rgba(0,0,0,0.38); cursor:pointer; } .gtmUserToTop_show { display:flex; } .gtmUserToTop:hover { color:#fff1c7 !important; background:linear-gradient(180deg, #6b5f3d, #38321f); border-color:#d4a850; } /* ================================ 472. Мобильная версия ================================ */ @media (max-width:700px) { .gtmUserAnchorNav { position:relative; top:auto; display:block; } .gtmUserAnchorNav a { width:100%; box-sizing:border-box; margin:0 0 6px 0; font-size:10px; } .gtmUserHero { display:block; } .gtmUserHero__left { width:100%; } .gtmUserHero__avatar { width:100%; min-height:160px; margin:0 0 12px 0; } .gtmUserGrid { grid-template-columns:1fr; } .gtmUserActivity { grid-template-columns:1fr 1fr; } .gtmUserPath { grid-template-columns:1fr; } .gtmUserTrust { grid-template-columns:1fr; } .gtmUserSafety { grid-template-columns:1fr; } .gtmUserBox__head { align-items:flex-start; } .gtmUserBox__badge { display:none; } .gtmUserBox__footer { align-items:flex-start; flex-direction:column; } .gtmUserQuickActions { display:block; } .gtmUserQuickActions a, .gtmUserCopyBtn, .gtmUserReportBtn { width:100%; box-sizing:border-box; margin:0 0 7px 0; } .gtmUserOwnBox__actions { display:block; } .gtmUserOwnBox__actions a { width:100%; box-sizing:border-box; margin:0 0 7px 0; } .gtmUserActions { display:block; } .gtmUserBtn { width:100%; box-sizing:border-box; margin:0 0 7px 0; } .gtmUserSocials { display:block; } .gtmUserSocials a, .gtmUserSocials span { width:100%; box-sizing:border-box; margin:0 0 6px 0; } .gtmUserHero__login { display:block; } .gtmUserHero__login span, .gtmUserPlate { width:100%; box-sizing:border-box; margin:0 0 6px 0; } .gtmUserSummary { display:block; } .gtmUserSummary span { width:100%; box-sizing:border-box; margin:0 0 6px 0; } .gtmUserLevel { align-items:flex-start; } .gtmUserAchievements { display:block; } .gtmUserAchievement { width:100%; box-sizing:border-box; margin:0 0 6px 0; } .gtmUserOldTimerHero_show, .gtmUserLastActivity, .gtmUserProfileStatus, .gtmUserTrustLevel { align-items:flex-start; } .gtmUserCareer__line { grid-template-columns:1fr; gap:9px; } .gtmUserCareer__line:before { display:none; } .gtmUserCareer__item { display:flex; align-items:center; gap:9px; text-align:left; } .gtmUserCareer__dot { flex:0 0 36px; margin:0; } .gtmUserSignature, .gtmUserSignatureQuote { padding-left:34px !important; } .gtmUserToTop { right:12px; bottom:12px; } } /* ================================ 473. GtaMania — страница сообщений ================================ */ .gtmPmPage { width:100%; box-sizing:border-box; } /* Общая карточка */ .gtmPmBox { position:relative; margin:0 0 14px 0; padding:0; background:#f5ebce; color:#2f2b1b; border:1px solid #443f2d; border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.65); overflow:hidden; animation:gtmPmFadeUp 0.35s ease both; } @keyframes gtmPmFadeUp { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } } .gtmPmBox:before { content:""; position:absolute; left:0; top:0; right:0; height:4px; background:linear-gradient( to right, #2f2b1b, #6b5b32, #b89145, #6b5b32, #2f2b1b ); z-index:2; pointer-events:none; } .gtmPmBox:after { content:""; position:absolute; inset:0; background: linear-gradient(to bottom, rgba(255,255,255,0.26), transparent 38%), repeating-linear-gradient( 0deg, rgba(0,0,0,0.016) 0px, rgba(0,0,0,0.016) 1px, transparent 1px, transparent 4px ); pointer-events:none; z-index:0; } .gtmPmBox__head { position:relative; z-index:1; display:flex; align-items:center; gap:8px; min-height:36px; padding:9px 10px 8px 10px; box-sizing:border-box; background:linear-gradient(180deg, #5a5036, #2f2b1b); border-bottom:1px solid rgba(184,145,69,0.45); } .gtmPmBox__icon { flex:0 0 24px; width:24px; height:24px; display:flex; align-items:center; justify-content:center; color:#2f2b1b; font:900 13px/1 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #f5ebce, #b89145); border:1px solid rgba(0,0,0,0.65); border-radius:50%; box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 1px 3px rgba(0,0,0,0.35); } .gtmPmBox__title { flex:1 1 auto; min-width:0; color:#f5ebce; font:700 16px/1.25 Arial, Tahoma, sans-serif; text-shadow:0 1px 1px rgba(0,0,0,0.45); } .gtmPmBox__badge { flex:0 0 auto; padding:4px 7px; color:#f5ebce; font:800 10px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.45px; background:rgba(0,0,0,0.28); border:1px solid rgba(245,220,150,0.22); border-radius:20px; } .gtmPmBox__body { position:relative; z-index:1; padding:12px; box-sizing:border-box; } .gtmPmBox__footer { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 12px; box-sizing:border-box; color:#f5ebce; font:11px/1.3 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #443f2d, #2f2b1b); border-top:1px solid rgba(184,145,69,0.38); } .gtmPmBox__footer span { color:#d8c58d; } .gtmPmBox__footer b { color:#f5ebce; font-weight:700; } /* Верхняя карточка сообщений */ .gtmPmHero { position:relative; overflow:hidden; } .gtmPmHero .gtmPmBox__body:before { content:"MESSAGES"; position:absolute; right:-18px; top:16px; color:rgba(47,43,27,0.055); font:900 58px/1 Arial, Tahoma, sans-serif; letter-spacing:2px; transform:rotate(-8deg); pointer-events:none; z-index:0; } .gtmPmHeroGrid { position:relative; z-index:1; display:flex; gap:14px; align-items:flex-start; } .gtmPmAvatar { position:relative; flex:0 0 96px; width:96px; min-height:96px; display:flex; align-items:center; justify-content:center; background: radial-gradient(circle at center, rgba(184,145,69,0.20), transparent 62%), linear-gradient(180deg, #e4d8b7, #cfc099); border:1px solid #443f2d; border-radius:6px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 2px 6px rgba(0,0,0,0.28); overflow:hidden; } .gtmPmAvatar img { display:block; max-width:100%; width:100%; height:auto; } .gtmPmAvatar__empty { width:62px; height:62px; display:flex; align-items:center; justify-content:center; color:#f5ebce; font:900 22px/1 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.65); border-radius:50%; box-shadow: inset 0 1px 0 rgba(255,255,255,0.16), 0 2px 6px rgba(0,0,0,0.28); } .gtmPmHeroInfo { flex:1 1 auto; min-width:0; } .gtmPmHeroInfo h1 { margin:0 0 8px 0; padding:0; color:#2f2b1b; font:900 22px/1.2 Arial, Tahoma, sans-serif; } .gtmPmHeroText { margin:0 0 10px 0; padding:9px 10px; color:#3b3422; font:13px/1.45 Arial, Tahoma, sans-serif; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } /* Статусы */ .gtmPmStatusRow { display:flex; flex-wrap:wrap; gap:7px; margin:0; padding:0; } .gtmPmStatus { display:inline-flex; align-items:center; min-height:22px; padding:3px 8px; box-sizing:border-box; color:#443f2d; font:700 11px/1 Arial, Tahoma, sans-serif; background:#eadcaf; border:1px solid #c5ae71; border-radius:20px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.55); } .gtmPmStatus b { margin-left:4px; color:#2f2b1b; } .gtmPmStatus_dark { color:#f5ebce; background:linear-gradient(180deg, #5a5036, #2f2b1b); border-color:#2f2b1b; } .gtmPmStatus_green { color:#eaffea; background:linear-gradient(180deg, #4e8b55, #203c24); border-color:#203c24; } .gtmPmStatus_gold { color:#2f2b1b; background:linear-gradient(180deg, #fff3ba, #d9aa3f); border-color:#8b6a2d; } .gtmPmStatus_red { color:#ffecec; background:linear-gradient(180deg, #9a4c4c, #4a2020); border-color:#4a2020; } /* Новые сообщения */ .gtmPmNotice { margin:12px 0 0 0; padding:10px; display:flex; align-items:center; gap:10px; background:linear-gradient(180deg, #eaffea, #bfdcbf); border:1px solid #4e8b55; border-radius:6px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75), 0 0 12px rgba(78,139,85,0.26), 0 2px 5px rgba(0,0,0,0.18); } .gtmPmNotice__icon { flex:0 0 38px; width:38px; height:38px; display:flex; align-items:center; justify-content:center; color:#eaffea; font:900 18px/1 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #4e8b55, #203c24); border:1px solid #203c24; border-radius:50%; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 4px rgba(0,0,0,0.28); } .gtmPmNotice__body span { display:block; color:#24512a; font:800 11px/1.3 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.35px; } .gtmPmNotice__body b { display:block; margin-top:3px; color:#1d3f22; font:900 14px/1.3 Arial, Tahoma, sans-serif; } /* Навигация сообщений */ .gtmPmActions { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 14px 0; padding:10px; background:#f5ebce; border:1px solid #443f2d; border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.65); animation:gtmPmFadeUp 0.35s ease both; } .gtmPmActions a { display:inline-flex; align-items:center; justify-content:center; min-height:26px; padding:0 11px; color:#f5ebce !important; font:700 11px/1 Arial, Tahoma, sans-serif; text-decoration:none !important; text-transform:uppercase; letter-spacing:0.35px; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-bottom-color:#b89145; border-radius:3px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 3px rgba(0,0,0,0.22); } .gtmPmActions a:hover { color:#fff1c7 !important; background:linear-gradient(180deg, #6b5f3d, #38321f); border-color:#d4a850; } .gtmPmActions .gtmPmActions__gold { color:#2f2b1b !important; background:linear-gradient(180deg, #fff3ba, #d9aa3f); border-color:#8b6a2d; } .gtmPmActions .gtmPmActions__green { color:#eaffea !important; background:linear-gradient(180deg, #4e8b55, #203c24); border-color:#203c24; } /* Инфо-панели */ .gtmPmCards { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:9px; margin:0 0 14px 0; } .gtmPmCard { padding:10px; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } .gtmPmCard span { display:block; color:#6b4b18; font:700 11px/1.3 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.25px; } .gtmPmCard b { display:block; margin-top:4px; color:#2f2b1b; font:900 18px/1 Arial, Tahoma, sans-serif; } /* Тело системной страницы */ .gtmPmContent { position:relative; z-index:1; color:#2f2b1b; font:13px/1.45 Arial, Tahoma, sans-serif; } /* Стилизация системных таблиц uCoz внутри ЛС */ .gtmPmContent table { max-width:100%; width:100%; border-collapse:separate; border-spacing:0; color:#2f2b1b; font:13px/1.45 Arial, Tahoma, sans-serif; background:#fff7dc; border:1px solid #d1bd82; border-radius:5px; overflow:hidden; } .gtmPmContent table td, .gtmPmContent table th { padding:8px 9px; color:#2f2b1b; border-bottom:1px solid rgba(139,106,45,0.22); } .gtmPmContent table tr:last-child td { border-bottom:0; } .gtmPmContent table th, .gtmPmContent .pmCatLink, .gtmPmContent .catsTableHead, .gtmPmContent .forumThreadTd { color:#f5ebce !important; background:linear-gradient(180deg, #5a5036, #2f2b1b) !important; border-bottom:1px solid rgba(184,145,69,0.45) !important; } .gtmPmContent a { color:#5a3b12; font-weight:700; text-decoration:none; } .gtmPmContent a:hover { color:#8b6a2d; text-decoration:underline; } /* Поля форм */ .gtmPmContent input[type="text"], .gtmPmContent input[type="password"], .gtmPmContent input[type="email"], .gtmPmContent textarea, .gtmPmContent select { max-width:100%; box-sizing:border-box; color:#2f2b1b; font:13px/1.35 Arial, Tahoma, sans-serif; background:#fffaf0; border:1px solid #c5ae71; border-radius:4px; padding:7px 8px; box-shadow: inset 0 1px 2px rgba(0,0,0,0.12), 0 1px 0 rgba(255,255,255,0.65); } .gtmPmContent textarea { min-height:130px; resize:vertical; } .gtmPmContent input[type="submit"], .gtmPmContent input[type="button"], .gtmPmContent button { min-height:28px; padding:0 12px; color:#f5ebce !important; font:700 11px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.35px; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-bottom-color:#b89145; border-radius:3px; cursor:pointer; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 3px rgba(0,0,0,0.22); } .gtmPmContent input[type="submit"]:hover, .gtmPmContent input[type="button"]:hover, .gtmPmContent button:hover { color:#fff1c7 !important; background:linear-gradient(180deg, #6b5f3d, #38321f); border-color:#d4a850; } /* Системные сообщения */ .gtmPmContent .myWinCont, .gtmPmContent .commTable, .gtmPmContent .postTable, .gtmPmContent .eMessage { color:#2f2b1b; background:#fff7dc !important; border:1px solid #d1bd82 !important; border-left:3px solid #8b6a2d !important; border-radius:5px; padding:10px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } /* Пустое/закрытое состояние */ .gtmPmGuestBox { padding:12px; color:#3b3422; font:13px/1.45 Arial, Tahoma, sans-serif; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } .gtmPmGuestBox b { color:#2f2b1b; } /* Мобильная версия */ @media (max-width:700px) { .gtmPmHeroGrid { display:block; } .gtmPmAvatar { width:100%; min-height:120px; margin:0 0 12px 0; } .gtmPmStatusRow, .gtmPmActions { display:block; } .gtmPmStatus, .gtmPmActions a { width:100%; box-sizing:border-box; margin:0 0 7px 0; } .gtmPmCards { grid-template-columns:1fr; } .gtmPmNotice { align-items:flex-start; } .gtmPmBox__head { align-items:flex-start; } .gtmPmBox__badge { display:none; } .gtmPmBox__footer { align-items:flex-start; flex-direction:column; } .gtmPmContent table, .gtmPmContent tbody, .gtmPmContent tr, .gtmPmContent td { max-width:100%; } .gtmPmContent input[type="text"], .gtmPmContent input[type="password"], .gtmPmContent input[type="email"], .gtmPmContent textarea, .gtmPmContent select { width:100% !important; } } /* ================================ 474. GtaMania — страница сообщений без глобальных блоков растяжка на всю ширину ================================ */ body { margin:0; padding:0; background:#1b1a11; color:#2f2b1b; font-family:Arial, Tahoma, sans-serif; font-size:13px; } /* Растяжка страницы сообщений на всю ширину */ .gtmPmStandalone { width:100%; max-width:100%; margin:0; padding:14px 18px; box-sizing:border-box; } .gtmPmPage { width:100%; max-width:100%; box-sizing:border-box; } /* Общая карточка */ .gtmPmBox { position:relative; margin:0 0 14px 0; padding:0; background:#f5ebce; color:#2f2b1b; border:1px solid #443f2d; border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.65); overflow:hidden; animation:gtmPmFadeUp 0.35s ease both; } @keyframes gtmPmFadeUp { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } } .gtmPmBox:before { content:""; position:absolute; left:0; top:0; right:0; height:4px; background:linear-gradient( to right, #2f2b1b, #6b5b32, #b89145, #6b5b32, #2f2b1b ); z-index:2; pointer-events:none; } .gtmPmBox:after { content:""; position:absolute; inset:0; background: linear-gradient(to bottom, rgba(255,255,255,0.26), transparent 38%), repeating-linear-gradient( 0deg, rgba(0,0,0,0.016) 0px, rgba(0,0,0,0.016) 1px, transparent 1px, transparent 4px ); pointer-events:none; z-index:0; } .gtmPmBox__head { position:relative; z-index:1; display:flex; align-items:center; gap:8px; min-height:36px; padding:9px 10px 8px 10px; box-sizing:border-box; background:linear-gradient(180deg, #5a5036, #2f2b1b); border-bottom:1px solid rgba(184,145,69,0.45); } .gtmPmBox__icon { flex:0 0 24px; width:24px; height:24px; display:flex; align-items:center; justify-content:center; color:#2f2b1b; font:900 13px/1 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #f5ebce, #b89145); border:1px solid rgba(0,0,0,0.65); border-radius:50%; box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 1px 3px rgba(0,0,0,0.35); } .gtmPmBox__title { flex:1 1 auto; min-width:0; color:#f5ebce; font:700 16px/1.25 Arial, Tahoma, sans-serif; text-shadow:0 1px 1px rgba(0,0,0,0.45); } .gtmPmBox__badge { flex:0 0 auto; padding:4px 7px; color:#f5ebce; font:800 10px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.45px; background:rgba(0,0,0,0.28); border:1px solid rgba(245,220,150,0.22); border-radius:20px; } .gtmPmBox__body { position:relative; z-index:1; padding:12px; box-sizing:border-box; } .gtmPmBox__footer { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 12px; box-sizing:border-box; color:#f5ebce; font:11px/1.3 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #443f2d, #2f2b1b); border-top:1px solid rgba(184,145,69,0.38); } .gtmPmBox__footer span { color:#d8c58d; } .gtmPmBox__footer b { color:#f5ebce; font-weight:700; } /* Главная карточка */ .gtmPmHero { position:relative; overflow:hidden; } .gtmPmHero .gtmPmBox__body:before { content:"MESSAGES"; position:absolute; right:-18px; top:16px; color:rgba(47,43,27,0.055); font:900 58px/1 Arial, Tahoma, sans-serif; letter-spacing:2px; transform:rotate(-8deg); pointer-events:none; z-index:0; } .gtmPmHeroGrid { position:relative; z-index:1; display:flex; gap:14px; align-items:flex-start; } .gtmPmAvatar { position:relative; flex:0 0 96px; width:96px; min-height:96px; display:flex; align-items:center; justify-content:center; background: radial-gradient(circle at center, rgba(184,145,69,0.20), transparent 62%), linear-gradient(180deg, #e4d8b7, #cfc099); border:1px solid #443f2d; border-radius:6px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 2px 6px rgba(0,0,0,0.28); overflow:hidden; } .gtmPmAvatar img { display:block; max-width:100%; width:100%; height:auto; } .gtmPmAvatar__empty { width:62px; height:62px; display:flex; align-items:center; justify-content:center; color:#f5ebce; font:900 22px/1 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.65); border-radius:50%; box-shadow: inset 0 1px 0 rgba(255,255,255,0.16), 0 2px 6px rgba(0,0,0,0.28); } .gtmPmHeroInfo { flex:1 1 auto; min-width:0; } .gtmPmHeroInfo h1 { margin:0 0 8px 0; padding:0; color:#2f2b1b; font:900 22px/1.2 Arial, Tahoma, sans-serif; } .gtmPmHeroText { margin:0 0 10px 0; padding:9px 10px; color:#3b3422; font:13px/1.45 Arial, Tahoma, sans-serif; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } /* Статусы */ .gtmPmStatusRow { display:flex; flex-wrap:wrap; gap:7px; margin:0; padding:0; } .gtmPmStatus { display:inline-flex; align-items:center; min-height:22px; padding:3px 8px; box-sizing:border-box; color:#443f2d; font:700 11px/1 Arial, Tahoma, sans-serif; background:#eadcaf; border:1px solid #c5ae71; border-radius:20px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.55); } .gtmPmStatus b { margin-left:4px; color:#2f2b1b; } .gtmPmStatus_dark { color:#f5ebce; background:linear-gradient(180deg, #5a5036, #2f2b1b); border-color:#2f2b1b; } .gtmPmStatus_gold { color:#2f2b1b; background:linear-gradient(180deg, #fff3ba, #d9aa3f); border-color:#8b6a2d; } /* NEW бейдж */ .gtmPmTopNew { display:inline-flex; align-items:center; justify-content:center; min-height:20px; padding:0 7px; color:#eaffea; font:900 10px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.55px; background:linear-gradient(180deg, #4e8b55, #203c24); border:1px solid #203c24; border-radius:20px; box-shadow: 0 0 10px rgba(78,139,85,0.32), inset 0 1px 0 rgba(255,255,255,0.14); } /* Новые сообщения */ .gtmPmNotice { margin:12px 0 0 0; padding:10px; display:flex; align-items:center; gap:10px; background:linear-gradient(180deg, #eaffea, #bfdcbf); border:1px solid #4e8b55; border-radius:6px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75), 0 0 12px rgba(78,139,85,0.26), 0 2px 5px rgba(0,0,0,0.18); } .gtmPmNotice__icon { flex:0 0 38px; width:38px; height:38px; display:flex; align-items:center; justify-content:center; color:#eaffea; font:900 18px/1 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #4e8b55, #203c24); border:1px solid #203c24; border-radius:50%; } .gtmPmNotice__body span { display:block; color:#24512a; font:800 11px/1.3 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.35px; } .gtmPmNotice__body b { display:block; margin-top:3px; color:#1d3f22; font:900 14px/1.3 Arial, Tahoma, sans-serif; } /* Действия */ .gtmPmActions { display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin:0 0 14px 0; padding:10px; background:#f5ebce; border:1px solid #443f2d; border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.65); } .gtmPmActions a, .gtmPmReloadBtn { display:inline-flex; align-items:center; justify-content:center; min-height:26px; padding:0 11px; color:#f5ebce !important; font:700 11px/1 Arial, Tahoma, sans-serif; text-decoration:none !important; text-transform:uppercase; letter-spacing:0.35px; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-bottom-color:#b89145; border-radius:3px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 3px rgba(0,0,0,0.22); cursor:pointer; } .gtmPmActions a:hover, .gtmPmReloadBtn:hover { color:#fff1c7 !important; background:linear-gradient(180deg, #6b5f3d, #38321f); border-color:#d4a850; } .gtmPmActions .gtmPmActions__gold { color:#2f2b1b !important; background:linear-gradient(180deg, #fff3ba, #d9aa3f); border-color:#8b6a2d; } .gtmPmActions .gtmPmActions__green { color:#eaffea !important; background:linear-gradient(180deg, #4e8b55, #203c24); border-color:#203c24; } /* Инструкция безопасности */ .gtmPmSafeNote { margin:0 0 14px 0; padding:10px; display:flex; align-items:center; gap:10px; color:#3b3422; font:13px/1.45 Arial, Tahoma, sans-serif; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } .gtmPmSafeNote__icon { flex:0 0 34px; width:34px; height:34px; display:flex; align-items:center; justify-content:center; color:#fff3ba; font:900 16px/1 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-radius:50%; } .gtmPmSafeNote b { color:#2f2b1b; } /* Статус переписки */ .gtmPmThreadStatus { margin:0 0 14px 0; padding:10px; display:flex; align-items:center; gap:10px; background:linear-gradient(180deg, #e8f2ff, #b9cce8); border:1px solid #4c74a8; border-radius:6px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75), 0 0 12px rgba(76,116,168,0.24), 0 2px 5px rgba(0,0,0,0.16); } .gtmPmThreadStatus__icon { flex:0 0 38px; width:38px; height:38px; display:flex; align-items:center; justify-content:center; color:#e8f2ff; font:900 18px/1 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #4c74a8, #203653); border:1px solid #203653; border-radius:50%; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 4px rgba(0,0,0,0.28); } .gtmPmThreadStatus__body { min-width:0; } .gtmPmThreadStatus__body span { display:block; color:#203653; font:800 11px/1.3 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.35px; } .gtmPmThreadStatus__body b { display:block; margin-top:3px; color:#1c2f49; font:900 14px/1.3 Arial, Tahoma, sans-serif; } /* Карточки */ .gtmPmCards { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:9px; margin:0 0 14px 0; } .gtmPmCard { padding:10px; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } .gtmPmCard span { display:block; color:#6b4b18; font:700 11px/1.3 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.25px; } .gtmPmCard b { display:block; margin-top:4px; color:#2f2b1b; font:900 18px/1 Arial, Tahoma, sans-serif; } /* Контент uCoz */ .gtmPmContent { position:relative; z-index:1; width:100% !important; max-width:100% !important; box-sizing:border-box; color:#2f2b1b; font:13px/1.45 Arial, Tahoma, sans-serif; } .gtmPmContent table, .gtmPmContent .uTable, .gtmPmContent .pmTable { max-width:100% !important; width:100% !important; box-sizing:border-box; border-collapse:separate; border-spacing:0; color:#2f2b1b; font:13px/1.45 Arial, Tahoma, sans-serif; background:#fff7dc; border:1px solid #d1bd82; border-radius:5px; overflow:hidden; } .gtmPmContent table td, .gtmPmContent table th, .gtmPmContent .uTable td, .gtmPmContent .pmTable td { padding:8px 9px; color:#2f2b1b; border-bottom:1px solid rgba(139,106,45,0.22); } .gtmPmContent table tr:last-child td { border-bottom:0; } .gtmPmContent table th, .gtmPmContent .pmCatLink, .gtmPmContent .pmNav, .gtmPmContent .pmSubject, .gtmPmContent .catsTableHead, .gtmPmContent .forumThreadTd { color:#f5ebce !important; background:linear-gradient(180deg, #5a5036, #2f2b1b) !important; border-bottom:1px solid rgba(184,145,69,0.45) !important; } .gtmPmContent .pmMessage, .gtmPmContent .pmBody, .gtmPmContent .pmText, .gtmPmContent .uMenu, .gtmPmContent .myWinCont, .gtmPmContent .commTable, .gtmPmContent .postTable, .gtmPmContent .eMessage { color:#2f2b1b !important; background:#fff7dc !important; border:1px solid #d1bd82 !important; border-left:3px solid #8b6a2d !important; border-radius:5px !important; padding:10px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } .gtmPmContent a { color:#5a3b12; font-weight:700; text-decoration:none; } .gtmPmContent a:hover { color:#8b6a2d; text-decoration:underline; } .gtmPmContent input[type="text"], .gtmPmContent input[type="password"], .gtmPmContent input[type="email"], .gtmPmContent textarea, .gtmPmContent select { max-width:100%; box-sizing:border-box; color:#2f2b1b; font:13px/1.35 Arial, Tahoma, sans-serif; background:#fffaf0; border:1px solid #c5ae71; border-radius:4px; padding:7px 8px; box-shadow: inset 0 1px 2px rgba(0,0,0,0.12), 0 1px 0 rgba(255,255,255,0.65); } .gtmPmContent textarea { min-height:130px; resize:vertical; } .gtmPmContent input[type="submit"], .gtmPmContent input[type="button"], .gtmPmContent button { min-height:28px; padding:0 12px; color:#f5ebce !important; font:700 11px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.35px; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-bottom-color:#b89145; border-radius:3px; cursor:pointer; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 3px rgba(0,0,0,0.22); } .gtmPmContent input[type="submit"]:hover, .gtmPmContent input[type="button"]:hover, .gtmPmContent button:hover { color:#fff1c7 !important; background:linear-gradient(180deg, #6b5f3d, #38321f); border-color:#d4a850; } /* Чекбоксы и радиокнопки внутри системного BODY */ .gtmPmContent input[type="checkbox"], .gtmPmContent input[type="radio"] { position:relative; top:2px; width:16px; height:16px; margin:0 5px 0 0; accent-color:#8b6a2d; cursor:pointer; } .gtmPmContent label { color:#2f2b1b; font:13px/1.45 Arial, Tahoma, sans-serif; cursor:pointer; } .gtmPmContent td input[type="checkbox"], .gtmPmContent td input[type="radio"] { vertical-align:middle; } /* Выделение строки при наведении — удобно для списка сообщений */ .gtmPmContent table tr:hover td { background:rgba(255,243,186,0.45); } /* Аккуратнее для строк с кнопками */ .gtmPmContent input[type="checkbox"] + a, .gtmPmContent input[type="radio"] + a { margin-left:3px; } /* Гостевой блок */ .gtmPmGuestBox { padding:12px; color:#3b3422; font:13px/1.45 Arial, Tahoma, sans-serif; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } .gtmPmGuestBox b { color:#2f2b1b; } /* Нижняя панель */ .gtmPmActions_bottom { margin:14px 0 0 0; } /* Мобильная версия */ @media (max-width:700px) { .gtmPmStandalone { width:100%; max-width:100%; margin:0; padding:8px; box-sizing:border-box; } .gtmPmHeroGrid { display:block; } .gtmPmAvatar { width:100%; min-height:120px; margin:0 0 12px 0; } .gtmPmStatusRow, .gtmPmActions { display:block; } .gtmPmStatus, .gtmPmActions a, .gtmPmReloadBtn { width:100%; box-sizing:border-box; margin:0 0 7px 0; } .gtmPmCards { grid-template-columns:1fr; } .gtmPmNotice, .gtmPmSafeNote, .gtmPmThreadStatus { align-items:flex-start; } .gtmPmBox__head { align-items:flex-start; } .gtmPmBox__badge { display:none; } .gtmPmBox__footer { align-items:flex-start; flex-direction:column; } .gtmPmContent input[type="text"], .gtmPmContent input[type="password"], .gtmPmContent input[type="email"], .gtmPmContent textarea, .gtmPmContent select { width:100% !important; } .gtmPmActions_bottom { display:block; } .gtmPmActions_bottom a { width:100%; box-sizing:border-box; margin:0 0 7px 0; } } /* Чтобы фон не обрубался внизу страницы */ html, body { min-height:100%; } body { min-height:100vh; background:#1b1a11; } #body_bg, #body_bg_pda { min-height:100vh; background-color:#1b1a11; } /* Если используется общий фон-картинка сайта */ #body_bg { background-color:#1b1a11; background-repeat:repeat; background-position:center top; } /* Контейнер страницы тоже растягиваем */ .gtmPmStandalone { min-height:100vh; } /* ================================ 475. Финальная правка фона и статуса переписки ================================ */ /* 1. Нижний запас, чтобы фон не обрывался резко */ .gtmPmStandalone { padding-bottom:50px; } /* 2. Мягкое затемнение снизу страницы */ body:after { content:""; position:fixed; left:0; right:0; bottom:0; height:130px; pointer-events:none; z-index:-1; background:linear-gradient( to bottom, rgba(27,26,17,0), rgba(27,26,17,0.96) ); } /* Чтобы фон точно тянулся вниз */ html, body { min-height:100%; } body { min-height:100vh; background:#1b1a11; } #body_bg, #body_bg_pda { min-height:100vh; background-color:#1b1a11; } /* 4. Лёгкая тёмная подложка за карточками */ .gtmPmStandalone { background:rgba(0,0,0,0.18); border-left:1px solid rgba(184,145,69,0.12); border-right:1px solid rgba(184,145,69,0.12); } /* Статус переписки — тёмно-красный */ .gtmPmThreadStatus { background:linear-gradient(180deg, #7a3434, #321515) !important; border:1px solid #1f0c0c !important; border-left:3px solid #b86a4a !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.10), 0 0 14px rgba(122,52,52,0.28), 0 2px 5px rgba(0,0,0,0.28) !important; } .gtmPmThreadStatus__icon { color:#ffecec !important; background:linear-gradient(180deg, #a04a4a, #4a2020) !important; border:1px solid #1f0c0c !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 4px rgba(0,0,0,0.35) !important; } .gtmPmThreadStatus__body span { color:#f3b6a7 !important; } .gtmPmThreadStatus__body b { color:#ffecec !important; } /* ================================ 476. GtaMania — редактирование профиля общий CSS страницы + формы ================================ */ html, body { min-height:100%; } body { margin:0; padding:0; min-height:100vh; background:#1b1a11; color:#2f2b1b; font-family:Arial, Tahoma, sans-serif; font-size:13px; } #body_bg, #body_bg_pda { min-height:100vh; background-color:#1b1a11; } /* Если нужен общий фон-картинка сайта, раскомментируй */ /* body, #body_bg, #body_bg_pda { min-height:100vh; background:#1b1a11 url('/new/img/bg.png') repeat center top; } */ /* Мягкое затемнение снизу */ body:after { content:""; position:fixed; left:0; right:0; bottom:0; height:130px; pointer-events:none; z-index:-1; background:linear-gradient( to bottom, rgba(27,26,17,0), rgba(27,26,17,0.96) ); } /* Растяжка страницы */ .gtmEditProfileStandalone { width:100%; max-width:100%; min-height:100vh; margin:0; padding:14px 18px 50px 18px; box-sizing:border-box; background:rgba(0,0,0,0.18); border-left:1px solid rgba(184,145,69,0.12); border-right:1px solid rgba(184,145,69,0.12); } .gtmEditProfilePage { width:100%; max-width:100%; box-sizing:border-box; } /* ================================ 477. Общая карточка ================================ */ .gtmEditBox { position:relative; margin:0 0 14px 0; padding:0; background:#f5ebce; color:#2f2b1b; border:1px solid #443f2d; border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.65); overflow:hidden; animation:gtmEditFadeUp 0.35s ease both; } @keyframes gtmEditFadeUp { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } } .gtmEditBox:before { content:""; position:absolute; left:0; top:0; right:0; height:4px; background:linear-gradient( to right, #2f2b1b, #6b5b32, #b89145, #6b5b32, #2f2b1b ); z-index:2; pointer-events:none; } .gtmEditBox:after { content:""; position:absolute; inset:0; background: linear-gradient(to bottom, rgba(255,255,255,0.26), transparent 38%), repeating-linear-gradient( 0deg, rgba(0,0,0,0.016) 0px, rgba(0,0,0,0.016) 1px, transparent 1px, transparent 4px ); pointer-events:none; z-index:0; } .gtmEditBox__head { position:relative; z-index:1; display:flex; align-items:center; gap:8px; min-height:36px; padding:9px 10px 8px 10px; box-sizing:border-box; background:linear-gradient(180deg, #5a5036, #2f2b1b); border-bottom:1px solid rgba(184,145,69,0.45); } .gtmEditBox__icon { flex:0 0 24px; width:24px; height:24px; display:flex; align-items:center; justify-content:center; color:#2f2b1b; font:900 13px/1 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #f5ebce, #b89145); border:1px solid rgba(0,0,0,0.65); border-radius:50%; box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 1px 3px rgba(0,0,0,0.35); } .gtmEditBox__title { flex:1 1 auto; min-width:0; color:#f5ebce; font:700 16px/1.25 Arial, Tahoma, sans-serif; text-shadow:0 1px 1px rgba(0,0,0,0.45); } .gtmEditBox__badge { flex:0 0 auto; padding:4px 7px; color:#f5ebce; font:800 10px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.45px; background:rgba(0,0,0,0.28); border:1px solid rgba(245,220,150,0.22); border-radius:20px; } .gtmEditBox__body { position:relative; z-index:1; padding:12px; box-sizing:border-box; } .gtmEditBox__footer { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 12px; box-sizing:border-box; color:#f5ebce; font:11px/1.3 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #443f2d, #2f2b1b); border-top:1px solid rgba(184,145,69,0.38); } .gtmEditBox__footer span { color:#d8c58d; } .gtmEditBox__footer b { color:#f5ebce; font-weight:700; } /* ================================ 478. Верхняя панель действий ================================ */ .gtmEditActions { display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin:0 0 14px 0; padding:10px; background:#f5ebce; border:1px solid #443f2d; border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.65); } .gtmEditActions a, .gtmEditReloadBtn { display:inline-flex; align-items:center; justify-content:center; min-height:26px; padding:0 11px; color:#f5ebce !important; font:700 11px/1 Arial, Tahoma, sans-serif; text-decoration:none !important; text-transform:uppercase; letter-spacing:0.35px; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-bottom-color:#b89145; border-radius:3px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 3px rgba(0,0,0,0.22); cursor:pointer; } .gtmEditActions a:hover, .gtmEditReloadBtn:hover { color:#fff1c7 !important; background:linear-gradient(180deg, #6b5f3d, #38321f); border-color:#d4a850; } .gtmEditActions__gold { color:#2f2b1b !important; background:linear-gradient(180deg, #fff3ba, #d9aa3f) !important; border-color:#8b6a2d !important; } .gtmEditActions__green { color:#eaffea !important; background:linear-gradient(180deg, #4e8b55, #203c24) !important; border-color:#203c24 !important; } .gtmEditTopNew { display:inline-flex; align-items:center; justify-content:center; min-height:20px; padding:0 7px; color:#eaffea; font:900 10px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.55px; background:linear-gradient(180deg, #4e8b55, #203c24); border:1px solid #203c24; border-radius:20px; box-shadow: 0 0 10px rgba(78,139,85,0.32), inset 0 1px 0 rgba(255,255,255,0.14); } /* ================================ 479. Главная карточка ================================ */ .gtmEditHero { position:relative; overflow:hidden; } .gtmEditHero .gtmEditBox__body:before { content:"PROFILE EDIT"; position:absolute; right:-18px; top:16px; color:rgba(47,43,27,0.055); font:900 54px/1 Arial, Tahoma, sans-serif; letter-spacing:2px; transform:rotate(-8deg); pointer-events:none; z-index:0; } .gtmEditHeroGrid { position:relative; z-index:1; display:flex; gap:14px; align-items:flex-start; } .gtmEditAvatar { position:relative; flex:0 0 108px; width:108px; min-height:108px; display:flex; align-items:center; justify-content:center; background: radial-gradient(circle at center, rgba(184,145,69,0.20), transparent 62%), linear-gradient(180deg, #e4d8b7, #cfc099); border:1px solid #443f2d; border-radius:6px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 2px 6px rgba(0,0,0,0.28); overflow:hidden; } .gtmEditAvatar img { display:block; max-width:100%; width:100%; height:auto; } .gtmEditAvatar__empty { width:66px; height:66px; display:flex; align-items:center; justify-content:center; color:#f5ebce; font:900 22px/1 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.65); border-radius:50%; box-shadow: inset 0 1px 0 rgba(255,255,255,0.16), 0 2px 6px rgba(0,0,0,0.28); } .gtmEditHeroInfo { flex:1 1 auto; min-width:0; } .gtmEditHeroInfo h1 { margin:0 0 8px 0; padding:0; color:#2f2b1b; font:900 22px/1.2 Arial, Tahoma, sans-serif; } .gtmEditHeroText { margin:0 0 10px 0; padding:9px 10px; color:#3b3422; font:13px/1.45 Arial, Tahoma, sans-serif; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } /* ================================ 480. Статусы ================================ */ .gtmEditStatusRow { display:flex; flex-wrap:wrap; gap:7px; margin:0; padding:0; } .gtmEditStatus { display:inline-flex; align-items:center; min-height:22px; padding:3px 8px; box-sizing:border-box; color:#443f2d; font:700 11px/1 Arial, Tahoma, sans-serif; background:#eadcaf; border:1px solid #c5ae71; border-radius:20px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.55); } .gtmEditStatus b { margin-left:4px; color:#2f2b1b; } .gtmEditStatus_dark { color:#f5ebce; background:linear-gradient(180deg, #5a5036, #2f2b1b); border-color:#2f2b1b; } .gtmEditStatus_gold { color:#2f2b1b; background:linear-gradient(180deg, #fff3ba, #d9aa3f); border-color:#8b6a2d; } .gtmEditStatus_green { color:#eaffea; background:linear-gradient(180deg, #4e8b55, #203c24); border-color:#203c24; } /* ================================ 481. Информационные блоки ================================ */ .gtmEditSafeNote { margin:0 0 14px 0; padding:10px; display:flex; align-items:center; gap:10px; color:#3b3422; font:13px/1.45 Arial, Tahoma, sans-serif; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } .gtmEditSafeNote__icon { flex:0 0 34px; width:34px; height:34px; display:flex; align-items:center; justify-content:center; color:#fff3ba; font:900 16px/1 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-radius:50%; } .gtmEditSafeNote b { color:#2f2b1b; } /* Статус редактирования — тёмно-красный */ .gtmEditThreadStatus { margin:0 0 14px 0; padding:10px; display:flex; align-items:center; gap:10px; background:linear-gradient(180deg, #7a3434, #321515); border:1px solid #1f0c0c; border-left:3px solid #b86a4a; border-radius:6px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.10), 0 0 14px rgba(122,52,52,0.28), 0 2px 5px rgba(0,0,0,0.28); } .gtmEditThreadStatus__icon { flex:0 0 38px; width:38px; height:38px; display:flex; align-items:center; justify-content:center; color:#ffecec; font:900 18px/1 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #a04a4a, #4a2020); border:1px solid #1f0c0c; border-radius:50%; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 4px rgba(0,0,0,0.35); } .gtmEditThreadStatus__body { min-width:0; } .gtmEditThreadStatus__body span { display:block; color:#f3b6a7; font:800 11px/1.3 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.35px; } .gtmEditThreadStatus__body b { display:block; margin-top:3px; color:#ffecec; font:900 14px/1.3 Arial, Tahoma, sans-serif; } /* Быстрые карточки */ .gtmEditCards { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:9px; margin:0 0 14px 0; } .gtmEditCard { padding:10px; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } .gtmEditCard span { display:block; color:#6b4b18; font:700 11px/1.3 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.25px; } .gtmEditCard b { display:block; margin-top:4px; color:#2f2b1b; font:900 18px/1 Arial, Tahoma, sans-serif; } /* ================================ 482. Контейнер системной формы ================================ */ .gtmEditContent { position:relative; z-index:1; width:100% !important; max-width:100% !important; box-sizing:border-box; color:#2f2b1b; font:13px/1.45 Arial, Tahoma, sans-serif; } /* ================================ 483. Форма редактирования uCoz ================================ */ .gtmEditContent table, .gtmEditContent .uTable, .gtmEditContent .manTable, .manTable { max-width:100% !important; width:100% !important; box-sizing:border-box; border-collapse:separate !important; border-spacing:0 7px !important; color:#2f2b1b; font:13px/1.45 Arial, Tahoma, sans-serif; background:transparent !important; border:0 !important; } .gtmEditContent .manTable tr, .manTable tr { background:#fff7dc; border:1px solid #d1bd82; border-radius:5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } .gtmEditContent .manTable td, .manTable td { padding:10px 11px !important; color:#2f2b1b; font:13px/1.45 Arial, Tahoma, sans-serif; border:0 !important; vertical-align:middle; } /* Левая колонка формы */ .gtmEditContent .manTd1, .manTd1 { width:32% !important; color:#6b4b18 !important; font:800 11px/1.35 Arial, Tahoma, sans-serif !important; text-transform:uppercase; letter-spacing:0.25px; background:#eadcaf !important; border-left:3px solid #8b6a2d !important; border-radius:5px 0 0 5px !important; } /* Правая колонка формы */ .gtmEditContent .manTd2, .manTd2 { color:#2f2b1b !important; background:#fff7dc !important; border-radius:0 5px 5px 0 !important; } /* Ошибка */ .gtmEditContent .manTdError, .manTdError { padding:12px !important; color:#ffecec !important; font:800 13px/1.4 Arial, Tahoma, sans-serif !important; text-align:center; background:linear-gradient(180deg, #7a3434, #321515) !important; border:1px solid #1f0c0c !important; border-left:3px solid #b86a4a !important; border-radius:6px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.10), 0 0 14px rgba(122,52,52,0.28), 0 2px 5px rgba(0,0,0,0.28) !important; } /* Кнопка отправки */ .gtmEditContent .manTdBut, .manTdBut { text-align:center !important; background:transparent !important; border:0 !important; padding:14px 0 4px 0 !important; } /* Убираем старые разделители */ .gtmEditContent .manTdSep, .gtmEditContent .manHr, .manTdSep, .manHr { display:none !important; height:0 !important; padding:0 !important; margin:0 !important; border:0 !important; overflow:hidden !important; } /* Подсветка строки */ .gtmEditContent .manTable tr:hover td, .manTable tr:hover td { background:#fff3ba !important; } .gtmEditContent .manTable tr:hover .manTd1, .manTable tr:hover .manTd1 { background:#e2c985 !important; } /* ================================ 484. Поля формы ================================ */ .gtmEditContent input[type="text"], .gtmEditContent input[type="password"], .gtmEditContent input[type="email"], .gtmEditContent input[type="url"], .gtmEditContent input[type="file"], .gtmEditContent textarea, .gtmEditContent select, .manTable input[type="text"], .manTable input[type="password"], .manTable input[type="email"], .manTable input[type="url"], .manTable input[type="file"], .manTable textarea, .manTable select { max-width:100%; box-sizing:border-box; color:#2f2b1b !important; font:13px/1.35 Arial, Tahoma, sans-serif !important; background:#fffaf0 !important; border:1px solid #c5ae71 !important; border-radius:4px !important; padding:7px 8px !important; box-shadow: inset 0 1px 2px rgba(0,0,0,0.12), 0 1px 0 rgba(255,255,255,0.65) !important; } .gtmEditContent input[type="text"]:focus, .gtmEditContent input[type="password"]:focus, .gtmEditContent input[type="email"]:focus, .gtmEditContent input[type="url"]:focus, .gtmEditContent textarea:focus, .gtmEditContent select:focus, .manTable input[type="text"]:focus, .manTable input[type="password"]:focus, .manTable input[type="email"]:focus, .manTable input[type="url"]:focus, .manTable textarea:focus, .manTable select:focus { outline:none !important; border-color:#8b6a2d !important; box-shadow: inset 0 1px 2px rgba(0,0,0,0.12), 0 0 0 2px rgba(184,145,69,0.22) !important; } .gtmEditContent input[type="file"], .manTable input[type="file"] { padding:6px !important; background:#fff7dc !important; } .gtmEditContent textarea, .manTable textarea { min-height:130px; resize:vertical; } /* Чекбоксы и радио */ .gtmEditContent input[type="checkbox"], .gtmEditContent input[type="radio"], .manTable input[type="checkbox"], .manTable input[type="radio"] { position:relative; top:2px; width:16px; height:16px; margin:0 5px 0 0; accent-color:#8b6a2d; cursor:pointer; } .gtmEditContent label, .manTable label { color:#2f2b1b; font:13px/1.45 Arial, Tahoma, sans-serif; cursor:pointer; } /* Кнопки */ .gtmEditContent input[type="submit"], .gtmEditContent input[type="button"], .gtmEditContent button, .manTable input[type="submit"], .manTable input[type="button"], .manTable button, .manFlSbm { min-height:30px; padding:0 14px !important; color:#f5ebce !important; font:800 11px/1 Arial, Tahoma, sans-serif !important; text-transform:uppercase; letter-spacing:0.35px; background:linear-gradient(180deg, #5a5036, #2f2b1b) !important; border:1px solid rgba(0,0,0,0.72) !important; border-bottom-color:#b89145 !important; border-radius:3px !important; cursor:pointer; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 3px rgba(0,0,0,0.22) !important; } .gtmEditContent input[type="submit"]:hover, .gtmEditContent input[type="button"]:hover, .gtmEditContent button:hover, .manTable input[type="submit"]:hover, .manTable input[type="button"]:hover, .manTable button:hover, .manFlSbm:hover { color:#fff1c7 !important; background:linear-gradient(180deg, #6b5f3d, #38321f) !important; border-color:#d4a850 !important; } /* Главная кнопка сохранения */ .manFlSbm { min-width:180px; height:34px; color:#2f2b1b !important; background:linear-gradient(180deg, #fff3ba, #d9aa3f) !important; border-color:#8b6a2d !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75), 0 0 12px rgba(184,145,69,0.28), 0 2px 5px rgba(0,0,0,0.22) !important; } .manFlSbm:hover { color:#2f2b1b !important; background:linear-gradient(180deg, #fff7dc, #e0b64a) !important; } /* ================================ 485. Социальные аккаунты ================================ */ .social-accounts, .profile-social-accounts { display:flex; flex-wrap:wrap; gap:7px; align-items:center; } .social-accounts a, .profile-social-accounts a, .social-accounts span, .profile-social-accounts span { display:inline-flex; align-items:center; justify-content:center; min-height:24px; padding:0 9px; color:#f5ebce !important; font:700 11px/1 Arial, Tahoma, sans-serif; text-decoration:none !important; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-bottom-color:#b89145; border-radius:20px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 3px rgba(0,0,0,0.22); } .social-accounts a:hover, .profile-social-accounts a:hover { color:#fff1c7 !important; background:linear-gradient(180deg, #6b5f3d, #38321f); border-color:#d4a850; } /* ================================ 486. Старые системные блоки uCoz ================================ */ .gtmEditContent .myWinCont, .gtmEditContent .commTable, .gtmEditContent .postTable, .gtmEditContent .eMessage, .gtmEditContent .uMenu { color:#2f2b1b !important; background:#fff7dc !important; border:1px solid #d1bd82 !important; border-left:3px solid #8b6a2d !important; border-radius:5px !important; padding:10px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } .gtmEditContent a { color:#5a3b12; font-weight:700; text-decoration:none; } .gtmEditContent a:hover { color:#8b6a2d; text-decoration:underline; } /* Нижняя панель */ .gtmEditActions_bottom { margin:14px 0 0 0; } /* Гостевой блок */ .gtmEditGuestBox { padding:12px; color:#3b3422; font:13px/1.45 Arial, Tahoma, sans-serif; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } .gtmEditGuestBox b { color:#2f2b1b; } /* ================================ 487. Мобильная версия ================================ */ @media (max-width:700px) { .gtmEditProfileStandalone { width:100%; max-width:100%; margin:0; padding:8px; box-sizing:border-box; } .gtmEditHeroGrid { display:block; } .gtmEditAvatar { width:100%; min-height:120px; margin:0 0 12px 0; } .gtmEditStatusRow, .gtmEditActions { display:block; } .gtmEditStatus, .gtmEditActions a, .gtmEditReloadBtn { width:100%; box-sizing:border-box; margin:0 0 7px 0; } .gtmEditCards { grid-template-columns:1fr; } .gtmEditSafeNote, .gtmEditThreadStatus { align-items:flex-start; } .gtmEditBox__head { align-items:flex-start; } .gtmEditBox__badge { display:none; } .gtmEditBox__footer { align-items:flex-start; flex-direction:column; } .gtmEditContent .manTable, .manTable, .gtmEditContent .manTable tbody, .manTable tbody, .gtmEditContent .manTable tr, .manTable tr, .gtmEditContent .manTable td, .manTable td { display:block; width:100% !important; box-sizing:border-box; } .gtmEditContent .manTable tr, .manTable tr { margin:0 0 8px 0; } .gtmEditContent .manTd1, .manTd1 { width:100% !important; border-radius:5px 5px 0 0 !important; border-left:3px solid #8b6a2d !important; border-bottom:1px solid rgba(139,106,45,0.18) !important; } .gtmEditContent .manTd2, .manTd2 { width:100% !important; border-radius:0 0 5px 5px !important; } .gtmEditContent input[type="text"], .gtmEditContent input[type="password"], .gtmEditContent input[type="email"], .gtmEditContent input[type="url"], .gtmEditContent input[type="file"], .gtmEditContent textarea, .gtmEditContent select, .manTable input[type="text"], .manTable input[type="password"], .manTable input[type="email"], .manTable input[type="url"], .manTable input[type="file"], .manTable textarea, .manTable select { width:100% !important; } .gtmEditActions_bottom { display:block; } .gtmEditActions_bottom a { width:100%; box-sizing:border-box; margin:0 0 7px 0; } .manFlSbm { width:100%; min-width:0; } } /* ================================ 488. GtaMania — список пользователей без глобальных блоков ================================ */ html, body { min-height:100%; } body { margin:0; padding:0; min-height:100vh; background:#1b1a11; color:#2f2b1b; font-family:Arial, Tahoma, sans-serif; font-size:13px; } #body_bg, #body_bg_pda { min-height:100vh; background-color:#1b1a11; } /* Если нужен фон-картинка сайта, раскомментируй */ /* body, #body_bg, #body_bg_pda { min-height:100vh; background:#1b1a11 url('/new/img/bg.png') repeat center top; } */ body:after { content:""; position:fixed; left:0; right:0; bottom:0; height:130px; pointer-events:none; z-index:-1; background:linear-gradient( to bottom, rgba(27,26,17,0), rgba(27,26,17,0.96) ); } .gtmUsersListStandalone { width:100%; max-width:100%; min-height:100vh; margin:0; padding:14px 18px 50px 18px; box-sizing:border-box; background:rgba(0,0,0,0.18); border-left:1px solid rgba(184,145,69,0.12); border-right:1px solid rgba(184,145,69,0.12); } .gtmUsersListPage { width:100%; max-width:100%; box-sizing:border-box; } /* ================================ 489. Общая карточка ================================ */ .gtmUsersListBox { position:relative; margin:0 0 14px 0; padding:0; background:#f5ebce; color:#2f2b1b; border:1px solid #443f2d; border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.65); overflow:hidden; animation:gtmUsersListFadeUp 0.35s ease both; } @keyframes gtmUsersListFadeUp { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } } .gtmUsersListBox:before { content:""; position:absolute; left:0; top:0; right:0; height:4px; background:linear-gradient( to right, #2f2b1b, #6b5b32, #b89145, #6b5b32, #2f2b1b ); z-index:2; pointer-events:none; } .gtmUsersListBox:after { content:""; position:absolute; inset:0; background: linear-gradient(to bottom, rgba(255,255,255,0.26), transparent 38%), repeating-linear-gradient( 0deg, rgba(0,0,0,0.016) 0px, rgba(0,0,0,0.016) 1px, transparent 1px, transparent 4px ); pointer-events:none; z-index:0; } .gtmUsersListBox__head { position:relative; z-index:1; display:flex; align-items:center; gap:8px; min-height:36px; padding:9px 10px 8px 10px; box-sizing:border-box; background:linear-gradient(180deg, #5a5036, #2f2b1b); border-bottom:1px solid rgba(184,145,69,0.45); } .gtmUsersListBox__icon { flex:0 0 24px; width:24px; height:24px; display:flex; align-items:center; justify-content:center; color:#2f2b1b; font:900 13px/1 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #f5ebce, #b89145); border:1px solid rgba(0,0,0,0.65); border-radius:50%; box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 1px 3px rgba(0,0,0,0.35); } .gtmUsersListBox__title { flex:1 1 auto; min-width:0; color:#f5ebce; font:700 16px/1.25 Arial, Tahoma, sans-serif; text-shadow:0 1px 1px rgba(0,0,0,0.45); } .gtmUsersListBox__badge { flex:0 0 auto; padding:4px 7px; color:#f5ebce; font:800 10px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.45px; background:rgba(0,0,0,0.28); border:1px solid rgba(245,220,150,0.22); border-radius:20px; } .gtmUsersListBox__body { position:relative; z-index:1; padding:12px; box-sizing:border-box; } .gtmUsersListBox__footer { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 12px; box-sizing:border-box; color:#f5ebce; font:11px/1.3 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #443f2d, #2f2b1b); border-top:1px solid rgba(184,145,69,0.38); } .gtmUsersListBox__footer span { color:#d8c58d; } .gtmUsersListBox__footer b { color:#f5ebce; font-weight:700; } /* ================================ 490. Верхняя панель ================================ */ .gtmUsersListActions { display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin:0 0 14px 0; padding:10px; background:#f5ebce; border:1px solid #443f2d; border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.65); } .gtmUsersListActions a, .gtmUsersListReloadBtn { display:inline-flex; align-items:center; justify-content:center; min-height:26px; padding:0 11px; color:#f5ebce !important; font:700 11px/1 Arial, Tahoma, sans-serif; text-decoration:none !important; text-transform:uppercase; letter-spacing:0.35px; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-bottom-color:#b89145; border-radius:3px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 3px rgba(0,0,0,0.22); cursor:pointer; } .gtmUsersListActions a:hover, .gtmUsersListReloadBtn:hover { color:#fff1c7 !important; background:linear-gradient(180deg, #6b5f3d, #38321f); border-color:#d4a850; } .gtmUsersListActions__gold { color:#2f2b1b !important; background:linear-gradient(180deg, #fff3ba, #d9aa3f) !important; border-color:#8b6a2d !important; } .gtmUsersListActions__green { color:#eaffea !important; background:linear-gradient(180deg, #4e8b55, #203c24) !important; border-color:#203c24 !important; } .gtmUsersListTopNew { display:inline-flex; align-items:center; justify-content:center; min-height:20px; padding:0 7px; color:#eaffea; font:900 10px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.55px; background:linear-gradient(180deg, #4e8b55, #203c24); border:1px solid #203c24; border-radius:20px; box-shadow: 0 0 10px rgba(78,139,85,0.32), inset 0 1px 0 rgba(255,255,255,0.14); } /* ================================ 491. Hero ================================ */ .gtmUsersListHero { position:relative; overflow:hidden; } .gtmUsersListHero .gtmUsersListBox__body:before { content:"USERS LIST"; position:absolute; right:-18px; top:16px; color:rgba(47,43,27,0.055); font:900 58px/1 Arial, Tahoma, sans-serif; letter-spacing:2px; transform:rotate(-8deg); pointer-events:none; z-index:0; } .gtmUsersListHeroGrid { position:relative; z-index:1; display:flex; gap:14px; align-items:flex-start; } .gtmUsersListIcon { position:relative; flex:0 0 108px; width:108px; min-height:108px; display:flex; align-items:center; justify-content:center; background: radial-gradient(circle at center, rgba(184,145,69,0.20), transparent 62%), linear-gradient(180deg, #e4d8b7, #cfc099); border:1px solid #443f2d; border-radius:6px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 2px 6px rgba(0,0,0,0.28); overflow:hidden; } .gtmUsersListIcon__inner { width:66px; height:66px; display:flex; align-items:center; justify-content:center; color:#f5ebce; font:900 24px/1 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.65); border-radius:50%; box-shadow: inset 0 1px 0 rgba(255,255,255,0.16), 0 2px 6px rgba(0,0,0,0.28); } .gtmUsersListHeroInfo { flex:1 1 auto; min-width:0; } .gtmUsersListHeroInfo h1 { margin:0 0 8px 0; padding:0; color:#2f2b1b; font:900 22px/1.2 Arial, Tahoma, sans-serif; } .gtmUsersListHeroText { margin:0 0 10px 0; padding:9px 10px; color:#3b3422; font:13px/1.45 Arial, Tahoma, sans-serif; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } /* Статусы */ .gtmUsersListStatusRow { display:flex; flex-wrap:wrap; gap:7px; margin:0; padding:0; } .gtmUsersListStatus { display:inline-flex; align-items:center; min-height:22px; padding:3px 8px; box-sizing:border-box; color:#443f2d; font:700 11px/1 Arial, Tahoma, sans-serif; background:#eadcaf; border:1px solid #c5ae71; border-radius:20px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.55); } .gtmUsersListStatus b { margin-left:4px; color:#2f2b1b; } .gtmUsersListStatus_dark { color:#f5ebce; background:linear-gradient(180deg, #5a5036, #2f2b1b); border-color:#2f2b1b; } .gtmUsersListStatus_gold { color:#2f2b1b; background:linear-gradient(180deg, #fff3ba, #d9aa3f); border-color:#8b6a2d; } .gtmUsersListStatus_green { color:#eaffea; background:linear-gradient(180deg, #4e8b55, #203c24); border-color:#203c24; } /* Безопасность / статус */ .gtmUsersListSafeNote { margin:0 0 14px 0; padding:10px; display:flex; align-items:center; gap:10px; color:#3b3422; font:13px/1.45 Arial, Tahoma, sans-serif; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } .gtmUsersListSafeNote__icon { flex:0 0 34px; width:34px; height:34px; display:flex; align-items:center; justify-content:center; color:#fff3ba; font:900 16px/1 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-radius:50%; } .gtmUsersListSafeNote b { color:#2f2b1b; } .gtmUsersListThreadStatus { margin:0 0 14px 0; padding:10px; display:flex; align-items:center; gap:10px; background:linear-gradient(180deg, #7a3434, #321515); border:1px solid #1f0c0c; border-left:3px solid #b86a4a; border-radius:6px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.10), 0 0 14px rgba(122,52,52,0.28), 0 2px 5px rgba(0,0,0,0.28); } .gtmUsersListThreadStatus__icon { flex:0 0 38px; width:38px; height:38px; display:flex; align-items:center; justify-content:center; color:#ffecec; font:900 18px/1 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #a04a4a, #4a2020); border:1px solid #1f0c0c; border-radius:50%; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 4px rgba(0,0,0,0.35); } .gtmUsersListThreadStatus__body { min-width:0; } .gtmUsersListThreadStatus__body span { display:block; color:#f3b6a7; font:800 11px/1.3 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.35px; } .gtmUsersListThreadStatus__body b { display:block; margin-top:3px; color:#ffecec; font:900 14px/1.3 Arial, Tahoma, sans-serif; } /* Карточки статистики */ .gtmUsersListCards { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:9px; margin:0 0 14px 0; } .gtmUsersListCard { padding:10px; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } .gtmUsersListCard span { display:block; color:#6b4b18; font:700 11px/1.3 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.25px; } .gtmUsersListCard b { display:block; margin-top:4px; color:#2f2b1b; font:900 18px/1 Arial, Tahoma, sans-serif; } /* ================================ 492. Поиск пользователей ================================ */ .gtmUsersListSearch { position:relative; z-index:1; padding:10px; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } .gtmUsersListSearch table { width:100% !important; max-width:100% !important; } .gtmUsersListSearch input[type="text"], .gtmUsersListSearch input[type="search"], .gtmUsersListSearch select { max-width:100%; box-sizing:border-box; color:#2f2b1b !important; font:13px/1.35 Arial, Tahoma, sans-serif !important; background:#fffaf0 !important; border:1px solid #c5ae71 !important; border-radius:4px !important; padding:7px 8px !important; box-shadow: inset 0 1px 2px rgba(0,0,0,0.12), 0 1px 0 rgba(255,255,255,0.65) !important; } .gtmUsersListSearch input[type="submit"], .gtmUsersListSearch input[type="button"], .gtmUsersListSearch button { min-height:30px; padding:0 14px !important; color:#f5ebce !important; font:800 11px/1 Arial, Tahoma, sans-serif !important; text-transform:uppercase; letter-spacing:0.35px; background:linear-gradient(180deg, #5a5036, #2f2b1b) !important; border:1px solid rgba(0,0,0,0.72) !important; border-bottom-color:#b89145 !important; border-radius:3px !important; cursor:pointer; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 3px rgba(0,0,0,0.22) !important; } /* ================================ 493. Содержимое uCoz ================================ */ .gtmUsersListContent { position:relative; z-index:1; width:100% !important; max-width:100% !important; box-sizing:border-box; color:#2f2b1b; font:13px/1.45 Arial, Tahoma, sans-serif; } .gtmUsersListContent table, .gtmUsersListContent .uTable, .gtmUsersListContent .usersTable, .gtmUsersListContent .manTable { max-width:100% !important; width:100% !important; box-sizing:border-box; border-collapse:separate !important; border-spacing:0 !important; color:#2f2b1b; font:13px/1.45 Arial, Tahoma, sans-serif; background:#fff7dc !important; border:1px solid #d1bd82 !important; border-radius:5px; overflow:hidden; } .gtmUsersListContent table td, .gtmUsersListContent table th, .gtmUsersListContent .uTable td, .gtmUsersListContent .usersTable td, .gtmUsersListContent .manTable td { padding:8px 9px !important; color:#2f2b1b; border-bottom:1px solid rgba(139,106,45,0.22) !important; vertical-align:middle; } .gtmUsersListContent table tr:last-child td { border-bottom:0 !important; } .gtmUsersListContent table th, .gtmUsersListContent .catsTableHead, .gtmUsersListContent .uTable th, .gtmUsersListContent .usersTable th, .gtmUsersListContent .manTable th { color:#f5ebce !important; background:linear-gradient(180deg, #5a5036, #2f2b1b) !important; border-bottom:1px solid rgba(184,145,69,0.45) !important; } .gtmUsersListContent table tr:hover td { background:rgba(255,243,186,0.45) !important; } .gtmUsersListContent a { color:#5a3b12; font-weight:700; text-decoration:none; } .gtmUsersListContent a:hover { color:#8b6a2d; text-decoration:underline; } /* Аватары внутри списка */ .gtmUsersListContent img { max-width:100%; height:auto; } .gtmUsersListContent td img { border-radius:4px; } /* Поля внутри BODY */ .gtmUsersListContent input[type="text"], .gtmUsersListContent input[type="password"], .gtmUsersListContent input[type="email"], .gtmUsersListContent input[type="search"], .gtmUsersListContent textarea, .gtmUsersListContent select { max-width:100%; box-sizing:border-box; color:#2f2b1b !important; font:13px/1.35 Arial, Tahoma, sans-serif !important; background:#fffaf0 !important; border:1px solid #c5ae71 !important; border-radius:4px !important; padding:7px 8px !important; box-shadow: inset 0 1px 2px rgba(0,0,0,0.12), 0 1px 0 rgba(255,255,255,0.65) !important; } .gtmUsersListContent input[type="checkbox"], .gtmUsersListContent input[type="radio"] { position:relative; top:2px; width:16px; height:16px; margin:0 5px 0 0; accent-color:#8b6a2d; cursor:pointer; } .gtmUsersListContent input[type="submit"], .gtmUsersListContent input[type="button"], .gtmUsersListContent button { min-height:30px; padding:0 14px !important; color:#f5ebce !important; font:800 11px/1 Arial, Tahoma, sans-serif !important; text-transform:uppercase; letter-spacing:0.35px; background:linear-gradient(180deg, #5a5036, #2f2b1b) !important; border:1px solid rgba(0,0,0,0.72) !important; border-bottom-color:#b89145 !important; border-radius:3px !important; cursor:pointer; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 3px rgba(0,0,0,0.22) !important; } /* Старые блоки */ .gtmUsersListContent .myWinCont, .gtmUsersListContent .commTable, .gtmUsersListContent .postTable, .gtmUsersListContent .eMessage, .gtmUsersListContent .uMenu { color:#2f2b1b !important; background:#fff7dc !important; border:1px solid #d1bd82 !important; border-left:3px solid #8b6a2d !important; border-radius:5px !important; padding:10px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } /* ================================ 494. Пагинация ================================ */ .gtmUsersListPages { margin:0 0 14px 0; padding:10px; color:#2f2b1b; background:#f5ebce; border:1px solid #443f2d; border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.65); } .gtmUsersListPages a, .gtmUsersListPages span, .gtmUsersListPages b { display:inline-flex; align-items:center; justify-content:center; min-width:24px; min-height:24px; margin:2px; padding:0 7px; color:#f5ebce !important; font:800 11px/1 Arial, Tahoma, sans-serif; text-decoration:none !important; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-bottom-color:#b89145; border-radius:3px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 3px rgba(0,0,0,0.22); } .gtmUsersListPages .currentPage, .gtmUsersListPages .currentPage79, .gtmUsersListPages b { color:#2f2b1b !important; background:linear-gradient(180deg, #fff3ba, #d9aa3f) !important; border-color:#8b6a2d !important; } /* Нижняя панель */ .gtmUsersListActions_bottom { margin:14px 0 0 0; } /* ================================ 495. Мобильная версия ================================ */ @media (max-width:700px) { .gtmUsersListStandalone { width:100%; max-width:100%; margin:0; padding:8px; box-sizing:border-box; } .gtmUsersListHeroGrid { display:block; } .gtmUsersListIcon { width:100%; min-height:120px; margin:0 0 12px 0; } .gtmUsersListStatusRow, .gtmUsersListActions { display:block; } .gtmUsersListStatus, .gtmUsersListActions a, .gtmUsersListReloadBtn { width:100%; box-sizing:border-box; margin:0 0 7px 0; } .gtmUsersListCards { grid-template-columns:1fr; } .gtmUsersListSafeNote, .gtmUsersListThreadStatus { align-items:flex-start; } .gtmUsersListBox__head { align-items:flex-start; } .gtmUsersListBox__badge { display:none; } .gtmUsersListBox__footer { align-items:flex-start; flex-direction:column; } .gtmUsersListSearch input[type="text"], .gtmUsersListSearch input[type="search"], .gtmUsersListSearch select, .gtmUsersListSearch input[type="submit"], .gtmUsersListSearch input[type="button"], .gtmUsersListSearch button, .gtmUsersListContent input[type="text"], .gtmUsersListContent input[type="password"], .gtmUsersListContent input[type="email"], .gtmUsersListContent input[type="search"], .gtmUsersListContent textarea, .gtmUsersListContent select { width:100% !important; } .gtmUsersListContent table, .gtmUsersListContent tbody, .gtmUsersListContent tr, .gtmUsersListContent td { max-width:100%; } .gtmUsersListActions_bottom { display:block; } .gtmUsersListActions_bottom a { width:100%; box-sizing:border-box; margin:0 0 7px 0; } } /* =============================== 496. СТРАНИЦА КОММЕНТАРИЕВ ПОЛЬЗОВАТЕЛЯ GTA / GOLD / DARK STYLE =============================== */ .gtmUserCommentsPage { max-width:760px; margin:0 auto; padding:14px 12px 22px 12px; font-family:Tahoma, Arial, sans-serif; color:#f5ebce; box-sizing:border-box; } .gtmUserCommentsBox { position:relative; overflow:hidden; background: linear-gradient(180deg, rgba(70,62,42,0.96), rgba(31,29,20,0.98)), radial-gradient(circle at top, rgba(245,220,150,0.10), transparent 55%); border:1px solid rgba(0,0,0,0.75); border-radius:4px; box-shadow: 0 2px 5px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.08), inset 0 0 28px rgba(0,0,0,0.28); } .gtmUserCommentsBox:before { content:""; position:absolute; left:0; top:0; right:0; height:1px; background:linear-gradient(to right, transparent, rgba(245,220,150,0.38), transparent); pointer-events:none; } .gtmUserCommentsHead { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:42px; padding:10px 14px; background: linear-gradient(180deg, rgba(87,76,50,0.95), rgba(47,43,27,0.96)); border-bottom:1px solid rgba(180,145,70,0.38); box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 1px 0 rgba(0,0,0,0.55); box-sizing:border-box; } .gtmUserCommentsTitle { display:flex; align-items:center; gap:9px; font-size:15px; font-weight:bold; color:#fff5d8; text-shadow:0 1px 0 rgba(0,0,0,0.8); } .gtmUserCommentsIcon { display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:50%; background: radial-gradient(circle at 30% 25%, #fff4bd, #b88932 58%, #5a3812); color:#241707; font-size:13px; font-weight:bold; box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 1px 4px rgba(0,0,0,0.6); } .gtmUserCommentsBadge { flex:0 0 auto; padding:4px 8px; border-radius:20px; background:rgba(0,0,0,0.28); border:1px solid rgba(245,220,150,0.18); color:#d8c99f; font-size:11px; line-height:1; text-transform:uppercase; letter-spacing:0.4px; } .gtmUserCommentsInfo { padding:12px 14px; border-bottom:1px solid rgba(255,255,255,0.06); background:rgba(0,0,0,0.12); color:#d7c89c; font-size:12px; line-height:1.55; } .gtmUserCommentsInfo b { color:#fff2c2; } .gtmUserCommentsNav { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:10px 14px; border-bottom:1px solid rgba(255,255,255,0.06); background:rgba(0,0,0,0.10); } .gtmUserCommentsNav a, .gtmUserCommentsNav span { display:inline-block; padding:5px 9px; border-radius:3px; background:rgba(0,0,0,0.24); border:1px solid rgba(245,220,150,0.13); color:#e7d9ae; text-decoration:none; font-size:12px; } .gtmUserCommentsNav a:hover { background:rgba(180,145,70,0.24); border-color:rgba(245,220,150,0.34); color:#fff4cf; text-decoration:none; } .gtmUserCommentsBody { padding:14px; box-sizing:border-box; } /* Ссылки внутри списка комментариев */ .gtmUserCommentsBody a { color:#f1d27a; text-decoration:none; } .gtmUserCommentsBody a:hover { color:#fff2ba; text-decoration:underline; } /* Таблицы uCoz внутри BODY */ .gtmUserCommentsBody table { max-width:100%; width:100%; border-collapse:collapse; color:#e8dec2; background:transparent; } .gtmUserCommentsBody td { padding:7px; border-color:rgba(255,255,255,0.08) !important; color:#e8dec2; } /* Возможные блоки комментариев uCoz */ .gtmUserCommentsBody .commTable, .gtmUserCommentsBody .comEnt, .gtmUserCommentsBody .commEnt, .gtmUserCommentsBody .eBlock, .gtmUserCommentsBody .eBlock1, .gtmUserCommentsBody .eBlock2 { background:rgba(0,0,0,0.18); border:1px solid rgba(255,255,255,0.07); border-radius:4px; margin:0 0 10px 0; padding:10px; box-shadow:inset 0 1px 0 rgba(255,255,255,0.04); box-sizing:border-box; } /* Текст комментариев */ .gtmUserCommentsBody .commMessage, .gtmUserCommentsBody .comMessage, .gtmUserCommentsBody .eMessage, .gtmUserCommentsBody .message { color:#eadfbd; line-height:1.55; font-size:13px; } /* Дата, модуль, служебная информация */ .gtmUserCommentsBody .commDate, .gtmUserCommentsBody .comDate, .gtmUserCommentsBody .eDetails, .gtmUserCommentsBody .eDetails1, .gtmUserCommentsBody .eDetails2, .gtmUserCommentsBody .small { color:#a99d78; font-size:11px; } /* Аватары и картинки */ .gtmUserCommentsBody img { max-width:100%; height:auto; } .gtmUserCommentsBody img.avatar, .gtmUserCommentsBody .userAvatar img { border-radius:4px; border:1px solid rgba(0,0,0,0.65); box-shadow:0 1px 4px rgba(0,0,0,0.45); } /* Поля, если uCoz вдруг выводит формы */ .gtmUserCommentsBody input, .gtmUserCommentsBody select, .gtmUserCommentsBody textarea { max-width:100%; background:#211f16; border:1px solid rgba(245,220,150,0.18); color:#f5ebce; border-radius:3px; box-sizing:border-box; } .gtmUserCommentsBody input[type="submit"], .gtmUserCommentsBody input[type="button"], .gtmUserCommentsBody button { cursor:pointer; background: linear-gradient(180deg, rgba(111,91,45,0.95), rgba(63,50,26,0.98)); border:1px solid rgba(245,220,150,0.22); color:#fff0bd; padding:6px 10px; border-radius:3px; } .gtmUserCommentsBody input[type="submit"]:hover, .gtmUserCommentsBody input[type="button"]:hover, .gtmUserCommentsBody button:hover { background: linear-gradient(180deg, rgba(136,108,50,0.98), rgba(73,57,27,0.98)); color:#fff7d7; } /* Пагинация */ .gtmUserCommentsPages { padding:12px 14px 14px 14px; border-top:1px solid rgba(255,255,255,0.06); background:rgba(0,0,0,0.14); color:#cfc09a; font-size:12px; text-align:center; } .gtmUserCommentsPages a, .gtmUserCommentsPages span, .gtmUserCommentsPages b { display:inline-block; min-width:24px; margin:2px; padding:5px 8px; border-radius:3px; background:rgba(0,0,0,0.28); border:1px solid rgba(245,220,150,0.14); color:#e7d7aa; text-decoration:none; box-sizing:border-box; } .gtmUserCommentsPages a:hover { background:rgba(180,145,70,0.25); border-color:rgba(245,220,150,0.34); color:#fff1c2; text-decoration:none; } .gtmUserCommentsPages b, .gtmUserCommentsPages .swchItemA, .gtmUserCommentsPages .pgSwchA { background:rgba(180,145,70,0.35); border-color:rgba(245,220,150,0.34); color:#fff5ce; } /* Если комментариев нет */ .gtmUserCommentsEmpty { padding:18px 14px; text-align:center; color:#bdae86; background:rgba(0,0,0,0.14); border:1px dashed rgba(245,220,150,0.16); border-radius:4px; } /* Мобильная версия */ @media (max-width:700px) { .gtmUserCommentsPage { max-width:100%; padding:10px 8px 16px 8px; } .gtmUserCommentsHead { align-items:flex-start; flex-direction:column; } .gtmUserCommentsBody { padding:10px; } .gtmUserCommentsBody table, .gtmUserCommentsBody tbody, .gtmUserCommentsBody tr, .gtmUserCommentsBody td { display:block; width:100%; box-sizing:border-box; } } /* =============================== 497. СТРАНИЦА РЕГИСТРАЦИИ ПОЛЬЗОВАТЕЛЯ GTA / GOLD / DARK STYLE =============================== */ .gtmRegisterPage { max-width:760px; margin:0 auto; padding:14px 12px 22px 12px; font-family:Tahoma, Arial, sans-serif; color:#f5ebce; box-sizing:border-box; } .gtmRegisterBox { position:relative; overflow:hidden; background: linear-gradient(180deg, rgba(70,62,42,0.96), rgba(31,29,20,0.98)), radial-gradient(circle at top, rgba(245,220,150,0.10), transparent 55%); border:1px solid rgba(0,0,0,0.75); border-radius:4px; box-shadow: 0 2px 5px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.08), inset 0 0 28px rgba(0,0,0,0.28); } .gtmRegisterBox:before { content:""; position:absolute; left:0; top:0; right:0; height:1px; background:linear-gradient(to right, transparent, rgba(245,220,150,0.38), transparent); pointer-events:none; } .gtmRegisterHead { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:42px; padding:10px 14px; background: linear-gradient(180deg, rgba(87,76,50,0.95), rgba(47,43,27,0.96)); border-bottom:1px solid rgba(180,145,70,0.38); box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 1px 0 rgba(0,0,0,0.55); box-sizing:border-box; } .gtmRegisterTitle { display:flex; align-items:center; gap:9px; font-size:15px; font-weight:bold; color:#fff5d8; text-shadow:0 1px 0 rgba(0,0,0,0.8); } .gtmRegisterIcon { display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:50%; background: radial-gradient(circle at 30% 25%, #fff4bd, #b88932 58%, #5a3812); color:#241707; font-size:13px; font-weight:bold; box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 1px 4px rgba(0,0,0,0.6); } .gtmRegisterBadge { flex:0 0 auto; padding:4px 8px; border-radius:20px; background:rgba(0,0,0,0.28); border:1px solid rgba(245,220,150,0.18); color:#d8c99f; font-size:11px; line-height:1; text-transform:uppercase; letter-spacing:0.4px; } .gtmRegisterIntro { padding:12px 14px; border-bottom:1px solid rgba(255,255,255,0.06); background:rgba(0,0,0,0.12); color:#d7c89c; font-size:12px; line-height:1.55; } .gtmRegisterIntro b { color:#fff2c2; } .gtmRegisterNav { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:10px 14px; border-bottom:1px solid rgba(255,255,255,0.06); background:rgba(0,0,0,0.10); } .gtmRegisterNav a, .gtmRegisterNav span { display:inline-block; padding:5px 9px; border-radius:3px; background:rgba(0,0,0,0.24); border:1px solid rgba(245,220,150,0.13); color:#e7d9ae; text-decoration:none; font-size:12px; } .gtmRegisterNav a:hover { background:rgba(180,145,70,0.24); border-color:rgba(245,220,150,0.34); color:#fff4cf; text-decoration:none; } .gtmRegisterBody { padding:14px; box-sizing:border-box; } /* Ссылки внутри формы */ .gtmRegisterBody a { color:#f1d27a; text-decoration:none; } .gtmRegisterBody a:hover { color:#fff2ba; text-decoration:underline; } /* Таблицы uCoz внутри формы регистрации */ .gtmRegisterBody table { max-width:100%; width:100%; border-collapse:collapse; color:#e8dec2; background:transparent; } .gtmRegisterBody td { padding:7px; border-color:rgba(255,255,255,0.08) !important; color:#e8dec2; vertical-align:middle; } /* Подписи полей */ .gtmRegisterBody label, .gtmRegisterBody .manTd1, .gtmRegisterBody .manTd2, .gtmRegisterBody .manTdSep, .gtmRegisterBody .fieldName, .gtmRegisterBody .formLabel { color:#d9c999; font-size:12px; } /* Поля регистрации */ .gtmRegisterBody input[type="text"], .gtmRegisterBody input[type="password"], .gtmRegisterBody input[type="email"], .gtmRegisterBody input[type="number"], .gtmRegisterBody input[type="url"], .gtmRegisterBody select, .gtmRegisterBody textarea { max-width:100%; min-height:30px; background:#211f16; border:1px solid rgba(245,220,150,0.18); color:#f5ebce; border-radius:3px; padding:6px 8px; box-sizing:border-box; outline:none; box-shadow: inset 0 1px 3px rgba(0,0,0,0.45), 0 1px 0 rgba(255,255,255,0.04); } .gtmRegisterBody textarea { min-height:82px; resize:vertical; } .gtmRegisterBody input[type="text"]:focus, .gtmRegisterBody input[type="password"]:focus, .gtmRegisterBody input[type="email"]:focus, .gtmRegisterBody input[type="number"]:focus, .gtmRegisterBody input[type="url"]:focus, .gtmRegisterBody select:focus, .gtmRegisterBody textarea:focus { border-color:rgba(245,220,150,0.45); background:#292618; color:#fff4cf; box-shadow: 0 0 0 2px rgba(180,145,70,0.16), inset 0 1px 3px rgba(0,0,0,0.45); } /* Checkbox / radio */ .gtmRegisterBody input[type="checkbox"], .gtmRegisterBody input[type="radio"] { vertical-align:middle; margin-right:5px; } /* Кнопки */ .gtmRegisterBody input[type="submit"], .gtmRegisterBody input[type="button"], .gtmRegisterBody button { cursor:pointer; background: linear-gradient(180deg, rgba(130,103,48,0.98), rgba(63,50,26,0.98)); border:1px solid rgba(245,220,150,0.28); color:#fff0bd; padding:7px 13px; border-radius:3px; font-size:12px; font-weight:bold; text-shadow:0 1px 0 rgba(0,0,0,0.75); box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 4px rgba(0,0,0,0.45); } .gtmRegisterBody input[type="submit"]:hover, .gtmRegisterBody input[type="button"]:hover, .gtmRegisterBody button:hover { background: linear-gradient(180deg, rgba(155,123,55,0.98), rgba(78,60,27,0.98)); border-color:rgba(245,220,150,0.45); color:#fff7d7; } /* Системные сообщения uCoz */ .gtmRegisterBody .myWinError, .gtmRegisterBody .error, .gtmRegisterBody .err, .gtmRegisterBody .uError { background:rgba(80,20,15,0.45); border:1px solid rgba(255,110,90,0.35); color:#ffd0c8; padding:8px 10px; border-radius:3px; margin:8px 0; } .gtmRegisterBody .myWinSuccess, .gtmRegisterBody .success, .gtmRegisterBody .uSuccess { background:rgba(35,70,30,0.38); border:1px solid rgba(150,220,120,0.28); color:#d9ffd0; padding:8px 10px; border-radius:3px; margin:8px 0; } /* Блок социальных входов */ .gtmRegisterSocial { padding:12px 14px 14px 14px; border-top:1px solid rgba(255,255,255,0.06); background:rgba(0,0,0,0.14); } .gtmRegisterSocialTitle { margin:0 0 9px 0; color:#fff2c2; font-size:13px; font-weight:bold; } .gtmRegisterSocialBtns { display:flex; flex-wrap:wrap; gap:8px; } .gtmRegisterSocialBtns a, .gtmRegisterSocialBtns span, .gtmRegisterSocialBtns div { display:inline-block; } .gtmRegisterLoginNote { margin-top:12px; padding:10px 14px; background:rgba(0,0,0,0.16); border-top:1px solid rgba(255,255,255,0.06); color:#cfc09a; font-size:12px; line-height:1.5; } .gtmRegisterLoginNote a { color:#f1d27a; text-decoration:none; } .gtmRegisterLoginNote a:hover { color:#fff2ba; text-decoration:underline; } /* Мобильная версия */ @media (max-width:700px) { .gtmRegisterPage { max-width:100%; padding:10px 8px 16px 8px; } .gtmRegisterHead { align-items:flex-start; flex-direction:column; } .gtmRegisterBody { padding:10px; } .gtmRegisterBody table, .gtmRegisterBody tbody, .gtmRegisterBody tr, .gtmRegisterBody td { display:block; width:100%; box-sizing:border-box; } .gtmRegisterBody input[type="text"], .gtmRegisterBody input[type="password"], .gtmRegisterBody input[type="email"], .gtmRegisterBody input[type="number"], .gtmRegisterBody input[type="url"], .gtmRegisterBody select, .gtmRegisterBody textarea { width:100% !important; } .gtmRegisterSocialBtns { flex-direction:column; } } /* =============================== 498. СТРАНИЦА ВХОДА ПОЛЬЗОВАТЕЛЕЙ GTA / GOLD / DARK STYLE =============================== */ .gtmLoginPage { max-width:760px; margin:0 auto; padding:14px 12px 22px 12px; font-family:Tahoma, Arial, sans-serif; color:#f5ebce; box-sizing:border-box; } .gtmLoginBox { position:relative; overflow:hidden; background: linear-gradient(180deg, rgba(70,62,42,0.96), rgba(31,29,20,0.98)), radial-gradient(circle at top, rgba(245,220,150,0.10), transparent 55%); border:1px solid rgba(0,0,0,0.75); border-radius:4px; box-shadow: 0 2px 5px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.08), inset 0 0 28px rgba(0,0,0,0.28); } .gtmLoginBox:before { content:""; position:absolute; left:0; top:0; right:0; height:1px; background:linear-gradient(to right, transparent, rgba(245,220,150,0.38), transparent); pointer-events:none; } .gtmLoginHead { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:42px; padding:10px 14px; background: linear-gradient(180deg, rgba(87,76,50,0.95), rgba(47,43,27,0.96)); border-bottom:1px solid rgba(180,145,70,0.38); box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 1px 0 rgba(0,0,0,0.55); box-sizing:border-box; } .gtmLoginTitle { display:flex; align-items:center; gap:9px; font-size:15px; font-weight:bold; color:#fff5d8; text-shadow:0 1px 0 rgba(0,0,0,0.8); } .gtmLoginIcon { display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:50%; background: radial-gradient(circle at 30% 25%, #fff4bd, #b88932 58%, #5a3812); color:#241707; font-size:13px; font-weight:bold; box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 1px 4px rgba(0,0,0,0.6); } .gtmLoginBadge { flex:0 0 auto; padding:4px 8px; border-radius:20px; background:rgba(0,0,0,0.28); border:1px solid rgba(245,220,150,0.18); color:#d8c99f; font-size:11px; line-height:1; text-transform:uppercase; letter-spacing:0.4px; } .gtmLoginIntro { padding:12px 14px; border-bottom:1px solid rgba(255,255,255,0.06); background:rgba(0,0,0,0.12); color:#d7c89c; font-size:12px; line-height:1.55; } .gtmLoginIntro b { color:#fff2c2; } .gtmLoginNav { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:10px 14px; border-bottom:1px solid rgba(255,255,255,0.06); background:rgba(0,0,0,0.10); } .gtmLoginNav a, .gtmLoginNav span { display:inline-block; padding:5px 9px; border-radius:3px; background:rgba(0,0,0,0.24); border:1px solid rgba(245,220,150,0.13); color:#e7d9ae; text-decoration:none; font-size:12px; } .gtmLoginNav a:hover { background:rgba(180,145,70,0.24); border-color:rgba(245,220,150,0.34); color:#fff4cf; text-decoration:none; } .gtmLoginBody { padding:14px; box-sizing:border-box; } /* Ссылки внутри формы */ .gtmLoginBody a { color:#f1d27a; text-decoration:none; } .gtmLoginBody a:hover { color:#fff2ba; text-decoration:underline; } /* Таблицы uCoz внутри формы */ .gtmLoginBody table { max-width:100%; width:100%; border-collapse:collapse; color:#e8dec2; background:transparent; } .gtmLoginBody td { padding:7px; border-color:rgba(255,255,255,0.08) !important; color:#e8dec2; vertical-align:middle; } /* DIV-структура формы uCoz */ .gtmLoginBody .loginForm, .gtmLoginBody .login-form, .gtmLoginBody .uLoginForm, .gtmLoginBody .uloginForm, .gtmLoginBody .authForm { max-width:420px; margin:0 auto; } .gtmLoginBody label, .gtmLoginBody .fieldName, .gtmLoginBody .formLabel, .gtmLoginBody .manTd1, .gtmLoginBody .manTd2 { color:#d9c999; font-size:12px; } /* Поля входа */ .gtmLoginBody input[type="text"], .gtmLoginBody input[type="password"], .gtmLoginBody input[type="email"], .gtmLoginBody select, .gtmLoginBody textarea { max-width:100%; min-height:30px; background:#211f16; border:1px solid rgba(245,220,150,0.18); color:#f5ebce; border-radius:3px; padding:6px 8px; box-sizing:border-box; outline:none; box-shadow: inset 0 1px 3px rgba(0,0,0,0.45), 0 1px 0 rgba(255,255,255,0.04); } .gtmLoginBody input[type="text"]:focus, .gtmLoginBody input[type="password"]:focus, .gtmLoginBody input[type="email"]:focus, .gtmLoginBody select:focus, .gtmLoginBody textarea:focus { border-color:rgba(245,220,150,0.45); background:#292618; color:#fff4cf; box-shadow: 0 0 0 2px rgba(180,145,70,0.16), inset 0 1px 3px rgba(0,0,0,0.45); } .gtmLoginBody input[type="checkbox"], .gtmLoginBody input[type="radio"] { vertical-align:middle; margin-right:5px; } /* Кнопки */ .gtmLoginBody input[type="submit"], .gtmLoginBody input[type="button"], .gtmLoginBody button { cursor:pointer; background: linear-gradient(180deg, rgba(130,103,48,0.98), rgba(63,50,26,0.98)); border:1px solid rgba(245,220,150,0.28); color:#fff0bd; padding:7px 13px; border-radius:3px; font-size:12px; font-weight:bold; text-shadow:0 1px 0 rgba(0,0,0,0.75); box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 4px rgba(0,0,0,0.45); } .gtmLoginBody input[type="submit"]:hover, .gtmLoginBody input[type="button"]:hover, .gtmLoginBody button:hover { background: linear-gradient(180deg, rgba(155,123,55,0.98), rgba(78,60,27,0.98)); border-color:rgba(245,220,150,0.45); color:#fff7d7; } /* Системные сообщения */ .gtmLoginBody .myWinError, .gtmLoginBody .error, .gtmLoginBody .err, .gtmLoginBody .uError { background:rgba(80,20,15,0.45); border:1px solid rgba(255,110,90,0.35); color:#ffd0c8; padding:8px 10px; border-radius:3px; margin:8px 0; } .gtmLoginBody .myWinSuccess, .gtmLoginBody .success, .gtmLoginBody .uSuccess { background:rgba(35,70,30,0.38); border:1px solid rgba(150,220,120,0.28); color:#d9ffd0; padding:8px 10px; border-radius:3px; margin:8px 0; } /* Социальный вход */ .gtmLoginSocial { padding:12px 14px 14px 14px; border-top:1px solid rgba(255,255,255,0.06); background:rgba(0,0,0,0.14); } .gtmLoginSocialTitle { margin:0 0 9px 0; color:#fff2c2; font-size:13px; font-weight:bold; } .gtmLoginSocialBtns { display:flex; flex-wrap:wrap; gap:8px; } .gtmLoginSocialBtns a, .gtmLoginSocialBtns span, .gtmLoginSocialBtns div { display:inline-block; } /* Нижняя подсказка */ .gtmLoginRegisterNote { margin-top:0; padding:10px 14px; background:rgba(0,0,0,0.16); border-top:1px solid rgba(255,255,255,0.06); color:#cfc09a; font-size:12px; line-height:1.5; } .gtmLoginRegisterNote a { color:#f1d27a; text-decoration:none; } .gtmLoginRegisterNote a:hover { color:#fff2ba; text-decoration:underline; } /* Мобильная версия */ @media (max-width:700px) { .gtmLoginPage { max-width:100%; padding:10px 8px 16px 8px; } .gtmLoginHead { align-items:flex-start; flex-direction:column; } .gtmLoginBody { padding:10px; } .gtmLoginBody table, .gtmLoginBody tbody, .gtmLoginBody tr, .gtmLoginBody td { display:block; width:100%; box-sizing:border-box; } .gtmLoginBody input[type="text"], .gtmLoginBody input[type="password"], .gtmLoginBody input[type="email"], .gtmLoginBody select, .gtmLoginBody textarea { width:100% !important; } .gtmLoginSocialBtns { flex-direction:column; } } /* =============================== 499. ВИД ИЗОБРАЖЕНИЙ МАТЕРИАЛА GTA / GOLD / DARK STYLE =============================== */ .gtmMaterialImage { display:block; max-width:100%; margin:12px auto; text-align:center; box-sizing:border-box; } .gtmMaterialImage__link { display:inline-block; max-width:100%; position:relative; overflow:hidden; padding:4px; background: linear-gradient(180deg, rgba(70,62,42,0.96), rgba(31,29,20,0.98)); border:1px solid rgba(0,0,0,0.75); border-radius:4px; box-shadow: 0 2px 6px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.08); box-sizing:border-box; text-decoration:none; } .gtmMaterialImage__link:before { content:""; position:absolute; left:0; top:0; right:0; height:1px; background:linear-gradient(to right, transparent, rgba(245,220,150,0.42), transparent); pointer-events:none; z-index:2; } .gtmMaterialImage__link:after { content:""; position:absolute; left:4px; top:4px; right:4px; bottom:4px; border:1px solid rgba(0,0,0,0.55); box-shadow: inset 0 0 28px rgba(0,0,0,0.24), inset 0 -14px 24px rgba(0,0,0,0.28); pointer-events:none; z-index:2; } .gtmMaterialImage__img { display:block; max-width:100%; height:auto; border:0; border-radius:2px; box-sizing:border-box; transition: transform 0.35s ease, filter 0.35s ease; } .gtmMaterialImage__link:hover .gtmMaterialImage__img { transform:scale(1.025); filter:brightness(1.06) contrast(1.03); } /* Выравнивание из uCoz */ .gtmMaterialImage_align_left { float:left; margin:6px 14px 10px 0; text-align:left; } .gtmMaterialImage_align_right { float:right; margin:6px 0 10px 14px; text-align:right; } .gtmMaterialImage_align_center, .gtmMaterialImage_align_ { float:none; margin:12px auto; text-align:center; } /* Чтобы картинка не вылезала за статью */ .gtmMaterialImage img { max-width:100%; height:auto; } /* Мобильная версия */ @media (max-width:700px) { .gtmMaterialImage, .gtmMaterialImage_align_left, .gtmMaterialImage_align_right, .gtmMaterialImage_align_center, .gtmMaterialImage_align_ { float:none; display:block; margin:12px auto; text-align:center; } .gtmMaterialImage__link { max-width:100%; } } /* =============================== 500. ВИД ПОХОЖИХ МАТЕРИАЛОВ GTA / GOLD / DARK STYLE =============================== */ .gtmRelatedItem { display:flex; gap:10px; width:100%; min-height:82px; margin:0 0 10px 0; padding:8px; box-sizing:border-box; background: linear-gradient(180deg, rgba(70,62,42,0.96), rgba(31,29,20,0.98)), radial-gradient(circle at top left, rgba(245,220,150,0.10), transparent 58%); border:1px solid rgba(0,0,0,0.75); border-radius:4px; box-shadow: 0 2px 5px rgba(0,0,0,0.42), inset 0 1px 0 rgba(255,255,255,0.07), inset 0 0 24px rgba(0,0,0,0.24); overflow:hidden; position:relative; } .gtmRelatedItem:before { content:""; position:absolute; left:0; top:0; right:0; height:1px; background:linear-gradient(to right, transparent, rgba(245,220,150,0.34), transparent); pointer-events:none; } .gtmRelatedItem__thumb { flex:0 0 110px; width:110px; height:70px; display:block; position:relative; overflow:hidden; background:#1d1a12; border:1px solid rgba(0,0,0,0.70); border-radius:3px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 4px rgba(0,0,0,0.45); text-decoration:none; } .gtmRelatedItem__image { display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transform:scale(1); filter:brightness(0.96) contrast(1.03); transition: transform 0.35s ease, filter 0.35s ease; } .gtmRelatedItem__shade { position:absolute; left:0; top:0; right:0; bottom:0; background: linear-gradient(to bottom, rgba(255,255,255,0.04), rgba(0,0,0,0.28)), radial-gradient(circle at center, transparent, rgba(0,0,0,0.25)); box-shadow: inset 0 0 0 1px rgba(0,0,0,0.45), inset 0 -12px 18px rgba(0,0,0,0.34); pointer-events:none; } .gtmRelatedItem:hover .gtmRelatedItem__image { transform:scale(1.06); filter:brightness(1.08) contrast(1.05); } .gtmRelatedItem__content { flex:1 1 auto; min-width:0; display:flex; flex-direction:column; justify-content:center; } .gtmRelatedItem__title { display:block; margin:0 0 7px 0; color:#fff2c2; font-size:13px; line-height:1.35; font-weight:bold; text-decoration:none; text-shadow:0 1px 0 rgba(0,0,0,0.80); overflow:hidden; text-overflow:ellipsis; } .gtmRelatedItem__title:hover { color:#ffffff; text-decoration:none; } .gtmRelatedItem__meta { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 6px 0; } .gtmRelatedItem__meta span { display:inline-block; padding:3px 6px; background:rgba(0,0,0,0.25); border:1px solid rgba(245,220,150,0.12); border-radius:20px; color:#d6c795; font-size:11px; line-height:1; } .gtmRelatedItem__date { color:#9f936f; font-size:11px; line-height:1.25; } /* Более плотный вариант для маленьких колонок */ .gtmRelatedItem_load, .gtmRelatedItem_news, .gtmRelatedItem_blog { min-height:78px; } /* Мобильная версия */ @media (max-width:700px) { .gtmRelatedItem { gap:8px; padding:7px; } .gtmRelatedItem__thumb { flex-basis:92px; width:92px; height:62px; } .gtmRelatedItem__title { font-size:12px; } .gtmRelatedItem__meta span { font-size:10px; padding:3px 5px; } } /* =============================== 501. Каталог файлов — верхний блок gtmCatalogHero =============================== */ .gtmCatalogHero { position:relative; overflow:hidden; margin:0 0 14px 0; padding:12px; background: linear-gradient(180deg, rgba(70,62,42,0.96), rgba(31,29,20,0.98)), radial-gradient(circle at top left, rgba(245,220,150,0.12), transparent 55%); border:1px solid rgba(0,0,0,0.78); border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.38), inset 0 1px 0 rgba(255,255,255,0.08), inset 0 0 28px rgba(0,0,0,0.28); color:#f5ebce; box-sizing:border-box; transition:border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease; } .gtmCatalogHero:hover { border-color:rgba(184,145,69,0.62); box-shadow: 0 3px 8px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.10), inset 0 0 32px rgba(0,0,0,0.30); transform:translateY(-1px); } .gtmCatalogHero:before { content:""; position:absolute; left:0; top:0; right:0; height:3px; background:linear-gradient(to right, #2f2b1b, #6b5b32, #b89145, #6b5b32, #2f2b1b); pointer-events:none; } .gtmCatalogHero:after { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background: linear-gradient(to bottom, rgba(255,255,255,0.05), transparent 28%), repeating-linear-gradient(0deg, rgba(255,255,255,0.010) 0px, rgba(255,255,255,0.010) 1px, transparent 1px, transparent 4px); pointer-events:none; z-index:0; } .gtmCatalogHero__top { position:relative; z-index:1; display:flex; align-items:flex-start; gap:11px; } .gtmCatalogHero__icon { flex:0 0 38px; width:38px; height:38px; display:flex; align-items:center; justify-content:center; color:#241707; font:900 19px/1 Arial, Tahoma, sans-serif; background:radial-gradient(circle at 30% 25%, #fff4bd, #b88932 58%, #5a3812); border:1px solid rgba(0,0,0,0.72); border-radius:50%; box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 1px 5px rgba(0,0,0,0.55); animation:gtmCatalogIconGlow 4s ease-in-out infinite; } @keyframes gtmCatalogIconGlow { 0% { box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 1px 5px rgba(0,0,0,0.55); } 50% { box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 0 12px rgba(184,145,69,0.42), 0 1px 5px rgba(0,0,0,0.55); } 100% { box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 1px 5px rgba(0,0,0,0.55); } } .gtmCatalogHero__titleBox { position:relative; flex:1 1 auto; min-width:0; } .gtmCatalogHero__titleBox:after { content:"MODS"; position:absolute; right:8px; top:-2px; color:rgba(255,255,255,0.035); font:900 44px/1 Arial, Tahoma, sans-serif; letter-spacing:2px; pointer-events:none; z-index:0; } .gtmCatalogHero h1 { position:relative; z-index:1; margin:0; padding:0; color:#fff3c2; font:900 18px/1.25 Arial, Tahoma, sans-serif; text-shadow:0 1px 0 rgba(0,0,0,0.85); } .gtmCatalogHero__sub { position:relative; z-index:1; margin-top:5px; color:#cfc09a; font:12px/1.35 Arial, Tahoma, sans-serif; } .gtmCatalogHero__stats { position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:5px; margin:10px 0 0 49px; } .gtmCatalogHero__stats span { display:inline-flex; align-items:center; min-height:22px; padding:3px 7px; box-sizing:border-box; color:#e8d9aa; font:700 10px/1 Arial, Tahoma, sans-serif; background:rgba(0,0,0,0.26); border:1px solid rgba(245,220,150,0.15); border-radius:20px; white-space:nowrap; } .gtmCatalogHero__stats span:nth-child(n+3) { color:#fff2ba; font-size:9px; letter-spacing:0.15px; background:rgba(184,145,69,0.18); border-color:rgba(245,220,150,0.22); } .gtmCatalogHero__stats b { margin-left:4px; color:#fff2ba; font-weight:900; } .gtmCatalogHero__note { position:relative; z-index:1; margin:9px 0 0 49px; padding:8px 10px; color:#d6c795; font:12px/1.45 Arial, Tahoma, sans-serif; background:rgba(0,0,0,0.18); border:1px solid rgba(245,220,150,0.12); border-left:3px solid rgba(184,145,69,0.65); border-radius:4px; box-shadow:inset 0 1px 0 rgba(255,255,255,0.04); } .gtmCatalogHero__mini { position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:5px; margin:8px 0 0 49px; } .gtmCatalogHero__mini span { display:inline-flex; align-items:center; min-height:20px; padding:3px 7px; color:#cfc09a; font:700 9px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.25px; background:rgba(0,0,0,0.22); border:1px solid rgba(245,220,150,0.11); border-radius:20px; white-space:nowrap; } /* =============================== 502. Каталог файлов — быстрые кнопки gtmCatalogTools =============================== */ .gtmCatalogTools { margin:0 0 14px 0; padding:10px; background:linear-gradient(180deg, rgba(70,62,42,0.94), rgba(31,29,20,0.98)); border:1px solid rgba(0,0,0,0.75); border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.07); box-sizing:border-box; } .gtmCatalogTools__row { display:flex; flex-wrap:wrap; gap:6px; } .gtmCatalogTools__btn { display:inline-flex; align-items:center; justify-content:center; min-height:26px; padding:0 10px; color:#f5ebce !important; font:800 10px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.3px; text-decoration:none !important; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-bottom-color:#b89145; border-radius:3px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 3px rgba(0,0,0,0.22); transition:background 0.2s ease, border-color 0.2s ease, transform 0.2s ease; } .gtmCatalogTools__btn:hover { color:#fff1c7 !important; background:linear-gradient(180deg, #6b5f3d, #38321f); border-color:#d4a850; transform:translateY(-1px); } .gtmCatalogTools__btn--gold { color:#2f2b1b !important; background:linear-gradient(180deg, #fff3ba, #d9aa3f); border-color:#8b6a2d; } .gtmCatalogTools__btn--gold:hover { color:#2f2b1b !important; background:linear-gradient(180deg, #fff7d0, #e0b64a); } .gtmCatalogTools__btn--green { color:#eaffea !important; background:linear-gradient(180deg, #4e8b55, #203c24); border-color:#203c24; } .gtmCatalogTools__btn--green:hover { color:#ffffff !important; background:linear-gradient(180deg, #5da866, #294b2e); } .gtmCatalogTools__btn--rss { color:#fff1d5 !important; background:linear-gradient(180deg, #a35f2a, #4a2612); border-color:#5a2d12; } .gtmCatalogTools__btn--rss:hover { color:#fff7e8 !important; background:linear-gradient(180deg, #bd7130, #5a2d12); border-color:#c98345; } .gtmCatalogTools__info { display:flex; flex-wrap:wrap; gap:6px; margin:9px 0 0 0; padding:8px 0 0 0; border-top:1px solid rgba(245,220,150,0.10); } .gtmCatalogTools__info span { display:inline-flex; align-items:center; min-height:21px; padding:3px 8px; color:#cfc09a; font:700 10px/1 Arial, Tahoma, sans-serif; background:rgba(0,0,0,0.22); border:1px solid rgba(245,220,150,0.11); border-radius:20px; } .gtmCatalogTools__info b { margin-left:4px; color:#fff2ba; } /* =============================== 503. Каталог файлов — поиск по модулю gtmCatalogSearch =============================== */ .gtmCatalogSearch { margin:0 0 14px 0; padding:10px; background:#f5ebce; border:1px solid #443f2d; border-left:3px solid #8b6a2d; border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.65); box-sizing:border-box; } .gtmCatalogSearch__title { margin:0 0 8px 0; color:#2f2b1b; font:900 13px/1.3 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.3px; } .gtmCatalogSearch__body { color:#2f2b1b; font:13px/1.4 Arial, Tahoma, sans-serif; } .gtmCatalogSearch__body table { max-width:100%; width:100%; border-collapse:collapse; } .gtmCatalogSearch__body td { padding:4px; color:#2f2b1b; } .gtmCatalogSearch__body input[type="text"], .gtmCatalogSearch__body input[type="search"], .gtmCatalogSearch__body input[type="password"], .gtmCatalogSearch__body select, .gtmCatalogSearch__body textarea { max-width:100%; min-height:28px; color:#2f2b1b; background:#fffaf0; border:1px solid #c5ae71; border-radius:4px; padding:6px 8px; box-sizing:border-box; box-shadow: inset 0 1px 2px rgba(0,0,0,0.12), 0 1px 0 rgba(255,255,255,0.65); } .gtmCatalogSearch__body input[type="text"]:focus, .gtmCatalogSearch__body input[type="search"]:focus, .gtmCatalogSearch__body input[type="password"]:focus, .gtmCatalogSearch__body select:focus, .gtmCatalogSearch__body textarea:focus { outline:none; border-color:#8b6a2d; box-shadow: inset 0 1px 2px rgba(0,0,0,0.12), 0 0 0 2px rgba(184,145,69,0.22); } .gtmCatalogSearch__body input[type="submit"], .gtmCatalogSearch__body input[type="button"], .gtmCatalogSearch__body button { min-height:28px; padding:0 12px; color:#f5ebce !important; font:800 11px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.25px; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-bottom-color:#b89145; border-radius:3px; cursor:pointer; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 3px rgba(0,0,0,0.22); } .gtmCatalogSearch__body input[type="submit"]:hover, .gtmCatalogSearch__body input[type="button"]:hover, .gtmCatalogSearch__body button:hover { color:#fff1c7 !important; background:linear-gradient(180deg, #6b5f3d, #38321f); border-color:#d4a850; } /* =============================== 504. Каталог файлов — фильтры gtmCatalogFilters =============================== */ .gtmCatalogFilters { margin:0 0 14px 0; padding:10px; background:linear-gradient(180deg, rgba(70,62,42,0.94), rgba(31,29,20,0.98)); border:1px solid rgba(0,0,0,0.75); border-left:3px solid rgba(184,145,69,0.75); border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.07); box-sizing:border-box; } .gtmCatalogFilters__title { margin:0 0 8px 0; color:#fff2ba; font:900 13px/1.3 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.3px; text-shadow:0 1px 0 rgba(0,0,0,0.75); } .gtmCatalogFilters__body { display:flex; flex-wrap:wrap; gap:7px; } .gtmCatalogFilters__item { display:inline-flex; align-items:center; min-height:26px; padding:4px 8px; box-sizing:border-box; color:#e8d9aa; font:700 11px/1.3 Arial, Tahoma, sans-serif; background:rgba(0,0,0,0.24); border:1px solid rgba(245,220,150,0.13); border-radius:4px; } .gtmCatalogFilters__item a { color:#f1d27a; text-decoration:none; } .gtmCatalogFilters__item a:hover { color:#fff2ba; text-decoration:underline; } .gtmCatalogFilters__item select { max-width:100%; min-height:26px; color:#2f2b1b; background:#fffaf0; border:1px solid #c5ae71; border-radius:4px; padding:4px 7px; box-sizing:border-box; } /* =============================== 505. Каталог файлов — сортировка gtmCatalogSortPanel =============================== */ .gtmCatalogSortPanel { margin:0 0 14px 0; padding:10px; background:#f5ebce; border:1px solid #443f2d; border-left:3px solid #8b6a2d; border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.65); box-sizing:border-box; } .gtmCatalogSortPanel__title { margin:0 0 8px 0; color:#2f2b1b; font:900 13px/1.3 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.3px; } .gtmCatalogSortPanel__links { display:flex; flex-wrap:wrap; gap:6px; } .gtmCatalogSortPanel__links a { display:inline-flex; align-items:center; justify-content:center; min-height:25px; padding:0 9px; color:#f5ebce !important; font:800 10px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.25px; text-decoration:none !important; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-bottom-color:#b89145; border-radius:3px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 3px rgba(0,0,0,0.22); transition:background 0.2s ease, border-color 0.2s ease, transform 0.2s ease; } .gtmCatalogSortPanel__links a:hover { color:#fff1c7 !important; background:linear-gradient(180deg, #6b5f3d, #38321f); border-color:#d4a850; transform:translateY(-1px); } /* =============================== 506. Каталог файлов — нижний SEO-блок gtmCatalogBottomInfo =============================== */ .gtmCatalogBottomInfo { margin:14px 0 0 0; padding:11px 12px; color:#d6c795; font:12px/1.55 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, rgba(70,62,42,0.92), rgba(31,29,20,0.98)); border:1px solid rgba(0,0,0,0.75); border-left:3px solid rgba(184,145,69,0.70); border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.32), inset 0 1px 0 rgba(255,255,255,0.07); box-sizing:border-box; } .gtmCatalogBottomInfo b { color:#fff2ba; } /* =============================== 507. Мобильная версия =============================== */ @media (max-width:700px) { .gtmCatalogHero { padding:10px; } .gtmCatalogHero__top { gap:9px; } .gtmCatalogHero__icon { flex-basis:32px; width:32px; height:32px; font-size:16px; } .gtmCatalogHero h1 { font-size:15px; } .gtmCatalogHero__titleBox:after { right:0; top:6px; font-size:32px; } .gtmCatalogHero__stats, .gtmCatalogHero__note, .gtmCatalogHero__mini { margin-left:0; } .gtmCatalogHero:hover { transform:none; } .gtmCatalogTools__btn { flex:1 1 auto; } .gtmCatalogTools__btn:hover, .gtmCatalogSortPanel__links a:hover { transform:none; } .gtmCatalogSearch__body table, .gtmCatalogSearch__body tbody, .gtmCatalogSearch__body tr, .gtmCatalogSearch__body td { display:block; width:100%; box-sizing:border-box; } .gtmCatalogSearch__body input[type="text"], .gtmCatalogSearch__body input[type="search"], .gtmCatalogSearch__body input[type="password"], .gtmCatalogSearch__body select, .gtmCatalogSearch__body textarea, .gtmCatalogSearch__body input[type="submit"], .gtmCatalogSearch__body input[type="button"], .gtmCatalogSearch__body button { width:100% !important; margin:0 0 6px 0; } .gtmCatalogFilters__body, .gtmCatalogSortPanel__links { display:block; } .gtmCatalogFilters__item, .gtmCatalogSortPanel__links a { width:100%; margin:0 0 6px 0; box-sizing:border-box; } } /* =============================== 508. Страница раздела каталога gtmSectionHero / gtmSectionTools =============================== */ .gtmSectionHero { position:relative; overflow:hidden; margin:0 0 14px 0; padding:12px; background: linear-gradient(180deg, rgba(70,62,42,0.96), rgba(31,29,20,0.98)), radial-gradient(circle at top left, rgba(245,220,150,0.12), transparent 55%); border:1px solid rgba(0,0,0,0.78); border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.38), inset 0 1px 0 rgba(255,255,255,0.08), inset 0 0 28px rgba(0,0,0,0.28); color:#f5ebce; box-sizing:border-box; transition:border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease; } .gtmSectionHero:hover { border-color:rgba(184,145,69,0.62); box-shadow: 0 3px 8px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.10), inset 0 0 32px rgba(0,0,0,0.30); transform:translateY(-1px); } .gtmSectionHero:before { content:""; position:absolute; left:0; top:0; right:0; height:3px; background:linear-gradient(to right, #2f2b1b, #6b5b32, #b89145, #6b5b32, #2f2b1b); pointer-events:none; } .gtmSectionHero:after { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background: linear-gradient(to bottom, rgba(255,255,255,0.05), transparent 28%), repeating-linear-gradient(0deg, rgba(255,255,255,0.010) 0px, rgba(255,255,255,0.010) 1px, transparent 1px, transparent 4px); pointer-events:none; z-index:0; } .gtmSectionHero__top { position:relative; z-index:1; display:flex; align-items:flex-start; gap:11px; } .gtmSectionHero__icon { flex:0 0 38px; width:38px; height:38px; display:flex; align-items:center; justify-content:center; color:#241707; font:900 19px/1 Arial, Tahoma, sans-serif; background:radial-gradient(circle at 30% 25%, #fff4bd, #b88932 58%, #5a3812); border:1px solid rgba(0,0,0,0.72); border-radius:50%; box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 1px 5px rgba(0,0,0,0.55); animation:gtmSectionIconGlow 4s ease-in-out infinite; } @keyframes gtmSectionIconGlow { 0% { box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 1px 5px rgba(0,0,0,0.55); } 50% { box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 0 12px rgba(184,145,69,0.42), 0 1px 5px rgba(0,0,0,0.55); } 100% { box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 1px 5px rgba(0,0,0,0.55); } } .gtmSectionHero__titleBox { position:relative; flex:1 1 auto; min-width:0; } .gtmSectionHero__titleBox:after { content:"SECTION"; position:absolute; right:8px; top:-2px; color:rgba(255,255,255,0.035); font:900 40px/1 Arial, Tahoma, sans-serif; letter-spacing:2px; pointer-events:none; z-index:0; } .gtmSectionHero h1 { position:relative; z-index:1; margin:0; padding:0; color:#fff3c2; font:900 18px/1.25 Arial, Tahoma, sans-serif; text-shadow:0 1px 0 rgba(0,0,0,0.85); } .gtmSectionHero__sub { position:relative; z-index:1; margin-top:5px; color:#cfc09a; font:12px/1.35 Arial, Tahoma, sans-serif; } .gtmSectionHero__sub a { color:#f1d27a; text-decoration:none; } .gtmSectionHero__sub a:hover { color:#fff2ba; text-decoration:underline; } .gtmSectionHero__desc { position:relative; z-index:1; margin:10px 0 0 49px; padding:8px 10px; color:#d6c795; font:12px/1.45 Arial, Tahoma, sans-serif; background:rgba(0,0,0,0.18); border:1px solid rgba(245,220,150,0.12); border-left:3px solid rgba(184,145,69,0.65); border-radius:4px; box-shadow:inset 0 1px 0 rgba(255,255,255,0.04); } .gtmSectionHero__stats { position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:5px; margin:10px 0 0 49px; } .gtmSectionHero__stats span { display:inline-flex; align-items:center; min-height:22px; padding:3px 7px; box-sizing:border-box; color:#e8d9aa; font:700 10px/1 Arial, Tahoma, sans-serif; background:rgba(0,0,0,0.26); border:1px solid rgba(245,220,150,0.15); border-radius:20px; white-space:nowrap; } .gtmSectionHero__stats b { margin-left:4px; color:#fff2ba; font-weight:900; } .gtmSectionHero__mini { position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:5px; margin:8px 0 0 49px; } .gtmSectionHero__mini span { display:inline-flex; align-items:center; min-height:20px; padding:3px 7px; color:#cfc09a; font:700 9px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.25px; background:rgba(0,0,0,0.22); border:1px solid rgba(245,220,150,0.11); border-radius:20px; white-space:nowrap; } /* =============================== 509. Быстрые кнопки раздела =============================== */ .gtmSectionTools { margin:0 0 14px 0; padding:10px; background:linear-gradient(180deg, rgba(70,62,42,0.94), rgba(31,29,20,0.98)); border:1px solid rgba(0,0,0,0.75); border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.07); box-sizing:border-box; } .gtmSectionTools__row { display:flex; flex-wrap:wrap; gap:6px; } .gtmSectionTools__btn { display:inline-flex; align-items:center; justify-content:center; min-height:26px; padding:0 10px; color:#f5ebce !important; font:800 10px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.3px; text-decoration:none !important; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-bottom-color:#b89145; border-radius:3px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 3px rgba(0,0,0,0.22); transition:background 0.2s ease, border-color 0.2s ease, transform 0.2s ease; } .gtmSectionTools__btn:hover { color:#fff1c7 !important; background:linear-gradient(180deg, #6b5f3d, #38321f); border-color:#d4a850; transform:translateY(-1px); } .gtmSectionTools__btn--gold { color:#2f2b1b !important; background:linear-gradient(180deg, #fff3ba, #d9aa3f); border-color:#8b6a2d; } .gtmSectionTools__btn--green { color:#eaffea !important; background:linear-gradient(180deg, #4e8b55, #203c24); border-color:#203c24; } .gtmSectionTools__btn--rss { color:#fff1d5 !important; background:linear-gradient(180deg, #a35f2a, #4a2612); border-color:#5a2d12; } /* =============================== 510. Поиск раздела =============================== */ .gtmSectionSearch { margin:0 0 14px 0; padding:10px; background:#f5ebce; border:1px solid #443f2d; border-left:3px solid #8b6a2d; border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.65); box-sizing:border-box; } .gtmSectionSearch__title { margin:0 0 8px 0; color:#2f2b1b; font:900 13px/1.3 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.3px; } .gtmSectionSearch__body { color:#2f2b1b; font:13px/1.4 Arial, Tahoma, sans-serif; } .gtmSectionSearch__body table { max-width:100%; width:100%; border-collapse:collapse; } .gtmSectionSearch__body td { padding:4px; color:#2f2b1b; } .gtmSectionSearch__body input[type="text"], .gtmSectionSearch__body input[type="search"], .gtmSectionSearch__body input[type="password"], .gtmSectionSearch__body select, .gtmSectionSearch__body textarea { max-width:100%; min-height:28px; color:#2f2b1b; background:#fffaf0; border:1px solid #c5ae71; border-radius:4px; padding:6px 8px; box-sizing:border-box; box-shadow: inset 0 1px 2px rgba(0,0,0,0.12), 0 1px 0 rgba(255,255,255,0.65); } .gtmSectionSearch__body input[type="submit"], .gtmSectionSearch__body input[type="button"], .gtmSectionSearch__body button { min-height:28px; padding:0 12px; color:#f5ebce !important; font:800 11px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.25px; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-bottom-color:#b89145; border-radius:3px; cursor:pointer; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 3px rgba(0,0,0,0.22); } /* =============================== 511. Фильтры раздела =============================== */ .gtmSectionFilters { margin:0 0 14px 0; padding:10px; background:linear-gradient(180deg, rgba(70,62,42,0.94), rgba(31,29,20,0.98)); border:1px solid rgba(0,0,0,0.75); border-left:3px solid rgba(184,145,69,0.75); border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.07); box-sizing:border-box; } .gtmSectionFilters__title { margin:0 0 8px 0; color:#fff2ba; font:900 13px/1.3 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.3px; text-shadow:0 1px 0 rgba(0,0,0,0.75); } .gtmSectionFilters__body { display:flex; flex-wrap:wrap; gap:7px; } .gtmSectionFilters__item { display:inline-flex; align-items:center; min-height:26px; padding:4px 8px; box-sizing:border-box; color:#e8d9aa; font:700 11px/1.3 Arial, Tahoma, sans-serif; background:rgba(0,0,0,0.24); border:1px solid rgba(245,220,150,0.13); border-radius:4px; } .gtmSectionFilters__item--sort { border-color:rgba(245,220,150,0.28); background:rgba(184,145,69,0.18); } .gtmSectionFilters__item a { color:#f1d27a; text-decoration:none; } .gtmSectionFilters__item a:hover { color:#fff2ba; text-decoration:underline; } .gtmSectionFilters__item select { max-width:100%; min-height:26px; color:#2f2b1b; background:#fffaf0; border:1px solid #c5ae71; border-radius:4px; padding:4px 7px; box-sizing:border-box; } /* =============================== 512. Нижний SEO-блок раздела =============================== */ .gtmSectionBottomInfo { margin:14px 0 0 0; padding:11px 12px; color:#d6c795; font:12px/1.55 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, rgba(70,62,42,0.92), rgba(31,29,20,0.98)); border:1px solid rgba(0,0,0,0.75); border-left:3px solid rgba(184,145,69,0.70); border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.32), inset 0 1px 0 rgba(255,255,255,0.07); box-sizing:border-box; } .gtmSectionBottomInfo b { color:#fff2ba; } /* =============================== 513. Мобильная версия =============================== */ @media (max-width:700px) { .gtmSectionHero { padding:10px; } .gtmSectionHero__top { gap:9px; } .gtmSectionHero__icon { flex-basis:32px; width:32px; height:32px; font-size:16px; } .gtmSectionHero h1 { font-size:15px; } .gtmSectionHero__titleBox:after { right:0; top:6px; font-size:28px; } .gtmSectionHero__desc, .gtmSectionHero__stats, .gtmSectionHero__mini { margin-left:0; } .gtmSectionHero:hover, .gtmSectionTools__btn:hover { transform:none; } .gtmSectionTools__btn { flex:1 1 auto; } .gtmSectionSearch__body table, .gtmSectionSearch__body tbody, .gtmSectionSearch__body tr, .gtmSectionSearch__body td { display:block; width:100%; box-sizing:border-box; } .gtmSectionSearch__body input[type="text"], .gtmSectionSearch__body input[type="search"], .gtmSectionSearch__body input[type="password"], .gtmSectionSearch__body select, .gtmSectionSearch__body textarea, .gtmSectionSearch__body input[type="submit"], .gtmSectionSearch__body input[type="button"], .gtmSectionSearch__body button { width:100% !important; margin:0 0 6px 0; } .gtmSectionFilters__body { display:block; } .gtmSectionFilters__item { width:100%; margin:0 0 6px 0; box-sizing:border-box; } } /* =============================== 514. Страница категории каталога gtmCategoryHero =============================== */ .gtmCategoryHero { position:relative; overflow:hidden; margin:0 0 14px 0; padding:12px; background: linear-gradient(180deg, rgba(70,62,42,0.96), rgba(31,29,20,0.98)), radial-gradient(circle at top left, rgba(245,220,150,0.12), transparent 55%); border:1px solid rgba(0,0,0,0.78); border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.38), inset 0 1px 0 rgba(255,255,255,0.08), inset 0 0 28px rgba(0,0,0,0.28); color:#f5ebce; box-sizing:border-box; transition:border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease; } .gtmCategoryHero:hover { border-color:rgba(184,145,69,0.62); box-shadow: 0 3px 8px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.10), inset 0 0 32px rgba(0,0,0,0.30); transform:translateY(-1px); } .gtmCategoryHero:before { content:""; position:absolute; left:0; top:0; right:0; height:3px; background:linear-gradient(to right, #2f2b1b, #6b5b32, #b89145, #6b5b32, #2f2b1b); pointer-events:none; } .gtmCategoryHero:after { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background: linear-gradient(to bottom, rgba(255,255,255,0.05), transparent 28%), repeating-linear-gradient(0deg, rgba(255,255,255,0.010) 0px, rgba(255,255,255,0.010) 1px, transparent 1px, transparent 4px); pointer-events:none; z-index:0; } .gtmCategoryHero__top { position:relative; z-index:1; display:flex; align-items:flex-start; gap:11px; } .gtmCategoryHero__icon { flex:0 0 38px; width:38px; height:38px; display:flex; align-items:center; justify-content:center; color:#241707; font:900 19px/1 Arial, Tahoma, sans-serif; background:radial-gradient(circle at 30% 25%, #fff4bd, #b88932 58%, #5a3812); border:1px solid rgba(0,0,0,0.72); border-radius:50%; box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 1px 5px rgba(0,0,0,0.55); animation:gtmCategoryIconGlow 4s ease-in-out infinite; } @keyframes gtmCategoryIconGlow { 0% { box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 1px 5px rgba(0,0,0,0.55); } 50% { box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 0 12px rgba(184,145,69,0.42), 0 1px 5px rgba(0,0,0,0.55); } 100% { box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 1px 5px rgba(0,0,0,0.55); } } .gtmCategoryHero__image { flex:0 0 86px; width:86px; height:64px; display:block; position:relative; overflow:hidden; background:#1d1a12; border:1px solid rgba(0,0,0,0.72); border-radius:5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 1px 5px rgba(0,0,0,0.55); } .gtmCategoryHero__image img { display:block; width:100%; height:100%; object-fit:cover; border:0; transition:transform 0.35s ease, filter 0.35s ease; } .gtmCategoryHero__image:hover img { transform:scale(1.06); filter:brightness(1.08) contrast(1.04); } .gtmCategoryHero__titleBox { position:relative; flex:1 1 auto; min-width:0; } .gtmCategoryHero__titleBox:after { content:"CATEGORY"; position:absolute; right:8px; top:-2px; color:rgba(255,255,255,0.035); font:900 38px/1 Arial, Tahoma, sans-serif; letter-spacing:2px; pointer-events:none; z-index:0; } .gtmCategoryHero h1 { position:relative; z-index:1; margin:0; padding:0; color:#fff3c2; font:900 18px/1.25 Arial, Tahoma, sans-serif; text-shadow:0 1px 0 rgba(0,0,0,0.85); } .gtmCategoryHero__sub, .gtmCategoryHero__path { position:relative; z-index:1; margin-top:5px; color:#cfc09a; font:12px/1.35 Arial, Tahoma, sans-serif; } .gtmCategoryHero__path { display:flex; flex-wrap:wrap; gap:5px; align-items:center; font-size:11px; } .gtmCategoryHero__sub a, .gtmCategoryHero__path a { color:#f1d27a; text-decoration:none; } .gtmCategoryHero__sub a:hover, .gtmCategoryHero__path a:hover { color:#fff2ba; text-decoration:underline; } .gtmCategoryHero__path span { color:#8f825f; } .gtmCategoryHero__desc { position:relative; z-index:1; margin:10px 0 0 0; padding:8px 10px; color:#d6c795; font:12px/1.45 Arial, Tahoma, sans-serif; background:rgba(0,0,0,0.18); border:1px solid rgba(245,220,150,0.12); border-left:3px solid rgba(184,145,69,0.65); border-radius:4px; box-shadow:inset 0 1px 0 rgba(255,255,255,0.04); } .gtmCategoryHero__stats { position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:5px; margin:10px 0 0 0; } .gtmCategoryHero__stats span { display:inline-flex; align-items:center; min-height:22px; padding:3px 7px; box-sizing:border-box; color:#e8d9aa; font:700 10px/1 Arial, Tahoma, sans-serif; background:rgba(0,0,0,0.26); border:1px solid rgba(245,220,150,0.15); border-radius:20px; white-space:nowrap; } .gtmCategoryHero__stats b { margin-left:4px; color:#fff2ba; font-weight:900; } .gtmCategoryHero__mini { position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:5px; margin:8px 0 0 0; } .gtmCategoryHero__mini span { display:inline-flex; align-items:center; min-height:20px; padding:3px 7px; color:#cfc09a; font:700 9px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.25px; background:rgba(0,0,0,0.22); border:1px solid rgba(245,220,150,0.11); border-radius:20px; white-space:nowrap; } /* =============================== 515. Быстрые кнопки категории =============================== */ .gtmCategoryTools { margin:0 0 14px 0; padding:10px; background:linear-gradient(180deg, rgba(70,62,42,0.94), rgba(31,29,20,0.98)); border:1px solid rgba(0,0,0,0.75); border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.07); box-sizing:border-box; } .gtmCategoryTools__row, .gtmCategoryTools__info { display:flex; flex-wrap:wrap; gap:6px; } .gtmCategoryTools__info { margin:9px 0 0 0; padding:8px 0 0 0; border-top:1px solid rgba(245,220,150,0.10); } .gtmCategoryTools__btn { display:inline-flex; align-items:center; justify-content:center; min-height:26px; padding:0 10px; color:#f5ebce !important; font:800 10px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.3px; text-decoration:none !important; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-bottom-color:#b89145; border-radius:3px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 3px rgba(0,0,0,0.22); transition:background 0.2s ease, border-color 0.2s ease, transform 0.2s ease; } .gtmCategoryTools__btn:hover { color:#fff1c7 !important; background:linear-gradient(180deg, #6b5f3d, #38321f); border-color:#d4a850; transform:translateY(-1px); } .gtmCategoryTools__btn--gold { color:#2f2b1b !important; background:linear-gradient(180deg, #fff3ba, #d9aa3f); border-color:#8b6a2d; } .gtmCategoryTools__btn--green { color:#eaffea !important; background:linear-gradient(180deg, #4e8b55, #203c24); border-color:#203c24; } .gtmCategoryTools__btn--rss { color:#fff1d5 !important; background:linear-gradient(180deg, #a35f2a, #4a2612); border-color:#5a2d12; } .gtmCategoryTools__info span { display:inline-flex; align-items:center; min-height:21px; padding:3px 8px; color:#cfc09a; font:700 10px/1 Arial, Tahoma, sans-serif; background:rgba(0,0,0,0.22); border:1px solid rgba(245,220,150,0.11); border-radius:20px; } .gtmCategoryTools__info b { margin-left:4px; color:#fff2ba; } /* =============================== 516. Поиск категории =============================== */ .gtmCategorySearch { margin:0 0 14px 0; padding:10px; background:#f5ebce; border:1px solid #443f2d; border-left:3px solid #8b6a2d; border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.65); box-sizing:border-box; } .gtmCategorySearch__title { margin:0 0 8px 0; color:#2f2b1b; font:900 13px/1.3 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.3px; } .gtmCategorySearch__body { color:#2f2b1b; font:13px/1.4 Arial, Tahoma, sans-serif; } .gtmCategorySearch__body table { max-width:100%; width:100%; border-collapse:collapse; } .gtmCategorySearch__body td { padding:4px; color:#2f2b1b; } .gtmCategorySearch__body input[type="text"], .gtmCategorySearch__body input[type="search"], .gtmCategorySearch__body input[type="password"], .gtmCategorySearch__body select, .gtmCategorySearch__body textarea { max-width:100%; min-height:28px; color:#2f2b1b; background:#fffaf0; border:1px solid #c5ae71; border-radius:4px; padding:6px 8px; box-sizing:border-box; box-shadow: inset 0 1px 2px rgba(0,0,0,0.12), 0 1px 0 rgba(255,255,255,0.65); } .gtmCategorySearch__body input[type="submit"], .gtmCategorySearch__body input[type="button"], .gtmCategorySearch__body button { min-height:28px; padding:0 12px; color:#f5ebce !important; font:800 11px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.25px; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-bottom-color:#b89145; border-radius:3px; cursor:pointer; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 3px rgba(0,0,0,0.22); } /* =============================== 517. Фильтры категории =============================== */ .gtmCategoryFilters { margin:0 0 14px 0; padding:10px; background:linear-gradient(180deg, rgba(70,62,42,0.94), rgba(31,29,20,0.98)); border:1px solid rgba(0,0,0,0.75); border-left:3px solid rgba(184,145,69,0.75); border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.07); box-sizing:border-box; } .gtmCategoryFilters__title { margin:0 0 8px 0; color:#fff2ba; font:900 13px/1.3 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.3px; text-shadow:0 1px 0 rgba(0,0,0,0.75); } .gtmCategoryFilters__body { display:flex; flex-wrap:wrap; gap:7px; } .gtmCategoryFilters__item { display:inline-flex; align-items:center; min-height:26px; padding:4px 8px; box-sizing:border-box; color:#e8d9aa; font:700 11px/1.3 Arial, Tahoma, sans-serif; background:rgba(0,0,0,0.24); border:1px solid rgba(245,220,150,0.13); border-radius:4px; } .gtmCategoryFilters__item--sort { border-color:rgba(245,220,150,0.28); background:rgba(184,145,69,0.18); } .gtmCategoryFilters__item a { color:#f1d27a; text-decoration:none; } .gtmCategoryFilters__item a:hover { color:#fff2ba; text-decoration:underline; } .gtmCategoryFilters__item select { max-width:100%; min-height:26px; color:#2f2b1b; background:#fffaf0; border:1px solid #c5ae71; border-radius:4px; padding:4px 7px; box-sizing:border-box; } /* =============================== 518. Нижний SEO-блок категории =============================== */ .gtmCategoryBottomInfo { margin:14px 0 0 0; padding:11px 12px; color:#d6c795; font:12px/1.55 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, rgba(70,62,42,0.92), rgba(31,29,20,0.98)); border:1px solid rgba(0,0,0,0.75); border-left:3px solid rgba(184,145,69,0.70); border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.32), inset 0 1px 0 rgba(255,255,255,0.07); box-sizing:border-box; } .gtmCategoryBottomInfo b { color:#fff2ba; } /* =============================== 519. Мобильная версия =============================== */ @media (max-width:700px) { .gtmCategoryHero { padding:10px; } .gtmCategoryHero__top { gap:9px; } .gtmCategoryHero__icon { flex-basis:32px; width:32px; height:32px; font-size:16px; } .gtmCategoryHero__image { flex-basis:70px; width:70px; height:54px; } .gtmCategoryHero h1 { font-size:15px; } .gtmCategoryHero__titleBox:after { right:0; top:6px; font-size:26px; } .gtmCategoryHero:hover, .gtmCategoryTools__btn:hover { transform:none; } .gtmCategoryTools__btn { flex:1 1 auto; } .gtmCategorySearch__body table, .gtmCategorySearch__body tbody, .gtmCategorySearch__body tr, .gtmCategorySearch__body td { display:block; width:100%; box-sizing:border-box; } .gtmCategorySearch__body input[type="text"], .gtmCategorySearch__body input[type="search"], .gtmCategorySearch__body input[type="password"], .gtmCategorySearch__body select, .gtmCategorySearch__body textarea, .gtmCategorySearch__body input[type="submit"], .gtmCategorySearch__body input[type="button"], .gtmCategorySearch__body button { width:100% !important; margin:0 0 6px 0; } .gtmCategoryFilters__body { display:block; } .gtmCategoryFilters__item { width:100%; margin:0 0 6px 0; box-sizing:border-box; } } /* =============================== 520. Поиск и рейтинг материалов gtmTopSearchHero =============================== */ .gtmTopSearchHero { position:relative; overflow:hidden; margin:0 0 14px 0; padding:12px; background: linear-gradient(180deg, rgba(70,62,42,0.96), rgba(31,29,20,0.98)), radial-gradient(circle at top left, rgba(245,220,150,0.12), transparent 55%); border:1px solid rgba(0,0,0,0.78); border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.38), inset 0 1px 0 rgba(255,255,255,0.08), inset 0 0 28px rgba(0,0,0,0.28); color:#f5ebce; box-sizing:border-box; transition:border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease; } .gtmTopSearchHero:hover { border-color:rgba(184,145,69,0.62); box-shadow: 0 3px 8px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.10), inset 0 0 32px rgba(0,0,0,0.30); transform:translateY(-1px); } .gtmTopSearchHero:before { content:""; position:absolute; left:0; top:0; right:0; height:3px; background:linear-gradient(to right, #2f2b1b, #6b5b32, #b89145, #6b5b32, #2f2b1b); pointer-events:none; } .gtmTopSearchHero:after { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background: linear-gradient(to bottom, rgba(255,255,255,0.05), transparent 28%), repeating-linear-gradient(0deg, rgba(255,255,255,0.010) 0px, rgba(255,255,255,0.010) 1px, transparent 1px, transparent 4px); pointer-events:none; z-index:0; } .gtmTopSearchHero__top { position:relative; z-index:1; display:flex; align-items:flex-start; gap:11px; } .gtmTopSearchHero__icon { flex:0 0 38px; width:38px; height:38px; display:flex; align-items:center; justify-content:center; color:#241707; font:900 19px/1 Arial, Tahoma, sans-serif; background:radial-gradient(circle at 30% 25%, #fff4bd, #b88932 58%, #5a3812); border:1px solid rgba(0,0,0,0.72); border-radius:50%; box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 1px 5px rgba(0,0,0,0.55); animation:gtmTopSearchIconGlow 4s ease-in-out infinite; } @keyframes gtmTopSearchIconGlow { 0% { box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 1px 5px rgba(0,0,0,0.55); } 50% { box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 0 12px rgba(184,145,69,0.42), 0 1px 5px rgba(0,0,0,0.55); } 100% { box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 1px 5px rgba(0,0,0,0.55); } } .gtmTopSearchHero__titleBox { position:relative; flex:1 1 auto; min-width:0; } .gtmTopSearchHero__titleBox:after { content:"SEARCH"; position:absolute; right:8px; top:-2px; color:rgba(255,255,255,0.035); font:900 40px/1 Arial, Tahoma, sans-serif; letter-spacing:2px; pointer-events:none; z-index:0; } .gtmTopSearchHero h1 { position:relative; z-index:1; margin:0; padding:0; color:#fff3c2; font:900 18px/1.25 Arial, Tahoma, sans-serif; text-shadow:0 1px 0 rgba(0,0,0,0.85); } .gtmTopSearchHero__sub, .gtmTopSearchHero__path { position:relative; z-index:1; margin-top:5px; color:#cfc09a; font:12px/1.35 Arial, Tahoma, sans-serif; } .gtmTopSearchHero__path { display:flex; flex-wrap:wrap; gap:5px; align-items:center; font-size:11px; } .gtmTopSearchHero__sub a, .gtmTopSearchHero__path a { color:#f1d27a; text-decoration:none; } .gtmTopSearchHero__sub a:hover, .gtmTopSearchHero__path a:hover { color:#fff2ba; text-decoration:underline; } .gtmTopSearchHero__path span { color:#8f825f; } .gtmTopSearchHero__path b { color:#fff2ba; } .gtmTopSearchHero__desc { position:relative; z-index:1; margin:10px 0 0 49px; padding:8px 10px; color:#d6c795; font:12px/1.45 Arial, Tahoma, sans-serif; background:rgba(0,0,0,0.18); border:1px solid rgba(245,220,150,0.12); border-left:3px solid rgba(184,145,69,0.65); border-radius:4px; box-shadow:inset 0 1px 0 rgba(255,255,255,0.04); } .gtmTopSearchHero__stats { position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:5px; margin:10px 0 0 49px; } .gtmTopSearchHero__stats span { display:inline-flex; align-items:center; min-height:22px; padding:3px 7px; box-sizing:border-box; color:#e8d9aa; font:700 10px/1 Arial, Tahoma, sans-serif; background:rgba(0,0,0,0.26); border:1px solid rgba(245,220,150,0.15); border-radius:20px; white-space:nowrap; } .gtmTopSearchHero__stats b { margin-left:4px; color:#fff2ba; font-weight:900; } .gtmTopSearchHero__mini { position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:5px; margin:8px 0 0 49px; } .gtmTopSearchHero__mini span { display:inline-flex; align-items:center; min-height:20px; padding:3px 7px; color:#cfc09a; font:700 9px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.25px; background:rgba(0,0,0,0.22); border:1px solid rgba(245,220,150,0.11); border-radius:20px; white-space:nowrap; } /* =============================== 521. Быстрые кнопки поиска/рейтинга =============================== */ .gtmTopSearchTools { margin:0 0 14px 0; padding:10px; background:linear-gradient(180deg, rgba(70,62,42,0.94), rgba(31,29,20,0.98)); border:1px solid rgba(0,0,0,0.75); border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.07); box-sizing:border-box; } .gtmTopSearchTools__row, .gtmTopSearchTools__info { display:flex; flex-wrap:wrap; gap:6px; } .gtmTopSearchTools__info { margin:9px 0 0 0; padding:8px 0 0 0; border-top:1px solid rgba(245,220,150,0.10); } .gtmTopSearchTools__btn { display:inline-flex; align-items:center; justify-content:center; min-height:26px; padding:0 10px; color:#f5ebce !important; font:800 10px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.3px; text-decoration:none !important; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-bottom-color:#b89145; border-radius:3px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 3px rgba(0,0,0,0.22); transition:background 0.2s ease, border-color 0.2s ease, transform 0.2s ease; } .gtmTopSearchTools__btn:hover { color:#fff1c7 !important; background:linear-gradient(180deg, #6b5f3d, #38321f); border-color:#d4a850; transform:translateY(-1px); } .gtmTopSearchTools__btn--gold { color:#2f2b1b !important; background:linear-gradient(180deg, #fff3ba, #d9aa3f); border-color:#8b6a2d; } .gtmTopSearchTools__btn--green { color:#eaffea !important; background:linear-gradient(180deg, #4e8b55, #203c24); border-color:#203c24; } .gtmTopSearchTools__btn--rss { color:#fff1d5 !important; background:linear-gradient(180deg, #a35f2a, #4a2612); border-color:#5a2d12; } .gtmTopSearchTools__info span { display:inline-flex; align-items:center; min-height:21px; padding:3px 8px; color:#cfc09a; font:700 10px/1 Arial, Tahoma, sans-serif; background:rgba(0,0,0,0.22); border:1px solid rgba(245,220,150,0.11); border-radius:20px; } .gtmTopSearchTools__info b { margin-left:4px; color:#fff2ba; } /* =============================== 522. Поиск по материалам =============================== */ .gtmTopSearchBox { margin:0 0 14px 0; padding:10px; background:#f5ebce; border:1px solid #443f2d; border-left:3px solid #8b6a2d; border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.65); box-sizing:border-box; } .gtmTopSearchBox__title { margin:0 0 8px 0; color:#2f2b1b; font:900 13px/1.3 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.3px; } .gtmTopSearchBox__body { color:#2f2b1b; font:13px/1.4 Arial, Tahoma, sans-serif; } .gtmTopSearchBox__body table { max-width:100%; width:100%; border-collapse:collapse; } .gtmTopSearchBox__body td { padding:4px; color:#2f2b1b; } .gtmTopSearchBox__body input[type="text"], .gtmTopSearchBox__body input[type="search"], .gtmTopSearchBox__body input[type="password"], .gtmTopSearchBox__body select, .gtmTopSearchBox__body textarea { max-width:100%; min-height:28px; color:#2f2b1b; background:#fffaf0; border:1px solid #c5ae71; border-radius:4px; padding:6px 8px; box-sizing:border-box; box-shadow: inset 0 1px 2px rgba(0,0,0,0.12), 0 1px 0 rgba(255,255,255,0.65); } .gtmTopSearchBox__body input[type="submit"], .gtmTopSearchBox__body input[type="button"], .gtmTopSearchBox__body button { min-height:28px; padding:0 12px; color:#f5ebce !important; font:800 11px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.25px; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-bottom-color:#b89145; border-radius:3px; cursor:pointer; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 3px rgba(0,0,0,0.22); } /* =============================== 523. Нижний SEO-блок =============================== */ .gtmTopSearchBottomInfo { clear:both; display:block; width:100%; margin:14px 0 0 0; padding:11px 12px; color:#d6c795; font:12px/1.55 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, rgba(70,62,42,0.92), rgba(31,29,20,0.98)); border:1px solid rgba(0,0,0,0.75); border-left:3px solid rgba(184,145,69,0.70); border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.32), inset 0 1px 0 rgba(255,255,255,0.07); box-sizing:border-box; } .gtmTopSearchBottomInfo b { color:#fff2ba; } /* FIX: чтобы нижний блок не вставал рядом с карточками */ .eDisplay:after { content:""; display:block; clear:both; } .page_sel_2 { clear:both; display:block; } /* =============================== 524. Мобильная версия =============================== */ @media (max-width:700px) { .gtmTopSearchHero { padding:10px; } .gtmTopSearchHero__top { gap:9px; } .gtmTopSearchHero__icon { flex-basis:32px; width:32px; height:32px; font-size:16px; } .gtmTopSearchHero h1 { font-size:15px; } .gtmTopSearchHero__titleBox:after { right:0; top:6px; font-size:28px; } .gtmTopSearchHero__desc, .gtmTopSearchHero__stats, .gtmTopSearchHero__mini { margin-left:0; } .gtmTopSearchHero:hover, .gtmTopSearchTools__btn:hover { transform:none; } .gtmTopSearchTools__btn { flex:1 1 auto; } .gtmTopSearchBox__body table, .gtmTopSearchBox__body tbody, .gtmTopSearchBox__body tr, .gtmTopSearchBox__body td { display:block; width:100%; box-sizing:border-box; } .gtmTopSearchBox__body input[type="text"], .gtmTopSearchBox__body input[type="search"], .gtmTopSearchBox__body input[type="password"], .gtmTopSearchBox__body select, .gtmTopSearchBox__body textarea, .gtmTopSearchBox__body input[type="submit"], .gtmTopSearchBox__body input[type="button"], .gtmTopSearchBox__body button { width:100% !important; margin:0 0 6px 0; } } /* =============================== 525. Архив материалов / новости gtmNewsArchiveHero =============================== */ .gtmNewsArchiveHero { position:relative; overflow:hidden; margin:0 0 14px 0; padding:12px; background: linear-gradient(180deg, rgba(70,62,42,0.96), rgba(31,29,20,0.98)), radial-gradient(circle at top left, rgba(245,220,150,0.12), transparent 55%); border:1px solid rgba(0,0,0,0.78); border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.38), inset 0 1px 0 rgba(255,255,255,0.08), inset 0 0 28px rgba(0,0,0,0.28); color:#f5ebce; box-sizing:border-box; transition:border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease; } .gtmNewsArchiveHero:hover { border-color:rgba(184,145,69,0.62); box-shadow: 0 3px 8px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.10), inset 0 0 32px rgba(0,0,0,0.30); transform:translateY(-1px); } .gtmNewsArchiveHero:before { content:""; position:absolute; left:0; top:0; right:0; height:3px; background:linear-gradient(to right, #2f2b1b, #6b5b32, #b89145, #6b5b32, #2f2b1b); pointer-events:none; } .gtmNewsArchiveHero:after { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background: linear-gradient(to bottom, rgba(255,255,255,0.05), transparent 28%), repeating-linear-gradient(0deg, rgba(255,255,255,0.010) 0px, rgba(255,255,255,0.010) 1px, transparent 1px, transparent 4px); pointer-events:none; z-index:0; } .gtmNewsArchiveHero__top { position:relative; z-index:1; display:flex; align-items:flex-start; gap:11px; } .gtmNewsArchiveHero__icon { flex:0 0 38px; width:38px; height:38px; display:flex; align-items:center; justify-content:center; color:#241707; font:900 18px/1 Arial, Tahoma, sans-serif; background:radial-gradient(circle at 30% 25%, #fff4bd, #b88932 58%, #5a3812); border:1px solid rgba(0,0,0,0.72); border-radius:50%; box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 1px 5px rgba(0,0,0,0.55); animation:gtmNewsArchiveIconGlow 4s ease-in-out infinite; } @keyframes gtmNewsArchiveIconGlow { 0% { box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 1px 5px rgba(0,0,0,0.55); } 50% { box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 0 12px rgba(184,145,69,0.42), 0 1px 5px rgba(0,0,0,0.55); } 100% { box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 1px 5px rgba(0,0,0,0.55); } } .gtmNewsArchiveHero__titleBox { position:relative; flex:1 1 auto; min-width:0; } .gtmNewsArchiveHero__titleBox:after { content:"ARCHIVE"; position:absolute; right:8px; top:-2px; color:rgba(255,255,255,0.035); font:900 38px/1 Arial, Tahoma, sans-serif; letter-spacing:2px; pointer-events:none; z-index:0; } .gtmNewsArchiveHero h1 { position:relative; z-index:1; margin:0; padding:0; color:#fff3c2; font:900 18px/1.25 Arial, Tahoma, sans-serif; text-shadow:0 1px 0 rgba(0,0,0,0.85); } .gtmNewsArchiveHero__sub, .gtmNewsArchiveHero__path { position:relative; z-index:1; margin-top:5px; color:#cfc09a; font:12px/1.35 Arial, Tahoma, sans-serif; } .gtmNewsArchiveHero__path { display:flex; flex-wrap:wrap; gap:5px; align-items:center; font-size:11px; } .gtmNewsArchiveHero__sub a, .gtmNewsArchiveHero__path a { color:#f1d27a; text-decoration:none; } .gtmNewsArchiveHero__sub a:hover, .gtmNewsArchiveHero__path a:hover { color:#fff2ba; text-decoration:underline; } .gtmNewsArchiveHero__path span { color:#8f825f; } .gtmNewsArchiveHero__path b { color:#fff2ba; } .gtmNewsArchiveHero__desc { position:relative; z-index:1; margin:10px 0 0 49px; padding:8px 10px; color:#d6c795; font:12px/1.45 Arial, Tahoma, sans-serif; background:rgba(0,0,0,0.18); border:1px solid rgba(245,220,150,0.12); border-left:3px solid rgba(184,145,69,0.65); border-radius:4px; box-shadow:inset 0 1px 0 rgba(255,255,255,0.04); } .gtmNewsArchiveHero__stats, .gtmNewsArchiveHero__mini { position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:5px; margin:8px 0 0 49px; } .gtmNewsArchiveHero__stats { margin-top:10px; } .gtmNewsArchiveHero__stats span { display:inline-flex; align-items:center; min-height:22px; padding:3px 7px; box-sizing:border-box; color:#e8d9aa; font:700 10px/1 Arial, Tahoma, sans-serif; background:rgba(0,0,0,0.26); border:1px solid rgba(245,220,150,0.15); border-radius:20px; white-space:nowrap; } .gtmNewsArchiveHero__stats b { margin-left:4px; color:#fff2ba; font-weight:900; } .gtmNewsArchiveHero__mini span { display:inline-flex; align-items:center; min-height:20px; padding:3px 7px; color:#cfc09a; font:700 9px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.25px; background:rgba(0,0,0,0.22); border:1px solid rgba(245,220,150,0.11); border-radius:20px; white-space:nowrap; } /* =============================== 526. Быстрые кнопки архива =============================== */ .gtmNewsArchiveTools { margin:0 0 14px 0; padding:10px; background:linear-gradient(180deg, rgba(70,62,42,0.94), rgba(31,29,20,0.98)); border:1px solid rgba(0,0,0,0.75); border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.07); box-sizing:border-box; } .gtmNewsArchiveTools__row, .gtmNewsArchiveTools__info { display:flex; flex-wrap:wrap; gap:6px; } .gtmNewsArchiveTools__info { margin:9px 0 0 0; padding:8px 0 0 0; border-top:1px solid rgba(245,220,150,0.10); } .gtmNewsArchiveTools__btn { display:inline-flex; align-items:center; justify-content:center; min-height:26px; padding:0 10px; color:#f5ebce !important; font:800 10px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.3px; text-decoration:none !important; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-bottom-color:#b89145; border-radius:3px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 3px rgba(0,0,0,0.22); transition:background 0.2s ease, border-color 0.2s ease, transform 0.2s ease; } .gtmNewsArchiveTools__btn:hover { color:#fff1c7 !important; background:linear-gradient(180deg, #6b5f3d, #38321f); border-color:#d4a850; transform:translateY(-1px); } .gtmNewsArchiveTools__btn--gold { color:#2f2b1b !important; background:linear-gradient(180deg, #fff3ba, #d9aa3f); border-color:#8b6a2d; } .gtmNewsArchiveTools__btn--green { color:#eaffea !important; background:linear-gradient(180deg, #4e8b55, #203c24); border-color:#203c24; } .gtmNewsArchiveTools__btn--rss { color:#fff1d5 !important; background:linear-gradient(180deg, #a35f2a, #4a2612); border-color:#5a2d12; } .gtmNewsArchiveTools__info span { display:inline-flex; align-items:center; min-height:21px; padding:3px 8px; color:#cfc09a; font:700 10px/1 Arial, Tahoma, sans-serif; background:rgba(0,0,0,0.22); border:1px solid rgba(245,220,150,0.11); border-radius:20px; } .gtmNewsArchiveTools__info b { margin-left:4px; color:#fff2ba; } /* =============================== 527. Поиск новостей =============================== */ .gtmNewsArchiveSearch { margin:0 0 14px 0; padding:10px; background:#f5ebce; border:1px solid #443f2d; border-left:3px solid #8b6a2d; border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.65); box-sizing:border-box; } .gtmNewsArchiveSearch__title { margin:0 0 8px 0; color:#2f2b1b; font:900 13px/1.3 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.3px; } .gtmNewsArchiveSearch__body { color:#2f2b1b; font:13px/1.4 Arial, Tahoma, sans-serif; } .gtmNewsArchiveSearch__body table { max-width:100%; width:100%; border-collapse:collapse; } .gtmNewsArchiveSearch__body td { padding:4px; color:#2f2b1b; } .gtmNewsArchiveSearch__body input[type="text"], .gtmNewsArchiveSearch__body input[type="search"], .gtmNewsArchiveSearch__body input[type="password"], .gtmNewsArchiveSearch__body select, .gtmNewsArchiveSearch__body textarea { max-width:100%; min-height:28px; color:#2f2b1b; background:#fffaf0; border:1px solid #c5ae71; border-radius:4px; padding:6px 8px; box-sizing:border-box; box-shadow: inset 0 1px 2px rgba(0,0,0,0.12), 0 1px 0 rgba(255,255,255,0.65); } .gtmNewsArchiveSearch__body input[type="submit"], .gtmNewsArchiveSearch__body input[type="button"], .gtmNewsArchiveSearch__body button { min-height:28px; padding:0 12px; color:#f5ebce !important; font:800 11px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.25px; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-bottom-color:#b89145; border-radius:3px; cursor:pointer; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 3px rgba(0,0,0,0.22); } /* =============================== 528. Архив / календарь =============================== */ .gtmNewsArchivePanel, .gtmNewsArchiveFilters { margin:0 0 14px 0; padding:10px; background:linear-gradient(180deg, rgba(70,62,42,0.94), rgba(31,29,20,0.98)); border:1px solid rgba(0,0,0,0.75); border-left:3px solid rgba(184,145,69,0.75); border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.07); box-sizing:border-box; } .gtmNewsArchivePanel__title, .gtmNewsArchiveFilters__title { margin:0 0 8px 0; color:#fff2ba; font:900 13px/1.3 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.3px; text-shadow:0 1px 0 rgba(0,0,0,0.75); } .gtmNewsArchivePanel__body, .gtmNewsArchiveFilters__body { display:flex; flex-wrap:wrap; gap:7px; } .gtmNewsArchivePanel__item, .gtmNewsArchiveFilters__item { min-height:26px; padding:8px; box-sizing:border-box; color:#e8d9aa; font:700 11px/1.3 Arial, Tahoma, sans-serif; background:rgba(0,0,0,0.24); border:1px solid rgba(245,220,150,0.13); border-radius:4px; } .gtmNewsArchivePanel__item--calendar { flex:1 1 100%; } .gtmNewsArchivePanel__label { margin:0 0 6px 0; color:#fff2ba; font:900 10px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.3px; } .gtmNewsArchivePanel__content a, .gtmNewsArchiveFilters__item a { color:#f1d27a; text-decoration:none; } .gtmNewsArchivePanel__content a:hover, .gtmNewsArchiveFilters__item a:hover { color:#fff2ba; text-decoration:underline; } .gtmNewsArchivePanel__content select, .gtmNewsArchiveFilters__item select { max-width:100%; min-height:26px; color:#2f2b1b; background:#fffaf0; border:1px solid #c5ae71; border-radius:4px; padding:4px 7px; box-sizing:border-box; } /* =============================== 529. Нижний SEO-блок архива =============================== */ .gtmNewsArchiveBottomInfo { clear:both; display:block; width:100%; margin:14px 0 0 0; padding:11px 12px; color:#d6c795; font:12px/1.55 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, rgba(70,62,42,0.92), rgba(31,29,20,0.98)); border:1px solid rgba(0,0,0,0.75); border-left:3px solid rgba(184,145,69,0.70); border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.32), inset 0 1px 0 rgba(255,255,255,0.07); box-sizing:border-box; } .gtmNewsArchiveBottomInfo b { color:#fff2ba; } /* FIX: чтобы нижний блок не вставал рядом с карточками */ .eDisplay_news:after { content:""; display:block; clear:both; } /* =============================== 530. Мобильная версия =============================== */ @media (max-width:700px) { .gtmNewsArchiveHero { padding:10px; } .gtmNewsArchiveHero__top { gap:9px; } .gtmNewsArchiveHero__icon { flex-basis:32px; width:32px; height:32px; font-size:16px; } .gtmNewsArchiveHero h1 { font-size:15px; } .gtmNewsArchiveHero__titleBox:after { right:0; top:6px; font-size:26px; } .gtmNewsArchiveHero__desc, .gtmNewsArchiveHero__stats, .gtmNewsArchiveHero__mini { margin-left:0; } .gtmNewsArchiveHero:hover, .gtmNewsArchiveTools__btn:hover { transform:none; } .gtmNewsArchiveTools__btn { flex:1 1 auto; } .gtmNewsArchiveSearch__body table, .gtmNewsArchiveSearch__body tbody, .gtmNewsArchiveSearch__body tr, .gtmNewsArchiveSearch__body td { display:block; width:100%; box-sizing:border-box; } .gtmNewsArchiveSearch__body input[type="text"], .gtmNewsArchiveSearch__body input[type="search"], .gtmNewsArchiveSearch__body input[type="password"], .gtmNewsArchiveSearch__body select, .gtmNewsArchiveSearch__body textarea, .gtmNewsArchiveSearch__body input[type="submit"], .gtmNewsArchiveSearch__body input[type="button"], .gtmNewsArchiveSearch__body button { width:100% !important; margin:0 0 6px 0; } .gtmNewsArchivePanel__body, .gtmNewsArchiveFilters__body { display:block; } .gtmNewsArchivePanel__item, .gtmNewsArchiveFilters__item { width:100%; margin:0 0 6px 0; } } /* FIX: компактный календарь архива новостей */ .gtmNewsArchivePanel__item--calendar { flex:1 1 100%; max-height:220px; overflow:auto; } /* Внутренности календаря */ .gtmNewsArchivePanel__item--calendar .gtmNewsArchivePanel__content { max-height:175px; overflow:auto; padding-right:4px; } /* Если uCoz выводит календарь таблицей */ .gtmNewsArchivePanel__item--calendar table { width:100% !important; max-width:100% !important; border-collapse:collapse; background:#fff7dc; border:1px solid rgba(245,220,150,0.18); border-radius:4px; overflow:hidden; } .gtmNewsArchivePanel__item--calendar td, .gtmNewsArchivePanel__item--calendar th { padding:4px 5px !important; font-size:11px !important; line-height:1.2 !important; text-align:center; border:1px solid rgba(139,106,45,0.18); color:#2f2b1b; } /* Если uCoz выводит календарь списком ссылок */ .gtmNewsArchivePanel__item--calendar a { display:inline-block; margin:2px; padding:3px 6px; color:#f1d27a; font:700 10px/1.2 Arial, Tahoma, sans-serif; text-decoration:none; background:rgba(0,0,0,0.22); border:1px solid rgba(245,220,150,0.12); border-radius:3px; } .gtmNewsArchivePanel__item--calendar a:hover { color:#fff2ba; background:rgba(184,145,69,0.22); } /* Скролл под стиль сайта */ .gtmNewsArchivePanel__item--calendar::-webkit-scrollbar, .gtmNewsArchivePanel__item--calendar .gtmNewsArchivePanel__content::-webkit-scrollbar { width:8px; } .gtmNewsArchivePanel__item--calendar::-webkit-scrollbar-track, .gtmNewsArchivePanel__item--calendar .gtmNewsArchivePanel__content::-webkit-scrollbar-track { background:rgba(0,0,0,0.22); border-radius:8px; } .gtmNewsArchivePanel__item--calendar::-webkit-scrollbar-thumb, .gtmNewsArchivePanel__item--calendar .gtmNewsArchivePanel__content::-webkit-scrollbar-thumb { background:rgba(184,145,69,0.55); border-radius:8px; } /* ========================================= 531. FIX: компактный список месяцев архива ========================================= */ .gtmNewsArchivePanel__item--links { max-height:120px; overflow:auto; } /* Контейнер ссылок архива */ .gtmNewsArchivePanel__item--links .gtmNewsArchivePanel__content { display:flex; flex-wrap:wrap; gap:5px; align-items:flex-start; } /* Если uCoz выводит ссылки подряд */ .gtmNewsArchivePanel__item--links .gtmNewsArchivePanel__content a { display:inline-flex !important; align-items:center; justify-content:center; min-height:22px; margin:0 4px 5px 0; padding:3px 7px; color:#f1d27a !important; font:700 10px/1 Arial, Tahoma, sans-serif; text-decoration:none !important; background:rgba(0,0,0,0.22); border:1px solid rgba(245,220,150,0.12); border-radius:20px; white-space:nowrap; box-sizing:border-box; } .gtmNewsArchivePanel__item--links .gtmNewsArchivePanel__content a:hover { color:#fff2ba !important; background:rgba(184,145,69,0.22); border-color:rgba(245,220,150,0.28); } /* Если uCoz вставляет переносы
, скрываем их */ .gtmNewsArchivePanel__item--links .gtmNewsArchivePanel__content br { display:none !important; } /* Если uCoz выводит список через ul/li */ .gtmNewsArchivePanel__item--links .gtmNewsArchivePanel__content ul { display:flex !important; flex-wrap:wrap !important; gap:5px !important; margin:0 !important; padding:0 !important; list-style:none !important; } .gtmNewsArchivePanel__item--links .gtmNewsArchivePanel__content li { display:inline-flex !important; margin:0 !important; padding:0 !important; list-style:none !important; } /* Если внутри старые таблицы */ .gtmNewsArchivePanel__item--links .gtmNewsArchivePanel__content table, .gtmNewsArchivePanel__item--links .gtmNewsArchivePanel__content tbody, .gtmNewsArchivePanel__item--links .gtmNewsArchivePanel__content tr, .gtmNewsArchivePanel__item--links .gtmNewsArchivePanel__content td { display:inline !important; width:auto !important; margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; } /* Скролл в стиле сайта */ .gtmNewsArchivePanel__item--links::-webkit-scrollbar { width:8px; } .gtmNewsArchivePanel__item--links::-webkit-scrollbar-track { background:rgba(0,0,0,0.22); border-radius:8px; } .gtmNewsArchivePanel__item--links::-webkit-scrollbar-thumb { background:rgba(184,145,69,0.55); border-radius:8px; } /* =============================== 532. Страница списка материалов раздела gtmLoadSectionHero =============================== */ .gtmLoadSectionHero { position:relative; overflow:hidden; margin:0 0 14px 0; padding:12px; background: linear-gradient(180deg, rgba(70,62,42,0.96), rgba(31,29,20,0.98)), radial-gradient(circle at top left, rgba(245,220,150,0.12), transparent 55%); border:1px solid rgba(0,0,0,0.78); border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.38), inset 0 1px 0 rgba(255,255,255,0.08), inset 0 0 28px rgba(0,0,0,0.28); color:#f5ebce; box-sizing:border-box; transition:border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease; } .gtmLoadSectionHero:hover { border-color:rgba(184,145,69,0.62); box-shadow: 0 3px 8px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.10), inset 0 0 32px rgba(0,0,0,0.30); transform:translateY(-1px); } .gtmLoadSectionHero:before { content:""; position:absolute; left:0; top:0; right:0; height:3px; background:linear-gradient(to right, #2f2b1b, #6b5b32, #b89145, #6b5b32, #2f2b1b); pointer-events:none; } .gtmLoadSectionHero:after { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background: linear-gradient(to bottom, rgba(255,255,255,0.05), transparent 28%), repeating-linear-gradient(0deg, rgba(255,255,255,0.010) 0px, rgba(255,255,255,0.010) 1px, transparent 1px, transparent 4px); pointer-events:none; z-index:0; } .gtmLoadSectionHero__top { position:relative; z-index:1; display:flex; align-items:flex-start; gap:11px; } .gtmLoadSectionHero__icon { flex:0 0 38px; width:38px; height:38px; display:flex; align-items:center; justify-content:center; color:#241707; font:900 19px/1 Arial, Tahoma, sans-serif; background:radial-gradient(circle at 30% 25%, #fff4bd, #b88932 58%, #5a3812); border:1px solid rgba(0,0,0,0.72); border-radius:50%; box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 1px 5px rgba(0,0,0,0.55); animation:gtmLoadSectionIconGlow 4s ease-in-out infinite; } @keyframes gtmLoadSectionIconGlow { 0% { box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 1px 5px rgba(0,0,0,0.55); } 50% { box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 0 12px rgba(184,145,69,0.42), 0 1px 5px rgba(0,0,0,0.55); } 100% { box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 1px 5px rgba(0,0,0,0.55); } } .gtmLoadSectionHero__titleBox { position:relative; flex:1 1 auto; min-width:0; } .gtmLoadSectionHero__titleBox:after { content:"SECTION"; position:absolute; right:8px; top:-2px; color:rgba(255,255,255,0.035); font:900 40px/1 Arial, Tahoma, sans-serif; letter-spacing:2px; pointer-events:none; z-index:0; } .gtmLoadSectionHero h1 { position:relative; z-index:1; margin:0; padding:0; color:#fff3c2; font:900 18px/1.25 Arial, Tahoma, sans-serif; text-shadow:0 1px 0 rgba(0,0,0,0.85); } .gtmLoadSectionHero__sub, .gtmLoadSectionHero__path { position:relative; z-index:1; margin-top:5px; color:#cfc09a; font:12px/1.35 Arial, Tahoma, sans-serif; } .gtmLoadSectionHero__path { display:flex; flex-wrap:wrap; gap:5px; align-items:center; font-size:11px; } .gtmLoadSectionHero__sub a, .gtmLoadSectionHero__path a { color:#f1d27a; text-decoration:none; } .gtmLoadSectionHero__sub a:hover, .gtmLoadSectionHero__path a:hover { color:#fff2ba; text-decoration:underline; } .gtmLoadSectionHero__path span { color:#8f825f; } .gtmLoadSectionHero__desc { position:relative; z-index:1; margin:10px 0 0 49px; padding:8px 10px; color:#d6c795; font:12px/1.45 Arial, Tahoma, sans-serif; background:rgba(0,0,0,0.18); border:1px solid rgba(245,220,150,0.12); border-left:3px solid rgba(184,145,69,0.65); border-radius:4px; box-shadow:inset 0 1px 0 rgba(255,255,255,0.04); } .gtmLoadSectionHero__stats, .gtmLoadSectionHero__mini { position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:5px; margin:8px 0 0 49px; } .gtmLoadSectionHero__stats { margin-top:10px; } .gtmLoadSectionHero__stats span { display:inline-flex; align-items:center; min-height:22px; padding:3px 7px; box-sizing:border-box; color:#e8d9aa; font:700 10px/1 Arial, Tahoma, sans-serif; background:rgba(0,0,0,0.26); border:1px solid rgba(245,220,150,0.15); border-radius:20px; white-space:nowrap; } .gtmLoadSectionHero__stats b { margin-left:4px; color:#fff2ba; font-weight:900; } .gtmLoadSectionHero__mini span { display:inline-flex; align-items:center; min-height:20px; padding:3px 7px; color:#cfc09a; font:700 9px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.25px; background:rgba(0,0,0,0.22); border:1px solid rgba(245,220,150,0.11); border-radius:20px; white-space:nowrap; } /* =============================== 533. Быстрые кнопки раздела =============================== */ .gtmLoadSectionTools { margin:0 0 14px 0; padding:10px; background:linear-gradient(180deg, rgba(70,62,42,0.94), rgba(31,29,20,0.98)); border:1px solid rgba(0,0,0,0.75); border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.07); box-sizing:border-box; } .gtmLoadSectionTools__row, .gtmLoadSectionTools__info { display:flex; flex-wrap:wrap; gap:6px; } .gtmLoadSectionTools__info { margin:9px 0 0 0; padding:8px 0 0 0; border-top:1px solid rgba(245,220,150,0.10); } .gtmLoadSectionTools__btn { display:inline-flex; align-items:center; justify-content:center; min-height:26px; padding:0 10px; color:#f5ebce !important; font:800 10px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.3px; text-decoration:none !important; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-bottom-color:#b89145; border-radius:3px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 3px rgba(0,0,0,0.22); transition:background 0.2s ease, border-color 0.2s ease, transform 0.2s ease; } .gtmLoadSectionTools__btn:hover { color:#fff1c7 !important; background:linear-gradient(180deg, #6b5f3d, #38321f); border-color:#d4a850; transform:translateY(-1px); } .gtmLoadSectionTools__btn--gold { color:#2f2b1b !important; background:linear-gradient(180deg, #fff3ba, #d9aa3f); border-color:#8b6a2d; } .gtmLoadSectionTools__btn--green { color:#eaffea !important; background:linear-gradient(180deg, #4e8b55, #203c24); border-color:#203c24; } .gtmLoadSectionTools__btn--rss { color:#fff1d5 !important; background:linear-gradient(180deg, #a35f2a, #4a2612); border-color:#5a2d12; } .gtmLoadSectionTools__info span { display:inline-flex; align-items:center; min-height:21px; padding:3px 8px; color:#cfc09a; font:700 10px/1 Arial, Tahoma, sans-serif; background:rgba(0,0,0,0.22); border:1px solid rgba(245,220,150,0.11); border-radius:20px; } .gtmLoadSectionTools__info b { margin-left:4px; color:#fff2ba; } /* =============================== 534. Поиск по разделу =============================== */ .gtmLoadSectionSearch { margin:0 0 14px 0; padding:10px; background:#f5ebce; border:1px solid #443f2d; border-left:3px solid #8b6a2d; border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.65); box-sizing:border-box; } .gtmLoadSectionSearch__title { margin:0 0 8px 0; color:#2f2b1b; font:900 13px/1.3 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.3px; } .gtmLoadSectionSearch__body { color:#2f2b1b; font:13px/1.4 Arial, Tahoma, sans-serif; } .gtmLoadSectionSearch__body table { max-width:100%; width:100%; border-collapse:collapse; } .gtmLoadSectionSearch__body td { padding:4px; color:#2f2b1b; } .gtmLoadSectionSearch__body input[type="text"], .gtmLoadSectionSearch__body input[type="search"], .gtmLoadSectionSearch__body input[type="password"], .gtmLoadSectionSearch__body select, .gtmLoadSectionSearch__body textarea { max-width:100%; min-height:28px; color:#2f2b1b; background:#fffaf0; border:1px solid #c5ae71; border-radius:4px; padding:6px 8px; box-sizing:border-box; box-shadow: inset 0 1px 2px rgba(0,0,0,0.12), 0 1px 0 rgba(255,255,255,0.65); } .gtmLoadSectionSearch__body input[type="submit"], .gtmLoadSectionSearch__body input[type="button"], .gtmLoadSectionSearch__body button { min-height:28px; padding:0 12px; color:#f5ebce !important; font:800 11px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.25px; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-bottom-color:#b89145; border-radius:3px; cursor:pointer; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 3px rgba(0,0,0,0.22); } /* =============================== 535. Нижний SEO-блок раздела =============================== */ .gtmLoadSectionBottomInfo { clear:both; display:block; width:100%; margin:14px 0 0 0; padding:11px 12px; color:#d6c795; font:12px/1.55 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, rgba(70,62,42,0.92), rgba(31,29,20,0.98)); border:1px solid rgba(0,0,0,0.75); border-left:3px solid rgba(184,145,69,0.70); border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.32), inset 0 1px 0 rgba(255,255,255,0.07); box-sizing:border-box; } .gtmLoadSectionBottomInfo b { color:#fff2ba; } /* FIX: чтобы нижнее описание не вставало рядом с карточками */ .eDisplay:after { content:""; display:block; clear:both; } /* =============================== 536. Мобильная версия =============================== */ @media (max-width:700px) { .gtmLoadSectionHero { padding:10px; } .gtmLoadSectionHero__top { gap:9px; } .gtmLoadSectionHero__icon { flex-basis:32px; width:32px; height:32px; font-size:16px; } .gtmLoadSectionHero h1 { font-size:15px; } .gtmLoadSectionHero__titleBox:after { right:0; top:6px; font-size:28px; } .gtmLoadSectionHero__desc, .gtmLoadSectionHero__stats, .gtmLoadSectionHero__mini { margin-left:0; } .gtmLoadSectionHero:hover, .gtmLoadSectionTools__btn:hover { transform:none; } .gtmLoadSectionTools__btn { flex:1 1 auto; } .gtmLoadSectionSearch__body table, .gtmLoadSectionSearch__body tbody, .gtmLoadSectionSearch__body tr, .gtmLoadSectionSearch__body td { display:block; width:100%; box-sizing:border-box; } .gtmLoadSectionSearch__body input[type="text"], .gtmLoadSectionSearch__body input[type="search"], .gtmLoadSectionSearch__body input[type="password"], .gtmLoadSectionSearch__body select, .gtmLoadSectionSearch__body textarea, .gtmLoadSectionSearch__body input[type="submit"], .gtmLoadSectionSearch__body input[type="button"], .gtmLoadSectionSearch__body button { width:100% !important; margin:0 0 6px 0; } } /* =============================== 537. ВИД ТОВАРА В КАТАЛОГЕ GtaMania Shop Card =============================== */ .gtmShopCard { position:relative; overflow:hidden; width:100%; margin:0 0 14px 0; padding:0; background: linear-gradient(180deg, rgba(70,62,42,0.96), rgba(31,29,20,0.98)), radial-gradient(circle at top left, rgba(245,220,150,0.12), transparent 55%); border:1px solid rgba(0,0,0,0.78); border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.38), inset 0 1px 0 rgba(255,255,255,0.08), inset 0 0 28px rgba(0,0,0,0.28); color:#f5ebce; box-sizing:border-box; transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease; } .gtmShopCard:hover { border-color:rgba(184,145,69,0.62); box-shadow: 0 3px 8px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.10), inset 0 0 32px rgba(0,0,0,0.30); transform:translateY(-1px); } .gtmShopCard:before { content:""; position:absolute; left:0; top:0; right:0; height:3px; background:linear-gradient( to right, #2f2b1b, #6b5b32, #b89145, #6b5b32, #2f2b1b ); pointer-events:none; z-index:3; } .gtmShopCard:after { content:"SHOP"; position:absolute; right:10px; top:12px; color:rgba(255,255,255,0.030); font:900 42px/1 Arial, Tahoma, sans-serif; letter-spacing:2px; pointer-events:none; z-index:0; } /* Фото */ .gtmShopCard__imageBox { position:relative; z-index:1; padding:10px 10px 0 10px; box-sizing:border-box; } .gtmShopCard__imageLink { display:block; position:relative; overflow:hidden; width:100%; min-height:145px; background:#1d1a12; border:1px solid rgba(0,0,0,0.72); border-radius:5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 1px 5px rgba(0,0,0,0.55); text-decoration:none; } .gtmShopCard__imageLink:after { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background: linear-gradient(to bottom, rgba(255,255,255,0.04), rgba(0,0,0,0.28)), radial-gradient(circle at center, transparent, rgba(0,0,0,0.20)); box-shadow: inset 0 0 0 1px rgba(0,0,0,0.45), inset 0 -18px 26px rgba(0,0,0,0.34); pointer-events:none; } .gtmShopCard__image { display:block; width:100%; height:auto; min-height:145px; object-fit:cover; border:0; transform:scale(1); filter:brightness(0.96) contrast(1.03); transition: transform 0.35s ease, filter 0.35s ease; } .gtmShopCard:hover .gtmShopCard__image { transform:scale(1.04); filter:brightness(1.08) contrast(1.05); } /* SALE */ .gtmShopCard__saleBadge { position:absolute; left:18px; top:18px; z-index:3; display:inline-flex; align-items:center; justify-content:center; min-height:22px; padding:0 8px; color:#2f2b1b; font:900 10px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.45px; background:linear-gradient(180deg, #fff3ba, #d9aa3f); border:1px solid #8b6a2d; border-radius:20px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.65), 0 0 12px rgba(184,145,69,0.34), 0 1px 4px rgba(0,0,0,0.45); } /* Наличие */ .gtmShopCard__stock { position:absolute; right:18px; bottom:8px; z-index:3; display:inline-flex; align-items:center; justify-content:center; min-height:22px; padding:0 8px; font:900 10px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.35px; border-radius:20px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 4px rgba(0,0,0,0.45); } .gtmShopCard__stock--yes { color:#eaffea; background:linear-gradient(180deg, #4e8b55, #203c24); border:1px solid #203c24; } .gtmShopCard__stock--no { color:#ffecec; background:linear-gradient(180deg, #9a4c4c, #4a2020); border:1px solid #4a2020; } /* Тело карточки */ .gtmShopCard__body { position:relative; z-index:1; padding:10px; box-sizing:border-box; } .gtmShopCard__top { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:0 0 8px 0; } .gtmShopCard__cat, .gtmShopCard__art { display:inline-flex; align-items:center; min-height:20px; padding:3px 7px; color:#cfc09a; font:700 9px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.25px; background:rgba(0,0,0,0.22); border:1px solid rgba(245,220,150,0.11); border-radius:20px; white-space:nowrap; box-sizing:border-box; } .gtmShopCard__art { color:#fff2ba; background:rgba(184,145,69,0.18); border-color:rgba(245,220,150,0.18); } .gtmShopCard__name { margin:0 0 9px 0; color:#fff3c2; font:900 15px/1.25 Arial, Tahoma, sans-serif; text-shadow:0 1px 0 rgba(0,0,0,0.85); } .gtmShopCard__meta { display:flex; flex-wrap:wrap; gap:5px; margin:0 0 9px 0; } .gtmShopCard__meta span { display:inline-flex; align-items:center; min-height:21px; padding:3px 7px; color:#d6c795; font:700 10px/1 Arial, Tahoma, sans-serif; background:rgba(0,0,0,0.20); border:1px solid rgba(245,220,150,0.10); border-radius:20px; } .gtmShopCard__meta b { margin-left:4px; color:#fff2ba; } .gtmShopCard__stats { display:flex; flex-wrap:wrap; gap:5px; } .gtmShopCard__stats span { display:inline-flex; align-items:center; min-height:21px; padding:3px 7px; color:#cfc09a; font:700 10px/1 Arial, Tahoma, sans-serif; background:rgba(0,0,0,0.22); border:1px solid rgba(245,220,150,0.11); border-radius:20px; } /* Низ карточки */ .gtmShopCard__footer { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px; box-sizing:border-box; background:rgba(0,0,0,0.18); border-top:1px solid rgba(245,220,150,0.10); } .gtmShopCard__priceBox { min-width:0; } .gtmShopCard__oldPrice { margin:0 0 3px 0; color:#aa9b75; font:800 11px/1 Arial, Tahoma, sans-serif; text-decoration:line-through; } .gtmShopCard__price { color:#fff2ba; font:900 18px/1 Arial, Tahoma, sans-serif; text-shadow:0 1px 0 rgba(0,0,0,0.85); } /* Корзина */ .gtmShopCard__basket { flex:0 0 auto; } .gtmShopCard__basket a, .gtmShopCard__basket input, .gtmShopCard__basket button { display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:30px !important; padding:0 12px !important; color:#eaffea !important; font:900 10px/1 Arial, Tahoma, sans-serif !important; text-transform:uppercase !important; letter-spacing:0.35px !important; text-decoration:none !important; background:linear-gradient(180deg, #4e8b55, #203c24) !important; border:1px solid #203c24 !important; border-radius:3px !important; cursor:pointer !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 4px rgba(0,0,0,0.35) !important; } .gtmShopCard__basket a:hover, .gtmShopCard__basket input:hover, .gtmShopCard__basket button:hover { color:#ffffff !important; background:linear-gradient(180deg, #5da866, #294b2e) !important; } /* Варианты мест вывода */ .gtmShopCard_top_view .gtmShopCard__imageLink, .gtmShopCard_top_sold .gtmShopCard__imageLink, .gtmShopCard_price .gtmShopCard__imageLink { min-height:110px; } .gtmShopCard_top_view .gtmShopCard__image, .gtmShopCard_top_sold .gtmShopCard__image, .gtmShopCard_price .gtmShopCard__image { min-height:110px; } /* Мобильная версия */ @media (max-width:700px) { .gtmShopCard { margin-bottom:10px; } .gtmShopCard__imageLink { min-height:120px; } .gtmShopCard__image { min-height:120px; } .gtmShopCard__top { align-items:flex-start; flex-direction:column; } .gtmShopCard__footer { align-items:flex-start; flex-direction:column; } .gtmShopCard__basket, .gtmShopCard__basket a, .gtmShopCard__basket input, .gtmShopCard__basket button { width:100% !important; box-sizing:border-box !important; } } /* =============================== 538. Страница заказа магазина gtmShopOrder =============================== */ .gtmShopOrderPage { width:100%; box-sizing:border-box; } /* HERO */ .gtmShopOrderHero { position:relative; overflow:hidden; margin:0 0 14px 0; padding:12px; background: linear-gradient(180deg, rgba(70,62,42,0.96), rgba(31,29,20,0.98)), radial-gradient(circle at top left, rgba(245,220,150,0.12), transparent 55%); border:1px solid rgba(0,0,0,0.78); border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.38), inset 0 1px 0 rgba(255,255,255,0.08), inset 0 0 28px rgba(0,0,0,0.28); color:#f5ebce; box-sizing:border-box; } .gtmShopOrderHero:before { content:""; position:absolute; left:0; top:0; right:0; height:3px; background:linear-gradient(to right, #2f2b1b, #6b5b32, #b89145, #6b5b32, #2f2b1b); pointer-events:none; } .gtmShopOrderHero:after { content:"ORDER"; position:absolute; right:10px; top:8px; color:rgba(255,255,255,0.035); font:900 42px/1 Arial, Tahoma, sans-serif; letter-spacing:2px; pointer-events:none; z-index:0; } .gtmShopOrderHero__top { position:relative; z-index:1; display:flex; align-items:flex-start; gap:11px; } .gtmShopOrderHero__icon { flex:0 0 38px; width:38px; height:38px; display:flex; align-items:center; justify-content:center; color:#241707; font:900 18px/1 Arial, Tahoma, sans-serif; background:radial-gradient(circle at 30% 25%, #fff4bd, #b88932 58%, #5a3812); border:1px solid rgba(0,0,0,0.72); border-radius:50%; box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 1px 5px rgba(0,0,0,0.55); animation:gtmShopOrderIconGlow 4s ease-in-out infinite; } @keyframes gtmShopOrderIconGlow { 0% { box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 1px 5px rgba(0,0,0,0.55); } 50% { box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 0 12px rgba(184,145,69,0.42), 0 1px 5px rgba(0,0,0,0.55); } 100% { box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 1px 5px rgba(0,0,0,0.55); } } .gtmShopOrderHero__titleBox { position:relative; flex:1 1 auto; min-width:0; } .gtmShopOrderHero h1 { position:relative; z-index:1; margin:0; padding:0; color:#fff3c2; font:900 18px/1.25 Arial, Tahoma, sans-serif; text-shadow:0 1px 0 rgba(0,0,0,0.85); } .gtmShopOrderHero__sub { margin-top:5px; color:#cfc09a; font:12px/1.35 Arial, Tahoma, sans-serif; } .gtmShopOrderHero__path { margin-top:6px; color:#d6c795; font:11px/1.4 Arial, Tahoma, sans-serif; } .gtmShopOrderHero__path a { color:#f1d27a; text-decoration:none; } .gtmShopOrderHero__path a:hover { color:#fff2ba; text-decoration:underline; } .gtmShopOrderHero__stats, .gtmShopOrderHero__mini { position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:5px; margin:10px 0 0 49px; } .gtmShopOrderHero__mini { margin-top:8px; } .gtmShopOrderHero__stats span, .gtmShopOrderHero__mini span { display:inline-flex; align-items:center; min-height:22px; padding:3px 7px; box-sizing:border-box; color:#e8d9aa; font:700 10px/1 Arial, Tahoma, sans-serif; background:rgba(0,0,0,0.26); border:1px solid rgba(245,220,150,0.15); border-radius:20px; white-space:nowrap; } .gtmShopOrderHero__mini span { min-height:20px; color:#cfc09a; font-size:9px; text-transform:uppercase; letter-spacing:0.25px; } .gtmShopOrderHero__stats b { margin-left:4px; color:#fff2ba; font-weight:900; } /* ACTIONS */ .gtmShopOrderActions { margin:0 0 14px 0; padding:10px; background:linear-gradient(180deg, rgba(70,62,42,0.94), rgba(31,29,20,0.98)); border:1px solid rgba(0,0,0,0.75); border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.07); box-sizing:border-box; } .gtmShopOrderActions__row { display:flex; flex-wrap:wrap; gap:6px; } .gtmShopOrderActions__btn a, .gtmShopOrderActions__btn input, .gtmShopOrderActions__btn button, .gtmShopOrderActions__btn { display:inline-flex; align-items:center; justify-content:center; min-height:28px; padding:0 11px; color:#f5ebce !important; font:800 10px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.3px; text-decoration:none !important; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-bottom-color:#b89145; border-radius:3px; cursor:pointer; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 3px rgba(0,0,0,0.22); } .gtmShopOrderActions__btn--pay a, .gtmShopOrderActions__btn--pay input, .gtmShopOrderActions__btn--pay button { color:#eaffea !important; background:linear-gradient(180deg, #4e8b55, #203c24) !important; border-color:#203c24 !important; } /* GRID */ .gtmShopOrderGrid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:0 0 14px 0; } /* BOX */ .gtmShopOrderBox { position:relative; overflow:hidden; margin:0 0 14px 0; background:#f5ebce; color:#2f2b1b; border:1px solid #443f2d; border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.65); box-sizing:border-box; } .gtmShopOrderGrid .gtmShopOrderBox { margin:0; } .gtmShopOrderBox:before { content:""; position:absolute; left:0; top:0; right:0; height:4px; background:linear-gradient(to right, #2f2b1b, #6b5b32, #b89145, #6b5b32, #2f2b1b); z-index:2; pointer-events:none; } .gtmShopOrderBox__head { position:relative; z-index:1; display:flex; align-items:center; gap:8px; min-height:36px; padding:9px 10px 8px 10px; box-sizing:border-box; background:linear-gradient(180deg, #5a5036, #2f2b1b); border-bottom:1px solid rgba(184,145,69,0.45); } .gtmShopOrderBox__icon { flex:0 0 24px; width:24px; height:24px; display:flex; align-items:center; justify-content:center; color:#2f2b1b; font:900 13px/1 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #f5ebce, #b89145); border:1px solid rgba(0,0,0,0.65); border-radius:50%; } .gtmShopOrderBox__title { flex:1 1 auto; min-width:0; color:#f5ebce; font:700 15px/1.25 Arial, Tahoma, sans-serif; text-shadow:0 1px 1px rgba(0,0,0,0.45); } .gtmShopOrderBox__badge { flex:0 0 auto; padding:4px 7px; color:#f5ebce; font:800 10px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.45px; background:rgba(0,0,0,0.28); border:1px solid rgba(245,220,150,0.22); border-radius:20px; } .gtmShopOrderBox__body { position:relative; z-index:1; padding:12px; box-sizing:border-box; } /* MONEY */ .gtmShopOrderMoney { background:#fff7dc; border:1px solid #d1bd82; border-radius:5px; overflow:hidden; } .gtmShopOrderMoney__row { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 10px; border-bottom:1px solid rgba(139,106,45,0.20); color:#3b3422; font:700 12px/1.3 Arial, Tahoma, sans-serif; } .gtmShopOrderMoney__row:last-child { border-bottom:0; } .gtmShopOrderMoney__row b { color:#2f2b1b; font-weight:900; } .gtmShopOrderMoney__row--discount b { color:#4e8b55; } .gtmShopOrderMoney__row--topay { background:linear-gradient(180deg, #fff3ba, #d9aa3f); color:#2f2b1b; } .gtmShopOrderMoney__row--topay b { font-size:16px; } /* INFO */ .gtmShopOrderInfoLine { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 0 8px 0; padding:8px 10px; color:#3b3422; font:700 12px/1.3 Arial, Tahoma, sans-serif; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:5px; } .gtmShopOrderInfoLine span { color:#6b4b18; text-transform:uppercase; font-size:10px; letter-spacing:0.25px; } .gtmShopOrderInfoLine b { color:#2f2b1b; } .gtmShopOrderText { padding:9px 10px; margin:0 0 8px 0; color:#3b3422; font:12px/1.45 Arial, Tahoma, sans-serif; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:5px; } /* SYSTEM CONTENT */ .gtmShopOrderContent { color:#2f2b1b; font:13px/1.45 Arial, Tahoma, sans-serif; } .gtmShopOrderContent table { width:100% !important; max-width:100% !important; border-collapse:separate; border-spacing:0; color:#2f2b1b; background:#fff7dc; border:1px solid #d1bd82; border-radius:5px; overflow:hidden; } .gtmShopOrderContent td, .gtmShopOrderContent th { padding:8px 9px !important; border-bottom:1px solid rgba(139,106,45,0.22); color:#2f2b1b; } .gtmShopOrderContent th { color:#f5ebce !important; background:linear-gradient(180deg, #5a5036, #2f2b1b) !important; } .gtmShopOrderContent a { color:#5a3b12; font-weight:700; text-decoration:none; } .gtmShopOrderContent a:hover { color:#8b6a2d; text-decoration:underline; } .gtmShopOrderContent input[type="text"], .gtmShopOrderContent input[type="password"], .gtmShopOrderContent input[type="email"], .gtmShopOrderContent textarea, .gtmShopOrderContent select { max-width:100%; box-sizing:border-box; color:#2f2b1b; font:13px/1.35 Arial, Tahoma, sans-serif; background:#fffaf0; border:1px solid #c5ae71; border-radius:4px; padding:7px 8px; } .gtmShopOrderContent input[type="submit"], .gtmShopOrderContent input[type="button"], .gtmShopOrderContent button { min-height:28px; padding:0 12px; color:#f5ebce !important; font:800 11px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-bottom-color:#b89145; border-radius:3px; cursor:pointer; } /* DIGITAL */ .gtmShopOrderDigital { display:flex; flex-wrap:wrap; gap:6px; } .gtmShopOrderDigital__item { display:inline-flex; align-items:center; min-height:24px; padding:4px 8px; color:#eaffea; font:700 11px/1 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #4e8b55, #203c24); border:1px solid #203c24; border-radius:20px; } /* BOTTOM */ .gtmShopOrderBottomInfo { clear:both; display:block; width:100%; margin:14px 0 0 0; padding:11px 12px; color:#d6c795; font:12px/1.55 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, rgba(70,62,42,0.92), rgba(31,29,20,0.98)); border:1px solid rgba(0,0,0,0.75); border-left:3px solid rgba(184,145,69,0.70); border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.32), inset 0 1px 0 rgba(255,255,255,0.07); box-sizing:border-box; } .gtmShopOrderBottomInfo b { color:#fff2ba; } /* FIX */ .gtmShopOrderContent:after { content:""; display:block; clear:both; } /* MOBILE */ @media (max-width:700px) { .gtmShopOrderHero { padding:10px; } .gtmShopOrderHero__top { gap:9px; } .gtmShopOrderHero__icon { flex-basis:32px; width:32px; height:32px; font-size:16px; } .gtmShopOrderHero h1 { font-size:15px; } .gtmShopOrderHero:after { right:8px; top:12px; font-size:28px; } .gtmShopOrderHero__stats, .gtmShopOrderHero__mini { margin-left:0; } .gtmShopOrderGrid { grid-template-columns:1fr; } .gtmShopOrderActions__btn, .gtmShopOrderActions__btn a, .gtmShopOrderActions__btn input, .gtmShopOrderActions__btn button { width:100% !important; box-sizing:border-box !important; } .gtmShopOrderBox__head { align-items:flex-start; } .gtmShopOrderBox__badge { display:none; } .gtmShopOrderInfoLine, .gtmShopOrderMoney__row { align-items:flex-start; flex-direction:column; } .gtmShopOrderContent table, .gtmShopOrderContent tbody, .gtmShopOrderContent tr, .gtmShopOrderContent td, .gtmShopOrderContent th { display:block; width:100% !important; box-sizing:border-box; } .gtmShopOrderContent input[type="text"], .gtmShopOrderContent input[type="password"], .gtmShopOrderContent input[type="email"], .gtmShopOrderContent textarea, .gtmShopOrderContent select, .gtmShopOrderContent input[type="submit"], .gtmShopOrderContent input[type="button"], .gtmShopOrderContent button { width:100% !important; margin:0 0 6px 0; } } /* =============================== 539. ВТОРОЙ ВИД ТОВАРА Горизонтальная карточка товара gtmShopListItem =============================== */ .gtmShopListItem { position:relative; overflow:hidden; display:flex; gap:10px; width:100%; min-height:118px; margin:0 0 12px 0; padding:9px; color:#f5ebce; background: linear-gradient(180deg, rgba(70,62,42,0.96), rgba(31,29,20,0.98)), radial-gradient(circle at top left, rgba(245,220,150,0.12), transparent 55%); border:1px solid rgba(0,0,0,0.78); border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.38), inset 0 1px 0 rgba(255,255,255,0.08), inset 0 0 28px rgba(0,0,0,0.28); box-sizing:border-box; transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease; } .gtmShopListItem:hover { border-color:rgba(184,145,69,0.62); box-shadow: 0 3px 8px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.10), inset 0 0 32px rgba(0,0,0,0.30); transform:translateY(-1px); } .gtmShopListItem:before { content:""; position:absolute; left:0; top:0; right:0; height:3px; background:linear-gradient( to right, #2f2b1b, #6b5b32, #b89145, #6b5b32, #2f2b1b ); pointer-events:none; z-index:3; } .gtmShopListItem:after { content:"ITEM"; position:absolute; right:10px; top:8px; color:rgba(255,255,255,0.030); font:900 34px/1 Arial, Tahoma, sans-serif; letter-spacing:2px; pointer-events:none; z-index:0; } /* Фото */ .gtmShopListItem__photoBox { position:relative; z-index:1; flex:0 0 116px; width:116px; } .gtmShopListItem__photoLink { display:block; position:relative; overflow:hidden; width:116px; height:86px; background:#1d1a12; border:1px solid rgba(0,0,0,0.72); border-radius:5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 1px 5px rgba(0,0,0,0.55); text-decoration:none; } .gtmShopListItem__photoLink:after { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background: linear-gradient(to bottom, rgba(255,255,255,0.04), rgba(0,0,0,0.28)), radial-gradient(circle at center, transparent, rgba(0,0,0,0.20)); box-shadow: inset 0 0 0 1px rgba(0,0,0,0.45), inset 0 -14px 22px rgba(0,0,0,0.34); pointer-events:none; } .gtmShopListItem__photo { display:block; width:100%; height:100%; object-fit:cover; border:0; transform:scale(1); filter:brightness(0.96) contrast(1.03); transition: transform 0.35s ease, filter 0.35s ease; } .gtmShopListItem:hover .gtmShopListItem__photo { transform:scale(1.06); filter:brightness(1.08) contrast(1.05); } /* SALE */ .gtmShopListItem__sale { position:absolute; left:6px; top:6px; z-index:4; display:inline-flex; align-items:center; justify-content:center; min-height:20px; padding:0 7px; color:#2f2b1b; font:900 9px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.4px; background:linear-gradient(180deg, #fff3ba, #d9aa3f); border:1px solid #8b6a2d; border-radius:20px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.65), 0 0 10px rgba(184,145,69,0.34), 0 1px 4px rgba(0,0,0,0.45); } /* Контент */ .gtmShopListItem__content { position:relative; z-index:1; flex:1 1 auto; min-width:0; } .gtmShopListItem__top { display:flex; flex-wrap:wrap; gap:5px; margin:0 0 6px 0; } .gtmShopListItem__cat, .gtmShopListItem__art { display:inline-flex; align-items:center; min-height:20px; padding:3px 7px; color:#cfc09a; font:700 9px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.25px; background:rgba(0,0,0,0.22); border:1px solid rgba(245,220,150,0.11); border-radius:20px; white-space:nowrap; box-sizing:border-box; } .gtmShopListItem__art { color:#fff2ba; background:rgba(184,145,69,0.18); border-color:rgba(245,220,150,0.18); } .gtmShopListItem__name { margin:0 0 7px 0; color:#fff3c2; font:900 14px/1.25 Arial, Tahoma, sans-serif; text-shadow:0 1px 0 rgba(0,0,0,0.85); } .gtmShopListItem__meta { display:flex; flex-wrap:wrap; gap:5px; margin:0 0 7px 0; } .gtmShopListItem__meta span { display:inline-flex; align-items:center; min-height:20px; padding:3px 7px; color:#d6c795; font:700 10px/1 Arial, Tahoma, sans-serif; background:rgba(0,0,0,0.20); border:1px solid rgba(245,220,150,0.10); border-radius:20px; } .gtmShopListItem__meta b { margin-left:4px; color:#fff2ba; } .gtmShopListItem__stats { display:flex; flex-wrap:wrap; gap:5px; } .gtmShopListItem__stats span { display:inline-flex; align-items:center; min-height:20px; padding:3px 7px; color:#cfc09a; font:700 10px/1 Arial, Tahoma, sans-serif; background:rgba(0,0,0,0.22); border:1px solid rgba(245,220,150,0.11); border-radius:20px; } /* Правая часть */ .gtmShopListItem__side { position:relative; z-index:1; flex:0 0 128px; width:128px; display:flex; flex-direction:column; align-items:flex-end; justify-content:space-between; gap:7px; padding-left:8px; border-left:1px solid rgba(245,220,150,0.10); box-sizing:border-box; } .gtmShopListItem__stockBox { display:flex; justify-content:flex-end; } .gtmShopListItem__stock { display:inline-flex; align-items:center; justify-content:center; min-height:22px; padding:0 8px; font:900 9px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.35px; border-radius:20px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 4px rgba(0,0,0,0.45); white-space:nowrap; } .gtmShopListItem__stock--yes { color:#eaffea; background:linear-gradient(180deg, #4e8b55, #203c24); border:1px solid #203c24; } .gtmShopListItem__stock--no { color:#ffecec; background:linear-gradient(180deg, #9a4c4c, #4a2020); border:1px solid #4a2020; } .gtmShopListItem__priceBox { text-align:right; } .gtmShopListItem__oldPrice { margin:0 0 3px 0; color:#aa9b75; font:800 11px/1 Arial, Tahoma, sans-serif; text-decoration:line-through; } .gtmShopListItem__price { color:#fff2ba; font:900 17px/1 Arial, Tahoma, sans-serif; text-shadow:0 1px 0 rgba(0,0,0,0.85); } .gtmShopListItem__basket { width:100%; } .gtmShopListItem__basket a, .gtmShopListItem__basket input, .gtmShopListItem__basket button { display:inline-flex !important; align-items:center !important; justify-content:center !important; width:100% !important; min-height:28px !important; padding:0 9px !important; color:#eaffea !important; font:900 9px/1 Arial, Tahoma, sans-serif !important; text-transform:uppercase !important; letter-spacing:0.3px !important; text-decoration:none !important; background:linear-gradient(180deg, #4e8b55, #203c24) !important; border:1px solid #203c24 !important; border-radius:3px !important; cursor:pointer !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 4px rgba(0,0,0,0.35) !important; box-sizing:border-box !important; } .gtmShopListItem__basket a:hover, .gtmShopListItem__basket input:hover, .gtmShopListItem__basket button:hover { color:#ffffff !important; background:linear-gradient(180deg, #5da866, #294b2e) !important; } /* Компактные места вывода */ .gtmShopListItem_top_view, .gtmShopListItem_top_sold, .gtmShopListItem_price { min-height:96px; padding:7px; } .gtmShopListItem_top_view .gtmShopListItem__photoBox, .gtmShopListItem_top_sold .gtmShopListItem__photoBox, .gtmShopListItem_price .gtmShopListItem__photoBox { flex-basis:92px; width:92px; } .gtmShopListItem_top_view .gtmShopListItem__photoLink, .gtmShopListItem_top_sold .gtmShopListItem__photoLink, .gtmShopListItem_price .gtmShopListItem__photoLink { width:92px; height:68px; } .gtmShopListItem_top_view .gtmShopListItem__name, .gtmShopListItem_top_sold .gtmShopListItem__name, .gtmShopListItem_price .gtmShopListItem__name { font-size:12px; } /* Мобильная версия */ @media (max-width:700px) { .gtmShopListItem { display:block; padding:9px; } .gtmShopListItem:hover { transform:none; } .gtmShopListItem__photoBox { width:100%; margin:0 0 9px 0; } .gtmShopListItem__photoLink { width:100%; height:150px; } .gtmShopListItem__side { width:100%; flex-basis:auto; align-items:stretch; margin:9px 0 0 0; padding:9px 0 0 0; border-left:0; border-top:1px solid rgba(245,220,150,0.10); } .gtmShopListItem__stockBox, .gtmShopListItem__priceBox { text-align:left; justify-content:flex-start; } .gtmShopListItem__basket, .gtmShopListItem__basket a, .gtmShopListItem__basket input, .gtmShopListItem__basket button { width:100% !important; } } /* =============================== 540. Ещё одна страница заказа gtmOrderDesk =============================== */ .gtmOrderDeskPage { width:100%; box-sizing:border-box; } /* HERO */ .gtmOrderDeskHero { position:relative; overflow:hidden; margin:0 0 14px 0; padding:12px; color:#f5ebce; background: linear-gradient(180deg, rgba(70,62,42,0.96), rgba(31,29,20,0.98)), radial-gradient(circle at top left, rgba(245,220,150,0.12), transparent 55%); border:1px solid rgba(0,0,0,0.78); border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.38), inset 0 1px 0 rgba(255,255,255,0.08), inset 0 0 28px rgba(0,0,0,0.28); box-sizing:border-box; } .gtmOrderDeskHero:before { content:""; position:absolute; left:0; top:0; right:0; height:3px; background:linear-gradient( to right, #2f2b1b, #6b5b32, #b89145, #6b5b32, #2f2b1b ); pointer-events:none; z-index:3; } .gtmOrderDeskHero:after { content:"ORDER"; position:absolute; right:10px; top:10px; color:rgba(255,255,255,0.035); font:900 42px/1 Arial, Tahoma, sans-serif; letter-spacing:2px; pointer-events:none; z-index:0; } .gtmOrderDeskHero__top { position:relative; z-index:1; display:flex; align-items:flex-start; gap:11px; } .gtmOrderDeskHero__icon { flex:0 0 38px; width:38px; height:38px; display:flex; align-items:center; justify-content:center; color:#241707; font:900 18px/1 Arial, Tahoma, sans-serif; background:radial-gradient(circle at 30% 25%, #fff4bd, #b88932 58%, #5a3812); border:1px solid rgba(0,0,0,0.72); border-radius:50%; box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 1px 5px rgba(0,0,0,0.55); animation:gtmOrderDeskIconGlow 4s ease-in-out infinite; } @keyframes gtmOrderDeskIconGlow { 0% { box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 1px 5px rgba(0,0,0,0.55); } 50% { box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 0 12px rgba(184,145,69,0.42), 0 1px 5px rgba(0,0,0,0.55); } 100% { box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 1px 5px rgba(0,0,0,0.55); } } .gtmOrderDeskHero__titleBox { flex:1 1 auto; min-width:0; } .gtmOrderDeskHero h1 { margin:0; padding:0; color:#fff3c2; font:900 18px/1.25 Arial, Tahoma, sans-serif; text-shadow:0 1px 0 rgba(0,0,0,0.85); } .gtmOrderDeskHero__sub { margin-top:5px; color:#cfc09a; font:12px/1.35 Arial, Tahoma, sans-serif; } .gtmOrderDeskHero__path { margin-top:6px; color:#d6c795; font:11px/1.4 Arial, Tahoma, sans-serif; } .gtmOrderDeskHero__path a { color:#f1d27a; text-decoration:none; } .gtmOrderDeskHero__path a:hover { color:#fff2ba; text-decoration:underline; } .gtmOrderDeskHero__status { position:relative; z-index:1; flex:0 0 auto; min-height:28px; padding:7px 10px; color:#eaffea; font:900 10px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.45px; background:linear-gradient(180deg, #4e8b55, #203c24); border:1px solid #203c24; border-radius:20px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 0 12px rgba(78,139,85,0.22), 0 1px 4px rgba(0,0,0,0.35); } .gtmOrderDeskHero__info { position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:5px; margin:10px 0 0 49px; } .gtmOrderDeskHero__info span { display:inline-flex; align-items:center; min-height:22px; padding:3px 7px; color:#e8d9aa; font:700 10px/1 Arial, Tahoma, sans-serif; background:rgba(0,0,0,0.26); border:1px solid rgba(245,220,150,0.15); border-radius:20px; white-space:nowrap; } .gtmOrderDeskHero__info b { margin-left:4px; color:#fff2ba; } /* BUTTONS */ .gtmOrderDeskButtons { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 14px 0; padding:10px; background:linear-gradient(180deg, rgba(70,62,42,0.94), rgba(31,29,20,0.98)); border:1px solid rgba(0,0,0,0.75); border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.07); box-sizing:border-box; } .gtmOrderDeskButtons__item, .gtmOrderDeskButtons__item a, .gtmOrderDeskButtons__item input, .gtmOrderDeskButtons__item button { display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:28px !important; padding:0 11px !important; color:#f5ebce !important; font:800 10px/1 Arial, Tahoma, sans-serif !important; text-transform:uppercase !important; letter-spacing:0.3px !important; text-decoration:none !important; background:linear-gradient(180deg, #5a5036, #2f2b1b) !important; border:1px solid rgba(0,0,0,0.72) !important; border-bottom-color:#b89145 !important; border-radius:3px !important; cursor:pointer !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 3px rgba(0,0,0,0.22) !important; } .gtmOrderDeskButtons__item--pay, .gtmOrderDeskButtons__item--pay a, .gtmOrderDeskButtons__item--pay input, .gtmOrderDeskButtons__item--pay button { color:#eaffea !important; background:linear-gradient(180deg, #4e8b55, #203c24) !important; border-color:#203c24 !important; } /* TOTALS */ .gtmOrderDeskTotals { display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:8px; margin:0 0 14px 0; } .gtmOrderDeskTotal { padding:10px; background:#f5ebce; border:1px solid #443f2d; border-left:3px solid #8b6a2d; border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.65); box-sizing:border-box; } .gtmOrderDeskTotal span { display:block; color:#6b4b18; font:800 10px/1.25 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.25px; } .gtmOrderDeskTotal b { display:block; margin-top:5px; color:#2f2b1b; font:900 14px/1.15 Arial, Tahoma, sans-serif; } .gtmOrderDeskTotal--discount b { color:#4e8b55; } .gtmOrderDeskTotal--main { background:linear-gradient(180deg, #fff3ba, #d9aa3f); border-color:#8b6a2d; } .gtmOrderDeskTotal--main span, .gtmOrderDeskTotal--main b { color:#2f2b1b; } .gtmOrderDeskTotal--main b { font-size:17px; } /* GRID */ .gtmOrderDeskGrid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:0 0 14px 0; } /* BOX */ .gtmOrderDeskBox { position:relative; overflow:hidden; margin:0 0 14px 0; background:#f5ebce; color:#2f2b1b; border:1px solid #443f2d; border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.65); box-sizing:border-box; } .gtmOrderDeskGrid .gtmOrderDeskBox { margin:0; } .gtmOrderDeskBox:before { content:""; position:absolute; left:0; top:0; right:0; height:4px; background:linear-gradient(to right, #2f2b1b, #6b5b32, #b89145, #6b5b32, #2f2b1b); z-index:2; pointer-events:none; } .gtmOrderDeskBox__head { position:relative; z-index:1; display:flex; align-items:center; gap:8px; min-height:36px; padding:9px 10px 8px 10px; box-sizing:border-box; background:linear-gradient(180deg, #5a5036, #2f2b1b); border-bottom:1px solid rgba(184,145,69,0.45); } .gtmOrderDeskBox__icon { flex:0 0 24px; width:24px; height:24px; display:flex; align-items:center; justify-content:center; color:#2f2b1b; font:900 13px/1 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #f5ebce, #b89145); border:1px solid rgba(0,0,0,0.65); border-radius:50%; } .gtmOrderDeskBox__title { flex:1 1 auto; min-width:0; color:#f5ebce; font:700 15px/1.25 Arial, Tahoma, sans-serif; text-shadow:0 1px 1px rgba(0,0,0,0.45); } .gtmOrderDeskBox__body { position:relative; z-index:1; padding:12px; box-sizing:border-box; } /* LINES */ .gtmOrderDeskLine { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 0 8px 0; padding:8px 10px; color:#3b3422; font:700 12px/1.3 Arial, Tahoma, sans-serif; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:5px; } .gtmOrderDeskLine span { color:#6b4b18; font:800 10px/1.3 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.25px; } .gtmOrderDeskLine b { color:#2f2b1b; } .gtmOrderDeskText { padding:9px 10px; margin:0 0 8px 0; color:#3b3422; font:12px/1.45 Arial, Tahoma, sans-serif; background:#fff7dc; border:1px solid #d1bd82; border-left:3px solid #8b6a2d; border-radius:5px; } /* SYSTEM */ .gtmOrderDeskSystem { color:#2f2b1b; font:13px/1.45 Arial, Tahoma, sans-serif; } .gtmOrderDeskSystem table { width:100% !important; max-width:100% !important; border-collapse:separate; border-spacing:0; color:#2f2b1b; background:#fff7dc; border:1px solid #d1bd82; border-radius:5px; overflow:hidden; } .gtmOrderDeskSystem td, .gtmOrderDeskSystem th { padding:8px 9px !important; border-bottom:1px solid rgba(139,106,45,0.22); color:#2f2b1b; } .gtmOrderDeskSystem th { color:#f5ebce !important; background:linear-gradient(180deg, #5a5036, #2f2b1b) !important; } .gtmOrderDeskSystem a { color:#5a3b12; font-weight:700; text-decoration:none; } .gtmOrderDeskSystem a:hover { color:#8b6a2d; text-decoration:underline; } .gtmOrderDeskSystem input[type="text"], .gtmOrderDeskSystem input[type="password"], .gtmOrderDeskSystem input[type="email"], .gtmOrderDeskSystem textarea, .gtmOrderDeskSystem select { max-width:100%; box-sizing:border-box; color:#2f2b1b; font:13px/1.35 Arial, Tahoma, sans-serif; background:#fffaf0; border:1px solid #c5ae71; border-radius:4px; padding:7px 8px; } .gtmOrderDeskSystem input[type="submit"], .gtmOrderDeskSystem input[type="button"], .gtmOrderDeskSystem button { min-height:28px; padding:0 12px; color:#f5ebce !important; font:800 11px/1 Arial, Tahoma, sans-serif; text-transform:uppercase; background:linear-gradient(180deg, #5a5036, #2f2b1b); border:1px solid rgba(0,0,0,0.72); border-bottom-color:#b89145; border-radius:3px; cursor:pointer; } /* NOTICE */ .gtmOrderDeskNotice { display:flex; align-items:center; gap:10px; margin:0 0 14px 0; padding:10px; background:linear-gradient(180deg, #7a3434, #321515); border:1px solid #1f0c0c; border-left:3px solid #b86a4a; border-radius:6px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.10), 0 0 14px rgba(122,52,52,0.28), 0 2px 5px rgba(0,0,0,0.28); box-sizing:border-box; } .gtmOrderDeskNotice__icon { flex:0 0 38px; width:38px; height:38px; display:flex; align-items:center; justify-content:center; color:#ffecec; font:900 18px/1 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #a04a4a, #4a2020); border:1px solid #1f0c0c; border-radius:50%; } .gtmOrderDeskNotice__body span { display:block; color:#f3b6a7; font:800 11px/1.3 Arial, Tahoma, sans-serif; text-transform:uppercase; letter-spacing:0.35px; } .gtmOrderDeskNotice__body b { display:block; margin-top:3px; color:#ffecec; font:900 13px/1.35 Arial, Tahoma, sans-serif; } /* DIGITAL */ .gtmOrderDeskDigital { display:flex; flex-wrap:wrap; gap:6px; } .gtmOrderDeskDigital__item { display:inline-flex; align-items:center; min-height:24px; padding:4px 8px; color:#eaffea; font:700 11px/1 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, #4e8b55, #203c24); border:1px solid #203c24; border-radius:20px; } /* BOTTOM */ .gtmOrderDeskBottom { clear:both; display:block; width:100%; margin:14px 0 0 0; padding:11px 12px; color:#d6c795; font:12px/1.55 Arial, Tahoma, sans-serif; background:linear-gradient(180deg, rgba(70,62,42,0.92), rgba(31,29,20,0.98)); border:1px solid rgba(0,0,0,0.75); border-left:3px solid rgba(184,145,69,0.70); border-radius:6px; box-shadow: 0 2px 5px rgba(0,0,0,0.32), inset 0 1px 0 rgba(255,255,255,0.07); box-sizing:border-box; } .gtmOrderDeskBottom b { color:#fff2ba; } /* FIX */ .gtmOrderDeskSystem:after { content:""; display:block; clear:both; } /* MOBILE */ @media (max-width:700px) { .gtmOrderDeskHero { padding:10px; } .gtmOrderDeskHero__top { display:block; } .gtmOrderDeskHero__icon { width:34px; height:34px; margin:0 0 8px 0; } .gtmOrderDeskHero h1 { font-size:15px; } .gtmOrderDeskHero:after { right:8px; top:12px; font-size:28px; } .gtmOrderDeskHero__status { margin:9px 0 0 0; } .gtmOrderDeskHero__info { margin-left:0; } .gtmOrderDeskButtons__item, .gtmOrderDeskButtons__item a, .gtmOrderDeskButtons__item input, .gtmOrderDeskButtons__item button { width:100% !important; box-sizing:border-box !important; } .gtmOrderDeskTotals { grid-template-columns:1fr; } .gtmOrderDeskGrid { grid-template-columns:1fr; } .gtmOrderDeskLine { align-items:flex-start; flex-direction:column; } .gtmOrderDeskNotice { align-items:flex-start; } .gtmOrderDeskSystem table, .gtmOrderDeskSystem tbody, .gtmOrderDeskSystem tr, .gtmOrderDeskSystem td, .gtmOrderDeskSystem th { display:block; width:100% !important; box-sizing:border-box; } .gtmOrderDeskSystem input[type="text"], .gtmOrderDeskSystem input[type="password"], .gtmOrderDeskSystem input[type="email"], .gtmOrderDeskSystem textarea, .gtmOrderDeskSystem select, .gtmOrderDeskSystem input[type="submit"], .gtmOrderDeskSystem input[type="button"], .gtmOrderDeskSystem button { width:100% !important; margin:0 0 6px 0; } } /* ========================================================= 541. GTAMANIA FORUM NORMAL CSS Тёмный стиль форума без поломки общего шаблона сайта ========================================================= */ @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&family=Exo+2:wght@400;600;700;800;900&display=swap"); /* ========================================================= 542. ПЕРЕМЕННЫЕ ========================================================= */ :root{ --gtmf-bg:#221d14; --gtmf-bg2:#17150d; --gtmf-box:#2f291d; --gtmf-box2:#3d3628; --gtmf-box3:#2a2418; --gtmf-box4:#211d14; --gtmf-box5:#261f15; --gtmf-line:#1c1710; --gtmf-line2:#2a2418; --gtmf-lineSoft:rgba(138,123,90,.30); --gtmf-lineSoft2:rgba(138,123,90,.18); --gtmf-lineGold:rgba(210,171,115,.38); --gtmf-text:#e4dac4; --gtmf-text2:#f5ebce; --gtmf-soft:#d8caa8; --gtmf-muted:#b6ac94; --gtmf-gold:#d2ab73; --gtmf-brown:#7a4a2a; --gtmf-red:#7c4632; --gtmf-red2:#5a2f21; --gtmf-green:#465c30; --gtmf-radius:12px; --gtmf-radius2:8px; } /* ========================================================= 543. БАЗА ТОЛЬКО ДЛЯ ФОРУМА ========================================================= */ .gtmForumContentWide, .gtmForumStablePage, .gtmForumStableBody{ width:100% !important; max-width:100% !important; min-width:0 !important; box-sizing:border-box !important; overflow:hidden !important; } .gtmForumContentWide{ float:none !important; } .gtmForumStablePage{ color:var(--gtmf-text); font-family:"Montserrat","Exo 2","Open Sans",Tahoma,Verdana,Arial,sans-serif; } .gtmForumStablePage *, .gtmForumStablePage *:before, .gtmForumStablePage *:after{ box-sizing:border-box !important; } .gtmForumStableBody:after{ content:""; display:block; clear:both; } .gtmForumStableBody table, .gtmForumStableBody tbody, .gtmForumStableBody thead, .gtmForumStableBody tfoot, .gtmForumStableBody tr{ max-width:100% !important; box-sizing:border-box !important; } .gtmForumStableBody table, .gtmForumStableBody .gTable, .gtmForumStableBody .postTable{ width:100% !important; max-width:100% !important; min-width:0 !important; table-layout:auto !important; border-collapse:separate !important; border-spacing:0 !important; } .gtmForumStableBody td, .gtmForumStableBody th{ max-width:100% !important; min-width:0 !important; box-sizing:border-box !important; overflow:hidden !important; vertical-align:top; } .gtmForumStableBody img, .gtmForumStableBody iframe, .gtmForumStableBody video, .gtmForumStableBody object, .gtmForumStableBody embed{ max-width:100% !important; height:auto !important; } .gtmForumStableBody input, .gtmForumStableBody textarea, .gtmForumStableBody select, .gtmForumStableBody button{ max-width:100% !important; box-sizing:border-box !important; } .gtmForumStableBody pre, .gtmForumStableBody code{ max-width:100% !important; overflow:auto !important; white-space:pre-wrap !important; word-break:break-word !important; } .gtmForumStableBody a, .gtmForumStableBody div, .gtmForumStableBody span, .gtmForumStableBody td, .gtmForumStableBody th, .gtmForumStableBody p, .gtmForumStableBody font{ overflow-wrap:anywhere !important; word-break:break-word !important; } .gtmForumStablePage, .gtmForumStableBody, .gtmForumStableBody table, .gtmForumStableBody td, .gtmForumStableBody th, .gtmForumStableBody input, .gtmForumStableBody textarea, .gtmForumStableBody select, .gtmForumStableBody button{ color:var(--gtmf-text) !important; font-family:"Montserrat","Exo 2","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; font-size:13px; line-height:1.45; } /* ========================================================= 544. ССЫЛКИ ========================================================= */ .gtmForumStablePage a, .gtmForumStablePage a:link, .gtmForumStablePage a:visited{ color:var(--gtmf-gold) !important; text-decoration:none !important; } .gtmForumStablePage a:hover{ color:var(--gtmf-text2) !important; text-decoration:underline !important; } /* ========================================================= 545. ОБЩИЕ ПАНЕЛИ ========================================================= */ .gtmForumStableHead, .gtmForumPathBox, .gtmForumUserBox, .gtmForumBottomStats, .gtmForumIconLegend, .gtmForumBeforeBodyPanel, .gtmForumReplyPanel, .gtmForumReplyRules, .gtmForumStableBody table, .gtmForumStableBody .gTable, .gtmForumStableBody .postTable{ position:relative; color:var(--gtmf-text) !important; background:var(--gtmf-box) !important; border:1px solid var(--gtmf-line) !important; border-radius:12px !important; box-shadow: 0 14px 30px rgba(0,0,0,.38), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.16) inset !important; overflow:hidden !important; } .gtmForumStableHead:before, .gtmForumPathBox:before, .gtmForumUserBox:before, .gtmForumBottomStats:before{ content:""; position:absolute; inset:1px; border-radius:11px; border:1px solid rgba(255,255,255,.03); pointer-events:none; z-index:1; } .gtmForumStableHead:after, .gtmForumPathBox:after, .gtmForumUserBox:after, .gtmForumBottomStats:after{ content:""; position:absolute; left:0; top:0; width:100%; height:1px; background:rgba(240,221,185,.30); pointer-events:none; z-index:1; } .gtmForumStableHead > *, .gtmForumPathBox > *, .gtmForumUserBox > *, .gtmForumBottomStats > *{ position:relative; z-index:2; } /* ========================================================= 546. ШАПКА ФОРУМА ========================================================= */ .gtmForumStableHead{ display:flex; align-items:flex-start; gap:12px; margin:0 0 12px 0 !important; padding:10px !important; } .gtmForumStableHead__icon{ flex:0 0 36px; width:36px; height:36px; display:flex; align-items:center; justify-content:center; color:var(--gtmf-text2) !important; background:#3a3325 !important; border:1px solid var(--gtmf-lineSoft) !important; border-radius:50%; font:900 17px/1 "Montserrat","Exo 2",Tahoma,Verdana,Arial,sans-serif !important; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.22); } .gtmForumStableHead__main{ flex:1 1 auto; min-width:0; } .gtmForumStableHead h1{ margin:0 0 5px 0; padding:0; color:var(--gtmf-text2) !important; font:900 18px/1.25 "Montserrat","Exo 2",Tahoma,Verdana,Arial,sans-serif !important; text-shadow:1px 1px 0 rgba(0,0,0,.82); } .gtmForumStableHead__text{ color:var(--gtmf-soft) !important; font-size:12px; line-height:1.45; text-shadow:1px 1px 0 rgba(0,0,0,.82); } .gtmForumStableHead__nav{ display:flex !important; flex-wrap:wrap !important; gap:6px !important; margin:10px 0 0 0 !important; } .gtmForumStableHead__nav a, .gtmForumStableHead__nav a:link, .gtmForumStableHead__nav a:visited{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:26px !important; padding:0 10px !important; color:var(--gtmf-soft) !important; background:var(--gtmf-line2) !important; border:1px solid rgba(138,123,90,.30) !important; border-radius:8px !important; font:900 10px/1 "Montserrat","Exo 2",Tahoma,Verdana,Arial,sans-serif !important; text-transform:uppercase !important; text-decoration:none !important; letter-spacing:.04em !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.22) !important; } .gtmForumStableHead__nav a:hover{ color:var(--gtmf-text2) !important; background:#3a3325 !important; border-color:rgba(210,171,115,.45) !important; text-decoration:none !important; } /* ========================================================= 547. ПУТЬ / ПОЛЬЗОВАТЕЛЬ ========================================================= */ .gtmForumTopInfo{ display:grid !important; grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) !important; gap:10px !important; width:100% !important; max-width:100% !important; margin:0 0 12px !important; box-sizing:border-box !important; } .gtmForumPathBox, .gtmForumUserBox{ padding:10px 12px !important; width:100% !important; max-width:100% !important; box-sizing:border-box !important; } .gtmForumPathBox__title, .gtmForumUserBox__title, .gtmForumBottomStats__title, .gtmForumIconLegend__title, .gtmForumReplyRules__title{ margin:0 0 7px 0 !important; color:var(--gtmf-text2) !important; font:900 12px/1.25 "Montserrat","Exo 2",Tahoma,Verdana,Arial,sans-serif !important; text-transform:uppercase !important; letter-spacing:.06em !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; } .gtmForumPathBox__links, .gtmForumUserBox__badges, .gtmForumBottomStats__badges{ display:flex !important; flex-wrap:wrap !important; align-items:center !important; gap:6px !important; } .gtmForumPathBox__links{ color:var(--gtmf-muted) !important; font-size:11px; font-weight:800; line-height:1.35; } .gtmForumPathBox__links > span{ color:#8a7b5a !important; font-weight:900 !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; } .gtmForumPathBox__links > a, .gtmForumUserBox__badges span, .gtmForumBottomStats__badges a, .gtmForumBottomStats__badges a:link, .gtmForumBottomStats__badges a:visited{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:24px !important; padding:0 9px !important; color:var(--gtmf-soft) !important; background:var(--gtmf-line2) !important; border:1px solid rgba(138,123,90,.28) !important; border-radius:7px !important; font:900 10px/1 "Montserrat","Exo 2",Tahoma,Verdana,Arial,sans-serif !important; text-decoration:none !important; text-transform:uppercase !important; letter-spacing:.04em !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.22) !important; } .gtmForumPathBox__links > a:hover, .gtmForumBottomStats__badges a:hover{ color:var(--gtmf-text2) !important; background:#3a3325 !important; border-color:rgba(245,235,206,.30) !important; text-decoration:none !important; } .gtmForumUserBox__badges b{ color:var(--gtmf-text2) !important; font-weight:900; } /* ========================================================= 548. ПАНЕЛЬ КНОПОК ========================================================= */ .gtmForumBeforeBodyPanel, .gtmForumReplyPanel{ display:flex; flex-wrap:wrap; gap:7px; margin:0 0 12px; padding:9px; } .gtmForumReplyButton, .gtmForumReplyButton:link, .gtmForumReplyButton:visited, .gtmForumSmallBtn, .gtmForumSmallBtn:link, .gtmForumSmallBtn:visited{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:28px !important; padding:0 12px !important; color:var(--gtmf-text2) !important; background:#6f4330 !important; border:1px solid #3e2419 !important; border-radius:8px !important; font-size:11px !important; font-weight:900 !important; line-height:1 !important; text-transform:uppercase !important; letter-spacing:.04em !important; text-decoration:none !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: 0 2px 6px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.14) !important; } .gtmForumSmallBtn, .gtmForumSmallBtn:link, .gtmForumSmallBtn:visited{ color:var(--gtmf-soft) !important; background:var(--gtmf-line2) !important; border-color:rgba(138,123,90,.30) !important; } .gtmForumReplyButton:hover, .gtmForumSmallBtn:hover{ color:#fff !important; background:#7c4632 !important; border-color:var(--gtmf-gold) !important; text-decoration:none !important; } /* ========================================================= 549. СИСТЕМНЫЕ ТАБЛИЦЫ ========================================================= */ .gtmForumStableBody td, .gtmForumStableBody th{ color:var(--gtmf-text) !important; background:var(--gtmf-box5) !important; border-color:var(--gtmf-lineSoft2) !important; } .gtmForumStableBody tr:first-child > td, .gtmForumStableBody tr:first-child > th, .gtmForumStableBody .gTableTop, .gtmForumStableBody .gTableSubTop, .gtmForumStableBody .forumNames, .gtmForumStableBody .forumNamesTd, .gtmForumStableBody .threadHead, .gtmForumStableBody .threadHeadTd{ color:var(--gtmf-text2) !important; background:#3e3527 !important; border:1px solid var(--gtmf-line2) !important; border-bottom:1px solid var(--gtmf-lineGold) !important; border-radius:8px !important; font-weight:900 !important; text-transform:uppercase !important; letter-spacing:.05em !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 2px 6px rgba(0,0,0,.24) !important; } .gtmForumStableBody tr:first-child > td *, .gtmForumStableBody tr:first-child > th *, .gtmForumStableBody .gTableTop *, .gtmForumStableBody .gTableSubTop *{ color:var(--gtmf-text2) !important; } /* ========================================================= 550. КАТЕГОРИИ / ТЕМЫ / ОПРОСЫ ========================================================= */ .gtmForumStableBody .forumRowCard, .gtmForumStableBody .threadRowCard{ width:100%; max-width:100%; background:#261f15 !important; transition:background .18s ease, box-shadow .18s ease, transform .18s ease !important; } .gtmForumStableBody .forumIcoTd, .gtmForumStableBody .forumNameTd, .gtmForumStableBody .forumThreadTd, .gtmForumStableBody .forumPostTd, .gtmForumStableBody .forumLastPostTd, .gtmForumStableBody .threadIcoTd, .gtmForumStableBody .threadNametd, .gtmForumStableBody .threadPostTd, .gtmForumStableBody .threadViewTd, .gtmForumStableBody .threadAuthTd, .gtmForumStableBody .threadLastPostTd{ padding:8px 9px !important; color:var(--gtmf-text) !important; background:var(--gtmf-box5) !important; border-top:1px solid var(--gtmf-lineSoft2) !important; vertical-align:middle !important; overflow:hidden !important; transition:background .18s ease; } .gtmForumStableBody tr:hover > .forumIcoTd, .gtmForumStableBody tr:hover > .forumNameTd, .gtmForumStableBody tr:hover > .forumThreadTd, .gtmForumStableBody tr:hover > .forumPostTd, .gtmForumStableBody tr:hover > .forumLastPostTd, .gtmForumStableBody tr:hover > .threadIcoTd, .gtmForumStableBody tr:hover > .threadNametd, .gtmForumStableBody tr:hover > .threadPostTd, .gtmForumStableBody tr:hover > .threadViewTd, .gtmForumStableBody tr:hover > .threadAuthTd, .gtmForumStableBody tr:hover > .threadLastPostTd{ background:var(--gtmf-box) !important; color:var(--gtmf-text) !important; } .gtmForumStableBody .forumIcoTd, .gtmForumStableBody .threadIcoTd{ width:54px !important; min-width:54px !important; max-width:54px !important; padding:7px 6px !important; text-align:center !important; vertical-align:middle !important; } .gtmForumStableBody .forumThreadTd, .gtmForumStableBody .forumPostTd, .gtmForumStableBody .threadPostTd, .gtmForumStableBody .threadViewTd{ width:58px !important; min-width:58px !important; max-width:58px !important; text-align:center !important; } .gtmForumStableBody .threadAuthTd{ width:88px !important; min-width:88px !important; max-width:88px !important; text-align:center !important; } .gtmForumStableBody .forumLastPostTd, .gtmForumStableBody .threadLastPostTd{ width:180px !important; min-width:180px !important; max-width:180px !important; } .gtmForumStableBody .forumNameTd, .gtmForumStableBody .threadNametd{ width:auto !important; min-width:0 !important; max-width:100% !important; } .gtmForumStableBody .forum, .gtmForumStableBody .threadLink, .gtmForumStableBody .threadPinnedLink, .gtmForumStableBody .postUser{ display:inline-block; max-width:100%; color:var(--gtmf-text2) !important; font-weight:900 !important; text-decoration:none !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; overflow-wrap:anywhere; word-break:break-word; white-space:normal; } .gtmForumStableBody .forum{ font-size:13px; line-height:1.3; } .gtmForumStableBody .threadLink, .gtmForumStableBody .threadPinnedLink{ font-size:13px; line-height:1.3; } .gtmForumStableBody .threadPinnedLink:before{ content:"★ "; color:var(--gtmf-gold); } .gtmForumStableBody .forum:hover, .gtmForumStableBody .threadLink:hover, .gtmForumStableBody .threadPinnedLink:hover, .gtmForumStableBody .postUser:hover{ color:#fff !important; text-decoration:underline !important; } .gtmForumStableBody .forumViewed, .gtmForumStableBody .gtmForumViewers{ display:inline-flex !important; align-items:center !important; gap:5px !important; margin:5px 0 0 !important; color:var(--gtmf-muted) !important; font-size:9px !important; font-weight:900 !important; line-height:1.3 !important; text-transform:uppercase !important; letter-spacing:.04em !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; } .gtmForumStableBody .gtmForumViewers span{ display:block !important; width:6px !important; height:6px !important; background:var(--gtmf-gold) !important; border-radius:50% !important; box-shadow: 0 0 6px rgba(210,171,115,.85), 0 0 12px rgba(210,171,115,.35) !important; } .gtmForumStableBody .gtmForumViewers b{ color:var(--gtmf-text2) !important; } .gtmForumStableBody .forumDescr, .gtmForumStableBody .subforumDescr, .gtmForumStableBody .forumModer, .gtmForumStableBody .threadDescr, .gtmForumStableBody .threadCurator, .gtmForumStableBody .threadFrmBlock, .gtmForumStableBody .postMetaDate, .gtmForumBottomStats__text{ margin-top:4px; color:var(--gtmf-soft) !important; font-size:10px; font-weight:700; line-height:1.45; text-shadow:1px 1px 0 rgba(0,0,0,.82); overflow-wrap:anywhere; word-break:break-word; white-space:normal; } /* ========================================================= 551. РОДНЫЕ ИКОНКИ UCOZ ========================================================= */ .gtmForumStableBody .gtmForumNativeIcon{ position:relative !important; display:flex !important; align-items:center !important; justify-content:center !important; width:42px !important; min-height:42px !important; margin:0 auto !important; } .gtmForumStableBody .gtmForumNativeIcon__img{ display:flex !important; align-items:center !important; justify-content:center !important; width:38px !important; height:38px !important; background:var(--gtmf-box4) !important; border:1px solid rgba(138,123,90,.35) !important; border-radius:10px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 2px 6px rgba(0,0,0,.28) !important; overflow:hidden !important; } .gtmForumStableBody .gtmForumNativeIcon__img img{ display:block !important; width:auto !important; height:auto !important; max-width:32px !important; max-height:32px !important; min-width:0 !important; min-height:0 !important; object-fit:contain !important; opacity:1 !important; visibility:visible !important; filter:saturate(.95) contrast(1.05); } .gtmForumStableBody .gtmForumNativeIcon__mark{ position:absolute !important; right:-2px !important; bottom:-2px !important; display:flex !important; align-items:center !important; justify-content:center !important; min-width:15px !important; height:15px !important; padding:0 3px !important; color:var(--gtmf-text2) !important; background:#7c4632 !important; border:1px solid #3e2419 !important; border-radius:999px !important; font-size:8px !important; font-weight:900 !important; line-height:1 !important; text-shadow:1px 1px 0 rgba(0,0,0,.75) !important; box-shadow: 0 2px 5px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.10) !important; } .gtmForumStableBody .gtmForumNativeIcon__mark--pinned{ color:#2f2b1b !important; background:var(--gtmf-gold) !important; border-color:#7a4a2a !important; text-shadow:none !important; } .gtmForumStableBody .gtmForumNativeIcon__mark--private{ background:#7c4632 !important; border-color:#3e2419 !important; } .gtmForumStableBody .gtmForumNativeIcon__mark--archive{ color:var(--gtmf-text2) !important; background:#3a3325 !important; border-color:#8a7b5a !important; } .gtmForumStableBody .forumIcoTd .forumBadgeStack, .gtmForumStableBody .threadIcoTd .threadBadgeStack, .gtmForumStableBody .forumIcoTd .forumStateBadge, .gtmForumStableBody .threadIcoTd .threadStateBadge{ display:none !important; } /* ========================================================= 552. БЕЙДЖИ / СЧЁТЧИКИ ========================================================= */ .gtmForumStableBody .forumBadgeStack, .gtmForumStableBody .threadBadgeStack{ width:100%; max-width:64px; margin:0 auto; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; } .gtmForumStableBody .threadBadgeStack{ max-width:54px; } .gtmForumStableBody .forumStateBadge, .gtmForumStableBody .threadStateBadge, .gtmForumStableBody .forumCount, .gtmForumStableBody .threadCount, .gtmForumStableBody .threadAuthorName, .gtmForumStableBody .forumUnreadBtn, .gtmForumStableBody .postMetaNumber, .gtmForumStableBody .userOnlineText, .gtmForumStableBody .userOfflineText, .gtmForumStableBody .unp, .gtmForumStableBody .repNums, .gtmForumStableBody .banPercent, .gtmForumStableBody .reputationDo, .gtmForumStableBody .banDo, .gtmForumStableBody .codeButtons{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-width:30px; min-height:20px; padding:4px 7px !important; color:var(--gtmf-text2) !important; background:var(--gtmf-line2) !important; border:1px solid var(--gtmf-lineSoft) !important; border-radius:999px !important; font:900 9px/1.1 "Montserrat","Exo 2",Tahoma,Verdana,Arial,sans-serif !important; text-align:center !important; text-transform:uppercase; letter-spacing:.03em; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.18) !important; } .gtmForumStableBody .forumStateBadge, .gtmForumStableBody .threadStateBadge{ width:100%; max-width:64px; white-space:normal; overflow-wrap:break-word; word-break:break-word; } .gtmForumStableBody .forumStateBadgeNew, .gtmForumStableBody .userOnlineText{ color:var(--gtmf-text2) !important; background:var(--gtmf-green) !important; border-color:#6c7c4b !important; } .gtmForumStableBody .forumStateBadgeCalm, .gtmForumStableBody .threadStateBadgeCalm, .gtmForumStableBody .userOfflineText{ color:var(--gtmf-soft) !important; background:var(--gtmf-line2) !important; border-color:rgba(138,123,90,.28) !important; } .gtmForumStableBody .forumStateBadgeArchive, .gtmForumStableBody .threadStateBadgePinned, .gtmForumStableBody .forumCount, .gtmForumStableBody .threadCount, .gtmForumStableBody .threadAuthorName, .gtmForumStableBody .postMetaNumber{ color:var(--gtmf-text2) !important; background:#3a3325 !important; border-color:var(--gtmf-line2) !important; } .gtmForumStableBody .forumStateBadgeLock, .gtmForumStableBody .premod-wait-admin{ color:var(--gtmf-text2) !important; background:#6f4330 !important; border-color:#3e2419 !important; } .gtmForumStableBody .forumUnreadBtn{ color:#fff !important; background:var(--gtmf-red) !important; border-color:#4a261a !important; } .gtmForumStableBody .forumUnreadBtn:hover, .gtmForumStableBody .codeButtons:hover, .gtmForumStableBody .reputationDo:hover, .gtmForumStableBody .banDo:hover{ color:var(--gtmf-text2) !important; background:#3e3527 !important; border-color:var(--gtmf-gold) !important; text-decoration:none !important; } .gtmForumStableBody .threadAuthorName{ max-width:78px !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; } /* ========================================================= 553. БЕЙДЖИ СТРОК ========================================================= */ .gtmForumStableBody .gtmForumRowTitle{ display:flex; align-items:center; flex-wrap:wrap; gap:5px; } .gtmForumStableBody .gtmForumRowBadge, .gtmForumStableBody .gtmForumRowBadge--pinned, .gtmForumStableBody .gtmForumRowBadge--archive, .gtmForumStableBody .gtmForumRowBadge--private, .gtmForumStableBody .gtmForumRowBadge--type, .gtmForumStableBody .gtmForumRowBadge--state, .gtmForumStableBody .gtmForumRowBadge--new{ display:inline-flex; align-items:center; justify-content:center; min-height:18px; padding:0 7px; margin-left:5px; color:var(--gtmf-soft); background:var(--gtmf-line2); border:1px solid rgba(138,123,90,.28); border-radius:999px; font-size:9px; font-weight:900; text-transform:uppercase; text-shadow:1px 1px 0 rgba(0,0,0,.75); } .gtmForumStableBody .gtmForumRowBadge--pinned, .gtmForumStableBody .gtmForumRowBadge--new{ color:#2f2b1b !important; background:var(--gtmf-gold) !important; border-color:#7a4a2a !important; text-shadow:none !important; } .gtmForumStableBody .gtmForumRowBadge--private{ color:var(--gtmf-text2) !important; background:#7c4632 !important; border-color:#4a261a !important; } .gtmForumStableBody .gtmForumRowBadge--archive{ color:var(--gtmf-text2) !important; background:#3a3325 !important; } /* ========================================================= 554. НОВЫЕ СООБЩЕНИЯ ========================================================= */ .gtmForumStableBody .forumRowCardNew > td, .gtmForumStableBody .threadRowCardNew > td{ background:#292619 !important; } .gtmForumStableBody .forumRowCardNew:hover > td, .gtmForumStableBody .threadRowCardNew:hover > td{ background:#312b1d !important; } .gtmForumStableBody .forumRowCardNew > td:first-child, .gtmForumStableBody .threadRowCardNew > td:first-child{ border-left:3px solid var(--gtmf-gold) !important; } /* ========================================================= 555. ПОСЛЕДНЕЕ СООБЩЕНИЕ ========================================================= */ .gtmForumStableBody .forumLastPostBox, .gtmForumStableBody .threadLastPostBox{ display:block; width:100%; max-width:100%; padding:8px !important; color:#cfc2a3 !important; font-size:10px !important; font-weight:700 !important; line-height:1.38 !important; background:var(--gtmf-box4) !important; border:1px solid rgba(138,123,90,.28) !important; border-left:4px solid var(--gtmf-brown) !important; border-radius:8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 2px 6px rgba(0,0,0,.22) !important; overflow:hidden !important; overflow-wrap:anywhere !important; word-break:break-word !important; } .gtmForumStableBody .forumLastPostBox *, .gtmForumStableBody .threadLastPostBox *{ color:#cfc2a3 !important; } .gtmForumStableBody .forumLastPostBox a, .gtmForumStableBody .threadLastPostBox a, .gtmForumStableBody .forumLastPostLink{ color:var(--gtmf-gold) !important; font-weight:900 !important; text-decoration:none !important; } .gtmForumStableBody .forumLastPostBox a:hover, .gtmForumStableBody .threadLastPostBox a:hover, .gtmForumStableBody .forumLastPostLink:hover{ color:var(--gtmf-text2) !important; } .gtmForumStableBody .gtmForumLastPostTitle{ color:var(--gtmf-text2) !important; background:transparent !important; font-size:9px !important; font-weight:900 !important; text-transform:uppercase !important; letter-spacing:.05em !important; margin:0 0 5px !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; } .gtmForumStableBody .gtmForumLastPostRow{ display:grid !important; grid-template-columns:38px minmax(0,1fr) !important; gap:5px !important; margin:3px 0 !important; align-items:start !important; background:transparent !important; color:#cfc2a3 !important; } .gtmForumStableBody .gtmForumLastPostRow span:first-child{ color:var(--gtmf-muted) !important; font-weight:900 !important; } /* ========================================================= 556. ПУСТОЙ СТАТУС ========================================================= */ .gtmForumStableBody .gtmForumEmpty{ display:inline-flex; align-items:center; gap:6px; min-height:22px; padding:0 8px; color:var(--gtmf-muted) !important; background:var(--gtmf-line2); border:1px solid rgba(138,123,90,.24); border-radius:999px; font-size:10px; font-weight:900; text-transform:uppercase; } .gtmForumStableBody .gtmForumEmpty:before{ content:""; width:6px; height:6px; background:#6f6652; border-radius:50%; } /* ========================================================= 557. ПОСТЫ ========================================================= */ .gtmForumStableBody .postTable{ width:100% !important; max-width:100% !important; margin:0 0 14px 0 !important; color:var(--gtmf-text) !important; background:var(--gtmf-box) !important; } .gtmForumStableBody .postTableFirst{ box-shadow: 0 14px 30px rgba(0,0,0,.42), 0 0 12px rgba(210,171,115,.10), 0 1px 0 rgba(255,255,255,.05) inset !important; } .gtmForumStableBody .postTableTopicAuthor{ box-shadow: 0 0 0 1px rgba(210,171,115,.20), 0 12px 24px rgba(0,0,0,.35) !important; } .gtmForumStableBody .postTableCurator{ box-shadow: 0 0 0 1px rgba(108,124,75,.25), 0 12px 24px rgba(0,0,0,.35) !important; } .gtmForumStableBody .postTdTop{ padding:9px 11px !important; color:var(--gtmf-text2) !important; background:#3e3527 !important; border-bottom:1px solid var(--gtmf-lineGold) !important; font-size:12px !important; font-weight:800 !important; line-height:1.3 !important; } .gtmForumStableBody .postUserHead{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px; } .gtmForumStableBody .postMetaLine{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; } .gtmForumStableBody .postTdInfo{ width:145px !important; min-width:145px !important; max-width:145px !important; padding:10px 9px !important; color:var(--gtmf-text) !important; background:var(--gtmf-box5) !important; border-right:1px solid var(--gtmf-lineSoft2) !important; vertical-align:top !important; overflow:hidden !important; } .gtmForumStableBody .posttdMessage{ width:auto !important; min-width:0 !important; max-width:100% !important; padding:12px !important; color:var(--gtmf-text) !important; background:#241f15 !important; line-height:1.6; vertical-align:top !important; overflow:hidden !important; } .gtmForumStableBody .postTableTopicAuthor .posttdMessage{ border-left:3px solid var(--gtmf-gold) !important; } .gtmForumStableBody .postTableCurator .posttdMessage{ border-left:3px solid #6c7c4b !important; } /* ========================================================= 558. ПРОФИЛЬ В ПОСТЕ ========================================================= */ .gtmForumStableBody .profileAvatarWrap{ margin:0 0 10px !important; text-align:center; } .gtmForumStableBody .userAvatar{ display:block; width:92px !important; max-width:92px !important; height:auto !important; margin:0 auto; background:var(--gtmf-bg2) !important; border:1px solid rgba(138,123,90,.55) !important; border-radius:12px !important; outline:1px solid rgba(210,171,115,.18) !important; outline-offset:2px !important; box-shadow: 0 5px 12px rgba(0,0,0,.55), 0 0 10px rgba(210,171,115,.10), inset 0 1px 0 rgba(255,255,255,.08) !important; } .gtmForumStableBody .postUserGroup, .gtmForumStableBody .postRankName, .gtmForumStableBody .numposts, .gtmForumStableBody .reputation, .gtmForumStableBody .userBan{ color:#cfc2a3 !important; background:var(--gtmf-box4) !important; border:1px solid rgba(138,123,90,.28) !important; border-radius:8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 2px 6px rgba(0,0,0,.22) !important; } .gtmForumStableBody .postUserGroup{ display:block; max-width:100%; margin:0 auto 10px auto; padding:5px 8px; color:var(--gtmf-text2) !important; font-size:10px !important; font-weight:900 !important; line-height:1 !important; text-align:center; text-transform:uppercase; letter-spacing:.05em; border-radius:999px !important; text-shadow:1px 1px 0 rgba(0,0,0,.75) !important; } .gtmForumStableBody .postUserGroup--g1{ background:#3a3325 !important; border-color:var(--gtmf-gold) !important; } .gtmForumStableBody .postUserGroup--g2{ background:#29384d !important; border-color:#5e789c !important; } .gtmForumStableBody .postUserGroup--g3{ background:#2d3d22 !important; border-color:#6c7c4b !important; } .gtmForumStableBody .postUserGroup--g4{ background:#5a2f21 !important; border-color:#9a5a3f !important; } .gtmForumStableBody .postUserGroup--g5{ background:#4b3320 !important; border-color:#9a6a37 !important; } .gtmForumStableBody .postUserGroup--g6{ background:#3d2d50 !important; border-color:#7d62a0 !important; } .gtmForumStableBody .postUserGroup--g7, .gtmForumStableBody .postUserGroup--g8{ background:#2a2418 !important; border-color:rgba(138,123,90,.30) !important; } .gtmForumStableBody .postRankName{ margin:7px 0 5px; padding:7px 8px; font-size:11px !important; font-weight:800 !important; line-height:1.35 !important; text-align:center; } .gtmForumStableBody .postRankIco{ margin:7px 0 10px; min-height:20px; text-align:center; } .gtmForumStableBody .profileStats{ display:flex !important; flex-direction:column !important; gap:7px !important; margin-top:8px !important; } .gtmForumStableBody .numposts, .gtmForumStableBody .reputation, .gtmForumStableBody .userBan{ display:flex; align-items:center; justify-content:space-between; gap:8px; padding:7px 8px; font-size:11px !important; font-weight:800 !important; line-height:1.3 !important; } .gtmForumStableBody .metaLabel{ color:var(--gtmf-muted) !important; } .gtmForumStableBody .metaRight{ display:flex; align-items:center; gap:6px; } .gtmForumStableBody .postRegDate .unp, .gtmForumStableBody .postCountry .unp{ max-width:78px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .gtmForumStableBody .userBan .metaLabel{ color:var(--gtmf-soft) !important; } .gtmForumStableBody .banPercent{ background:#5a3a2b !important; border-color:#7c4632 !important; color:var(--gtmf-text2) !important; } /* ========================================================= 559. ONLINE / OFFLINE ========================================================= */ .gtmForumStableBody .userOnlineText, .gtmForumStableBody .userOfflineText{ display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:5px !important; min-height:22px !important; padding:0 8px !important; border-radius:999px !important; font-size:9px !important; font-weight:900 !important; line-height:1 !important; text-transform:uppercase !important; letter-spacing:.04em !important; text-shadow:1px 1px 0 rgba(0,0,0,.75) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 2px 5px rgba(0,0,0,.25) !important; } .gtmForumStableBody .userOnlineText{ color:var(--gtmf-text2) !important; background:var(--gtmf-green) !important; border:1px solid #6c7c4b !important; } .gtmForumStableBody .userOnlineText:before{ content:"" !important; display:block !important; width:6px !important; height:6px !important; background:var(--gtmf-gold) !important; border-radius:50% !important; box-shadow: 0 0 6px rgba(210,171,115,.85), 0 0 12px rgba(210,171,115,.35) !important; } .gtmForumStableBody .userOfflineText{ color:var(--gtmf-muted) !important; background:var(--gtmf-line2) !important; border:1px solid rgba(138,123,90,.30) !important; } .gtmForumStableBody .userOfflineText:before{ content:"" !important; display:block !important; width:6px !important; height:6px !important; background:#6f6652 !important; border-radius:50% !important; } /* ========================================================= 560. РОЛИ ========================================================= */ .gtmForumStableBody .postRoleBadge{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:20px !important; padding:0 7px !important; border-radius:999px !important; font-size:9px !important; font-weight:900 !important; text-transform:uppercase !important; letter-spacing:.04em !important; text-shadow:1px 1px 0 rgba(0,0,0,.75) !important; } .gtmForumStableBody .postRoleBadge--author{ color:#2f2b1b !important; background:var(--gtmf-gold) !important; border:1px solid #7a4a2a !important; text-shadow:none !important; } .gtmForumStableBody .postRoleBadge--curator, .gtmForumStableBody .gtmForumCuratorBadge{ color:var(--gtmf-text2) !important; background:var(--gtmf-green) !important; border:1px solid #6c7c4b !important; } /* ========================================================= 561. СООБЩЕНИЕ ========================================================= */ .gtmForumStableBody .messageCard{ max-width:100%; padding:13px 15px; color:#cfc2a3 !important; background:var(--gtmf-box4) !important; border:1px solid rgba(138,123,90,.28) !important; border-left:4px solid var(--gtmf-brown) !important; border-radius:8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 2px 6px rgba(0,0,0,.22) !important; overflow:hidden; } .gtmForumStableBody .messageCardFirst{ background:var(--gtmf-box) !important; border-left-color:var(--gtmf-gold) !important; } .gtmForumStableBody .messageCardMuted{ background:var(--gtmf-line2) !important; border-left-color:var(--gtmf-brown) !important; } .gtmForumStableBody .messageFirstHead{ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:10px !important; margin:0 0 12px !important; padding:8px 9px !important; background:var(--gtmf-box4) !important; border:1px solid rgba(138,123,90,.28) !important; border-radius:8px !important; } .gtmForumStableBody .messageFirstHead span{ color:var(--gtmf-text2) !important; font-size:11px !important; font-weight:900 !important; text-transform:uppercase !important; letter-spacing:.05em !important; } .gtmForumStableBody .messageFirstHead b{ color:#2f2b1b !important; background:var(--gtmf-gold) !important; border:1px solid #7a4a2a !important; border-radius:999px !important; padding:3px 8px !important; font-size:9px !important; font-weight:900 !important; text-transform:uppercase !important; } .gtmForumStableBody .topicStarterLabel, .gtmForumStableBody .premod-wait{ display:inline-block; margin:0 0 10px 0; padding:5px 9px; color:var(--gtmf-text2) !important; background:#6f4330 !important; border:1px solid #3e2419 !important; border-radius:999px !important; font-size:10px !important; font-weight:900 !important; line-height:1 !important; text-transform:uppercase; letter-spacing:.05em; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; } .gtmForumStableBody .bspoiler_jopa{ max-width:100%; color:var(--gtmf-text) !important; font:400 13px/1.7 "Montserrat","Exo 2","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; overflow-wrap:anywhere; word-break:break-word; white-space:normal; } .gtmForumStableBody .bspoiler_jopa a, .gtmForumStableBody .messageCard a, .gtmForumStableBody .posttdMessage a{ color:var(--gtmf-gold) !important; text-decoration:none !important; } .gtmForumStableBody .bspoiler_jopa a:hover, .gtmForumStableBody .messageCard a:hover, .gtmForumStableBody .posttdMessage a:hover{ color:var(--gtmf-text2) !important; text-decoration:underline !important; } /* ========================================================= 562. ЦИТАТЫ / КОД / СПОЙЛЕРЫ ========================================================= */ .gtmForumStableBody blockquote, .gtmForumStableBody .quoteMessage{ max-width:100%; margin:12px 0; padding:30px 14px 12px; color:var(--gtmf-soft) !important; background:#1d1911 !important; border:1px solid rgba(138,123,90,.28) !important; border-left:4px solid var(--gtmf-gold) !important; border-radius:8px !important; font-style:normal !important; line-height:1.6 !important; overflow:auto; position:relative; } .gtmForumStableBody blockquote:before, .gtmForumStableBody .quoteMessage:before{ content:"Цитата"; position:absolute; left:10px; top:8px; color:#2f2b1b; background:var(--gtmf-gold); border-radius:999px; padding:3px 8px; font-size:9px; font-weight:900; text-transform:uppercase; } .gtmForumStableBody pre, .gtmForumStableBody .codeMessage{ position:relative; max-width:100%; margin:12px 0; padding:32px 14px 12px; color:var(--gtmf-text2) !important; background:#11100b !important; border:1px solid rgba(138,123,90,.30) !important; border-left:4px solid var(--gtmf-red) !important; border-radius:8px !important; font:400 12px/1.6 Consolas,"Courier New",monospace !important; overflow:auto !important; white-space:pre-wrap !important; word-break:break-word !important; } .gtmForumStableBody pre:before, .gtmForumStableBody .codeMessage:before{ content:"Код"; position:absolute; left:10px; top:8px; color:var(--gtmf-text2); background:var(--gtmf-red); border-radius:999px; padding:3px 8px; font:900 9px/1 "Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; text-transform:uppercase; } .gtmForumStableBody pre code{ color:inherit; font:inherit; } .gtmForumStableBody .spoilerTitle, .gtmForumStableBody .spoilerHead, .gtmForumStableBody .spoilerTop{ display:block; margin-top:12px; padding:8px 10px; color:var(--gtmf-text2) !important; background:#3e3527 !important; border:1px solid var(--gtmf-line2) !important; border-radius:7px 7px 0 0 !important; font-size:10px !important; font-weight:900 !important; line-height:1 !important; text-transform:uppercase; letter-spacing:.04em; } .gtmForumStableBody .spoilerText, .gtmForumStableBody .spoilerBody, .gtmForumStableBody .spoilerMain{ padding:12px 14px; color:#cfc2a3 !important; background:var(--gtmf-box4) !important; border:1px solid var(--gtmf-lineSoft) !important; border-top:0 !important; border-radius:0 0 7px 7px !important; } /* ========================================================= 563. ВЛОЖЕНИЯ ========================================================= */ .gtmForumStableBody .eAttach{ margin-top:12px !important; padding:10px !important; color:#cfc2a3 !important; background:var(--gtmf-box4) !important; border:1px solid rgba(138,123,90,.28) !important; border-left:4px solid var(--gtmf-brown) !important; border-radius:8px !important; font-size:11px !important; font-weight:800 !important; line-height:1.4 !important; } .gtmForumStableBody .eAttachTitle{ display:inline-flex; align-items:center; min-height:20px; padding:0 8px; margin:0 0 7px; color:#2f2b1b; background:var(--gtmf-gold); border-radius:999px; font-size:9px; font-weight:900; text-transform:uppercase; } .gtmForumStableBody .eAttachBody{ color:var(--gtmf-soft); font-size:12px; line-height:1.45; } .gtmForumStableBody .eAttach a{ color:var(--gtmf-gold) !important; font-weight:900 !important; text-decoration:none !important; } .gtmForumStableBody .eAttach a:hover{ color:var(--gtmf-text2) !important; text-decoration:underline !important; } /* ========================================================= 564. ПОДПИСЬ ========================================================= */ .gtmForumStableBody .postSignatureToggle{ display:block !important; margin-top:12px !important; padding-top:10px !important; border-top:1px dashed rgba(138,123,90,.30) !important; } .gtmForumStableBody .postSignatureHint{ display:inline-block !important; position:relative !important; padding:6px 28px 6px 10px !important; color:var(--gtmf-soft) !important; background:var(--gtmf-line2) !important; border:1px solid rgba(138,123,90,.28) !important; border-radius:999px !important; font-size:9px !important; font-weight:900 !important; line-height:1 !important; text-transform:uppercase !important; letter-spacing:.04em !important; cursor:pointer !important; list-style:none !important; } .gtmForumStableBody .postSignatureHint::-webkit-details-marker{ display:none !important; } .gtmForumStableBody .postSignatureHint:after{ content:"+" !important; position:absolute !important; right:10px !important; top:50% !important; transform:translateY(-50%) !important; color:var(--gtmf-gold) !important; font-size:12px !important; } .gtmForumStableBody .postSignatureToggle[open] .postSignatureHint:after{ content:"-" !important; } .gtmForumStableBody .postSignatureBody{ margin-top:8px !important; padding:9px !important; color:var(--gtmf-muted) !important; background:var(--gtmf-box4) !important; border:1px solid rgba(138,123,90,.24) !important; border-radius:8px !important; font-size:11px !important; line-height:1.55 !important; overflow-wrap:anywhere; word-break:break-word; } .gtmForumStableBody .postEditedInfo{ margin-top:12px; padding:7px 9px; color:var(--gtmf-muted); background:var(--gtmf-line2); border:1px solid rgba(138,123,90,.24); border-radius:8px; font-size:10px; font-weight:800; line-height:1.4; } .gtmForumStableBody .postEditedInfo:before{ content:"✎ "; color:var(--gtmf-gold); font-weight:900; } /* ========================================================= 565. НИЗ ПОСТА / КНОПКИ ========================================================= */ .gtmForumStableBody .postBottom{ padding:9px 11px !important; color:var(--gtmf-soft) !important; background:var(--gtmf-bg) !important; border-top:1px solid var(--gtmf-lineSoft2) !important; } .gtmForumStableBody .postBottomWrap{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; } .gtmForumStableBody .postActionBadges{ display:flex !important; align-items:center !important; flex-wrap:wrap !important; gap:6px !important; max-width:100% !important; } .gtmForumStableBody .postActionBadges--user{ justify-content:flex-start !important; } .gtmForumStableBody .postActionBadges--manage{ justify-content:flex-end !important; } .gtmForumStableBody .postActionBadge, .gtmForumStableBody .postActionBadge:link, .gtmForumStableBody .postActionBadge:visited{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:24px !important; padding:0 9px !important; color:var(--gtmf-soft) !important; background:var(--gtmf-line2) !important; border:1px solid rgba(138,123,90,.30) !important; border-radius:999px !important; font-size:10px !important; font-weight:900 !important; line-height:1 !important; text-decoration:none !important; text-transform:uppercase !important; letter-spacing:.03em; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.22) !important; transition: background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease; } .gtmForumStableBody .postActionBadge:hover{ color:var(--gtmf-text2) !important; background:#3a3325 !important; border-color:rgba(210,171,115,.45) !important; text-decoration:none !important; transform:translateY(-1px); } .gtmForumStableBody .postActionBadge--quote{ color:#2f2b1b !important; background:var(--gtmf-gold) !important; border-color:#7a4a2a !important; text-shadow:none !important; } .gtmForumStableBody .postActionBadge--quote:hover{ color:#2f2b1b !important; background:#e0bd84 !important; } .gtmForumStableBody .postActionBadge--report{ color:var(--gtmf-text2) !important; background:#5a3a2b !important; border-color:#7c4632 !important; } .gtmForumStableBody .postActionBadge--edit{ color:var(--gtmf-text2) !important; background:var(--gtmf-green) !important; border-color:#6c7c4b !important; } .gtmForumStableBody .postActionBadge--delete{ color:var(--gtmf-text2) !important; background:var(--gtmf-red) !important; border-color:#4a261a !important; } .gtmForumStableBody .postActions img, .gtmForumStableBody .postManage img{ display:none !important; } /* ========================================================= 566. КНОПКА ВВЕРХ ========================================================= */ .gtmForumStableBody .postActionBadgeSystem--top{ position:relative !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; width:26px !important; min-width:26px !important; max-width:26px !important; height:26px !important; min-height:26px !important; padding:0 !important; color:var(--gtmf-text2) !important; background:var(--gtmf-line2) !important; border:1px solid rgba(138,123,90,.35) !important; border-radius:50% !important; font-size:0 !important; line-height:0 !important; cursor:pointer !important; overflow:hidden !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 2px 5px rgba(0,0,0,.28) !important; } .gtmForumStableBody .postActionBadgeSystem--top:hover{ background:#3a3325 !important; border-color:rgba(210,171,115,.55) !important; transform:translateY(-1px); } .gtmForumStableBody .postActionBadgeSystem--top img{ display:none !important; } .gtmForumStableBody .postActionBadgeSystem--top a{ position:absolute !important; inset:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; height:100% !important; color:transparent !important; font-size:0 !important; text-decoration:none !important; z-index:3 !important; } .gtmForumStableBody .postActionBadgeSystem--top:before, .gtmForumStableBody .postActionBadgeSystem--top a:before{ content:"" !important; display:block !important; width:8px !important; height:8px !important; border-left:2px solid var(--gtmf-gold) !important; border-top:2px solid var(--gtmf-gold) !important; transform:rotate(45deg) translateY(2px) !important; } .gtmForumStableBody .postActionBadgeSystem--top:hover:before, .gtmForumStableBody .postActionBadgeSystem--top:hover a:before{ border-color:var(--gtmf-text2) !important; } /* ========================================================= 567. IP / СТРАНА ========================================================= */ .gtmForumStableBody .postip{ display:inline-flex; align-items:center; justify-content:center; padding:5px 8px !important; color:var(--gtmf-muted) !important; background:var(--gtmf-box4) !important; border:1px solid rgba(138,123,90,.28) !important; border-radius:999px !important; font-size:10px !important; font-weight:900 !important; line-height:1 !important; text-transform:uppercase !important; } .gtmForumStableBody .postip--country{ color:var(--gtmf-soft) !important; } /* ========================================================= 568. ФОРМА ОТВЕТА ========================================================= */ .gtmForumStableBody .gDivLeft, .gtmForumStableBody .gDivRight{ width:100%; max-width:100%; box-sizing:border-box; } .gtmForumStableBody .gTable{ width:100% !important; max-width:100% !important; } .gtmForumStableBody .gTableTop{ padding:10px 12px !important; } .gtmForumStableBody .gTableTop a{ color:var(--gtmf-text2) !important; text-decoration:none !important; } .gtmForumStableBody .gTableError{ padding:10px 12px !important; color:var(--gtmf-text2) !important; background:#6f4330 !important; border-top:1px solid var(--gtmf-lineSoft) !important; font-size:11px !important; font-weight:900 !important; line-height:1.4 !important; text-align:center; } .gtmForumStableBody .gTableLeft, .gtmForumStableBody .gTableRight{ padding:9px 10px !important; border-top:1px solid var(--gtmf-lineSoft2) !important; vertical-align:top !important; } .gtmForumStableBody .gTableLeft{ width:165px !important; color:var(--gtmf-text2) !important; background:var(--gtmf-box5) !important; font-size:11px !important; font-weight:900 !important; line-height:1.4 !important; text-transform:uppercase; } .gtmForumStableBody .gTableRight{ color:var(--gtmf-text) !important; background:var(--gtmf-bg) !important; font-size:12px !important; line-height:1.45 !important; } .gtmForumStableBody .pollHelp{ margin-top:5px; color:var(--gtmf-muted) !important; font-size:10px !important; line-height:1.35 !important; text-transform:none; } .gtmForumStableBody .gTable label{ color:var(--gtmf-soft) !important; font-size:12px !important; line-height:1.55 !important; } .gtmForumStableBody .gTable input[type="checkbox"], .gtmForumStableBody .gTable input[type="radio"]{ position:relative; top:2px; margin-right:5px; accent-color:#7a4a2a; } /* ========================================================= 569. BB EDITOR ========================================================= */ .gtmForumStableBody .forumEditorBar{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 10px 0; padding:8px; background:var(--gtmf-box4) !important; border:1px solid rgba(138,123,90,.28) !important; border-radius:8px !important; } .gtmForumStableBody .forumEditorGroup{ display:flex; flex-wrap:wrap; gap:6px; } .gtmForumStableBody .codeButtons{ min-height:28px; padding:0 9px !important; cursor:pointer; } /* ========================================================= 570. ПОЛЯ ФОРМ ========================================================= */ .gtmForumStableBody input[type="text"], .gtmForumStableBody input[type="password"], .gtmForumStableBody input[type="email"], .gtmForumStableBody input[type="url"], .gtmForumStableBody textarea, .gtmForumStableBody select{ max-width:100% !important; box-sizing:border-box !important; padding:7px 9px !important; color:var(--gtmf-text2) !important; background:var(--gtmf-box4) !important; border:1px solid var(--gtmf-lineSoft) !important; border-radius:8px !important; font:400 12px/1.4 "Montserrat","Exo 2","Open Sans",Tahoma,Verdana,Arial,sans-serif !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.18) !important; } .gtmForumStableBody textarea{ width:100% !important; min-height:180px; resize:vertical; } .gtmForumStableBody input[type="text"]:focus, .gtmForumStableBody input[type="password"]:focus, .gtmForumStableBody input[type="email"]:focus, .gtmForumStableBody input[type="url"]:focus, .gtmForumStableBody textarea:focus, .gtmForumStableBody select:focus{ outline:none !important; border-color:rgba(210,171,115,.45) !important; box-shadow: 0 0 10px rgba(210,171,115,.12), inset 0 1px 0 rgba(255,255,255,.06) !important; } .gtmForumStableBody input[type="checkbox"], .gtmForumStableBody input[type="radio"]{ position:relative; top:2px; width:16px; height:16px; margin:0 5px 0 0; accent-color:#7a4a2a; cursor:pointer; } .gtmForumStableBody label{ color:var(--gtmf-text) !important; font-size:12px !important; line-height:1.4 !important; cursor:pointer; } /* ========================================================= 571. КНОПКИ ФОРМ ========================================================= */ .gtmForumStableBody .postPreview, .gtmForumStableBody .postSubmit, .gtmForumStableBody .postReset, .gtmForumStableBody input[type="submit"], .gtmForumStableBody input[type="button"], .gtmForumStableBody button{ min-height:30px; padding:0 14px !important; color:var(--gtmf-text2) !important; background:#6f4330 !important; border:1px solid #3e2419 !important; border-radius:8px !important; font-size:11px !important; font-weight:900 !important; line-height:1 !important; text-transform:uppercase; letter-spacing:.04em; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; cursor:pointer; box-shadow: 0 2px 6px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.16) !important; } .gtmForumStableBody .postPreview:hover, .gtmForumStableBody .postSubmit:hover, .gtmForumStableBody .postReset:hover, .gtmForumStableBody input[type="submit"]:hover, .gtmForumStableBody input[type="button"]:hover, .gtmForumStableBody button:hover{ border-color:var(--gtmf-gold) !important; background:var(--gtmf-red) !important; box-shadow: 0 4px 10px rgba(0,0,0,.45), 0 0 12px rgba(210,171,115,.20), inset 0 1px 0 rgba(255,255,255,.18) !important; } /* ========================================================= 572. FORM EXTRA ========================================================= */ .gtmForumStableBody .gtmForumFormDivider{ padding:8px 10px !important; background:var(--gtmf-box4) !important; } .gtmForumStableBody .gtmForumFormSectionTitle{ display:inline-flex; align-items:center; min-height:22px; padding:0 9px; color:#2f2b1b; background:var(--gtmf-gold); border:1px solid #7a4a2a; border-radius:999px; font-size:10px; font-weight:900; line-height:1; text-transform:uppercase; letter-spacing:.04em; text-shadow:none; } .gtmForumStableBody .gtmForumFormHint{ display:inline-block; margin-top:4px; color:var(--gtmf-muted) !important; font-size:10px !important; font-weight:800 !important; line-height:1.3 !important; text-transform:none !important; } .gtmForumStableBody .gtmForumSubmitCell{ padding:12px 10px !important; background:var(--gtmf-box4) !important; } .gtmForumStableBody .gtmForumSubmitCell input{ margin:3px 4px !important; } /* ========================================================= 573. ПРАВИЛА ОТВЕТА ========================================================= */ .gtmForumReplyRules{ margin:12px 0 10px; padding:10px 12px; border-left:4px solid var(--gtmf-gold) !important; } .gtmForumReplyRules__text{ color:var(--gtmf-soft); font-size:12px; line-height:1.55; } /* ========================================================= 574. НИЖНЯЯ ИНФОРМАЦИЯ ========================================================= */ .gtmForumBottomStats{ clear:both; width:100%; max-width:100%; margin:14px 0 0 0; padding:12px !important; box-sizing:border-box; } .gtmForumBottomStats__head{ display:flex; align-items:center; gap:8px; margin:0 0 8px 0; } .gtmForumBottomStats__icon{ flex:0 0 24px; width:24px; height:24px; display:inline-flex; align-items:center; justify-content:center; color:var(--gtmf-text2); background:#3a3325; border:1px solid var(--gtmf-lineSoft); border-radius:50%; font-size:13px; font-weight:900; line-height:1; text-shadow:1px 1px 0 rgba(0,0,0,.82); } .gtmForumBottomStats__text{ color:var(--gtmf-soft) !important; font-size:12px !important; line-height:1.55 !important; } .gtmForumBottomStats__badges{ margin-top:10px !important; } /* ========================================================= 575. ЛЕГЕНДА ========================================================= */ .gtmForumIconLegend{ margin:14px 0 0; padding:10px 12px; } .gtmForumIconLegend__items{ display:flex; flex-wrap:wrap; gap:7px; } .gtmForumIconLegend__items span{ display:inline-flex; align-items:center; gap:6px; min-height:24px; padding:0 9px; color:var(--gtmf-soft); background:var(--gtmf-line2); border:1px solid rgba(138,123,90,.28); border-radius:999px; font-size:10px; font-weight:900; text-transform:uppercase; text-shadow:1px 1px 0 rgba(0,0,0,.82); } .gtmLegendDot{ display:block; width:8px; height:8px; border-radius:50%; background:#6f6652; } .gtmLegendDot--new{ background:var(--gtmf-gold); box-shadow: 0 0 6px rgba(210,171,115,.85), 0 0 12px rgba(210,171,115,.35); } .gtmLegendDot--nonew{ background:#6f6652; } .gtmLegendDot--pinned{ background:var(--gtmf-gold); border-radius:2px; } .gtmLegendDot--closed{ background:var(--gtmf-red); } .gtmLegendDot--hot{ background:#9a5f1e; box-shadow:0 0 6px rgba(154,95,30,.65); } /* ========================================================= 576. СТАРЫЕ СИСТЕМНЫЕ БЛОКИ UCOZ ========================================================= */ .gtmForumStableBody .forumContentNav, .gtmForumStableBody .forumModerFuncs, .gtmForumStableBody .forumOnlineBar, .gtmForumStableBody .forumUsersBar, .gtmForumStableBody .forumNamesBar, .gtmForumStableBody .forumFuncPanel, .gtmForumStableBody .forumTopPanel, .gtmForumStableBody .gTableBottom, .gtmForumStableBody .forumStatistics, .gtmForumStableBody .forumStats, .gtmForumStableBody .forumLegend, .gtmForumStableBody .forumWhoOnline, .gtmForumStableBody .forumBirthdays{ color:var(--gtmf-text) !important; background:var(--gtmf-box) !important; border:1px solid var(--gtmf-line) !important; border-radius:12px !important; padding:9px 10px !important; margin:10px 0 !important; box-shadow: 0 14px 30px rgba(0,0,0,.34), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.16) inset !important; overflow:hidden !important; } .gtmForumStableBody .forumContentNav *, .gtmForumStableBody .forumModerFuncs *, .gtmForumStableBody .forumOnlineBar *, .gtmForumStableBody .forumUsersBar *, .gtmForumStableBody .forumNamesBar *, .gtmForumStableBody .forumFuncPanel *, .gtmForumStableBody .forumTopPanel *, .gtmForumStableBody .gTableBottom *, .gtmForumStableBody .forumStatistics *, .gtmForumStableBody .forumStats *, .gtmForumStableBody .forumLegend *, .gtmForumStableBody .forumWhoOnline *, .gtmForumStableBody .forumBirthdays *{ color:var(--gtmf-text) !important; } .gtmForumStableBody .gTableBottom img, .gtmForumStableBody .forumStatistics img, .gtmForumStableBody .forumStats img, .gtmForumStableBody .forumLegend img, .gtmForumStableBody .forumWhoOnline img, .gtmForumStableBody .forumBirthdays img{ display:none !important; } /* ========================================================= 577. ЗАЩИТА ОТ ДЛИННОГО КОНТЕНТА ========================================================= */ .gtmForumStableBody .bspoiler_jopa, .gtmForumStableBody .messageCard, .gtmForumStableBody .posttdMessage{ max-width:100% !important; overflow:hidden !important; } .gtmForumStableBody .bspoiler_jopa img, .gtmForumStableBody .bspoiler_jopa iframe, .gtmForumStableBody .bspoiler_jopa video, .gtmForumStableBody .bspoiler_jopa object, .gtmForumStableBody .bspoiler_jopa embed, .gtmForumStableBody .messageCard img, .gtmForumStableBody .messageCard iframe, .gtmForumStableBody .messageCard video, .gtmForumStableBody .messageCard object, .gtmForumStableBody .messageCard embed{ max-width:100% !important; height:auto !important; } .gtmForumStableBody .bspoiler_jopa table, .gtmForumStableBody .messageCard table, .gtmForumStableBody .posttdMessage table{ width:100% !important; max-width:100% !important; table-layout:auto !important; } .gtmForumStableBody .bspoiler_jopa pre, .gtmForumStableBody .bspoiler_jopa code, .gtmForumStableBody .messageCard pre, .gtmForumStableBody .messageCard code{ max-width:100% !important; overflow:auto !important; white-space:pre-wrap !important; word-break:break-word !important; } /* ========================================================= 578. ЗАЩИТА ОТ ЧЁРНОГО INLINE-ТЕКСТА ========================================================= */ .gtmForumStableBody [style*="color:#000"], .gtmForumStableBody [style*="color: #000"], .gtmForumStableBody [style*="color:black"], .gtmForumStableBody [style*="color: black"], .gtmForumStableBody font[color="#000"], .gtmForumStableBody font[color="#000000"], .gtmForumStableBody font[color="black"]{ color:var(--gtmf-text) !important; } .gtmForumStableBody .postUser[style*="#dd68bb"]{ color:#dd68bb !important; } /* ========================================================= 579. УБИРАЕМ СЕРЫЙ HOVER ========================================================= */ .gtmForumStableBody tr:hover, .gtmForumStableBody tr:hover td, .gtmForumStableBody tr:hover th, .gtmForumStableBody .forumRowCard:hover, .gtmForumStableBody .forumRowCard:hover td, .gtmForumStableBody .threadRowCard:hover, .gtmForumStableBody .threadRowCard:hover td{ background:#2f291d !important; color:var(--gtmf-text) !important; } .gtmForumStableBody tr:hover .forum, .gtmForumStableBody tr:hover .threadLink, .gtmForumStableBody tr:hover .threadPinnedLink{ color:var(--gtmf-text2) !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; } .gtmForumStableBody tr:hover .forumDescr, .gtmForumStableBody tr:hover .subforumDescr, .gtmForumStableBody tr:hover .forumModer, .gtmForumStableBody tr:hover .threadDescr, .gtmForumStableBody tr:hover .threadCurator, .gtmForumStableBody tr:hover .threadFrmBlock{ color:var(--gtmf-soft) !important; } .gtmForumStableBody tr:hover .forumLastPostBox, .gtmForumStableBody tr:hover .threadLastPostBox{ background:var(--gtmf-box4) !important; color:#cfc2a3 !important; border-color:rgba(138,123,90,.28) !important; border-left-color:var(--gtmf-brown) !important; } .gtmForumStableBody tr:hover .forumCount, .gtmForumStableBody tr:hover .threadCount, .gtmForumStableBody tr:hover .gtmForumMiniStat{ background:var(--gtmf-box4) !important; color:var(--gtmf-text2) !important; border-color:rgba(138,123,90,.32) !important; } /* ========================================================= 580. INLINE BACKGROUND FIX ========================================================= */ .gtmForumStableBody td[style*="background"], .gtmForumStableBody div[style*="background"]{ background-color:inherit !important; } /* ========================================================= 581. MOBILE ========================================================= */ @media screen and (max-width:700px){ .gtmForumContentWide{ padding-left:6px !important; padding-right:6px !important; } .gtmForumStableHead{ display:block !important; padding:10px !important; } .gtmForumStableHead__icon{ width:34px !important; height:34px !important; margin:0 0 8px 0 !important; } .gtmForumStableHead h1{ font-size:15px !important; } .gtmForumStableHead__nav a{ flex:1 1 auto; } .gtmForumTopInfo{ display:block !important; } .gtmForumPathBox, .gtmForumUserBox{ margin:0 0 10px 0 !important; } .gtmForumPathBox__links, .gtmForumUserBox__badges, .gtmForumBottomStats__badges, .gtmForumIconLegend__items, .gtmForumBeforeBodyPanel, .gtmForumReplyPanel{ display:block !important; } .gtmForumPathBox__links > a, .gtmForumUserBox__badges span, .gtmForumBottomStats__badges a, .gtmForumIconLegend__items span, .gtmForumReplyButton, .gtmForumSmallBtn{ width:100% !important; box-sizing:border-box !important; margin:0 0 6px 0 !important; } .gtmForumPathBox__links > span{ display:none !important; } .gtmForumStableBody table, .gtmForumStableBody tbody, .gtmForumStableBody tr, .gtmForumStableBody td, .gtmForumStableBody th{ display:block !important; width:100% !important; min-width:0 !important; max-width:100% !important; box-sizing:border-box !important; } .gtmForumStableBody .forumIcoTd, .gtmForumStableBody .threadIcoTd{ text-align:left !important; } .gtmForumStableBody .forumBadgeStack, .gtmForumStableBody .threadBadgeStack{ max-width:100% !important; flex-direction:row !important; align-items:flex-start !important; justify-content:flex-start !important; } .gtmForumStableBody .forumStateBadge, .gtmForumStableBody .threadStateBadge{ width:auto !important; max-width:none !important; white-space:nowrap !important; } .gtmForumStableBody .forumThreadTd, .gtmForumStableBody .forumPostTd, .gtmForumStableBody .threadPostTd, .gtmForumStableBody .threadViewTd, .gtmForumStableBody .threadAuthTd{ display:inline-block !important; width:auto !important; max-width:none !important; min-width:0 !important; margin:0 6px 6px 0 !important; } .gtmForumStableBody .forumLastPostTd, .gtmForumStableBody .threadLastPostTd{ width:100% !important; min-width:0 !important; max-width:100% !important; margin-top:6px !important; } .gtmForumStableBody .postTdInfo{ width:100% !important; min-width:0 !important; max-width:100% !important; border-right:0 !important; border-bottom:1px solid var(--gtmf-lineSoft2) !important; } .gtmForumStableBody .postUserHead{ justify-content:flex-start !important; } .gtmForumStableBody .userAvatar{ width:80px !important; max-width:80px !important; margin:0 !important; } .gtmForumStableBody .postMetaLine{ flex-direction:column !important; align-items:flex-start !important; } .gtmForumStableBody .postBottomWrap{ flex-direction:column !important; align-items:flex-start !important; } .gtmForumStableBody .postActionBadges, .gtmForumStableBody .postActionBadges--user, .gtmForumStableBody .postActionBadges--manage{ justify-content:flex-start !important; } .gtmForumStableBody .postActionBadge{ flex:1 1 auto !important; } .gtmForumStableBody .messageFirstHead{ flex-direction:column !important; align-items:flex-start !important; } .gtmForumStableBody .gTableLeft, .gtmForumStableBody .gTableRight{ width:100% !important; } .gtmForumStableBody .forumEditorBar{ gap:6px; padding:7px; } .gtmForumStableBody .forumEditorGroup{ width:100%; } .gtmForumStableBody .codeButtons{ margin-bottom:4px; } .gtmForumStableBody input[type="text"], .gtmForumStableBody input[type="password"], .gtmForumStableBody input[type="email"], .gtmForumStableBody input[type="url"], .gtmForumStableBody textarea, .gtmForumStableBody select, .gtmForumStableBody button, .gtmForumStableBody input[type="submit"], .gtmForumStableBody input[type="button"]{ width:100% !important; margin:0 0 6px 0 !important; } .gtmForumStableBody .gtmForumRowTitle{ display:block; } .gtmForumStableBody .gtmForumRowBadge, .gtmForumStableBody .gtmForumRowBadge--pinned, .gtmForumStableBody .gtmForumRowBadge--archive, .gtmForumStableBody .gtmForumRowBadge--private, .gtmForumStableBody .gtmForumRowBadge--type, .gtmForumStableBody .gtmForumRowBadge--state, .gtmForumStableBody .gtmForumRowBadge--new{ margin:5px 4px 0 0; } .gtmForumStableBody .gtmForumLastPostRow{ grid-template-columns:1fr !important; } } /* FIX: чтобы нижнее описание не вставало рядом с карточками материалов */ .gtmCategoryBottomInfo, .gtmSectionBottomInfo, .gtmCatalogBottomInfo { clear:both; display:block; width:100%; box-sizing:border-box; } /* FIX: очищаем поток после списка материалов */ .eDisplay:after { content:""; display:block; clear:both; } /* На всякий случай очищаем пагинацию снизу */ .page_sel_2 { clear:both; display:block; } /* =============================== 582. Самые загружаемые моды стиль как у блока "Мини профиль" =============================== */ .gtmTopModsPanel{ width:190px; max-width:190px; margin:0 0 10px 10px; position:relative; overflow:hidden; } .gtmTopModsPanel, .gtmTopModsPanel *, .gtmTopModsPanel *:before, .gtmTopModsPanel *:after{ box-sizing:border-box; } .gtmTopModsPanel__body{ width:100%; padding:0; overflow:hidden; } /* =============================== 583. СКРОЛЛ =============================== */ .gtmTopModsScrollBox{ width:100%; height:320px; max-height:320px; overflow-y:auto; overflow-x:hidden; padding:0 4px 0 0; box-sizing:border-box; scrollbar-width:thin; scrollbar-color:#5a503b rgba(23,21,13,.42); } .gtmTopModsScrollBox::-webkit-scrollbar{ width:7px; } .gtmTopModsScrollBox::-webkit-scrollbar-track{ background:rgba(23,21,13,.42); border-radius:10px; } .gtmTopModsScrollBox::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,#5a503b 0%,#3a3325 100%); border:1px solid #241f15; border-radius:10px; } .gtmTopModsScrollBox::-webkit-scrollbar-thumb:hover{ background:linear-gradient(180deg,#6b6048 0%,#463e2d 100%); } /* =============================== 584. ОБОЛОЧКА ИНФОРМЕРА =============================== */ .gtmTopModsFix{ width:100%; display:block; clear:both; padding-right:2px; } /* если uCoz оборачивает информер таблицей */ .gtmTopModsFix table{ width:100% !important; max-width:100% !important; border-collapse:separate; border-spacing:0 7px; table-layout:fixed; } .gtmTopModsFix tbody, .gtmTopModsFix tr{ width:100% !important; } .gtmTopModsFix td{ width:100% !important; max-width:100% !important; padding:0 !important; vertical-align:top; box-sizing:border-box; } /* =============================== 585. КАРТОЧКА МОДА =============================== */ .gtmTopModItem{ width:100%; margin:0 0 7px 0; padding:7px; position:relative; overflow:hidden; color:#2a2418; background-image: linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.035) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.12) .7px, transparent .8px), linear-gradient(180deg,#f5ebce 0%,#e7d9b8 100%); background-size: auto, 6px 6px, 8px 8px, auto; background-position: 0 0, 0 0, 3px 3px, 0 0; border:1px solid #9b8864; border-left:4px solid #7a4a2a; border-radius:8px; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; font-size:11px; line-height:14px; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 2px 6px rgba(0,0,0,.25); transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease; } /* верхний глянец */ .gtmTopModItem:before{ content:""; position:absolute; left:0; top:0; width:100%; height:1px; background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent); pointer-events:none; z-index:2; } /* hover-блеск */ .gtmTopModItem:after{ content:""; position:absolute; left:-55%; top:0; width:35%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent); transform:skewX(-18deg); transition:left .42s ease; pointer-events:none; z-index:2; } .gtmTopModItem:hover:after{ left:115%; } .gtmTopModItem:hover{ transform:translateY(-1px); border-color:#a18b5f; background-image: linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.04) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.14) .7px, transparent .8px), linear-gradient(180deg,#fff4d4 0%,#e3cfaa 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.48), 0 4px 10px rgba(0,0,0,.28), 0 0 8px rgba(224,214,192,.18); } /* =============================== 586. TOP-1 / TOP-2 / TOP-3 =============================== */ .gtmTopModItem--top1{ border-color:#d2ab73; box-shadow: inset 0 1px 0 rgba(255,255,255,.50), 0 2px 7px rgba(0,0,0,.30), 0 0 12px rgba(210,171,115,.26); } .gtmTopModItem--top1 .gtmTopModItem__num{ color:#2f2b1b; background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%); border-color:#8a7b5a; text-shadow:1px 1px 0 rgba(255,255,255,.65); } .gtmTopModItem--top2{ border-color:#9a927c; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 2px 7px rgba(0,0,0,.24), 0 0 8px rgba(154,146,124,.18); } .gtmTopModItem--top2 .gtmTopModItem__num{ color:#2f2b1b; background:linear-gradient(180deg,#d8d2bf 0%,#9f957b 100%); border-color:#5b5442; text-shadow:1px 1px 0 rgba(255,255,255,.45); } .gtmTopModItem--top3{ border-color:#9f6247; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 2px 7px rgba(0,0,0,.24), 0 0 8px rgba(159,98,71,.20); } .gtmTopModItem--top3 .gtmTopModItem__num{ color:#fff; background:linear-gradient(180deg,#9f6247 0%,#7c4632 55%,#5a2f21 100%); border-color:#4a261a; text-shadow:1px 1px 0 rgba(0,0,0,.82); } /* =============================== 587. ГЛАВНЫЙ РЯД =============================== */ .gtmTopModItem__main{ width:100%; display:flex; gap:6px; align-items:flex-start; margin:0 0 6px 0; position:relative; z-index:3; } /* =============================== 588. МАЛЕНЬКАЯ КАРТИНКА =============================== */ .gtmTopModItem__thumb, .gtmTopModItem__thumb:link, .gtmTopModItem__thumb:visited, .gtmTopModItem__thumb:active{ flex:0 0 auto; width:42px; height:42px; display:block; overflow:hidden; position:relative; background:linear-gradient(180deg,#17150d,#292417); border:1px solid rgba(138,123,90,.55); outline:1px solid rgba(210,171,115,.18); outline-offset:1px; border-radius:10px; text-decoration:none; box-shadow: 0 5px 10px rgba(0,0,0,.42), 0 0 9px rgba(210,171,115,.10), inset 0 1px 0 rgba(255,255,255,.08); transition: border-color .18s ease, box-shadow .18s ease, outline-color .18s ease, transform .18s ease; } .gtmTopModItem__thumb:after{ content:""; position:absolute; left:3px; right:3px; top:3px; height:34%; background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.07) 45%,transparent); border-radius:7px 7px 0 0; pointer-events:none; z-index:3; } .gtmTopModItem__thumb img{ width:100%; height:100%; display:block; object-fit:cover; position:relative; z-index:2; border-radius:9px; transition: transform .22s ease, filter .22s ease; } .gtmTopModItem:hover .gtmTopModItem__thumb{ transform:translateY(-1px); border-color:rgba(210,171,115,.45); outline-color:rgba(210,171,115,.30); box-shadow: 0 6px 12px rgba(0,0,0,.46), 0 0 12px rgba(210,171,115,.14), inset 0 1px 0 rgba(255,255,255,.08); } .gtmTopModItem:hover .gtmTopModItem__thumb img{ transform:scale(1.06); filter:brightness(1.05); } /* заглушка под картинкой */ .gtmTopModItem__thumbEmpty{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; position:absolute; left:0; top:0; z-index:1; color:#b6ac94; font-size:11px; font-weight:900; line-height:12px; letter-spacing:.5px; text-shadow:1px 1px 0 rgba(0,0,0,.82); } /* =============================== 589. КОНТЕНТ СПРАВА =============================== */ .gtmTopModItem__content{ flex:1 1 auto; min-width:0; } .gtmTopModItem__top{ width:100%; display:flex; align-items:flex-start; gap:5px; margin:0 0 4px 0; } /* номер */ .gtmTopModItem__num{ flex:0 0 auto; min-width:28px; padding:2px 6px; color:#f5ebce; background:linear-gradient(180deg,#4b422e 0%,#2f291d 100%); border:1px solid #201b12; border-radius:10px; font-size:10px; font-weight:900; line-height:12px; text-align:center; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 1px 3px rgba(0,0,0,.18); } /* заголовок */ .gtmTopModItem__title, .gtmTopModItem__title:link, .gtmTopModItem__title:visited, .gtmTopModItem__title:active{ flex:1 1 auto; min-width:0; display:block; color:#2a2418; font-size:11px; font-weight:900; line-height:14px; text-decoration:none; text-shadow:1px 1px 0 rgba(255,255,255,.55); max-height:28px; overflow:hidden; transition:color .18s ease; } .gtmTopModItem__title:hover{ color:#7a4a2a; text-decoration:underline; text-decoration-color:rgba(122,74,42,.55); text-underline-offset:2px; } /* категория / дата */ .gtmTopModItem__meta{ display:flex; flex-wrap:wrap; gap:3px; margin:0; } .gtmTopModItem__cat, .gtmTopModItem__cat:link, .gtmTopModItem__cat:visited, .gtmTopModItem__cat:active, .gtmTopModItem__date{ display:inline-block; max-width:100%; padding:2px 6px; color:#6a5b3e; background: linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.04)), rgba(255,255,255,.16); border:1px solid rgba(138,123,90,.28); border-radius:999px; font-size:10px; font-weight:800; line-height:12px; text-decoration:none; text-shadow:1px 1px 0 rgba(255,255,255,.45); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .gtmTopModItem__cat:hover{ color:#7a4a2a; background:rgba(255,255,255,.26); } /* =============================== 590. СТАТИСТИКА =============================== */ .gtmTopModItem__stats{ display:grid; grid-template-columns:1fr 1fr; gap:4px; margin:0 0 6px 0; position:relative; z-index:3; } /* мягкое раскрытие статистики */ .gtmTopModItem__stats .gtmTopModItem__stat:not(.gtmTopModItem__stat--loads){ display:none; } .gtmTopModItem:hover .gtmTopModItem__stats .gtmTopModItem__stat{ display:block; } .gtmTopModItem__stat, .gtmTopModItem__stat:link, .gtmTopModItem__stat:visited, .gtmTopModItem__stat:active{ min-width:0; padding:4px 5px; color:#4b422e; background: linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.04)), rgba(255,255,255,.16); border:1px solid rgba(138,123,90,.28); border-radius:6px; font-size:10px; font-weight:800; line-height:12px; text-decoration:none; text-shadow:1px 1px 0 rgba(255,255,255,.45); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .gtmTopModItem__stat{ opacity:.72; } .gtmTopModItem__stat b{ color:#2a2418; font-weight:900; } .gtmTopModItem__stat b:empty{ display:inline-block; width:10px; height:1px; opacity:.35; } .gtmTopModItem__stat:has(b:empty){ opacity:.38; } /* скачивания */ .gtmTopModItem__stat--loads{ grid-column:1 / 3; display:block !important; opacity:1; color:#f5ebce; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.36)), rgba(23,21,13,.80); border:1px solid rgba(138,123,90,.30); border-radius:7px; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.18); } .gtmTopModItem__stat--loads b{ color:#d2ab73; text-shadow:1px 1px 0 rgba(0,0,0,.82); } /* иконка загрузок */ .gtmTopModItem__loadIcon{ display:inline-block; margin:0 3px 0 0; color:#d2ab73; font-size:10px; line-height:12px; } .gtmTopModItem__statLink:hover{ color:#7a4a2a; background: linear-gradient(180deg,#fff4d4 0%,#e3cfaa 100%); opacity:1; } /* =============================== 591. НИЗ =============================== */ .gtmTopModItem__bottom{ display:flex; justify-content:space-between; align-items:center; gap:5px; margin:0; position:relative; z-index:3; } /* автор */ .gtmTopModItem__user, .gtmTopModItem__user:link, .gtmTopModItem__user:visited, .gtmTopModItem__user:active{ min-width:0; display:block; color:#6a5b3e; font-size:10px; font-weight:800; line-height:13px; text-decoration:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; opacity:.82; } .gtmTopModItem__user:hover{ color:#7a4a2a; opacity:1; text-decoration:underline; text-underline-offset:2px; } /* кнопка */ .gtmTopModItem__download, .gtmTopModItem__download:link, .gtmTopModItem__download:visited, .gtmTopModItem__download:active{ flex:0 0 auto; display:inline-block; padding:3px 8px; color:#2f2b1b; background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%); border:1px solid #8a7b5a; border-radius:999px; font-size:10px; font-weight:900; line-height:13px; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(255,255,255,.65); box-shadow: 0 2px 6px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.45); transition: transform .18s ease, color .18s ease, box-shadow .18s ease, border-color .18s ease; } .gtmTopModItem__download:hover{ transform:translateY(-1px); color:#7a4a2a; border-color:#a18b5f; text-decoration:none; box-shadow: 0 4px 10px rgba(0,0,0,.35), 0 0 8px rgba(224,214,192,.18), inset 0 1px 0 rgba(255,255,255,.48); } .gtmTopModsFix .gtmTopModItem:last-child{ margin-bottom:0; } /* =============================== 592. ЗАЩИТА =============================== */ .gtmTopModsFix, .gtmTopModsFix *{ max-width:100%; box-sizing:border-box; word-wrap:break-word; overflow-wrap:break-word; } /* если браузер не поддерживает :has — просто оставит обычный вид */ @supports not selector(:has(*)){ .gtmTopModItem__stat{ opacity:.82; } } /* =============================== 593. REDUCED MOTION =============================== */ @media(prefers-reduced-motion:reduce){ .gtmTopModItem, .gtmTopModItem *, .gtmTopModItem *:before, .gtmTopModItem *:after{ animation:none !important; transition:none !important; transform:none !important; } .gtmTopModItem:hover:after{ left:-55%; } } /* =============================== 594. FIX: блок "Самые загружаемые моды" на всю ширину колонки =============================== */ .gtmTopModsPanel{ width:100% !important; max-width:100% !important; margin:0 0 10px 0 !important; position:relative; overflow:hidden; } .gtmTopModsPanel, .gtmTopModsPanel *, .gtmTopModsPanel *:before, .gtmTopModsPanel *:after{ box-sizing:border-box; } .gtmTopModsPanel__body{ width:100% !important; max-width:100% !important; padding:0; overflow:hidden; } .gtmTopModsScrollBox{ width:100% !important; max-width:100% !important; height:320px; max-height:320px; overflow-y:auto; overflow-x:hidden; padding:0 4px 0 0; box-sizing:border-box; } .gtmTopModsFix{ width:100% !important; max-width:100% !important; display:block; clear:both; padding-right:0 !important; } .gtmTopModsFix table{ width:100% !important; max-width:100% !important; border-collapse:separate; border-spacing:0 7px; table-layout:fixed; } .gtmTopModsFix tbody, .gtmTopModsFix tr, .gtmTopModsFix td{ width:100% !important; max-width:100% !important; padding:0 !important; box-sizing:border-box; } .gtmTopModItem{ width:100% !important; max-width:100% !important; margin:0 0 7px 0; } /* ===================================================== 595. GtaMania: дополнительные блоки страницы регистрации ===================================================== */ /* Возможности аккаунта */ .gtmRegisterBenefits{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px; } .gtmRegisterBenefit{ position:relative; padding:10px; overflow:hidden; border-radius:8px; border:1px solid rgba(245,235,206,.14); background: radial-gradient(circle at 100% 0,rgba(216,180,107,.10),transparent 34%), linear-gradient(180deg,rgba(55,49,34,.92),rgba(24,22,16,.96)); box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 6px 14px rgba(0,0,0,.18); box-sizing:border-box; } .gtmRegisterBenefit:before{ content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:linear-gradient(180deg,#d8b46b,#7d6231); opacity:.9; } .gtmRegisterBenefit b{ display:block; margin:0 0 5px 0; color:#f5ebce; font:700 13px/1.25 Arial,Tahoma,sans-serif; text-shadow:0 1px 1px rgba(0,0,0,.45); } .gtmRegisterBenefit span{ display:block; color:#cfc4aa; font:12px/1.45 Arial,Tahoma,sans-serif; } /* Правила регистрации */ .gtmRegisterRulesNote{ border-color:rgba(216,180,107,.28); } .gtmRegisterRulesNote .gtmPmSafeNote__icon{ background:linear-gradient(180deg,#f5ebce,#d8b46b); color:#2f2b1b; } /* Блок "Уже есть аккаунт" */ .gtmRegisterLoginNote{ margin-top:12px; } .gtmRegisterLoginNote a{ color:#f5ebce !important; font-weight:700; text-decoration:underline !important; } .gtmRegisterLoginNote a:hover{ color:#fff1c7 !important; } /* Заглушка аватарки, если картинка не загрузилась */ .gtmRegisterAvatarNoImg .gtmPmAvatar__empty{ display:flex; } /* Защита формы регистрации от выезда за пределы */ .gtmRegisterContent input, .gtmRegisterContent textarea, .gtmRegisterContent select{ max-width:100%; box-sizing:border-box; } .gtmRegisterContent img, .gtmRegisterContent iframe, .gtmRegisterContent video, .gtmRegisterContent embed, .gtmRegisterContent object{ max-width:100% !important; box-sizing:border-box; } .gtmRegisterContent img{ height:auto; } .gtmRegisterContent table{ max-width:100%; } .gtmRegisterContent a{ overflow-wrap:anywhere; word-break:break-word; } /* Кнопки соцсетей */ .gtmRegisterSocialBtns{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; } .gtmRegisterSocialBtns a, .gtmRegisterSocialBtns img{ max-width:100%; } /* Мобильная версия */ @media screen and (max-width:640px){ .gtmRegisterBenefits{ grid-template-columns:1fr; } .gtmRegisterBenefit{ padding:10px 10px 10px 12px; } .gtmRegisterSocialBtns{ display:block; } .gtmRegisterSocialBtns a, .gtmRegisterSocialBtns img{ display:block; margin:0 0 7px 0; } } /* ===================================================== 596. Регистрация: нижний блок "Уже зарегистрированы?" плотный фон вместо прозрачного ===================================================== */ .gtmRegisterLoginNote{ margin:12px 0 0 0; padding:10px 12px !important; border:1px solid rgba(216,180,107,.26) !important; border-radius:10px !important; background: radial-gradient(circle at 100% 0,rgba(216,180,107,.12),transparent 34%), linear-gradient(180deg,#3b3524,#1f1c14) !important; color:#cfc4aa !important; box-shadow: 0 8px 18px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.05) !important; box-sizing:border-box; } .gtmRegisterLoginNote .gtmPmSafeNote__icon{ flex:0 0 28px; width:28px; height:28px; display:flex; align-items:center; justify-content:center; border-radius:50%; border:1px solid rgba(0,0,0,.65); background:linear-gradient(180deg,#f5ebce,#d8b46b) !important; color:#2f2b1b !important; font:900 15px/1 Arial,Tahoma,sans-serif; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 2px 5px rgba(0,0,0,.28); } .gtmRegisterLoginNote b{ color:#f5ebce !important; } .gtmRegisterLoginNote a{ display:inline-flex; align-items:center; justify-content:center; margin:8px 0 0 0; min-height:26px; padding:0 11px; color:#2f2b1b !important; font:800 11px/1 Arial,Tahoma,sans-serif; text-decoration:none !important; text-transform:uppercase; letter-spacing:.35px; border-radius:20px; border:1px solid rgba(0,0,0,.65); background:linear-gradient(180deg,#f5ebce,#d8b46b) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 3px 8px rgba(0,0,0,.25); } .gtmRegisterLoginNote a:hover{ color:#1f1c14 !important; background:linear-gradient(180deg,#fff1c7,#e0b85e) !important; } /* ===================================================== 597. GtaMania: тёмная форма регистрации uCoz ===================================================== */ .gtmRegForm{ position:relative; margin:0; padding:0; overflow:hidden; border-radius:10px; border:1px solid rgba(245,235,206,.10); background: radial-gradient(circle at 100% 0,rgba(216,180,107,.08),transparent 34%), linear-gradient(180deg,#272117 0%,#1a160f 100%); box-shadow: 0 10px 22px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03); box-sizing:border-box; } .gtmRegForm, .gtmRegForm *, .gtmRegForm *:before, .gtmRegForm *:after{ box-sizing:border-box; } .gtmRegForm__head{ display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:38px; padding:9px 10px; background:linear-gradient(180deg,#5e5032 0%,#2a2418 100%); border-bottom:1px solid rgba(216,180,107,.20); } .gtmRegForm__title{ display:flex; align-items:center; gap:8px; min-width:0; color:#f5ebce; font:700 16px/1.25 Arial,Tahoma,sans-serif; text-shadow:0 1px 1px rgba(0,0,0,.45); } .gtmRegForm__icon{ flex:0 0 26px; width:26px; height:26px; display:flex; align-items:center; justify-content:center; border-radius:50%; border:1px solid rgba(0,0,0,.65); background:linear-gradient(180deg,#f5ebce,#d8b46b); color:#2f2b1b; font:900 13px/1 Arial,Tahoma,sans-serif; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 2px 5px rgba(0,0,0,.25); } .gtmRegForm__badge{ flex:0 0 auto; padding:4px 8px; border-radius:20px; border:1px solid rgba(245,235,206,.12); background:rgba(0,0,0,.25); color:#d8c58d; font:800 10px/1 Arial,Tahoma,sans-serif; letter-spacing:.45px; text-transform:uppercase; } .gtmRegForm__intro{ margin:10px; padding:10px 11px; border-radius:7px; border:1px solid rgba(216,180,107,.16); background:rgba(0,0,0,.22); color:#d7ccb1; font:12px/1.5 Arial,Tahoma,sans-serif; } .gtmRegForm__table{ width:100% !important; border-collapse:separate !important; border-spacing:0 !important; margin:0 !important; padding:0 10px 10px 10px !important; background:transparent !important; } .gtmRegForm h2{ display:none; } .gtmRegForm .manTdSep{ height:8px !important; padding:0 !important; line-height:0 !important; font-size:0 !important; } .gtmRegForm .manHr{ display:none !important; } .gtmRegForm__label, .gtmRegForm .manTd1{ width:35%; padding:9px 10px !important; vertical-align:middle !important; border-radius:6px 0 0 6px; border:1px solid rgba(245,235,206,.08); border-right:0; background:rgba(0,0,0,.24) !important; color:#f1e3bb !important; font:700 12px/1.4 Arial,Tahoma,sans-serif !important; text-align:left !important; } .gtmRegForm__field, .gtmRegForm .manTd2{ padding:9px 10px !important; vertical-align:middle !important; border-radius:0 6px 6px 0; border:1px solid rgba(245,235,206,.08); background:rgba(255,255,255,.03) !important; color:#d9cfb6 !important; font:12px/1.45 Arial,Tahoma,sans-serif !important; } .gtmRegForm__fieldOptions{ display:flex; flex-direction:column; align-items:flex-start; gap:6px; } .gtmRegForm input[type="text"], .gtmRegForm input[type="password"], .gtmRegForm input[type="email"], .gtmRegForm input[type="url"], .gtmRegForm input[type="tel"], .gtmRegForm input[type="number"], .gtmRegForm input[type="search"], .gtmRegForm select, .gtmRegForm textarea{ width:100%; max-width:100%; min-height:34px; padding:6px 10px; border-radius:6px; border:1px solid rgba(216,180,107,.22); background:#18140d !important; color:#f5ebce !important; font:13px/1.35 Arial,Tahoma,sans-serif; box-shadow: inset 0 1px 2px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.03); outline:none; } .gtmRegForm textarea{ min-height:90px; resize:vertical; } .gtmRegForm input[type="text"]:focus, .gtmRegForm input[type="password"]:focus, .gtmRegForm input[type="email"]:focus, .gtmRegForm input[type="url"]:focus, .gtmRegForm input[type="tel"]:focus, .gtmRegForm input[type="number"]:focus, .gtmRegForm input[type="search"]:focus, .gtmRegForm select:focus, .gtmRegForm textarea:focus{ border-color:#d8b46b; background:#1d170f !important; box-shadow: 0 0 0 2px rgba(216,180,107,.14), inset 0 1px 2px rgba(0,0,0,.35); color:#fff3cf !important; } .gtmRegForm input::placeholder, .gtmRegForm textarea::placeholder{ color:#9f9378 !important; opacity:1; } .gtmRegForm select option{ background:#18140d; color:#f5ebce; } .gtmRegForm input[type="checkbox"], .gtmRegForm input[type="radio"]{ vertical-align:middle; margin:0 6px 2px 0; accent-color:#b89145; } .gtmRegForm label{ color:#d9cfb6 !important; } .gtmRegForm__buttons, .gtmRegForm .manTdBut{ padding:12px 10px 14px 10px !important; text-align:center !important; } .gtmRegForm__submit, .gtmRegForm .manFlSbm{ display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:0 18px !important; border-radius:5px !important; border:1px solid rgba(0,0,0,.72) !important; border-bottom-color:#d8b46b !important; background:linear-gradient(180deg,#6c5a33,#2d2618) !important; color:#f5ebce !important; font:800 12px/1 Arial,Tahoma,sans-serif !important; text-transform:uppercase; letter-spacing:.4px; cursor:pointer; box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 4px 10px rgba(0,0,0,.25); } .gtmRegForm__submit:hover, .gtmRegForm .manFlSbm:hover{ color:#fff3cf !important; background:linear-gradient(180deg,#7b6739,#383021) !important; border-color:#d8b46b !important; } .gtmRegForm__error, .gtmRegForm .manTdError{ padding:10px !important; border-radius:7px !important; border:1px solid rgba(255,95,95,.30) !important; background:rgba(90,22,22,.88) !important; color:#ffe1d8 !important; font:700 12px/1.45 Arial,Tahoma,sans-serif !important; } .gtmRegForm__social, .register-social-list{ display:flex; flex-wrap:wrap; gap:7px; align-items:center; } .gtmRegForm__social a, .register-social-list a{ display:inline-flex; align-items:center; justify-content:center; min-height:30px; padding:4px 8px; border-radius:6px; background:rgba(255,255,255,.04); border:1px solid rgba(245,235,206,.10); } .gtmRegForm__social img, .register-social-list img{ max-width:100%; height:auto; } .gtmRegForm a{ color:#f0d998 !important; text-decoration:none; } .gtmRegForm a:hover{ color:#fff3cf !important; text-decoration:underline; } .gtmRegForm .ucoz-help, .gtmRegForm .manDesc, .gtmRegForm small, .gtmRegForm font{ color:#bcae8a !important; } .gtmRegForm img, .gtmRegForm iframe, .gtmRegForm video, .gtmRegForm embed, .gtmRegForm object{ max-width:100% !important; box-sizing:border-box; } .gtmRegForm img{ height:auto; } .gtmRegForm .manTd2 table, .gtmRegForm .manTd2 div, .gtmRegForm .manTd2 span{ color:inherit; } @media screen and (max-width:700px){ .gtmRegForm__head{ align-items:flex-start; flex-direction:column; } .gtmRegForm__badge{ display:none; } .gtmRegForm__table, .gtmRegForm__table tbody, .gtmRegForm__table tr, .gtmRegForm__table td{ display:block; width:100% !important; } .gtmRegForm__table{ padding:0 10px 10px 10px !important; } .gtmRegForm__label, .gtmRegForm .manTd1{ border-radius:6px 6px 0 0; border-right:1px solid rgba(245,235,206,.08); border-bottom:0; } .gtmRegForm__field, .gtmRegForm .manTd2{ border-radius:0 0 6px 6px; } .gtmRegForm .manTdSep{ display:block; height:8px !important; } .gtmRegForm__submit, .gtmRegForm .manFlSbm{ width:100%; } } /* ===================================================== 598. FIX: полностью тёмная форма регистрации uCoz ставить в самый низ CSS ===================================================== */ .gtmRegisterContent, .gtmRegisterContent .gtmRegForm, .gtmRegisterContent .manTable, .gtmRegisterContent table.manTable, .gtmRegisterContent table, .gtmRegForm, .gtmRegForm .manTable, .gtmRegForm table{ background: radial-gradient(circle at 100% 0,rgba(216,180,107,.08),transparent 34%), linear-gradient(180deg,#272117 0%,#1a160f 100%) !important; color:#d9cfb6 !important; border-color:rgba(245,235,206,.10) !important; } .gtmRegisterContent .manTable, .gtmRegForm .manTable{ width:100% !important; border-collapse:separate !important; border-spacing:0 8px !important; border:0 !important; padding:0 10px 10px 10px !important; box-shadow:none !important; } /* Убираем светлый фон со строк */ .gtmRegisterContent .manTable tr, .gtmRegisterContent .manTable tbody, .gtmRegisterContent .manTable thead, .gtmRegisterContent .manTable tfoot, .gtmRegForm .manTable tr, .gtmRegForm .manTable tbody, .gtmRegForm .manTable thead, .gtmRegForm .manTable tfoot{ background:transparent !important; color:#d9cfb6 !important; } /* Левая колонка */ .gtmRegisterContent .manTd1, .gtmRegisterContent td.manTd1, .gtmRegForm .manTd1, .gtmRegForm td.manTd1{ background:rgba(0,0,0,.30) !important; color:#f1e3bb !important; border:1px solid rgba(245,235,206,.08) !important; border-right:0 !important; border-radius:6px 0 0 6px !important; padding:9px 10px !important; font:700 12px/1.4 Arial,Tahoma,sans-serif !important; } /* Правая колонка */ .gtmRegisterContent .manTd2, .gtmRegisterContent td.manTd2, .gtmRegForm .manTd2, .gtmRegForm td.manTd2{ background:rgba(255,255,255,.035) !important; color:#d9cfb6 !important; border:1px solid rgba(245,235,206,.08) !important; border-radius:0 6px 6px 0 !important; padding:9px 10px !important; font:12px/1.45 Arial,Tahoma,sans-serif !important; } /* Разделители полностью убрать */ .gtmRegisterContent .manTdSep, .gtmRegisterContent td.manTdSep, .gtmRegisterContent .manHr, .gtmRegForm .manTdSep, .gtmRegForm td.manTdSep, .gtmRegForm .manHr{ background:transparent !important; border:0 !important; box-shadow:none !important; } .gtmRegisterContent .manHr, .gtmRegForm .manHr{ display:none !important; } /* Кнопочная строка */ .gtmRegisterContent .manTdBut, .gtmRegisterContent td.manTdBut, .gtmRegForm .manTdBut, .gtmRegForm td.manTdBut{ background:transparent !important; border:0 !important; padding:12px 10px 14px 10px !important; } /* Все вложенные системные блоки */ .gtmRegisterContent .manTd2 *, .gtmRegForm .manTd2 *{ color:inherit; } /* Поля */ .gtmRegisterContent input[type="text"], .gtmRegisterContent input[type="password"], .gtmRegisterContent input[type="email"], .gtmRegisterContent input[type="url"], .gtmRegisterContent input[type="tel"], .gtmRegisterContent input[type="number"], .gtmRegisterContent input[type="search"], .gtmRegisterContent select, .gtmRegisterContent textarea, .gtmRegForm input[type="text"], .gtmRegForm input[type="password"], .gtmRegForm input[type="email"], .gtmRegForm input[type="url"], .gtmRegForm input[type="tel"], .gtmRegForm input[type="number"], .gtmRegForm input[type="search"], .gtmRegForm select, .gtmRegForm textarea{ background:#18140d !important; color:#f5ebce !important; border:1px solid rgba(216,180,107,.24) !important; box-shadow: inset 0 1px 2px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.03) !important; } /* Текст, подсказки, font от uCoz */ .gtmRegisterContent, .gtmRegisterContent td, .gtmRegisterContent div, .gtmRegisterContent span, .gtmRegisterContent font, .gtmRegisterContent small, .gtmRegisterContent label, .gtmRegForm, .gtmRegForm td, .gtmRegForm div, .gtmRegForm span, .gtmRegForm font, .gtmRegForm small, .gtmRegForm label{ color:#d9cfb6 !important; } /* Ссылки */ .gtmRegisterContent a, .gtmRegForm a{ color:#f0d998 !important; } .gtmRegisterContent a:hover, .gtmRegForm a:hover{ color:#fff3cf !important; } /* Ошибка */ .gtmRegisterContent .manTdError, .gtmRegForm .manTdError{ background:rgba(90,22,22,.88) !important; color:#ffe1d8 !important; border:1px solid rgba(255,95,95,.30) !important; border-radius:7px !important; } /* Кнопка регистрации */ .gtmRegisterContent .manFlSbm, .gtmRegForm .manFlSbm{ background:linear-gradient(180deg,#6c5a33,#2d2618) !important; color:#f5ebce !important; border:1px solid rgba(0,0,0,.72) !important; border-bottom-color:#d8b46b !important; border-radius:5px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 4px 10px rgba(0,0,0,.25) !important; } .gtmRegisterContent .manFlSbm:hover, .gtmRegForm .manFlSbm:hover{ background:linear-gradient(180deg,#7b6739,#383021) !important; color:#fff3cf !important; border-color:#d8b46b !important; } /* Если светлый фон даёт общий блок страницы */ .gtmPmContent.gtmRegisterContent{ background: radial-gradient(circle at 100% 0,rgba(216,180,107,.08),transparent 34%), linear-gradient(180deg,#272117 0%,#1a160f 100%) !important; border:1px solid rgba(245,235,206,.10) !important; border-radius:10px !important; padding:10px !important; box-shadow: 0 8px 18px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.03) !important; } /* Мобильная версия */ @media screen and (max-width:700px){ .gtmRegisterContent .manTable, .gtmRegisterContent .manTable tbody, .gtmRegisterContent .manTable tr, .gtmRegisterContent .manTable td, .gtmRegForm .manTable, .gtmRegForm .manTable tbody, .gtmRegForm .manTable tr, .gtmRegForm .manTable td{ display:block; width:100% !important; } .gtmRegisterContent .manTd1, .gtmRegForm .manTd1{ border-radius:6px 6px 0 0 !important; border-right:1px solid rgba(245,235,206,.08) !important; border-bottom:0 !important; } .gtmRegisterContent .manTd2, .gtmRegForm .manTd2{ border-radius:0 0 6px 6px !important; } } /* ===================================================== 599. FIX: полностью тёмная форма регистрации uCoz ставить в самый низ CSS ===================================================== */ .gtmRegisterContent, .gtmRegisterContent .gtmRegForm, .gtmRegisterContent .manTable, .gtmRegisterContent table.manTable, .gtmRegisterContent table, .gtmRegForm, .gtmRegForm .manTable, .gtmRegForm table{ background: radial-gradient(circle at 100% 0,rgba(216,180,107,.08),transparent 34%), linear-gradient(180deg,#272117 0%,#1a160f 100%) !important; color:#d9cfb6 !important; border-color:rgba(245,235,206,.10) !important; } .gtmRegisterContent .manTable, .gtmRegForm .manTable{ width:100% !important; border-collapse:separate !important; border-spacing:0 8px !important; border:0 !important; padding:0 10px 10px 10px !important; box-shadow:none !important; } /* Убираем светлый фон со строк */ .gtmRegisterContent .manTable tr, .gtmRegisterContent .manTable tbody, .gtmRegisterContent .manTable thead, .gtmRegisterContent .manTable tfoot, .gtmRegForm .manTable tr, .gtmRegForm .manTable tbody, .gtmRegForm .manTable thead, .gtmRegForm .manTable tfoot{ background:transparent !important; color:#d9cfb6 !important; } /* Левая колонка */ .gtmRegisterContent .manTd1, .gtmRegisterContent td.manTd1, .gtmRegForm .manTd1, .gtmRegForm td.manTd1{ background:rgba(0,0,0,.30) !important; color:#f1e3bb !important; border:1px solid rgba(245,235,206,.08) !important; border-right:0 !important; border-radius:6px 0 0 6px !important; padding:9px 10px !important; font:700 12px/1.4 Arial,Tahoma,sans-serif !important; } /* Правая колонка */ .gtmRegisterContent .manTd2, .gtmRegisterContent td.manTd2, .gtmRegForm .manTd2, .gtmRegForm td.manTd2{ background:rgba(255,255,255,.035) !important; color:#d9cfb6 !important; border:1px solid rgba(245,235,206,.08) !important; border-radius:0 6px 6px 0 !important; padding:9px 10px !important; font:12px/1.45 Arial,Tahoma,sans-serif !important; } /* Разделители полностью убрать */ .gtmRegisterContent .manTdSep, .gtmRegisterContent td.manTdSep, .gtmRegisterContent .manHr, .gtmRegForm .manTdSep, .gtmRegForm td.manTdSep, .gtmRegForm .manHr{ background:transparent !important; border:0 !important; box-shadow:none !important; } .gtmRegisterContent .manHr, .gtmRegForm .manHr{ display:none !important; } /* Кнопочная строка */ .gtmRegisterContent .manTdBut, .gtmRegisterContent td.manTdBut, .gtmRegForm .manTdBut, .gtmRegForm td.manTdBut{ background:transparent !important; border:0 !important; padding:12px 10px 14px 10px !important; } /* Все вложенные системные блоки */ .gtmRegisterContent .manTd2 *, .gtmRegForm .manTd2 *{ color:inherit; } /* Поля */ .gtmRegisterContent input[type="text"], .gtmRegisterContent input[type="password"], .gtmRegisterContent input[type="email"], .gtmRegisterContent input[type="url"], .gtmRegisterContent input[type="tel"], .gtmRegisterContent input[type="number"], .gtmRegisterContent input[type="search"], .gtmRegisterContent select, .gtmRegisterContent textarea, .gtmRegForm input[type="text"], .gtmRegForm input[type="password"], .gtmRegForm input[type="email"], .gtmRegForm input[type="url"], .gtmRegForm input[type="tel"], .gtmRegForm input[type="number"], .gtmRegForm input[type="search"], .gtmRegForm select, .gtmRegForm textarea{ background:#18140d !important; color:#f5ebce !important; border:1px solid rgba(216,180,107,.24) !important; box-shadow: inset 0 1px 2px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.03) !important; } /* Текст, подсказки, font от uCoz */ .gtmRegisterContent, .gtmRegisterContent td, .gtmRegisterContent div, .gtmRegisterContent span, .gtmRegisterContent font, .gtmRegisterContent small, .gtmRegisterContent label, .gtmRegForm, .gtmRegForm td, .gtmRegForm div, .gtmRegForm span, .gtmRegForm font, .gtmRegForm small, .gtmRegForm label{ color:#d9cfb6 !important; } /* Ссылки */ .gtmRegisterContent a, .gtmRegForm a{ color:#f0d998 !important; } .gtmRegisterContent a:hover, .gtmRegForm a:hover{ color:#fff3cf !important; } /* Ошибка */ .gtmRegisterContent .manTdError, .gtmRegForm .manTdError{ background:rgba(90,22,22,.88) !important; color:#ffe1d8 !important; border:1px solid rgba(255,95,95,.30) !important; border-radius:7px !important; } /* Кнопка регистрации */ .gtmRegisterContent .manFlSbm, .gtmRegForm .manFlSbm{ background:linear-gradient(180deg,#6c5a33,#2d2618) !important; color:#f5ebce !important; border:1px solid rgba(0,0,0,.72) !important; border-bottom-color:#d8b46b !important; border-radius:5px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 4px 10px rgba(0,0,0,.25) !important; } .gtmRegisterContent .manFlSbm:hover, .gtmRegForm .manFlSbm:hover{ background:linear-gradient(180deg,#7b6739,#383021) !important; color:#fff3cf !important; border-color:#d8b46b !important; } /* Если светлый фон даёт общий блок страницы */ .gtmPmContent.gtmRegisterContent{ background: radial-gradient(circle at 100% 0,rgba(216,180,107,.08),transparent 34%), linear-gradient(180deg,#272117 0%,#1a160f 100%) !important; border:1px solid rgba(245,235,206,.10) !important; border-radius:10px !important; padding:10px !important; box-shadow: 0 8px 18px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.03) !important; } /* Мобильная версия */ @media screen and (max-width:700px){ .gtmRegisterContent .manTable, .gtmRegisterContent .manTable tbody, .gtmRegisterContent .manTable tr, .gtmRegisterContent .manTable td, .gtmRegForm .manTable, .gtmRegForm .manTable tbody, .gtmRegForm .manTable tr, .gtmRegForm .manTable td{ display:block; width:100% !important; } .gtmRegisterContent .manTd1, .gtmRegForm .manTd1{ border-radius:6px 6px 0 0 !important; border-right:1px solid rgba(245,235,206,.08) !important; border-bottom:0 !important; } .gtmRegisterContent .manTd2, .gtmRegForm .manTd2{ border-radius:0 0 6px 6px !important; } } /* ===================================================== 600. ЖЁСТКИЙ FIX: убрать светлую подсветку выбранных пунктов в форме регистрации uCoz ===================================================== */ .gtmRegisterContent, .gtmRegisterContent *, .gtmRegForm, .gtmRegForm *{ background-color:transparent; } /* Основной тёмный фон формы */ .gtmRegisterContent, .gtmPmContent.gtmRegisterContent, .gtmRegisterBox .gtmPmBox__body, .gtmRegForm{ background: radial-gradient(circle at 100% 0,rgba(216,180,107,.08),transparent 34%), linear-gradient(180deg,#272117 0%,#1a160f 100%) !important; color:#d9cfb6 !important; } /* Таблица и все её части */ .gtmRegisterContent table, .gtmRegisterContent tbody, .gtmRegisterContent thead, .gtmRegisterContent tfoot, .gtmRegisterContent tr, .gtmRegisterContent td, .gtmRegForm table, .gtmRegForm tbody, .gtmRegForm thead, .gtmRegForm tfoot, .gtmRegForm tr, .gtmRegForm td{ background-image:none !important; box-shadow:none !important; } /* Левая колонка — всегда тёмная */ .gtmRegisterContent .manTd1, .gtmRegisterContent td.manTd1, .gtmRegForm .manTd1, .gtmRegForm td.manTd1, .gtmRegisterContent tr:hover .manTd1, .gtmRegForm tr:hover .manTd1, .gtmRegisterContent tr:focus .manTd1, .gtmRegForm tr:focus .manTd1, .gtmRegisterContent tr:focus-within .manTd1, .gtmRegForm tr:focus-within .manTd1{ background:rgba(0,0,0,.34) !important; background-color:rgba(0,0,0,.34) !important; color:#f1e3bb !important; border-color:rgba(245,235,206,.08) !important; } /* Правая колонка — всегда тёмная */ .gtmRegisterContent .manTd2, .gtmRegisterContent td.manTd2, .gtmRegForm .manTd2, .gtmRegForm td.manTd2, .gtmRegisterContent tr:hover .manTd2, .gtmRegForm tr:hover .manTd2, .gtmRegisterContent tr:focus .manTd2, .gtmRegForm tr:focus .manTd2, .gtmRegisterContent tr:focus-within .manTd2, .gtmRegForm tr:focus-within .manTd2{ background:rgba(255,255,255,.035) !important; background-color:rgba(255,255,255,.035) !important; color:#d9cfb6 !important; border-color:rgba(245,235,206,.08) !important; } /* Любые системные hover/active/selected классы uCoz */ .gtmRegisterContent .manTd1:hover, .gtmRegisterContent .manTd2:hover, .gtmRegisterContent .manTd1:active, .gtmRegisterContent .manTd2:active, .gtmRegisterContent .manTd1:focus, .gtmRegisterContent .manTd2:focus, .gtmRegisterContent .manTd1:focus-within, .gtmRegisterContent .manTd2:focus-within, .gtmRegForm .manTd1:hover, .gtmRegForm .manTd2:hover, .gtmRegForm .manTd1:active, .gtmRegForm .manTd2:active, .gtmRegForm .manTd1:focus, .gtmRegForm .manTd2:focus, .gtmRegForm .manTd1:focus-within, .gtmRegForm .manTd2:focus-within{ background-image:none !important; } /* Поля — обычное состояние */ .gtmRegisterContent input, .gtmRegisterContent textarea, .gtmRegisterContent select, .gtmRegForm input, .gtmRegForm textarea, .gtmRegForm select{ background:#18140d !important; background-color:#18140d !important; color:#f5ebce !important; border-color:rgba(216,180,107,.24) !important; outline:none !important; } /* Поля — активное состояние */ .gtmRegisterContent input:hover, .gtmRegisterContent textarea:hover, .gtmRegisterContent select:hover, .gtmRegisterContent input:active, .gtmRegisterContent textarea:active, .gtmRegisterContent select:active, .gtmRegisterContent input:focus, .gtmRegisterContent textarea:focus, .gtmRegisterContent select:focus, .gtmRegisterContent input:focus-visible, .gtmRegisterContent textarea:focus-visible, .gtmRegisterContent select:focus-visible, .gtmRegForm input:hover, .gtmRegForm textarea:hover, .gtmRegForm select:hover, .gtmRegForm input:active, .gtmRegForm textarea:active, .gtmRegForm select:active, .gtmRegForm input:focus, .gtmRegForm textarea:focus, .gtmRegForm select:focus, .gtmRegForm input:focus-visible, .gtmRegForm textarea:focus-visible, .gtmRegForm select:focus-visible{ background:#1d170f !important; background-color:#1d170f !important; color:#fff3cf !important; border-color:#d8b46b !important; box-shadow: 0 0 0 2px rgba(216,180,107,.16), inset 0 1px 2px rgba(0,0,0,.42) !important; } /* Checkbox / radio не должны делать строку светлой */ .gtmRegisterContent input[type="checkbox"], .gtmRegisterContent input[type="radio"], .gtmRegisterContent input[type="checkbox"]:checked, .gtmRegisterContent input[type="radio"]:checked, .gtmRegisterContent input[type="checkbox"]:focus, .gtmRegisterContent input[type="radio"]:focus, .gtmRegForm input[type="checkbox"], .gtmRegForm input[type="radio"], .gtmRegForm input[type="checkbox"]:checked, .gtmRegForm input[type="radio"]:checked, .gtmRegForm input[type="checkbox"]:focus, .gtmRegForm input[type="radio"]:focus{ background-color:#18140d !important; accent-color:#b89145 !important; box-shadow:none !important; } /* Текст рядом с чекбоксами */ .gtmRegisterContent label, .gtmRegisterContent label:hover, .gtmRegisterContent label:active, .gtmRegisterContent label:focus, .gtmRegForm label, .gtmRegForm label:hover, .gtmRegForm label:active, .gtmRegForm label:focus{ background:transparent !important; background-color:transparent !important; color:#d9cfb6 !important; } /* Если uCoz добавляет выбранные/активные классы */ .gtmRegisterContent .active, .gtmRegisterContent .selected, .gtmRegisterContent .checked, .gtmRegisterContent .current, .gtmRegisterContent .focus, .gtmRegisterContent .hover, .gtmRegForm .active, .gtmRegForm .selected, .gtmRegForm .checked, .gtmRegForm .current, .gtmRegForm .focus, .gtmRegForm .hover{ background-color:transparent !important; background-image:none !important; color:#f5ebce !important; } /* Системные строки при выборе */ .gtmRegisterContent tr.active, .gtmRegisterContent tr.selected, .gtmRegisterContent tr.checked, .gtmRegisterContent tr.current, .gtmRegisterContent tr.focus, .gtmRegisterContent tr.hover, .gtmRegForm tr.active, .gtmRegForm tr.selected, .gtmRegForm tr.checked, .gtmRegForm tr.current, .gtmRegForm tr.focus, .gtmRegForm tr.hover{ background:transparent !important; background-color:transparent !important; background-image:none !important; } /* Ячейки внутри системных выбранных строк */ .gtmRegisterContent tr.active td, .gtmRegisterContent tr.selected td, .gtmRegisterContent tr.checked td, .gtmRegisterContent tr.current td, .gtmRegisterContent tr.focus td, .gtmRegisterContent tr.hover td, .gtmRegForm tr.active td, .gtmRegForm tr.selected td, .gtmRegForm tr.checked td, .gtmRegForm tr.current td, .gtmRegForm tr.focus td, .gtmRegForm tr.hover td{ background-image:none !important; } /* Выделение текста мышкой */ .gtmRegisterContent ::selection, .gtmRegForm ::selection{ background:#8b6a2d !important; color:#fff3cf !important; } .gtmRegisterContent ::-moz-selection, .gtmRegForm ::-moz-selection{ background:#8b6a2d !important; color:#fff3cf !important; } /* ===================================================== 601. FIX: чекбоксы рассылки и нижняя строка кнопки регистрации ставить в самый низ CSS ===================================================== */ /* Блок с опциями / рассылкой */ .gtmRegisterContent .gtmRegForm__fieldOptions, .gtmRegForm .gtmRegForm__fieldOptions, .gtmRegisterContent #siM65, .gtmRegForm #siM65{ background:rgba(255,255,255,.035) !important; background-color:rgba(255,255,255,.035) !important; color:#d9cfb6 !important; } /* Всё внутри блока рассылки */ .gtmRegisterContent .gtmRegForm__fieldOptions *, .gtmRegForm .gtmRegForm__fieldOptions *, .gtmRegisterContent #siM65 *, .gtmRegForm #siM65 *{ background:transparent !important; background-color:transparent !important; color:#d9cfb6 !important; } /* Чекбоксы */ .gtmRegisterContent input[type="checkbox"], .gtmRegisterContent input[type="checkbox"]:hover, .gtmRegisterContent input[type="checkbox"]:focus, .gtmRegisterContent input[type="checkbox"]:active, .gtmRegisterContent input[type="checkbox"]:checked, .gtmRegForm input[type="checkbox"], .gtmRegForm input[type="checkbox"]:hover, .gtmRegForm input[type="checkbox"]:focus, .gtmRegForm input[type="checkbox"]:active, .gtmRegForm input[type="checkbox"]:checked{ width:15px !important; height:15px !important; margin:0 6px 2px 0 !important; vertical-align:middle !important; accent-color:#b89145 !important; background:#18140d !important; background-color:#18140d !important; border:1px solid rgba(216,180,107,.35) !important; box-shadow:none !important; outline:none !important; } /* Текст рядом с чекбоксами */ .gtmRegisterContent input[type="checkbox"] + label, .gtmRegisterContent label, .gtmRegisterContent label:hover, .gtmRegisterContent label:focus, .gtmRegisterContent label:active, .gtmRegForm input[type="checkbox"] + label, .gtmRegForm label, .gtmRegForm label:hover, .gtmRegForm label:focus, .gtmRegForm label:active{ background:transparent !important; background-color:transparent !important; color:#d9cfb6 !important; } /* Если uCoz заворачивает рассылку в div/span/font */ .gtmRegisterContent .manTd2 input[type="checkbox"] ~ *, .gtmRegForm .manTd2 input[type="checkbox"] ~ *, .gtmRegisterContent .manTd2 font, .gtmRegisterContent .manTd2 span, .gtmRegisterContent .manTd2 div, .gtmRegForm .manTd2 font, .gtmRegForm .manTd2 span, .gtmRegForm .manTd2 div{ background:transparent !important; background-color:transparent !important; color:#d9cfb6 !important; } /* Строка с кнопкой регистрации */ .gtmRegisterContent .manTdBut, .gtmRegisterContent td.manTdBut, .gtmRegForm .manTdBut, .gtmRegForm td.manTdBut{ background:transparent !important; background-color:transparent !important; background-image:none !important; border:0 !important; box-shadow:none !important; padding:14px 10px 16px 10px !important; text-align:center !important; } /* Родительская строка кнопки */ .gtmRegisterContent tr:has(.manTdBut), .gtmRegForm tr:has(.manTdBut){ background:transparent !important; background-color:transparent !important; background-image:none !important; } /* Если :has не сработает, добиваем по старому id */ .gtmRegisterContent #siM64, .gtmRegForm #siM64{ background:transparent !important; background-color:transparent !important; background-image:none !important; border:0 !important; box-shadow:none !important; } /* Сама кнопка */ .gtmRegisterContent .manFlSbm, .gtmRegisterContent input.manFlSbm, .gtmRegisterContent input[type="submit"].manFlSbm, .gtmRegForm .manFlSbm, .gtmRegForm input.manFlSbm, .gtmRegForm input[type="submit"].manFlSbm{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:36px !important; padding:0 20px !important; background:linear-gradient(180deg,#6c5a33,#2d2618) !important; background-color:#2d2618 !important; background-image:linear-gradient(180deg,#6c5a33,#2d2618) !important; color:#f5ebce !important; border:1px solid rgba(0,0,0,.72) !important; border-bottom-color:#d8b46b !important; border-radius:5px !important; font:800 12px/1 Arial,Tahoma,sans-serif !important; text-transform:uppercase !important; letter-spacing:.4px !important; cursor:pointer !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 4px 10px rgba(0,0,0,.25) !important; } /* Кнопка при наведении / фокусе / клике */ .gtmRegisterContent .manFlSbm:hover, .gtmRegisterContent .manFlSbm:focus, .gtmRegisterContent .manFlSbm:active, .gtmRegForm .manFlSbm:hover, .gtmRegForm .manFlSbm:focus, .gtmRegForm .manFlSbm:active{ background:linear-gradient(180deg,#7b6739,#383021) !important; background-color:#383021 !important; background-image:linear-gradient(180deg,#7b6739,#383021) !important; color:#fff3cf !important; border-color:#d8b46b !important; outline:none !important; box-shadow: 0 0 0 2px rgba(216,180,107,.16), inset 0 1px 0 rgba(255,255,255,.10), 0 4px 10px rgba(0,0,0,.25) !important; } /* ===================================================== 602. ЖЁСТКИЙ ФИКС ПУСТОТЫ СПРАВА НА МОБИЛЬНОЙ ВЕРСИИ Если сайт пролистывается вправо ===================================================== */ @media (max-width:768px){ html, body{ width:100% !important; max-width:100% !important; min-width:0 !important; overflow-x:hidden !important; } body{ position:relative; } #body_bg, #body_bg_pda, #main, #wrapper, #wrap, #container, #content, #middle, #page, .wrapper, .wrap, .container, .content, .middle, .page{ width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; padding-left:0 !important; padding-right:0 !important; box-sizing:border-box !important; overflow-x:hidden !important; } #main{ background:url('/new/img/main_bg2.jpg') repeat center top #1b1a11 !important; } table, tbody, tr, td{ max-width:100% !important; box-sizing:border-box !important; } img, iframe, object, embed, video{ max-width:100% !important; height:auto; box-sizing:border-box !important; } input, textarea, select, button{ max-width:100% !important; box-sizing:border-box !important; } } /* ===================================================== 603. ФИКС ДЛЯ СТАРЫХ UCOZ-БЛОКОВ С ФИКСИРОВАННОЙ ШИРИНОЙ ===================================================== */ @media (max-width:768px){ .manTable, .eTable, .catsTable, .forumTable, .postTable, .entryTable, .calTable, .gTable, .commTable{ width:100% !important; max-width:100% !important; min-width:0 !important; table-layout:auto !important; } .manTd1, .manTd2, .eTd, .gTableTop, .gTableBody, .gTableBottom, .forumContent, .posttdMessage, .posttdInfo{ max-width:100% !important; box-sizing:border-box !important; overflow-wrap:break-word !important; word-wrap:break-word !important; } } /* ===================================================== 604. ФИКС ДЛИННЫХ ССЫЛОК И ТЕКСТА Иногда вправо страницу растягивает длинная ссылка ===================================================== */ @media (max-width:768px){ a, p, div, span, li, td{ overflow-wrap:break-word !important; word-wrap:break-word !important; } } /* ===================================================== 605. ФИКС ДЛЯ ШАПКИ И ВЕРХНЕЙ ПАНЕЛИ Если вправо тянет header/top_bar ===================================================== */ @media (max-width:768px){ .header, header, .top_bar, .top_bar_pda, .topbar, .nav, nav, .menu{ width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; overflow-x:hidden !important; } } /* ===================================================== 606. ФИКС БОКОВЫХ КОЛОНОК НА МОБИЛЬНОЙ ВЕРСИИ Если левая/правая колонка остаётся шире экрана ===================================================== */ @media (max-width:768px){ aside, .sidebar, .leftcol, .rightcol, .leftColumn, .rightColumn, #leftcol, #rightcol, #sidebar, #leftColumn, #rightColumn{ width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; overflow-x:hidden !important; } } /* ===================================================== 607. ФОНЫ САЙТА GTAMANIA + ФИКС ПУСТОТЫ СПРАВА Главные фоны: bg.png, main_bg.jpg, main_bg2.jpg ===================================================== */ /* ===================================================== 1. БАЗА СТРАНИЦЫ ===================================================== */ html, body{ min-height:100%; width:100%; max-width:100%; margin:0; padding:0; overflow-x:hidden; } body{ background:#1b1a11 !important; color:inherit; } /* ===================================================== 2. УБИРАЕМ ИСКУССТВЕННЫЕ ЗАТЕМНЕНИЯ Если где-то остались body:before / body:after ===================================================== */ body:before, body:after{ display:none !important; content:none !important; } /* ===================================================== 3. ОСНОВНОЙ ФОН САЙТА bg.png — боковой фон шаблона main_bg.jpg — общий фон под сайтом ===================================================== */ #body_bg{ min-height:100vh !important; width:100%; max-width:100%; overflow-x:hidden; background: url('/new/img/bg.png') repeat-y center top, url('/new/img/main_bg.jpg') repeat center top #1b1a11 !important; } /* ===================================================== 4. PDA-ВЕРСИЯ ===================================================== */ #body_bg_pda{ min-height:100vh !important; width:100%; max-width:100%; overflow-x:hidden; background:#1b1a11 !important; } /* ===================================================== 5. ВНУТРЕННИЙ ЦЕНТРАЛЬНЫЙ ФОН ШАБЛОНА main_bg2.jpg — фон внутри #main ===================================================== */ #main{ background:url('/new/img/main_bg2.jpg') repeat center top transparent !important; max-width:100%; box-sizing:border-box; } /* ===================================================== 6. ВНУТРЕННИЕ СЛУЖЕБНЫЕ СТРАНИЦЫ Они не должны рисовать общий фон сайта ===================================================== */ .gtmPmStandalone, .gtmEditProfileStandalone, .gtmUsersListStandalone{ background:transparent !important; border-left:0 !important; border-right:0 !important; min-height:auto !important; } /* ===================================================== 7. МОБИЛЬНЫЙ ФИКС ПУСТОТЫ СПРАВА Убирает горизонтальную прокрутку на телефонах ===================================================== */ @media (max-width:768px){ html, body{ width:100% !important; max-width:100% !important; min-width:0 !important; overflow-x:hidden !important; } #body_bg, #body_bg_pda{ width:100% !important; max-width:100% !important; min-width:0 !important; overflow-x:hidden !important; } #main{ width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; overflow-x:hidden !important; background:url('/new/img/main_bg2.jpg') repeat center top transparent !important; } } /* ===================================================== 8. МОБИЛЬНЫЙ ФИКС ОСНОВНЫХ КОНТЕЙНЕРОВ Если старый шаблон держит 1000px / 1250px ===================================================== */ @media (max-width:768px){ #wrapper, #wrap, #container, #content, #middle, #page, .wrapper, .wrap, .container, .content, .middle, .page{ width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; padding-left:0 !important; padding-right:0 !important; box-sizing:border-box !important; overflow-x:hidden !important; } } /* ===================================================== 9. МОБИЛЬНЫЙ ФИКС ШАПКИ И МЕНЮ Часто именно шапка растягивает сайт вправо ===================================================== */ @media (max-width:768px){ .header, header, .top_bar, .top_bar_pda, .topbar, .nav, nav, .menu{ width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; overflow-x:hidden !important; } } /* ===================================================== 10. МОБИЛЬНЫЙ ФИКС ТАБЛИЦ UCOZ Старые таблицы могут давать пустоту справа ===================================================== */ @media (max-width:768px){ table, tbody, tr, td{ max-width:100% !important; box-sizing:border-box !important; } .manTable, .eTable, .catsTable, .forumTable, .postTable, .entryTable, .calTable, .gTable, .commTable{ width:100% !important; max-width:100% !important; min-width:0 !important; table-layout:auto !important; } } /* ===================================================== 11. МОБИЛЬНЫЙ ФИКС КАРТИНОК, ВСТАВОК И ФОРМ Чтобы элементы не вылезали за экран ===================================================== */ @media (max-width:768px){ img, iframe, object, embed, video{ max-width:100% !important; height:auto; box-sizing:border-box !important; } input, textarea, select, button{ max-width:100% !important; box-sizing:border-box !important; } } /* ===================================================== 12. МОБИЛЬНЫЙ ФИКС ДЛИННЫХ ССЫЛОК И ТЕКСТА Длинные URL тоже могут растягивать страницу вправо ===================================================== */ @media (max-width:768px){ a, p, div, span, li, td{ overflow-wrap:break-word !important; word-wrap:break-word !important; } } /* ===================================================== 608. ФИНАЛЬНЫЙ ФИКС ПЕРВОГО CSS Убирает выезд сайта вправо на мобильных и старых блоках ===================================================== */ html, body{ width:100% !important; max-width:100% !important; min-width:0 !important; overflow-x:hidden !important; } #body_bg, #body_bg_pda, #main{ max-width:100% !important; min-width:0 !important; box-sizing:border-box !important; overflow-x:hidden !important; } /* ===================================================== 609. ФИКС СТАРОЙ ШАПКИ ПРОФИЛЯ .top_bar_userpage держал width:1000px ===================================================== */ .top_bar_userpage{ width:100% !important; max-width:1000px !important; min-width:0 !important; margin-left:auto !important; margin-right:auto !important; box-sizing:border-box !important; overflow:hidden !important; } /* ===================================================== 610. ФИКС ПРОФИЛЯ ПОЛЬЗОВАТЕЛЯ user_block_profile / user_block_right могли тянуть страницу ===================================================== */ .user_block_profile, .user_block_full, .user_block_left, .user_block_right, .user_block_signature, .user_block_activity, .user_block_search{ box-sizing:border-box !important; max-width:100% !important; } .user_block_profile{ width:calc(100% - 10px) !important; max-width:990px !important; min-width:0 !important; margin-left:5px !important; margin-right:5px !important; overflow:hidden !important; } .user_block_left{ max-width:200px !important; } .user_block_right{ width:calc(100% - 200px) !important; max-width:790px !important; min-width:0 !important; overflow:hidden !important; } .user_block_signature{ width:100% !important; max-width:540px !important; } .user_block_activity{ max-width:200px !important; } /* ===================================================== 611. ФИКС ИНФОРМЕРОВ Старый margin-left:555px мог создавать пустоту справа ===================================================== */ .informer, .inf_title, .inf_header, .inf_body, .inf_footer, .inf_ul, .inf_li, .inf_li a, a.inf_a, a.inf_lnk{ max-width:100% !important; box-sizing:border-box !important; } .informer{ width:100% !important; max-width:588px !important; overflow:hidden !important; } .inf_title div{ max-width:100% !important; } .inf_title-body{ width:auto !important; max-width:100% !important; margin-left:120px !important; margin-right:10px !important; } .inf_li{ position:relative !important; overflow:hidden !important; } .inf_li a.ulightbox{ position:absolute !important; right:5px !important; top:5px !important; margin-left:0 !important; max-width:24px !important; } a.inf_lnk{ margin-right:31px !important; } /* ===================================================== 612. ФИКС СТАРЫХ БЛОКОВ МОДОВ ===================================================== */ .load_content_rus, .load_info_rus, .dwnl_footer, .dwnl_block, .load_desc, .load_crumbs, .load_author, .bad_lnk, .tabs_load_switch{ box-sizing:border-box !important; max-width:100% !important; } .dwnl_footer{ width:100% !important; max-width:590px !important; } .tabs_load_switch{ position:relative !important; margin:10px 0 0 0 !important; right:auto !important; left:auto !important; } .load_content_rus{ width:100% !important; max-width:400px !important; } .load_info_rus{ max-width:160px !important; } /* ===================================================== 613. ФИКС КНОПКИ "СПАСИБО" ===================================================== */ .merci:link, .merci:visited, .merci:active{ width:100% !important; max-width:490px !important; box-sizing:border-box !important; } /* ===================================================== 614. ФИКС БАННЕРА И ПАНОРАМНОЙ КАРТИНКИ Не убирает движение, но не даёт ей расширять страницу ===================================================== */ .gtx-banner, .gtx-banner-card, .gtx-banner-img-wrap, .gtx-banner-img-wrap a{ max-width:100% !important; box-sizing:border-box !important; overflow:hidden !important; } .gtx-banner-img-wrap{ width:100% !important; } /* ===================================================== 615. ФИКС ВНУТРЕННИХ НОВОСТЕЙ ===================================================== */ .gtnEntry, .gtnEntry_authorBox, .gtnEntry_text, .gtnEntry_cover, .gtnEntry_footer, .gtnHud, .gtnCom, .gtnComment, .gtnCF{ max-width:100% !important; box-sizing:border-box !important; } .gtnEntry{ width:100% !important; max-width:570px !important; overflow:hidden !important; } /* ===================================================== 616. ФИКС БОКОВОГО МИНИ-ЧАТА 190px + margin-left:10px иногда давали сдвиг ===================================================== */ .gtmChatPanel{ width:100% !important; max-width:190px !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; overflow:hidden !important; } .rightcolumn .gtmChatPanel, .leftcolumn .gtmChatPanel{ width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; } /* ===================================================== 617. ФИКС КНОПКИ СКРОЛЛА ВВЕРХ width:5% + padding мог давать лишнюю ширину ===================================================== */ .toTop, #toTop{ box-sizing:border-box !important; max-width:48px !important; overflow:hidden !important; } /* ===================================================== 618. ОБЩИЙ ФИКС МЕДИА / ТАБЛИЦ / ФОРМ ===================================================== */ img, iframe, object, embed, video{ max-width:100% !important; box-sizing:border-box !important; } iframe, object, embed, video{ display:block; } table{ max-width:100% !important; box-sizing:border-box !important; } input, textarea, select, button{ max-width:100% !important; box-sizing:border-box !important; } /* ===================================================== 619. МОБИЛЬНАЯ ВЕРСИЯ — ГЛАВНЫЙ ФИКС ===================================================== */ @media screen and (max-width:1024px){ html, body{ width:100% !important; max-width:100% !important; min-width:0 !important; overflow-x:hidden !important; } #body_bg, #body_bg_pda, #main, .header, .header_s, .top_bar, .top_bar_pda, .top_bar_userpage, .footer{ width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; overflow-x:hidden !important; } .leftcolumn, .content, .content_forum, .rightcolumn{ float:none !important; display:block !important; width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; padding-left:8px !important; padding-right:8px !important; box-sizing:border-box !important; overflow-x:hidden !important; } .user_bar, .user_block_profile, .user_block_full, .user_block_left, .user_block_right, .user_block_signature, .user_block_activity, .user_block_search{ float:none !important; display:block !important; width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; overflow:hidden !important; } .user_block_left, .user_block_right{ padding-left:12px !important; padding-right:12px !important; } .profile, .profile-info, .profile-info div, .search{ float:none !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; } .profile-nav-column, .search-nav-column{ right:0 !important; max-width:calc(100vw - 20px) !important; box-sizing:border-box !important; } .informer, .gtx-banner, .gtx-banner-card, .gtnEntry, .gtnMod, .gtnCom, .gtnComment, .gtnComTop, .gtnComPage2, .bestComBox, .bestCom, .gtnForumInf_box, .load_crumbs, .gtnCrumbs, .pagesBlockuz1, .gtnPager, .gtnProfile{ width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; } .load_content_rus, .load_info_rus, .dwnl_footer{ float:none !important; display:block !important; width:100% !important; max-width:100% !important; padding-left:0 !important; padding-right:0 !important; margin-left:0 !important; margin-right:0 !important; } .load_info_rus{ margin-top:10px !important; } .tabs_load_switch{ position:relative !important; margin:10px 0 !important; } .inf_title-body{ display:none !important; } .inf_li a.ulightbox{ right:5px !important; margin-left:0 !important; } .gtnMod_grid, .gtnProfile_grid{ display:block !important; } .gtnMod_main, .gtnMod_side, .gtnProfile_main, .gtnProfile_side{ width:100% !important; max-width:100% !important; flex:none !important; } } /* ===================================================== 620. УЗКИЕ ЭКРАНЫ ===================================================== */ @media screen and (max-width:640px){ body{ min-width:0 !important; } .header, .header_s{ height:120px !important; background-size:auto 120px !important; } .footer{ padding-left:8px !important; padding-right:8px !important; } .gtnEntry{ max-width:100% !important; } .gtnEntry_cover, .gtnEntry_text, .gtnEntry_line{ margin-left:8px !important; margin-right:8px !important; } .gtx-banner-img-wrap a{ width:100% !important; max-width:100% !important; overflow:hidden !important; } .gtmChatPanel{ width:100% !important; max-width:100% !important; } } /* ===================================================== 621. АВАРИЙНЫЙ ФИКС /gta_news Картинки gtmFreshNews2026 не должны залезать вправо Ставить САМЫМ ПОСЛЕДНИМ в CSS ===================================================== */ .content .gtmFreshNews2026, .content .gtmFreshNews2026 *, .content .gtmFreshNews2026 *:before, .content .gtmFreshNews2026 *:after{ box-sizing:border-box !important; } .content .gtmFreshNews2026{ position:relative !important; display:block !important; float:none !important; clear:both !important; width:100% !important; max-width:730px !important; min-width:0 !important; margin:0 0 16px 0 !important; padding:0 !important; left:auto !important; right:auto !important; transform:none !important; overflow:hidden !important; } /* Карточка */ .content .gtmFreshNews2026 .gtmFreshNews2026__card{ position:relative !important; display:block !important; float:none !important; width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; left:auto !important; right:auto !important; transform:none !important; overflow:hidden !important; } /* ===================================================== 622. ГЛАВНЫЙ ФИКС КАРТИНКИ ===================================================== */ .content .gtmFreshNews2026 .gtmFreshNews2026__imageBox{ position:relative !important; display:block !important; float:none !important; clear:both !important; width:568px !important; max-width:568px !important; min-width:568px !important; height:230px !important; max-height:230px !important; min-height:230px !important; margin:0 auto !important; padding:0 !important; left:auto !important; right:auto !important; top:auto !important; bottom:auto !important; transform:none !important; overflow:hidden !important; background:#090907 !important; } /* Ссылка картинки */ .content .gtmFreshNews2026 .gtmFreshNews2026__imageBox .gtmFreshNews2026__imageLink{ position:relative !important; display:block !important; float:none !important; width:568px !important; max-width:568px !important; min-width:568px !important; height:230px !important; max-height:230px !important; min-height:230px !important; margin:0 !important; padding:0 !important; left:auto !important; right:auto !important; top:auto !important; bottom:auto !important; transform:none !important; overflow:hidden !important; text-decoration:none !important; } /* Обёртка $COVER_SMALL_IMAGE$ */ .content .gtmFreshNews2026 .gtmFreshNews2026__imageBox .gtmFreshNews2026__coverWrap{ position:relative !important; display:block !important; float:none !important; width:568px !important; max-width:568px !important; min-width:568px !important; height:230px !important; max-height:230px !important; min-height:230px !important; margin:0 !important; padding:0 !important; left:auto !important; right:auto !important; top:auto !important; bottom:auto !important; transform:none !important; overflow:hidden !important; } /* Если uCoz внутри $COVER_SMALL_IMAGE$ вставляет лишние теги */ .content .gtmFreshNews2026 .gtmFreshNews2026__imageBox .gtmFreshNews2026__coverWrap a, .content .gtmFreshNews2026 .gtmFreshNews2026__imageBox .gtmFreshNews2026__coverWrap span, .content .gtmFreshNews2026 .gtmFreshNews2026__imageBox .gtmFreshNews2026__coverWrap div, .content .gtmFreshNews2026 .gtmFreshNews2026__imageBox .gtmFreshNews2026__coverWrap table, .content .gtmFreshNews2026 .gtmFreshNews2026__imageBox .gtmFreshNews2026__coverWrap tbody, .content .gtmFreshNews2026 .gtmFreshNews2026__imageBox .gtmFreshNews2026__coverWrap tr, .content .gtmFreshNews2026 .gtmFreshNews2026__imageBox .gtmFreshNews2026__coverWrap td{ position:relative !important; display:block !important; float:none !important; width:568px !important; max-width:568px !important; min-width:568px !important; height:230px !important; max-height:230px !important; min-height:230px !important; margin:0 !important; padding:0 !important; left:auto !important; right:auto !important; top:auto !important; bottom:auto !important; transform:none !important; overflow:hidden !important; } /* САМА КАРТИНКА */ .content .gtmFreshNews2026 .gtmFreshNews2026__imageBox img, .content .gtmFreshNews2026 .gtmFreshNews2026__imageLink img, .content .gtmFreshNews2026 .gtmFreshNews2026__coverWrap img, .content .gtmFreshNews2026 img[src]{ position:static !important; display:block !important; float:none !important; width:568px !important; max-width:568px !important; min-width:568px !important; height:230px !important; max-height:230px !important; min-height:230px !important; margin:0 !important; padding:0 !important; left:auto !important; right:auto !important; top:auto !important; bottom:auto !important; transform:none !important; object-fit:cover !important; object-position:center center !important; border:0 !important; } /* Убираем увеличение/сдвиг при наведении */ .content .gtmFreshNews2026:hover img, .content .gtmFreshNews2026__card:hover img, .content .gtmFreshNews2026__imageLink:hover img{ transform:none !important; } /* Бейджи поверх картинки */ .content .gtmFreshNews2026__imageCat, .content .gtmFreshNews2026__badgeNew, .content .gtmFreshNews2026__badgeHot, .content .gtmFreshNews2026__readBtn{ z-index:10 !important; max-width:calc(100% - 20px) !important; box-sizing:border-box !important; } /* ===================================================== 623. МОБИЛЬНАЯ ВЕРСИЯ ===================================================== */ @media screen and (max-width:768px){ .content .gtmFreshNews2026{ width:100% !important; max-width:100% !important; } .content .gtmFreshNews2026 .gtmFreshNews2026__imageBox, .content .gtmFreshNews2026 .gtmFreshNews2026__imageLink, .content .gtmFreshNews2026 .gtmFreshNews2026__coverWrap, .content .gtmFreshNews2026 .gtmFreshNews2026__coverWrap a, .content .gtmFreshNews2026 .gtmFreshNews2026__coverWrap span, .content .gtmFreshNews2026 .gtmFreshNews2026__coverWrap div, .content .gtmFreshNews2026 .gtmFreshNews2026__coverWrap table, .content .gtmFreshNews2026 .gtmFreshNews2026__coverWrap tbody, .content .gtmFreshNews2026 .gtmFreshNews2026__coverWrap tr, .content .gtmFreshNews2026 .gtmFreshNews2026__coverWrap td{ width:100% !important; max-width:100% !important; min-width:0 !important; height:170px !important; max-height:170px !important; min-height:170px !important; } .content .gtmFreshNews2026 .gtmFreshNews2026__imageBox img, .content .gtmFreshNews2026 .gtmFreshNews2026__imageLink img, .content .gtmFreshNews2026 .gtmFreshNews2026__coverWrap img, .content .gtmFreshNews2026 img[src]{ width:100% !important; max-width:100% !important; min-width:0 !important; height:170px !important; max-height:170px !important; min-height:170px !important; object-fit:cover !important; } } /* =============================== 624. Статистика пользователей стиль как у блока "Мини профиль" группы в одну строку =============================== */ .gtmUsersPanel{ margin:0 0 10px 0; position:relative; overflow:hidden; } .gtmUsersPanel, .gtmUsersPanel *, .gtmUsersPanel *:before, .gtmUsersPanel *:after{ box-sizing:border-box; } /* верхний тонкий блик */ .gtmUsersPanel:before{ content:""; position:absolute; left:0; top:0; width:100%; height:1px; z-index:4; background:linear-gradient(90deg,transparent,rgba(240,221,185,.36),transparent); pointer-events:none; } /* =============================== 625. Заголовок статистики пользователей без emoji, иконка через CSS =============================== */ .gtmUsersPanel__title{ display:flex !important; align-items:center !important; gap:6px !important; overflow:hidden !important; } .gtmUsersPanel__titleIcon{ flex:0 0 16px !important; width:16px !important; height:16px !important; display:inline-block !important; position:relative !important; border-radius:4px !important; background: linear-gradient(180deg,#d2ab73 0%,#8d6a2c 100%) !important; border:1px solid rgba(35,28,15,.88) !important; box-shadow: 0 1px 0 rgba(255,255,255,.22) inset, 0 0 7px rgba(210,171,115,.22) !important; } /* маленькие столбики статистики внутри иконки */ .gtmUsersPanel__titleIcon:before{ content:"" !important; position:absolute !important; left:4px !important; bottom:3px !important; width:2px !important; height:5px !important; background:#2f2412 !important; box-shadow: 4px -3px 0 #2f2412, 8px -6px 0 #2f2412 !important; border-radius:2px !important; opacity:.92 !important; } .gtmUsersPanel__titleText{ flex:1 1 auto !important; min-width:0 !important; display:block !important; overflow:hidden !important; white-space:nowrap !important; text-overflow:ellipsis !important; } .gtmUsersPanel .gtmProfileMenu__titleBadge{ flex:0 0 auto !important; margin-left:auto !important; } /* бейдж в заголовке */ .gtmProfileMenu__titleBadge{ display:inline-block; margin:0 0 0 6px; padding:3px 7px; vertical-align:middle; color:#f5ebce; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.36)), rgba(23,21,13,.38); border:1px solid rgba(138,123,90,.30); border-radius:999px; font-size:9px; font-weight:900; line-height:1.2; text-transform:uppercase; letter-spacing:.04em; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.18); } /* =============================== 626. Тело блока =============================== */ .gtmUsersPanel__body{ width:100%; padding:0; overflow:hidden; } /* оболочка информера */ .gtmUsersFix{ width:100%; display:block; clear:both; } /* убираем стандартные маркеры списка, чтобы не появлялись черные точки */ .gtmUsersFix ul, .gtmUsersFix ol{ margin:0 !important; padding:0 !important; list-style:none !important; } .gtmUsersFix li{ margin:0 !important; padding:0 !important; list-style:none !important; } .gtmUsersFix li::marker{ content:"" !important; font-size:0 !important; } /* если uCoz внутри информера выводит таблицу */ .gtmUsersFix table{ width:100% !important; max-width:100% !important; border-collapse:separate; border-spacing:0 5px; table-layout:fixed; } .gtmUsersFix tbody, .gtmUsersFix tr{ width:100% !important; } .gtmUsersFix td{ width:100% !important; max-width:100% !important; padding:0 !important; box-sizing:border-box; vertical-align:top; } /* защита от длинных строк */ .gtmUsersFix, .gtmUsersFix *{ max-width:100%; box-sizing:border-box; word-wrap:break-word; overflow-wrap:break-word; } /* =============================== 627. USERS STATS DESIGN =============================== */ .gtmUsersStats{ width:100% !important; display:block; padding:10px; position:relative; overflow:hidden; color:#e4dac4; font-family:"Montserrat","Open Sans",Tahoma,Verdana,Arial,sans-serif; background: radial-gradient(circle at 50% 0,rgba(210,171,115,.10),transparent 42%), radial-gradient(circle at 86% 100%,rgba(86,52,24,.14),transparent 34%), linear-gradient(180deg,#3d3628 0%,#2f291d 52%,#221d14 100%); border:1px solid #1c1710; border-radius:12px; box-shadow: 0 14px 30px rgba(0,0,0,.42), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.16) inset; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; } .gtmUsersStats:hover{ transform:translateY(-1px); border-color:#2a2418; box-shadow: 0 16px 32px rgba(0,0,0,.46), 0 0 12px rgba(210,171,115,.10), 0 1px 0 rgba(255,255,255,.05) inset, 0 -1px 0 rgba(0,0,0,.16) inset; } /* внутренняя рамка */ .gtmUsersStats:before{ content:""; position:absolute; inset:1px; z-index:0; border:1px solid rgba(255,255,255,.03); border-radius:11px; pointer-events:none; } /* верхняя светлая линия */ .gtmUsersStats:after{ content:""; position:absolute; left:0; top:0; width:100%; height:1px; background:linear-gradient(90deg,transparent,rgba(240,221,185,.36),transparent); pointer-events:none; z-index:1; } .gtmUsersStats > *{ position:relative; z-index:2; } /* =============================== 628. КРУПНОЕ МИНИ-ТАБЛО =============================== */ .gtmUsersStats__total{ width:100%; display:block; margin:0 0 8px 0; padding:8px 8px 7px 8px; position:relative; overflow:hidden; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.36)), rgba(23,21,13,.38); border:1px solid rgba(138,123,90,.30); border-radius:8px; text-align:center; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.18); } .gtmUsersStats__total:before{ content:""; position:absolute; left:10px; right:10px; top:0; height:2px; background:linear-gradient(90deg,rgba(122,74,42,0),rgba(210,171,115,.95),rgba(122,74,42,0)); opacity:.9; pointer-events:none; } .gtmUsersStats__total:after{ content:""; position:absolute; left:-45%; top:0; width:35%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent); transform:skewX(-18deg); transition:left .5s ease; pointer-events:none; } .gtmUsersStats__total:hover:after{ left:115%; } .gtmUsersStats__totalLabel{ display:block; margin:0 0 3px 0; color:#b6ac94; font-size:10px; font-weight:900; line-height:12px; text-transform:uppercase; letter-spacing:.04em; text-shadow:1px 1px 0 rgba(0,0,0,.82); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .gtmUsersStats__totalValue{ display:block; margin:0 auto; color:#f5ebce; font-size:25px; font-weight:900; line-height:28px; text-align:center; text-shadow: 1px 1px 0 rgba(0,0,0,.82), 0 0 8px rgba(210,171,115,.22); } .gtmUsersStats__totalBoard{ display:inline-flex; align-items:center; justify-content:center; gap:5px; margin:4px auto 0 auto; padding:3px 8px; color:#f5ebce; background: linear-gradient(180deg,rgba(210,171,115,.10),rgba(122,74,42,.18)), linear-gradient(180deg,#8a563d 0%,#6f4330 58%,#4d2f22 100%); border:1px solid #3e2419; border-radius:999px; font-size:9px; font-weight:900; line-height:12px; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: 0 2px 7px rgba(0,0,0,.34), 0 0 10px rgba(122,74,42,.16), inset 0 1px 0 rgba(255,255,255,.14); } .gtmUsersStats__totalBoard b{ color:#f5ebce; font-size:10px; line-height:12px; } .gtmUsersStats__totalHint{ display:block; margin:4px 0 0 0; color:#b6ac94; font-size:9px; font-weight:800; line-height:11px; text-align:center; text-shadow:1px 1px 0 rgba(0,0,0,.82); } /* =============================== 629. Сегодня / Вчера / 7 дней / 30 дней =============================== */ .gtmUsersStats__grid{ width:100%; display:grid; grid-template-columns:1fr 1fr; gap:5px; margin:0 0 8px 0; } .gtmUsersStats__item{ width:100%; min-width:0; min-height:34px; padding:6px 5px 6px 24px; position:relative; overflow:hidden; color:#2a2418; background-image: linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.035) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.12) .7px, transparent .8px), linear-gradient(180deg,#f5ebce 0%,#e7d9b8 100%); background-size: auto, 6px 6px, 8px 8px, auto; background-position: 0 0, 0 0, 3px 3px, 0 0; border:1px solid #9b8864; border-left:4px solid #7a4a2a; border-radius:8px; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 2px 6px rgba(0,0,0,.25); transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease; } .gtmUsersStats__item:after{ content:""; position:absolute; left:-55%; top:0; width:35%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent); transform:skewX(-18deg); transition:left .42s ease; pointer-events:none; } .gtmUsersStats__item:hover:after{ left:115%; } .gtmUsersStats__icon{ position:absolute; left:7px; top:50%; width:12px; height:12px; margin-top:-6px; color:#7a4a2a; font-size:11px; font-weight:900; line-height:12px; text-align:center; text-shadow:1px 1px 0 rgba(255,255,255,.55); } .gtmUsersStats__label{ display:block; margin:0 0 2px 0; color:#4b422e; font-size:9px; font-weight:900; line-height:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .gtmUsersStats__value{ display:block; color:#2a2418; font-size:14px; font-weight:900; line-height:15px; text-shadow:1px 1px 0 rgba(255,255,255,.55); } /* =============================== 630. МИНИ-ЗАГОЛОВКИ =============================== */ .gtmUsersStats__sectionTitle{ width:100%; margin:0 0 5px 0; padding:7px 9px; position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; gap:5px; color:#b6ac94; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.36)), rgba(23,21,13,.38); border:1px solid rgba(138,123,90,.30); border-radius:7px; font-size:9px; font-weight:900; line-height:1.2; text-align:center; text-transform:uppercase; letter-spacing:.06em; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.18); } .gtmUsersStats__sectionTitle:before, .gtmUsersStats__sectionTitle:after{ content:""; position:absolute; top:50%; width:18px; height:1px; background:rgba(210,171,115,.42); } .gtmUsersStats__sectionTitle:before{ left:7px; } .gtmUsersStats__sectionTitle:after{ right:7px; } .gtmUsersStats__sectionTitle--staff{ color:#f5ebce; } .gtmUsersStats__sectionTitle--system{ color:#d8caa8; } /* =============================== 631. ГРУППЫ В ОДНУ СТРОКУ каждая группа отдельной строкой =============================== */ .gtmUsersStats__groups{ width:100%; display:flex; flex-direction:column; gap:5px; margin:0 0 6px 0; } .gtmUsersStats__group{ width:100%; min-width:0; display:flex; justify-content:space-between; align-items:center; gap:6px; min-height:26px; margin:0; padding:5px 6px 5px 22px; position:relative; overflow:hidden; color:#2a2418; background-image: linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.035) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.12) .7px, transparent .8px), linear-gradient(180deg,#f5ebce 0%,#e7d9b8 100%); background-size: auto, 6px 6px, 8px 8px, auto; background-position: 0 0, 0 0, 3px 3px, 0 0; border:1px solid #9b8864; border-radius:7px; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 2px 6px rgba(0,0,0,.22); transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease; } /* hover-блеск */ .gtmUsersStats__group:after{ content:""; position:absolute; left:-55%; top:0; width:35%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent); transform:skewX(-18deg); transition:left .42s ease; pointer-events:none; } .gtmUsersStats__group:hover:after{ left:115%; } /* цветная точка */ .gtmUsersStats__group:before{ content:""; width:7px; height:7px; position:absolute; left:8px; top:50%; margin-top:-4px; border-radius:50%; background:#d2ab73; box-shadow: 0 0 7px rgba(210,171,115,.65), 0 0 12px rgba(210,171,115,.25); } /* название группы в одну строку */ .gtmUsersStats__groupName{ flex:1 1 auto; min-width:0; max-width:100%; position:relative; color:#2a2418; font-size:10px; font-weight:900; line-height:13px; text-shadow:1px 1px 0 rgba(255,255,255,.55); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } /* число справа */ .gtmUsersStats__groupValue{ flex:0 0 34px; width:34px; min-width:34px; max-width:34px; padding:1px 3px; background:linear-gradient(180deg,#4b422e 0%,#2f291d 100%); border:1px solid #201b12; border-radius:10px; color:#f5ebce; font-size:10px; font-weight:900; line-height:13px; text-align:center; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } /* если группа/название - ссылка */ .gtmUsersStats__group a, .gtmUsersStats__groupName a{ color:inherit !important; text-decoration:none !important; } /* подсказка с полным названием группы */ .gtmUsersStats__group[data-title]:hover{ overflow:visible; z-index:20; } .gtmUsersStats__group[data-title]:hover .gtmUsersStats__groupName:before{ content:attr(data-title); position:absolute; left:0; bottom:100%; margin-bottom:7px; max-width:180px; padding:6px 8px; z-index:50; color:#f5ebce; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.42)), rgba(23,21,13,.92); border:1px solid rgba(138,123,90,.38); border-radius:7px; font-size:10px; font-weight:800; line-height:12px; text-align:left; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 2px 8px rgba(0,0,0,.35); white-space:normal; pointer-events:none; } .gtmUsersStats__group[data-title]:hover .gtmUsersStats__groupName:after{ content:""; position:absolute; left:10px; bottom:100%; margin-bottom:2px; z-index:51; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #221d14; pointer-events:none; } /* цвета групп */ .gtmUsersStats__group--users:before{ background:#d2ab73; } .gtmUsersStats__group--verified:before{ background:#7d9fcb; } .gtmUsersStats__group--moderators:before{ background:#8fa557; } .gtmUsersStats__group--friends:before{ background:#9b7ac2; } .gtmUsersStats__group--blocked:before{ background:#9f6247; } .gtmUsersStats__group--guests:before{ background:#9a927c; } /* админы */ .gtmUsersStats__group--admins{ background: linear-gradient(180deg,rgba(210,171,115,.10),rgba(122,74,42,.18)), linear-gradient(180deg,#8a563d 0%,#6f4330 58%,#4d2f22 100%); border-color:#3e2419; box-shadow: 0 2px 7px rgba(0,0,0,.34), 0 0 10px rgba(122,74,42,.16), inset 0 1px 0 rgba(255,255,255,.14); } .gtmUsersStats__group--admins:before{ content:"♛"; width:13px; height:13px; left:5px; margin-top:-7px; border-radius:0; background:none; color:#f5ebce; font-size:11px; font-weight:900; line-height:13px; text-align:center; box-shadow:none; text-shadow:1px 1px 0 rgba(0,0,0,.82); } .gtmUsersStats__group--admins .gtmUsersStats__groupName{ color:#f5ebce; text-shadow:1px 1px 0 rgba(0,0,0,.82); } .gtmUsersStats__group--admins .gtmUsersStats__groupValue{ background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%); border-color:#8a7b5a; color:#2f2b1b; text-shadow:1px 1px 0 rgba(255,255,255,.65); } /* VIP */ .gtmUsersStats__group--vip{ background: linear-gradient(180deg,#d8b072 0%,#b78445 52%,#8f6030 100%); border-color:#704621; box-shadow: 0 2px 7px rgba(0,0,0,.34), 0 0 10px rgba(210,171,115,.20), inset 0 1px 0 rgba(255,255,255,.24); } .gtmUsersStats__group--vip:before{ content:"★"; width:13px; height:13px; left:5px; margin-top:-7px; border-radius:0; background:none; color:#2f2b1b; font-size:11px; font-weight:900; line-height:13px; text-align:center; box-shadow:none; text-shadow:1px 1px 0 rgba(255,255,255,.35); } .gtmUsersStats__group--vip .gtmUsersStats__groupName{ color:#2f2b1b; text-shadow:1px 1px 0 rgba(255,255,255,.35); } .gtmUsersStats__group--vip .gtmUsersStats__groupValue{ background:linear-gradient(180deg,#4b422e 0%,#2f291d 100%); border-color:#201b12; color:#f5ebce; text-shadow:1px 1px 0 rgba(0,0,0,.82); } /* нулевые значения */ .gtmUsersStats__group--empty{ opacity:.62; filter:grayscale(.35); } .gtmUsersStats__group--empty:before{ background:#9b9584; box-shadow: 0 0 0 1px rgba(255,255,255,.22), 0 0 4px rgba(120,110,90,.18); } .gtmUsersStats__group--empty .gtmUsersStats__groupValue{ background:linear-gradient(180deg,#8b8572 0%,#625b4c 100%); border-color:#514a3d; color:#eee2bd; } /* =============================== 632. КОМПАКТНЫЙ НИЖНИЙ ИТОГ =============================== */ .gtmUsersStats__summary{ width:100%; display:flex; justify-content:space-between; align-items:center; gap:6px; min-height:24px; margin:0 0 6px 0; padding:5px 7px; color:#f5ebce; background: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.36)), rgba(23,21,13,.38); border:1px solid rgba(138,123,90,.30); border-radius:7px; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.18); } .gtmUsersStats__summaryLabel{ min-width:0; color:#d8caa8; font-size:10px; font-weight:900; line-height:12px; text-shadow:1px 1px 0 rgba(0,0,0,.82); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .gtmUsersStats__summaryValue{ flex:0 0 34px; width:34px; min-width:34px; max-width:34px; padding:1px 3px; color:#2f2b1b; background:linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%); border:1px solid #8a7b5a; border-radius:11px; font-size:11px; font-weight:900; line-height:14px; text-align:center; text-shadow:1px 1px 0 rgba(255,255,255,.65); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } /* =============================== 633. FOOTER С ЖИВЫМ ИНДИКАТОРОМ =============================== */ .gtmUsersStats__footer{ margin:0; padding:5px 7px; display:flex; align-items:center; justify-content:center; gap:6px; color:#b6ac94; background: linear-gradient(180deg,rgba(245,235,206,.06),rgba(23,21,13,.38)), rgba(23,21,13,.42); border:1px solid rgba(138,123,90,.28); border-radius:7px; font-size:10px; font-weight:900; line-height:12px; text-align:center; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.22); } .gtmUsersStats__liveDot{ flex:0 0 auto; width:7px; height:7px; display:inline-block; border-radius:50%; background:#d2ab73; box-shadow: 0 0 7px rgba(210,171,115,.85), 0 0 12px rgba(210,171,115,.35); animation:gtmUsersLivePulse 1.6s infinite ease-in-out; } @keyframes gtmUsersLivePulse{ 0%,100%{ transform:scale(1); box-shadow: 0 0 7px rgba(210,171,115,.85), 0 0 12px rgba(210,171,115,.35); } 50%{ transform:scale(1.15); box-shadow: 0 0 10px rgba(210,171,115,1), 0 0 18px rgba(210,171,115,.55); } } /* =============================== 634. HOVER =============================== */ .gtmUsersStats__group:hover, .gtmUsersStats__item:hover{ transform:translateY(-1px); border-color:#a18b5f; box-shadow: inset 0 1px 0 rgba(255,255,255,.48), 0 4px 10px rgba(0,0,0,.28), 0 0 8px rgba(224,214,192,.18); } .gtmUsersStats__group:hover{ background-image: linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.04) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.14) .7px, transparent .8px), linear-gradient(180deg,#fff4d4 0%,#e3cfaa 100%); } .gtmUsersStats__item:hover{ background-image: linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.04) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.14) .7px, transparent .8px), linear-gradient(180deg,#fff4d4 0%,#e3cfaa 100%); } /* =============================== 635. УЗКАЯ КОЛОНКА =============================== */ @media(max-width:230px){ .gtmUsersStats__grid{ grid-template-columns:1fr; } .gtmUsersStats__totalValue{ font-size:22px; line-height:25px; } .gtmUsersStats__footer{ font-size:9px; } .gtmUsersStats__group{ padding-left:20px; } .gtmUsersStats__groupName{ font-size:9px; } .gtmUsersStats__groupValue{ flex-basis:30px; width:30px; min-width:30px; max-width:30px; } } /* =============================== 636. REDUCED MOTION =============================== */ @media(prefers-reduced-motion:reduce){ .gtmUsersStats, .gtmUsersStats *, .gtmUsersStats *:before, .gtmUsersStats *:after{ animation:none !important; transition:none !important; transform:none !important; } .gtmUsersStats__total:hover:after, .gtmUsersStats__group:hover:after, .gtmUsersStats__item:hover:after{ left:-55%; } } /* спокойный hover без блика, скачка и всплывашки */ .gtmUsersStats__group:after, .gtmUsersStats__item:after{ display:none !important; } .gtmUsersStats__group:hover, .gtmUsersStats__item:hover{ transform:none !important; border-color:#9b8864 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 2px 6px rgba(0,0,0,.22) !important; background-image: linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 18%), radial-gradient(rgba(124,98,58,.035) .7px, transparent .8px), radial-gradient(rgba(255,255,255,.12) .7px, transparent .8px), linear-gradient(180deg,#f5ebce 0%,#e7d9b8 100%) !important; } /* убираем всплывающую подсказку */ .gtmUsersStats__group[data-title]:hover{ overflow:hidden !important; z-index:auto !important; } .gtmUsersStats__group[data-title]:hover .gtmUsersStats__groupName:before, .gtmUsersStats__group[data-title]:hover .gtmUsersStats__groupName:after{ content:none !important; } /* склеиваем шапку модуля и блок статистики в одно целое */ .gtmUsersPanel{ overflow:hidden !important; border-radius:12px !important; } .gtmUsersPanel__body{ padding:0 !important; overflow:hidden !important; } .gtmUsersFix{ margin:0 !important; } .gtmUsersStats{ margin:0 !important; border-top-left-radius:0 !important; border-top-right-radius:0 !important; border-bottom-left-radius:12px !important; border-bottom-right-radius:12px !important; border-top:none !important; } /* внутренняя рамка тоже без верхних скруглений */ .gtmUsersStats:before{ border-top-left-radius:0 !important; border-top-right-radius:0 !important; border-bottom-left-radius:11px !important; border-bottom-right-radius:11px !important; } /* убираем верхний светлый блик, который подчеркивает разрыв */ .gtmUsersStats:after{ display:none !important; } .gtmAgeHudPreviewBody{ margin:0; min-height:100vh; display:flex; align-items:flex-start; justify-content:center; padding:24px; background: radial-gradient(circle at top,rgba(255,214,126,.12),transparent 30%), linear-gradient(180deg,#16120b 0%,#0d0a07 100%); font-family:"Open Sans",Tahoma,Verdana,Arial,sans-serif; } .rightcolumn{ width:200px; max-width:100%; } .gtmAgeHud{ width:100%; max-width:100%; margin:0 0 10px 0; box-sizing:border-box; font:400 12px/1.35 "Open Sans",Tahoma,Verdana,Arial,sans-serif; color:#e8ddc4; } .gtmAgeHud, .gtmAgeHud *, .gtmAgeHud *:before, .gtmAgeHud *:after{ box-sizing:border-box; } .gtmAgeHud__card{ position:relative; overflow:hidden; width:100%; border-radius:13px; border:1px solid rgba(207,166,88,.32); background: radial-gradient(circle at 50% -15%,rgba(255,214,126,.18),transparent 45%), linear-gradient(180deg,#2d2819 0%,#17150e 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 8px 20px rgba(0,0,0,.30); } .gtmAgeHud__card:before{ content:""; position:absolute; inset:0; pointer-events:none; background: linear-gradient(120deg,transparent 0%,rgba(255,233,170,.055) 45%,transparent 72%), repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 1px,transparent 1px 7px); opacity:.9; } .gtmAgeHud__inner{ position:relative; z-index:2; padding:9px; } .gtmAgeHud__top{ display:flex; align-items:center; gap:8px; margin-bottom:8px; } .gtmAgeHud__icon{ width:25px; height:25px; display:flex; align-items:center; justify-content:center; flex:0 0 25px; border-radius:9px; color:#2b2112; font-size:13px; font-weight:900; background:linear-gradient(180deg,#ffe29a,#b98636); box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 0 15px rgba(255,204,95,.25); animation:gtmAgeHudGlow 2.9s ease-in-out infinite; } @keyframes gtmAgeHudGlow{ 0%,100%{ box-shadow: inset 0 1px 0 rgba(255,255,255,.30), 0 0 10px rgba(255,204,95,.20); } 50%{ box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 0 20px rgba(255,204,95,.46); } } .gtmAgeHud__titleBox{ min-width:0; flex:1 1 auto; } .gtmAgeHud__title{ color:#f8edcf; font-size:12px; line-height:1.15; font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-shadow:0 1px 2px rgba(0,0,0,.75); } .gtmAgeHud__sub{ margin-top:2px; color:#b9ae95; font-size:10px; line-height:1.15; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .gtmAgeHud__sub strong{ color:#ffd98a; } .gtmAgeHud__main{ display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px 9px; border-radius:11px; border:1px solid rgba(255,217,138,.15); background: radial-gradient(circle at 50% 0,rgba(255,217,138,.13),transparent 58%), rgba(0,0,0,.18); box-shadow:inset 0 1px 0 rgba(255,255,255,.035); } .gtmAgeHud__daysBox{ min-width:0; } .gtmAgeHud__days{ display:block; color:#ffd98a; font-size:27px; line-height:1; font-weight:900; letter-spacing:.4px; text-shadow: 0 1px 2px rgba(0,0,0,.86), 0 0 15px rgba(255,217,138,.23); } .gtmAgeHud__daysLabel{ display:block; margin-top:3px; color:#a99f89; font-size:9px; line-height:1.1; text-transform:uppercase; letter-spacing:.35px; white-space:nowrap; } .gtmAgeHud__ageBadge{ flex:0 0 auto; min-width:58px; padding:6px 7px; border-radius:9px; text-align:center; color:#2c2110; background:linear-gradient(180deg,#f5d58b,#b78335); box-shadow:inset 0 1px 0 rgba(255,255,255,.25); } .gtmAgeHud__ageBadge span{ display:block; font-size:9px; line-height:1.1; font-weight:800; text-transform:uppercase; opacity:.85; } .gtmAgeHud__ageBadge strong{ display:block; margin-top:2px; font-size:12px; line-height:1; font-weight:900; white-space:nowrap; } .gtmAgeHud__facts{ display:grid; grid-template-columns:1fr 1fr; gap:5px; margin-top:7px; } .gtmAgeHud__fact{ min-width:0; padding:6px 5px; border-radius:9px; background:rgba(0,0,0,.15); border:1px solid rgba(255,255,255,.06); } .gtmAgeHud__fact span{ display:block; color:#a99f89; font-size:8px; line-height:1.1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .gtmAgeHud__fact strong{ display:block; margin-top:3px; color:#f3e6c7; font-size:9px; line-height:1.15; font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .gtmAgeHud__fact strong.gtmAgeHud__gold{ color:#ffd98a; } .gtmAgeHud__progressBox{ margin-top:7px; } .gtmAgeHud__progressTop{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:5px; color:#a99f89; font-size:9px; line-height:1.1; } .gtmAgeHud__progressTop strong{ color:#ffd98a; } .gtmAgeHud__progress{ width:100%; height:7px; overflow:hidden; border-radius:20px; background:rgba(0,0,0,.34); border:1px solid rgba(255,255,255,.06); } .gtmAgeHud__progressBar{ width:0%; height:100%; border-radius:20px; background:linear-gradient(90deg,#9d692e,#ffd98a); box-shadow:0 0 12px rgba(255,217,138,.35); transition:width .7s ease; } .gtmAgeHud__bottom{ display:grid; grid-template-columns:1fr 1fr; gap:5px; margin-top:7px; } .gtmAgeHud__mini{ min-width:0; padding:6px 6px; border-radius:9px; color:#cfc0a0; background:rgba(255,217,138,.045); border:1px solid rgba(255,217,138,.11); font-size:8px; line-height:1.15; } .gtmAgeHud__mini strong{ display:block; margin-top:3px; color:#ffd98a; font-size:9px; line-height:1.15; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .gtmAgeHud__note{ margin-top:7px; padding-top:6px; border-top:1px solid rgba(255,255,255,.06); color:#a99f89; font-size:10px; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; letter-spacing:-.1px; } .gtmAgeHud__note strong{ color:#ffd98a; } .gtmAgeHud_isBirthday .gtmAgeHud__card{ border-color:rgba(255,218,130,.78); background: radial-gradient(circle at 50% -10%,rgba(255,231,150,.32),transparent 45%), radial-gradient(circle at 0 24%,rgba(255,165,60,.18),transparent 36%), linear-gradient(180deg,#473217 0%,#20170c 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 0 25px rgba(255,202,82,.28), 0 10px 26px rgba(0,0,0,.42); } .gtmAgeHud_isBirthday .gtmAgeHud__icon, .gtmAgeHud_isBirthday .gtmAgeHud__ageBadge{ color:#3b2508; background:linear-gradient(180deg,#fff0a8,#ffb43d); box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 0 18px rgba(255,190,60,.35); } .gtmAgeHud_isBirthday .gtmAgeHud__main, .gtmAgeHud_isBirthday .gtmAgeHud__fact, .gtmAgeHud_isBirthday .gtmAgeHud__mini{ border-color:rgba(255,218,130,.22); background: radial-gradient(circle at 50% 0,rgba(255,220,120,.12),transparent 56%), rgba(0,0,0,.18); } .gtmAgeHud_isBirthday .gtmAgeHud__days, .gtmAgeHud_isBirthday .gtmAgeHud__gold, .gtmAgeHud_isBirthday .gtmAgeHud__mini strong, .gtmAgeHud_isBirthday .gtmAgeHud__note strong, .gtmAgeHud_isBirthday .gtmAgeHud__progressTop strong{ color:#fff0a8; text-shadow: 0 1px 2px rgba(0,0,0,.82), 0 0 14px rgba(255,218,130,.38); } .gtmAgeHud_isBirthday .gtmAgeHud__progressBar{ background:linear-gradient(90deg,#ff9f2f,#fff0a8); box-shadow:0 0 15px rgba(255,218,130,.55); } .gtmAgeHud_isBirthday .gtmAgeHud__card:after{ content:""; position:absolute; inset:0; pointer-events:none; background: radial-gradient(circle at 18% 16%,rgba(255,255,255,.15) 0 2px,transparent 3px), radial-gradient(circle at 78% 22%,rgba(255,215,120,.18) 0 2px,transparent 3px), radial-gradient(circle at 42% 78%,rgba(255,180,70,.15) 0 2px,transparent 3px); opacity:.75; } .gtmAgeHud_isJubilee .gtmAgeHud__card{ border-color:rgba(255,237,170,.95); background: radial-gradient(circle at 50% -10%,rgba(255,240,170,.40),transparent 47%), radial-gradient(circle at 13% 20%,rgba(255,190,70,.23),transparent 34%), linear-gradient(180deg,#563816 0%,#231607 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 0 34px rgba(255,205,82,.38), 0 12px 30px rgba(0,0,0,.48); } .gtmAgeHud_isJubilee .gtmAgeHud__title:after{ content:attr(data-jubilee-label); margin-left:6px; padding:2px 6px; border-radius:20px; color:#3a2308; font-size:9px; font-weight:900; text-transform:uppercase; background:linear-gradient(180deg,#fff4b0,#ffb83f); box-shadow:0 0 14px rgba(255,215,100,.38); } .gtmAgeHud_isJubilee .gtmAgeHud__icon, .gtmAgeHud_isJubilee .gtmAgeHud__ageBadge{ color:#3a2308; background:linear-gradient(180deg,#fff6bd,#ffb638); box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 0 22px rgba(255,205,75,.46); } .gtmAgeHud_isJubilee .gtmAgeHud__main, .gtmAgeHud_isJubilee .gtmAgeHud__fact, .gtmAgeHud_isJubilee .gtmAgeHud__mini{ border-color:rgba(255,237,170,.27); background: radial-gradient(circle at 50% 0,rgba(255,230,140,.16),transparent 57%), rgba(0,0,0,.20); } .gtmAgeHud_isJubilee .gtmAgeHud__days, .gtmAgeHud_isJubilee .gtmAgeHud__gold, .gtmAgeHud_isJubilee .gtmAgeHud__mini strong, .gtmAgeHud_isJubilee .gtmAgeHud__note strong, .gtmAgeHud_isJubilee .gtmAgeHud__progressTop strong{ color:#fff4b0; text-shadow: 0 1px 2px rgba(0,0,0,.85), 0 0 17px rgba(255,230,140,.46); } .gtmAgeHud_isJubilee .gtmAgeHud__progressBar{ background:linear-gradient(90deg,#ff9f2f,#fff4b0,#ffcf55); box-shadow:0 0 18px rgba(255,230,140,.62); } /* =============================== 637. GTAMANia Sidebar / Carousel Polish 1. CSS handle instead of 2. Unified carousel header height 3. Refined legacy pager 4. Softer title fade for long labels 5. Shared sidebar shell for carousel/forum/users blocks 6. Equalized informer cards and previews 7. Mobile-safe trims and card titles Safe for legacy uCoz markup =============================== */ :root{ --gtmShellBg: radial-gradient(circle at 50% 0,rgba(210,171,115,.08),transparent 42%), radial-gradient(circle at 86% 100%,rgba(86,52,24,.12),transparent 34%), linear-gradient(180deg,#3a3326 0%,#2c261b 52%,#211c14 100%); --gtmShellLine:rgba(240,221,185,.34); --gtmShellBorder:#1c1710; --gtmShellInset:rgba(255,255,255,.04); --gtmShellText:#f3e6c3; --gtmShellMuted:#b9ac8d; --gtmShellGold:#d2ab73; --gtmShellHead: linear-gradient(180deg,rgba(245,235,206,.08),rgba(23,21,13,.34)), rgba(23,21,13,.34); } /* =============================== 5. Shared sidebar shell =============================== */ .carousel.sort_tit:not(#banner_mods), .gmForumDeck, .gtmUsersPanel{ position:relative; margin:0 0 12px 0; border:1px solid var(--gtmShellBorder); border-radius:12px; overflow:hidden; background:var(--gtmShellBg); box-shadow: 0 14px 28px rgba(0,0,0,.34), 0 1px 0 rgba(255,255,255,.04) inset, 0 -1px 0 rgba(0,0,0,.14) inset; } .carousel.sort_tit:not(#banner_mods):before, .gmForumDeck:before, .gtmUsersPanel:before{ content:""; position:absolute; left:0; top:0; width:100%; height:1px; z-index:3; background:linear-gradient(90deg,transparent,var(--gtmShellLine),transparent); pointer-events:none; } /* =============================== 638. 1 + 2 + 4. Carousel titles =============================== */ .carousel.sort_tit:not(#banner_mods) .carousel_title{ position:relative !important; z-index:2 !important; display:inline-flex !important; align-items:center !important; gap:8px !important; width:auto !important; max-width:100% !important; min-height:34px !important; margin:0 !important; padding:9px 26px 9px 12px !important; vertical-align:top !important; color:var(--gtmShellText) !important; background:var(--gtmShellHead) !important; border-bottom:1px solid rgba(138,123,90,.22) !important; font-size:11px !important; font-weight:900 !important; line-height:1.25 !important; letter-spacing:.08em !important; text-transform:uppercase !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 1px 0 rgba(0,0,0,.08) !important; } .carousel.sort_tit:not(#banner_mods) .carousel_title > img{ display:none !important; } .carousel.sort_tit:not(#banner_mods) .carousel_title:after{ content:""; position:absolute; right:10px; top:50%; width:10px; height:10px; margin-top:-5px; opacity:.78; pointer-events:none; background: radial-gradient(circle at 2px 2px,var(--gtmShellGold) 0 1.2px,transparent 1.3px), radial-gradient(circle at 8px 2px,var(--gtmShellGold) 0 1.2px,transparent 1.3px), radial-gradient(circle at 2px 8px,var(--gtmShellGold) 0 1.2px,transparent 1.3px), radial-gradient(circle at 8px 8px,var(--gtmShellGold) 0 1.2px,transparent 1.3px); filter:drop-shadow(0 0 4px rgba(210,171,115,.28)); } .carousel.sort_tit:not(#banner_mods) .carousel_title > a, .carousel.sort_tit:not(#banner_mods) .carousel_title > span{ position:relative; flex:0 1 auto !important; min-width:0 !important; display:block !important; max-width:100% !important; overflow:hidden !important; white-space:nowrap !important; text-overflow:ellipsis !important; color:inherit !important; text-decoration:none !important; } .carousel.sort_tit:not(#banner_mods) .carousel_title > a:after, .carousel.sort_tit:not(#banner_mods) .carousel_title > span:after{ content:""; position:absolute; top:0; right:0; width:26px; height:100%; pointer-events:none; background:linear-gradient(90deg,rgba(40,34,24,0),rgba(40,34,24,.95) 78%); } .carousel.sort_tit:not(#banner_mods) .carousel_title > a:hover{ color:#fff1ca !important; } /* legacy headings with raw text still benefit from the shared shell */ .carousel.sort_tit:not(#banner_mods) .carousel_ul{ margin:0 !important; padding:10px 0 12px !important; list-style:none !important; } /* =============================== 639. 1 + 2 + 3 + 6 + 7. Informer cards =============================== */ .carousel.sort_tit:not(#banner_mods) .carousel_ul > li{ display:flex !important; align-items:stretch !important; min-width:0 !important; height:auto !important; box-sizing:border-box !important; } .carousel.sort_tit:not(#banner_mods) .carousel_ul .miniLoad, .carousel.sort_tit:not(#banner_mods) .carousel_ul .miniNews{ position:relative !important; display:flex !important; flex-direction:column !important; width:100% !important; height:100% !important; min-height:244px !important; overflow:hidden !important; border:1px solid rgba(27,23,16,.94) !important; border-radius:12px !important; background: linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 18%), linear-gradient(180deg,#f5ebce 0%,#eadcbc 100%) !important; box-shadow: 0 6px 14px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.48) !important; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, filter .18s ease !important; } /* Hide legacy full-height percent overlay on the right edge */ .toTop, #toTop{ display:none !important; } .carousel.sort_tit:not(#banner_mods) .carousel_ul .miniLoad > img:first-child, .carousel.sort_tit:not(#banner_mods) .carousel_ul .miniNews > img:first-child, .carousel.sort_tit:not(#banner_mods) .carousel_ul .miniLoad > a:first-child > img:first-child, .carousel.sort_tit:not(#banner_mods) .carousel_ul .miniNews > a:first-child > img:first-child{ display:block !important; width:100% !important; height:124px !important; max-width:none !important; margin:0 !important; object-fit:cover !important; object-position:center center !important; background:#292317 !important; border-bottom:1px solid rgba(47,41,29,.34) !important; } .carousel.sort_tit:not(#banner_mods) .carousel_ul .titlefile20, .carousel.sort_tit:not(#banner_mods) .carousel_ul .inf_title, .carousel.sort_tit:not(#banner_mods) .carousel_ul .miniLoad_tit{ position:relative !important; min-height:58px !important; margin:0 !important; padding:11px 12px 10px !important; background: linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 18%), linear-gradient(180deg,#f7edd1 0%,#eadfbf 100%) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 -1px 0 rgba(155,136,100,.2) inset !important; } .carousel.sort_tit:not(#banner_mods) .carousel_ul .titlefile20, .carousel.sort_tit:not(#banner_mods) .carousel_ul .titlefile20 a, .carousel.sort_tit:not(#banner_mods) .carousel_ul .inf_title, .carousel.sort_tit:not(#banner_mods) .carousel_ul .inf_title a, .carousel.sort_tit:not(#banner_mods) .carousel_ul .miniLoad_tit a, .carousel.sort_tit:not(#banner_mods) .carousel_ul a.inf_a, .carousel.sort_tit:not(#banner_mods) .carousel_ul a.inf_lnk{ display:-webkit-box !important; -webkit-box-orient:vertical !important; -webkit-line-clamp:2 !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:normal !important; color:#2f281b !important; text-decoration:none !important; font-size:13px !important; font-weight:900 !important; line-height:1.28 !important; text-shadow:1px 1px 0 rgba(255,255,255,.45) !important; } .carousel.sort_tit:not(#banner_mods) .carousel_ul .titlefile20 b, .carousel.sort_tit:not(#banner_mods) .carousel_ul .inf_title b, .carousel.sort_tit:not(#banner_mods) .carousel_ul .miniLoad_tit b{ color:inherit !important; font-weight:900 !important; } .carousel.sort_tit:not(#banner_mods) .carousel_ul .miniLoad_info, .carousel.sort_tit:not(#banner_mods) .carousel_ul .inf_li, .carousel.sort_tit:not(#banner_mods) .carousel_ul .load_author, .carousel.sort_tit:not(#banner_mods) .carousel_ul .load_pass, .carousel.sort_tit:not(#banner_mods) .carousel_ul .bad_lnk{ margin-top:auto !important; } .carousel.sort_tit:not(#banner_mods) .carousel_ul .inf_li{ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:8px !important; padding:8px 10px !important; background: linear-gradient(180deg,rgba(245,235,206,.06),rgba(23,21,13,.36)), linear-gradient(180deg,#4b422e 0%,#2f291d 100%) !important; border-top:1px solid rgba(32,27,18,.94) !important; } .carousel.sort_tit:not(#banner_mods) .carousel_ul .inf_li span, .carousel.sort_tit:not(#banner_mods) .carousel_ul .load_author, .carousel.sort_tit:not(#banner_mods) .carousel_ul .load_pass, .carousel.sort_tit:not(#banner_mods) .carousel_ul .bad_lnk{ color:#f4e8c6 !important; border-radius:999px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 1px 3px rgba(0,0,0,.22) !important; } .carousel.sort_tit:not(#banner_mods) .carousel_ul .miniLoad:hover, .carousel.sort_tit:not(#banner_mods) .carousel_ul .miniNews:hover{ transform:translateY(-2px) !important; border-color:rgba(210,171,115,.56) !important; box-shadow: 0 10px 20px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.52), 0 0 10px rgba(210,171,115,.12) !important; filter:saturate(1.02) !important; } .carousel.sort_tit:not(#banner_mods) .carousel_ul .miniLoad:hover .titlefile20, .carousel.sort_tit:not(#banner_mods) .carousel_ul .miniNews:hover .titlefile20, .carousel.sort_tit:not(#banner_mods) .carousel_ul .miniLoad:hover .inf_title, .carousel.sort_tit:not(#banner_mods) .carousel_ul .miniNews:hover .inf_title, .carousel.sort_tit:not(#banner_mods) .carousel_ul .miniLoad:hover .miniLoad_tit, .carousel.sort_tit:not(#banner_mods) .carousel_ul .miniNews:hover .miniLoad_tit{ background: linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0) 18%), linear-gradient(180deg,#fff1cf 0%,#ebddb5 100%) !important; } /* =============================== 3. Legacy uCoz pager polish =============================== */ .carousel.sort_tit:not(#banner_mods) .pagination-wrap, .carousel.sort_tit:not(#banner_mods) .pagesBlockuz1, .carousel.sort_tit:not(#banner_mods) .numPages, .carousel.sort_tit:not(#banner_mods) .pagination{ display:flex !important; flex-wrap:wrap !important; align-items:center !important; gap:8px !important; margin:10px 12px 0 !important; padding:0 !important; background:none !important; } .carousel.sort_tit:not(#banner_mods) .pagination-wrap a, .carousel.sort_tit:not(#banner_mods) .pagination-wrap span, .carousel.sort_tit:not(#banner_mods) .pagesBlockuz1 a, .carousel.sort_tit:not(#banner_mods) .pagesBlockuz1 span, .carousel.sort_tit:not(#banner_mods) .numPages a, .carousel.sort_tit:not(#banner_mods) .numPages span, .carousel.sort_tit:not(#banner_mods) .pagination a, .carousel.sort_tit:not(#banner_mods) .pagination span{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-width:30px !important; height:30px !important; padding:0 10px !important; margin:0 !important; color:#f5ebce !important; background: linear-gradient(180deg,rgba(245,235,206,.07),rgba(23,21,13,.32)), linear-gradient(180deg,#4b422e 0%,#2f291d 100%) !important; border:1px solid #201b12 !important; border-radius:8px !important; text-decoration:none !important; font-size:12px !important; font-weight:900 !important; line-height:1 !important; text-shadow:1px 1px 0 rgba(0,0,0,.82) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 3px 7px rgba(0,0,0,.24) !important; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease !important; } .carousel.sort_tit:not(#banner_mods) .pagination-wrap a:hover, .carousel.sort_tit:not(#banner_mods) .pagesBlockuz1 a:hover, .carousel.sort_tit:not(#banner_mods) .numPages a:hover, .carousel.sort_tit:not(#banner_mods) .pagination a:hover{ transform:translateY(-1px) !important; border-color:#8a7b5a !important; background: linear-gradient(180deg,rgba(245,235,206,.09),rgba(23,21,13,.24)), linear-gradient(180deg,#5d5238 0%,#352d1f 100%) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 5px 10px rgba(0,0,0,.28), 0 0 8px rgba(210,171,115,.14) !important; } .carousel.sort_tit:not(#banner_mods) .pagination-wrap span, .carousel.sort_tit:not(#banner_mods) .pagesBlockuz1 span, .carousel.sort_tit:not(#banner_mods) .numPages span, .carousel.sort_tit:not(#banner_mods) .pagination span{ color:#2f2b1b !important; background: linear-gradient(180deg,#f5ebce 0%,#d9c9a7 55%,#b9a47e 100%) !important; border-color:#8a7b5a !important; text-shadow:1px 1px 0 rgba(255,255,255,.62) !important; box-shadow: 0 3px 8px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.34) !important; } /* =============================== 5. Forum deck header/list alignment =============================== */ .gmForumDeck_box{ width:100%; } .gmForumDeck_head{ min-height:34px; padding:9px 12px; background:var(--gtmShellHead); border-bottom:1px solid rgba(138,123,90,.22); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 1px 0 rgba(0,0,0,.08); } .gmForumDeck_headText{ color:var(--gtmShellText); font-size:11px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; text-shadow:1px 1px 0 rgba(0,0,0,.82); } .gmForumDeck_headBtn{ min-height:26px; padding:0 10px; border-radius:999px; color:#f5ebce; background: linear-gradient(180deg,rgba(210,171,115,.10),rgba(122,74,42,.18)), linear-gradient(180deg,#8a563d 0%,#6f4330 58%,#4d2f22 100%); border:1px solid #3e2419; text-decoration:none; font-size:10px; font-weight:900; line-height:24px; text-shadow:1px 1px 0 rgba(0,0,0,.82); box-shadow: 0 2px 7px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.14); } .gmForumDeck_list{ margin:0; padding:10px 12px 12px; list-style:none; } /* =============================== 640. Fine tuning for the users panel =============================== */ .gtmUsersPanel{ border-radius:12px !important; } .gtmUsersPanel__title{ min-height:34px !important; padding:9px 12px !important; background:var(--gtmShellHead) !important; border-bottom:1px solid rgba(138,123,90,.22) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 1px 0 rgba(0,0,0,.08) !important; } .gtmUsersPanel__body{ padding:0 !important; } /* =============================== 641. Motion safety =============================== */ @media (prefers-reduced-motion:reduce){ .carousel.sort_tit:not(#banner_mods) .carousel_ul .miniLoad, .carousel.sort_tit:not(#banner_mods) .carousel_ul .miniNews, .carousel.sort_tit:not(#banner_mods) .pagination-wrap a, .carousel.sort_tit:not(#banner_mods) .pagesBlockuz1 a, .carousel.sort_tit:not(#banner_mods) .numPages a, .carousel.sort_tit:not(#banner_mods) .pagination a{ transition:none !important; transform:none !important; } } /* =============================== 642. 6 + 7. Mobile safety =============================== */ @media (max-width:768px){ .carousel.sort_tit:not(#banner_mods) .carousel_title, .gmForumDeck_head, .gtmUsersPanel__title{ min-height:32px !important; padding-top:8px !important; padding-bottom:8px !important; } .carousel.sort_tit:not(#banner_mods) .carousel_title{ padding-left:10px !important; padding-right:24px !important; font-size:10px !important; } .carousel.sort_tit:not(#banner_mods) .carousel_title:after{ right:8px !important; } .carousel.sort_tit:not(#banner_mods) .carousel_ul .miniLoad, .carousel.sort_tit:not(#banner_mods) .carousel_ul .miniNews{ min-height:226px !important; border-radius:10px !important; } .carousel.sort_tit:not(#banner_mods) .carousel_ul .miniLoad > img:first-child, .carousel.sort_tit:not(#banner_mods) .carousel_ul .miniNews > img:first-child, .carousel.sort_tit:not(#banner_mods) .carousel_ul .miniLoad > a:first-child > img:first-child, .carousel.sort_tit:not(#banner_mods) .carousel_ul .miniNews > a:first-child > img:first-child{ height:112px !important; } .carousel.sort_tit:not(#banner_mods) .carousel_ul .titlefile20, .carousel.sort_tit:not(#banner_mods) .carousel_ul .inf_title, .carousel.sort_tit:not(#banner_mods) .carousel_ul .miniLoad_tit{ min-height:54px !important; padding:10px 10px 9px !important; } .carousel.sort_tit:not(#banner_mods) .carousel_ul .titlefile20, .carousel.sort_tit:not(#banner_mods) .carousel_ul .titlefile20 a, .carousel.sort_tit:not(#banner_mods) .carousel_ul .inf_title, .carousel.sort_tit:not(#banner_mods) .carousel_ul .inf_title a, .carousel.sort_tit:not(#banner_mods) .carousel_ul .miniLoad_tit a, .carousel.sort_tit:not(#banner_mods) .carousel_ul a.inf_a, .carousel.sort_tit:not(#banner_mods) .carousel_ul a.inf_lnk{ font-size:12px !important; } .carousel.sort_tit:not(#banner_mods) .pagination-wrap a, .carousel.sort_tit:not(#banner_mods) .pagination-wrap span, .carousel.sort_tit:not(#banner_mods) .pagesBlockuz1 a, .carousel.sort_tit:not(#banner_mods) .pagesBlockuz1 span, .carousel.sort_tit:not(#banner_mods) .numPages a, .carousel.sort_tit:not(#banner_mods) .numPages span, .carousel.sort_tit:not(#banner_mods) .pagination a, .carousel.sort_tit:not(#banner_mods) .pagination span{ min-width:28px !important; height:28px !important; padding:0 9px !important; font-size:11px !important; } } @media (max-width:480px){ .carousel.sort_tit:not(#banner_mods) .carousel_ul{ padding-top:8px !important; padding-bottom:10px !important; } .carousel.sort_tit:not(#banner_mods) .carousel_title{ letter-spacing:.06em !important; } .carousel.sort_tit:not(#banner_mods) .carousel_ul .miniLoad, .carousel.sort_tit:not(#banner_mods) .carousel_ul .miniNews{ min-height:208px !important; } .carousel.sort_tit:not(#banner_mods) .carousel_ul .miniLoad > img:first-child, .carousel.sort_tit:not(#banner_mods) .carousel_ul .miniNews > img:first-child, .carousel.sort_tit:not(#banner_mods) .carousel_ul .miniLoad > a:first-child > img:first-child, .carousel.sort_tit:not(#banner_mods) .carousel_ul .miniNews > a:first-child > img:first-child{ height:98px !important; } .carousel.sort_tit:not(#banner_mods) .carousel_ul .titlefile20, .carousel.sort_tit:not(#banner_mods) .carousel_ul .inf_title, .carousel.sort_tit:not(#banner_mods) .carousel_ul .miniLoad_tit{ min-height:50px !important; } .gmForumDeck_headBtn{ min-height:24px !important; padding:0 8px !important; } } /* =============================== 643. Мини чат иконки =============================== */ .gtmChatForm__btn { display: inline-flex; align-items: center; justify-content: center; color: #ffffff; text-decoration: none; } .gtmChatForm__icon { display: block; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; } .gtnMod_avatar{ position:relative; display:flex; align-items:center; justify-content:center; width:72px; height:72px; margin:0 auto 10px auto; overflow:hidden; border-radius:14px; border:1px solid rgba(245,235,206,.16); background: radial-gradient(circle at 30% 15%,rgba(245,235,206,.12),transparent 40%), linear-gradient(180deg,rgba(62,55,36,.92),rgba(24,22,16,.96)); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 8px 18px rgba(0,0,0,.25); } .gtnMod_avatar img{ display:block; width:100%; height:100%; object-fit:cover; border:0; } .gtnMod_noAvatar{ display:none; align-items:center; justify-content:center; width:100%; height:100%; color:#f5ebce; font:700 28px/1 Arial,Tahoma,sans-serif; text-shadow:0 2px 8px rgba(0,0,0,.45); } .gtnMod_avatarNoImg .gtnMod_noAvatar, .gtnMod_avatar .gtnMod_noAvatar:only-child{ display:flex; } /* ===================================================== 644. GtaMania: скриншоты на странице мода Главный скриншот сверху + крупные скрины в выпадающем списке ===================================================== */ .gtnMod_screensPro{ margin:0 0 16px 0; } .gtnMod_mainScreen{ margin:8px 0 0 0; } .gtnMod_mainScreenLink{ position:relative; display:block; overflow:hidden; border-radius:12px; border:1px solid rgba(245,235,206,.16); background:#17150f; box-shadow: 0 10px 24px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.04); } .gtnMod_mainScreenLink:before{ content:""; position:absolute; inset:0; z-index:1; background: linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.34)), radial-gradient(circle at 82% 0,rgba(245,204,130,.12),transparent 36%); pointer-events:none; } .gtnMod_mainScreenLink img{ display:block; width:100%; height:auto; min-height:230px; max-height:430px; object-fit:cover; border:0; transition:transform .35s ease,filter .35s ease; } .gtnMod_mainScreenLink:hover img{ transform:scale(1.02); filter:saturate(1.08) contrast(1.04); } .gtnMod_mainScreenBadge{ position:absolute; left:10px; bottom:10px; z-index:2; display:inline-block; padding:6px 10px; border-radius:8px; border:1px solid rgba(245,235,206,.20); background:rgba(17,15,10,.78); color:#f5ebce; font:700 11px/1.2 "Open Sans",Tahoma,Arial,sans-serif; text-transform:uppercase; letter-spacing:.35px; box-shadow:0 6px 14px rgba(0,0,0,.32); } /* ===================================================== 645. Выпадающий список дополнительных скриншотов ===================================================== */ .gtnMod_moreScreens{ margin:12px 0 0 0; border:1px solid rgba(245,235,206,.12); border-radius:10px; background: linear-gradient(180deg,rgba(39,35,25,.84),rgba(20,19,15,.94)); overflow:hidden; box-shadow:inset 0 1px 0 rgba(255,255,255,.035); } .gtnMod_moreScreens summary{ cursor:pointer; padding:10px 12px; color:#f5ebce; font:700 12px/1.3 "Open Sans",Tahoma,Arial,sans-serif; list-style:none; user-select:none; text-transform:uppercase; letter-spacing:.35px; } .gtnMod_moreScreens summary::-webkit-details-marker{ display:none; } .gtnMod_moreScreens summary:before{ content:"+"; display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; margin-right:8px; border-radius:6px; border:1px solid rgba(245,235,206,.16); background:rgba(0,0,0,.20); color:#d8b46b; font:700 13px/1 Arial,Tahoma,sans-serif; } .gtnMod_moreScreens[open] summary:before{ content:"−"; } .gtnMod_galleryPro{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px; padding:0 10px 10px 10px; } .gtnMod_screenPro{ display:block; overflow:hidden; border-radius:10px; border:1px solid rgba(245,235,206,.13); background:#17150f; box-shadow:0 7px 16px rgba(0,0,0,.22); } .gtnMod_screenPro img{ display:block; width:100%; height:240px; object-fit:cover; border:0; transition:transform .25s ease,filter .25s ease; } .gtnMod_screenPro:hover img{ transform:scale(1.035); filter:saturate(1.08) contrast(1.04); } /* ===================================================== 646. Заглушка, если нет скриншота ===================================================== */ .gtnMod_noScreen{ display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:260px; padding:24px 18px; border-radius:12px; border:1px solid rgba(245,235,206,.14); background: radial-gradient(circle at 50% 0,rgba(245,204,130,.10),transparent 36%), linear-gradient(180deg,rgba(39,35,25,.88),rgba(18,17,13,.96)); color:#cfc4aa; text-align:center; box-shadow: 0 10px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04); box-sizing:border-box; } .gtnMod_noScreenIcon{ display:flex; align-items:center; justify-content:center; width:54px; height:54px; margin:0 0 10px 0; border-radius:14px; border:1px solid rgba(245,235,206,.16); background:rgba(0,0,0,.18); color:#d8b46b; font:700 30px/1 Arial,Tahoma,sans-serif; box-shadow:inset 0 1px 0 rgba(255,255,255,.04); } .gtnMod_noScreenTitle{ margin:0 0 5px 0; color:#f5ebce; font:700 15px/1.25 "Open Sans",Tahoma,Arial,sans-serif; } .gtnMod_noScreenText{ max-width:360px; color:#a99d85; font:400 12px/1.45 "Open Sans",Tahoma,Arial,sans-serif; } @media screen and (max-width:640px){ .gtnMod_mainScreenLink img{ min-height:170px; max-height:300px; } .gtnMod_galleryPro{ grid-template-columns:1fr; } .gtnMod_screenPro img{ height:auto; max-height:300px; } .gtnMod_noScreen{ min-height:200px; padding:20px 14px; } } .gtm-link-mail-form, .gtm-link-mail-form *, .gtm-link-mail-form *:before, .gtm-link-mail-form *:after { box-sizing: border-box; } .gtm-link-mail-form { width: 100%; max-width: 690px; margin: 12px auto; padding: 14px; position: relative; overflow: hidden; color: #e8ddc3; font: 400 13px/1.55 Tahoma, Arial, sans-serif; background: radial-gradient(circle at 14% 0, rgba(214, 171, 96, 0.16), transparent 34%), radial-gradient(circle at 90% 100%, rgba(90, 55, 30, 0.28), transparent 42%), linear-gradient(180deg, #282214 0%, #17150e 100%); border: 1px solid rgba(211, 173, 102, 0.42); border-radius: 12px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.82), 0 10px 28px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.06), inset 0 0 28px rgba(0, 0, 0, 0.38); } .gtm-link-mail-form:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 1px; z-index: 2; pointer-events: none; background: linear-gradient(90deg, transparent, rgba(245, 220, 170, 0.55), transparent); } .gtm-link-mail-form:after { content: ""; position: absolute; right: -90px; top: -90px; width: 180px; height: 180px; pointer-events: none; background: radial-gradient(circle, rgba(211, 173, 102, 0.16), transparent 65%); } .gtm-link-mail-form #table1 { width: 100%; position: relative; z-index: 3; border-collapse: separate; border-spacing: 0 8px; } .gtm-link-mail-form #table1 tr { background: transparent; } .gtm-link-mail-form #table1 td { padding: 10px 12px; vertical-align: middle; color: #e8ddc3; background: rgba(23, 20, 13, 0.72); border-top: 1px solid rgba(211, 173, 102, 0.2); border-bottom: 1px solid rgba(211, 173, 102, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), inset 0 0 12px rgba(0, 0, 0, 0.22); } .gtm-link-mail-form #table1 td:first-child { width: 35%; color: #f1d79d; font-weight: 700; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.65); border-left: 1px solid rgba(211, 173, 102, 0.24); border-right: 0; border-radius: 8px 0 0 8px; background: linear-gradient(180deg, rgba(51, 40, 21, 0.94), rgba(32, 26, 16, 0.96)); } .gtm-link-mail-form #table1 td:last-child { border-left: 0; border-right: 1px solid rgba(211, 173, 102, 0.24); border-radius: 0 8px 8px 0; background: linear-gradient(180deg, rgba(28, 24, 16, 0.92), rgba(18, 16, 11, 0.96)); } .gtm-link-mail-form input[type="text"], .gtm-link-mail-form textarea { width: 100% !important; max-width: 100%; padding: 10px 11px; border: 1px solid rgba(211, 173, 102, 0.36); border-radius: 8px; background: linear-gradient(180deg, #15130d 0%, #211b11 100%) !important; color: #f2e6c9 !important; font: 400 13px/1.45 Tahoma, Arial, sans-serif; outline: none; box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.65), 0 1px 0 rgba(255, 255, 255, 0.04); } .gtm-link-mail-form textarea { min-height: 150px; resize: vertical; } .gtm-link-mail-form input[type="text"]:hover, .gtm-link-mail-form textarea:hover { border-color: rgba(230, 190, 115, 0.55); } .gtm-link-mail-form input[type="text"]:focus, .gtm-link-mail-form textarea:focus { border-color: rgba(245, 210, 135, 0.78); background: linear-gradient(180deg, #1d190f 0%, #292112 100%) !important; box-shadow: 0 0 0 2px rgba(211, 173, 102, 0.16), 0 0 18px rgba(211, 173, 102, 0.12), inset 0 1px 4px rgba(0, 0, 0, 0.7); } .gtm-link-mail-form font[color="red"] { color: #ff6b4a !important; font-weight: 700; text-shadow: 0 0 8px rgba(255, 80, 50, 0.28); } .gtm-link-mail-form__captcha { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; } .gtm-link-mail-form input[name="f7"] { width: 88px !important; max-width: none; flex: 0 0 88px; } .gtm-link-mail-form #table1 tr:last-child td { text-align: center; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 8px 0 0; } .gtm-link-mail-form input[type="submit"] { display: inline-flex; align-items: center; justify-content: center; min-width: 220px; min-height: 42px; padding: 0 20px; border: 1px solid rgba(245, 210, 135, 0.55); border-radius: 9px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.18), transparent 46%), linear-gradient(180deg, #b87935 0%, #7a3f20 48%, #4e2414 100%); color: #fff0c8; font: 700 13px/1 Tahoma, Arial, sans-serif; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.65); box-shadow: 0 7px 18px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.22), inset 0 -1px 0 rgba(0, 0, 0, 0.35); cursor: pointer; transition: background 0.18s ease, border-color 0.18s ease, transform 0.12s ease, box-shadow 0.18s ease; } .gtm-link-mail-form input[type="submit"]:hover { background: linear-gradient(180deg, rgba(255, 255, 255, 0.22), transparent 46%), linear-gradient(180deg, #cf8a42 0%, #8c4a27 48%, #5c2a18 100%); border-color: rgba(255, 224, 160, 0.78); box-shadow: 0 9px 22px rgba(0, 0, 0, 0.42), 0 0 18px rgba(211, 173, 102, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.35); } .gtm-link-mail-form input[type="submit"]:active { transform: translateY(1px); } .gtm-link-mail-form input, .gtm-link-mail-form textarea { color-scheme: dark; } .gtm-link-mail-form input:-webkit-autofill, .gtm-link-mail-form input:-webkit-autofill:hover, .gtm-link-mail-form input:-webkit-autofill:focus { -webkit-text-fill-color: #f2e6c9 !important; box-shadow: 0 0 0 1000px #1c170f inset !important; border-color: rgba(245, 210, 135, 0.65) !important; } @media (max-width: 640px) { .gtm-link-mail-form { padding: 11px; border-radius: 10px; } .gtm-link-mail-form #table1, .gtm-link-mail-form #table1 tbody, .gtm-link-mail-form #table1 tr, .gtm-link-mail-form #table1 td { display: block; width: 100% !important; } .gtm-link-mail-form #table1 { border-spacing: 0; } .gtm-link-mail-form #table1 tr { margin: 0 0 10px; border: 1px solid rgba(211, 173, 102, 0.24); border-radius: 8px; overflow: hidden; background: radial-gradient(circle at 15% 0, rgba(245, 205, 125, 0.08), transparent 35%), linear-gradient(180deg, rgba(42, 36, 22, 0.96) 0%, rgba(22, 19, 12, 0.98) 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 1px 2px rgba(0, 0, 0, 0.22); } .gtm-link-mail-form #table1 tr:last-child { margin-bottom: 0; } .gtm-link-mail-form #table1 td { border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; padding: 8px 10px; } .gtm-link-mail-form #table1 td:first-child { padding-bottom: 4px; } .gtm-link-mail-form #table1 td:last-child { padding-top: 0; } .gtm-link-mail-form input[type="submit"] { width: 100%; min-width: 0; } } .gtmAddModMainOnly { width: 1000px !important; max-width: 1000px !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; } .gtmAddModContentOnly { float: none !important; width: 100% !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; } .gtmAddModDisplayOnly { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } .gtmAddModContentOnly .load_crumbs, .gtmAddModContentOnly .load_desc, .gtmAddModContentOnly .eDisplay { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } .gtmAddModGuest { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 25px !important; box-sizing: border-box !important; position: relative; overflow: hidden; text-align: center; color: #d8c0a5; font-family: "Montserrat", "Open Sans", Tahoma, Verdana, Arial, sans-serif; background: radial-gradient(circle at 50% 0, rgba(214, 151, 102, 0.12), transparent 42%), radial-gradient(circle at 86% 100%, rgba(122, 49, 31, 0.18), transparent 34%), linear-gradient(180deg, #43352b 0%, #30251e 52%, #211711 100%); border: 1px solid #1f1510; border-radius: 12px; box-shadow: 0 14px 30px rgba(0, 0, 0, 0.42), 0 0 12px rgba(122, 49, 31, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(0, 0, 0, 0.16); } .gtmAddModGuest, .gtmAddModGuest *, .gtmAddModGuest *:before, .gtmAddModGuest *:after { box-sizing: border-box; } .gtmAddModGuest:before { content: ""; position: absolute; inset: 1px; border-radius: 11px; border: 1px solid rgba(255, 255, 255, 0.035); pointer-events: none; z-index: 1; } .gtmAddModGuest:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: linear-gradient(90deg, transparent, rgba(255, 226, 198, 0.30), transparent); pointer-events: none; z-index: 2; } .gtmAddModGuest__box { max-width: 520px; margin: 0 auto; position: relative; z-index: 3; } .gtmAddModGuest__box h2 { margin: 0 0 10px; color: #ffe6c8; font-size: 22px; font-weight: 900; line-height: 1.25; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.82); } .gtmAddModGuest__box p { margin: 0 0 16px; color: #d8c0a5; font-size: 13px; font-weight: 700; line-height: 1.5; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.55); } .gtmAddModGuest__buttons { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; } .gtmAddModGuest__buttons a, .gtmAddModGuest__buttons a:link, .gtmAddModGuest__buttons a:visited, .gtmAddModGuest__buttons a:active { display: inline-flex; align-items: center; justify-content: center; min-width: 120px; min-height: 36px; padding: 0 14px; color: #fff !important; background: linear-gradient(180deg, #a86a4a 0%, #854d37 55%, #5f3325 100%); border: 1px solid #4a261a; border-radius: 9px; font-size: 13px; font-weight: 900; line-height: 1; text-decoration: none !important; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.82); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.45), 0 0 9px rgba(168, 106, 74, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.18); transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease; } .gtmAddModGuest__buttons a:hover { transform: translateY(-1px); color: #fff !important; background: linear-gradient(180deg, #b87455 0%, #93543c 55%, #6b3928 100%); border-color: #d2ab73; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.55), 0 0 13px rgba(168, 106, 74, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.22); } .gtmAddModFormBox, .gtmAddModFormBox *, .gtmAddModFormBox *:before, .gtmAddModFormBox *:after { box-sizing: border-box !important; max-width: 100% !important; } .gtmAddModFormBox { position: relative !important; width: 100% !important; max-width: 100% !important; margin: 0 auto 14px !important; padding: 10px !important; overflow: hidden !important; color: #e4dac4 !important; font-family: "Montserrat", "Open Sans", Tahoma, Verdana, Arial, sans-serif !important; background: radial-gradient(circle at 50% 0, rgba(210, 171, 115, 0.07), transparent 42%), linear-gradient(180deg, #3d3628 0%, #2f291d 52%, #221d14 100%) !important; border: 1px solid #1c1710 !important; border-radius: 12px !important; box-shadow: 0 14px 30px rgba(0, 0, 0, 0.46), inset 0 1px 0 rgba(255, 255, 255, 0.045), inset 0 -1px 0 rgba(0, 0, 0, 0.22) !important; } .gtmAddModFormBox:before { content: "" !important; position: absolute !important; inset: 1px !important; border-radius: 11px !important; border: 1px solid rgba(255, 255, 255, 0.025) !important; pointer-events: none !important; z-index: 1 !important; } .gtmAddModFormBox:after { content: "" !important; position: absolute !important; left: 8px !important; right: 8px !important; top: 0 !important; height: 1px !important; background: rgba(210, 171, 115, 0.28) !important; pointer-events: none !important; z-index: 2 !important; } .gtmAddModFormBox > * { position: relative !important; z-index: 3 !important; } .gtmAddModFields, .form-fields.gtmAddModFields { display: grid !important; grid-template-columns: 190px minmax(0, 1fr) !important; gap: 7px 0 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; color: #e4dac4 !important; background: transparent !important; } .gtmAddModFields li { min-width: 0 !important; margin: 0 !important; padding: 0 !important; list-style: none !important; background: transparent !important; border: 0 !important; } .gtmAddModFields__label { display: flex !important; align-items: center !important; padding: 9px 10px !important; color: #f5ebce !important; background: #3a3325 !important; border: 1px solid #1c1710 !important; border-right: 0 !important; border-radius: 8px 0 0 8px !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.35 !important; text-align: left !important; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.72) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045), 0 1px 2px rgba(0, 0, 0, 0.22) !important; } .gtmAddModFields__label label { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #f5ebce !important; font: inherit !important; text-align: left !important; cursor: default !important; } .gtmAddModFields__field { display: block !important; padding: 9px 10px !important; color: #e4dac4 !important; background: #302a1d !important; border: 1px solid #1c1710 !important; border-left: 0 !important; border-radius: 0 8px 8px 0 !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.45 !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 1px 2px rgba(0, 0, 0, 0.22) !important; } .gtmAddModFields .notcolumn, .gtmAddModFields__wide, .gtmAddModFields__buttons { grid-column: 1 / -1 !important; width: 100% !important; max-width: 100% !important; } .gtmAddModFields__wide, .gtmAddModFields .notcolumn { padding: 10px !important; color: #e4dac4 !important; background: #302a1d !important; border: 1px solid #1c1710 !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045), 0 1px 2px rgba(0, 0, 0, 0.22) !important; } .gtmAddModFields .notcolumn hr, .gtmAddModFields hr { display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } .gtmAddModFormBox input[type="text"], .gtmAddModFormBox input[type="password"], .gtmAddModFormBox input[type="email"], .gtmAddModFormBox input[type="url"], .gtmAddModFormBox input[type="number"], .gtmAddModFormBox input[type="file"], .gtmAddModFormBox textarea, .gtmAddModFormBox select { width: 100% !important; max-width: 100% !important; min-height: 34px !important; margin: 0 !important; padding: 8px 9px !important; color: #f5ebce !important; background: #241f16 !important; border: 1px solid #1c1710 !important; border-radius: 7px !important; outline: none !important; font-family: "Montserrat", "Open Sans", Tahoma, Verdana, Arial, sans-serif !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.35 !important; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.65) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 1px 2px rgba(0, 0, 0, 0.18) !important; transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease !important; color-scheme: dark !important; } .gtmAddModFormBox textarea { min-height: 170px !important; resize: vertical !important; line-height: 1.55 !important; } .gtmAddModFormBox input[type="file"] { padding: 7px !important; cursor: pointer !important; background: #241f16 !important; color: #f5ebce !important; } .gtmAddModFormBox input[type="file"]::file-selector-button { margin-right: 10px !important; padding: 7px 12px !important; border: 1px solid #3f2b15 !important; border-radius: 7px !important; background: linear-gradient(180deg, #d2ab73 0%, #a07437 55%, #6d461f 100%) !important; color: #24170d !important; font: 900 11px/1 "Montserrat", "Open Sans", Tahoma, Verdana, Arial, sans-serif !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.24) !important; cursor: pointer !important; } .gtmAddModFormBox input[type="file"]::-webkit-file-upload-button { margin-right: 10px !important; padding: 7px 12px !important; border: 1px solid #3f2b15 !important; border-radius: 7px !important; background: linear-gradient(180deg, #d2ab73 0%, #a07437 55%, #6d461f 100%) !important; color: #24170d !important; font: 900 11px/1 "Montserrat", "Open Sans", Tahoma, Verdana, Arial, sans-serif !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.24) !important; cursor: pointer !important; } .gtmAddModFormBox select { appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; padding-right: 34px !important; background-image: linear-gradient(45deg, transparent 50%, #d2ab73 50%), linear-gradient(135deg, #d2ab73 50%, transparent 50%), linear-gradient(180deg, #241f16 0%, #241f16 100%) !important; background-position: calc(100% - 16px) calc(50% - 3px), calc(100% - 11px) calc(50% - 3px), 0 0 !important; background-size: 5px 5px, 5px 5px, 100% 100% !important; background-repeat: no-repeat !important; } .gtmAddModFormBox select option, .gtmAddModFormBox select optgroup { background: #241f16 !important; color: #f5ebce !important; } .gtmAddModFormBox input:-webkit-autofill, .gtmAddModFormBox input:-webkit-autofill:hover, .gtmAddModFormBox input:-webkit-autofill:focus, .gtmAddModFormBox textarea:-webkit-autofill, .gtmAddModFormBox textarea:-webkit-autofill:hover, .gtmAddModFormBox textarea:-webkit-autofill:focus { -webkit-text-fill-color: #f5ebce !important; box-shadow: 0 0 0 1000px #241f16 inset !important; border-color: #1c1710 !important; } .gtmAddModFormBox input:focus, .gtmAddModFormBox textarea:focus, .gtmAddModFormBox select:focus { border-color: #d2ab73 !important; background: #2f291d !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 0 0 2px rgba(210, 171, 115, 0.10), 0 0 8px rgba(210, 171, 115, 0.14) !important; } .gtmAddModFormBox input::placeholder, .gtmAddModFormBox textarea::placeholder { color: #9f9278 !important; } .gtmAddModFormBox input[type="checkbox"], .gtmAddModFormBox input[type="radio"] { accent-color: #d2ab73 !important; } .gtmAddModFields__wide--brief textarea, .gtmAddModFields__wide--message textarea, .gtmAddModFields__wide--brief .bbCodeBlock, .gtmAddModFields__wide--message .bbCodeBlock, .gtmAddModFields__wide--brief .uEditor, .gtmAddModFields__wide--message .uEditor, .gtmAddModFields__wide--brief .editor_panel, .gtmAddModFields__wide--message .editor_panel, .gtmAddModFields__wide--brief .editor_input, .gtmAddModFields__wide--message .editor_input, .gtmAddModFields__wide--brief iframe, .gtmAddModFields__wide--message iframe { background: #241f16 !important; color: #f5ebce !important; } .gtmAddModFormBox iframe, .gtmAddModFormBox .wysibb, .gtmAddModFormBox .bbCodeBlock, .gtmAddModFormBox .codeButtons, .gtmAddModFormBox .uEditor, .gtmAddModFormBox .edToolbar, .gtmAddModFormBox table { max-width: 100% !important; } .gtmAddModFormBox iframe, .gtmAddModFormBox .wysibb, .gtmAddModFormBox .bbCodeBlock, .gtmAddModFormBox .codeButtons, .gtmAddModFormBox .uEditor, .gtmAddModFormBox .edToolbar { border-radius: 7px !important; } .gtmAddModFormBox .edToolbar, .gtmAddModFormBox .codeButtons { background: #3a3325 !important; border: 1px solid #1c1710 !important; color: #e4dac4 !important; } .gtmAddModFormBox iframe { background: #241f16 !important; border: 1px solid #1c1710 !important; } .gtmAddModFields__field--add-time { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px !important; } .gtmAddModFields__field--add-time br { display: none !important; } .gtmAddModFields__field--add-time select { width: auto !important; min-width: 84px !important; max-width: none !important; flex: 0 0 auto !important; } .gtmAddModFields__field--add-time select:first-of-type { min-width: 96px !important; } .gtmAddModFields__field--add-time select:nth-of-type(2) { min-width: 120px !important; } .gtmAddModFields__field--add-time input[type="text"], .gtmAddModFields__field--add-time input[type="number"] { width: 84px !important; min-width: 84px !important; max-width: 84px !important; flex: 0 0 84px !important; text-align: center !important; } .gtmAddModFields__buttons, .form-buttons.gtmAddModFields__buttons, .gtmAddModFields .form-buttons { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; gap: 8px !important; width: 100% !important; margin: 3px 0 0 !important; padding: 10px !important; background: #352f22 !important; border: 1px solid #1c1710 !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045), 0 1px 2px rgba(0, 0, 0, 0.22) !important; } .gtmAddModFields__buttons input, .gtmAddModFields__buttons button, .gtmAddModFields__buttons a, .gtmAddModFormBox input[type="submit"], .gtmAddModFormBox input[type="button"], .gtmAddModFormBox button { min-height: 32px !important; padding: 0 14px !important; color: #24170d !important; background: linear-gradient(180deg, #d2ab73 0%, #a07437 55%, #6d461f 100%) !important; border: 1px solid #3f2b15 !important; border-radius: 8px !important; font-family: "Montserrat", "Open Sans", Tahoma, Verdana, Arial, sans-serif !important; font-size: 11px !important; font-weight: 900 !important; line-height: 30px !important; text-align: center !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; text-decoration: none !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.24) !important; cursor: pointer !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 2px 5px rgba(0, 0, 0, 0.25) !important; transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, filter 0.16s ease !important; } .gtmAddModFields__buttons input:hover, .gtmAddModFields__buttons button:hover, .gtmAddModFields__buttons a:hover, .gtmAddModFormBox input[type="submit"]:hover, .gtmAddModFormBox input[type="button"]:hover, .gtmAddModFormBox button:hover { transform: translateY(-1px) !important; border-color: #d2ab73 !important; filter: brightness(1.05) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 3px 8px rgba(0, 0, 0, 0.30), 0 0 8px rgba(210, 171, 115, 0.12) !important; } .gtmAddModFormBox a, .gtmAddModFormBox a:link, .gtmAddModFormBox a:visited, .gtmAddModFormBox a:active { color: #d2ab73 !important; font-weight: 900 !important; text-decoration: none !important; } .gtmAddModFormBox a:hover { color: #f5ebce !important; text-decoration: underline !important; text-underline-offset: 2px !important; } .gtmAddModFormBox img { max-width: 100% !important; height: auto !important; } .gtmAddModFormBox table, .gtmAddModFormBox tbody, .gtmAddModFormBox tr, .gtmAddModFormBox td { max-width: 100% !important; } .gtmAddModFields__field > *, .gtmAddModFields__wide > * { max-width: 100% !important; } @media (max-width: 760px) { .gtmAddModMainOnly { width: 100% !important; max-width: 100% !important; } .gtmAddModFields, .form-fields.gtmAddModFields { display: block !important; } .gtmAddModFields__label { width: 100% !important; margin: 0 !important; border: 1px solid #1c1710 !important; border-bottom: 0 !important; border-radius: 8px 8px 0 0 !important; } .gtmAddModFields__field { width: 100% !important; margin: 0 0 7px !important; border: 1px solid #1c1710 !important; border-top: 0 !important; border-radius: 0 0 8px 8px !important; } .gtmAddModFields__wide { margin: 0 0 7px !important; } .gtmAddModFields__buttons, .form-buttons.gtmAddModFields__buttons, .gtmAddModFields .form-buttons { align-items: stretch !important; } .gtmAddModFields__buttons input, .gtmAddModFields__buttons button, .gtmAddModFields__buttons a { width: 100% !important; } .gtmAddModGuest { padding: 18px 12px !important; } .gtmAddModGuest__box h2 { font-size: 19px; } .gtmAddModGuest__box p { font-size: 12px; } .gtmAddModGuest__buttons a { width: 100%; min-width: 0; } } @media (prefers-reduced-motion: reduce) { .gtmAddModFormBox, .gtmAddModFormBox *, .gtmAddModFormBox *:before, .gtmAddModFormBox *:after, .gtmAddModGuest__buttons a { animation: none !important; transition: none !important; transform: none !important; } }