1<!DOCTYPE html> 2<html lang="ru"><head> 3<meta charset="utf-8"> 4<meta name="viewport" content="width=device-width, initial-scale=1"> 5<title>ÐоллекÑÐ¸Ñ Ð¾Ð½Ð»Ð°Ð¹Ð½ â ÐиÑÑÑалÑнÑй Ð ÑÑÑкий мÑзей</title> 6<link rel="preconnect" href="https://fonts.googleapis.com"> 7<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 8<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600&family=Spectral:wght@300;400;500;600&display=swap" rel="stylesheet"> 9<style> 10 *{ box-sizing:border-box; } 11 html,body{ margin:0; padding:0; background:#eae4d9; } 12 body{ font-family:'Spectral',Georgia,serif; color:#1c1815; -webkit-font-smoothing:antialiased; } 13 img{ display:block; max-width:100%; } 14 ::selection{ background:#bc0023; color:#fff; } 15 input::placeholder{ color:#9a9085; } 16 a{ color:#1c1815; } 17 a:hover{ color:#bc0023; } 18 :focus-visible{ outline:2px solid #bc0023; outline-offset:2px; } 19 .pagewrap{ container-type:inline-size; background:#f6f2ea; } 20 .pad{ max-width:1160px; margin:0 auto; padding:0 32px; } 21 .ul-link{ position:relative; text-decoration:none; } 22 .ul-link::after{ content:""; position:absolute; left:0; right:100%; bottom:-3px; height:1px; background:#bc0023; transition:right .35s cubic-bezier(.2,.7,.2,1); } 23 .ul-link:hover::after{ right:0; } 24 .tile{ transition:transform .5s cubic-bezier(.2,.7,.2,1); } 25 .tile:hover{ transform:translateY(-4px); } 26 .tile:hover .tile-arrow{ transform:translateX(5px); } 27 .tile-arrow{ transition:transform .4s cubic-bezier(.2,.7,.2,1); } 28 .tile-img{ position:relative; width:100%; aspect-ratio:5/4; background:#e6dfd2; overflow:hidden; } 29 .tile-img img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity 1.2s ease; } 30 .tile-img img.on{ opacity:1; } 31 .btn-line{ cursor:pointer; border:1px solid #d9d1c2; background:transparent; color:#5f564b; font-family:'Spectral',serif; font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; padding:8px 14px; } 32 .btn-line:hover{ border-color:#bc0023; color:#bc0023; } 33 .hidden{ display:none; } 34 /* РаÑÑиÑеннÑй поиÑк â оÑоÑмление под дизайн (ÑоÑма ÑÑнкÑионалÑнаÑ, ÑÑили наÑи) */ 35 .dc-searchform #collectionSearch > .form-group{ display:flex; align-items:stretch; gap:12px; margin:0 0 34px; } 36 .dc-searchform .input-skew{ flex:1; min-width:0; display:flex; } 37 .dc-searchform .input-skew input, .dc-searchform input.form-control{ width:100%; border:1px solid #d9d1c2; background:#fcfaf5; outline:none; font-family:'Spectral',serif; font-size:15px; color:#1c1815; padding:15px 18px; transform:none; box-shadow:none; border-radius:0; } 38 .dc-searchform .input-skew input:focus, .dc-searchform input.form-control:focus{ border-color:#bc0023; } 39 .dc-searchform .btn-violet, .dc-searchform .btn-skew, .dc-searchform button.btn{ flex:none; border:none; background:#bc0023; color:#fff; font-family:'Spectral',serif; font-size:13px; letter-spacing:.12em; text-transform:uppercase; padding:0 34px; cursor:pointer; transform:none; border-radius:0; } 40 .dc-searchform .btn-violet:hover, .dc-searchform button.btn:hover{ background:#a3001e; color:#fff; } 41 .dc-searchform .row{ display:grid; grid-template-columns:repeat(3,1fr); gap:34px; margin:0; } 42 .dc-searchform .col-xs-4{ width:auto; max-width:none; float:none; padding:0; } 43 .dc-searchform .col-xs-4 h4{ font-family:'Spectral',serif; font-size:11.5px; font-weight:500; letter-spacing:.22em; text-transform:uppercase; color:#8a8174; padding:0 0 14px; border-bottom:1px solid #e3dccf; margin:0 0 16px; } 44 .dc-searchform .col-xs-4 .form-group{ margin:0 0 11px; } 45 .dc-searchform .checkbox{ display:flex; align-items:flex-start; gap:10px; margin:0; padding:0; } 46 .dc-searchform .checkbox input[type=checkbox]{ width:15px; height:15px; margin:2px 0 0; accent-color:#bc0023; flex:none; cursor:pointer; } 47 .dc-searchform .checkbox label{ font-family:'Spectral',serif; font-weight:400; font-size:14.5px; line-height:1.35; color:#3a342d; cursor:pointer; margin:0; } 48 .dc-searchform .dc-more{ margin-top:14px; border:none; background:transparent; color:#bc0023; font-family:'Spectral',serif; font-size:12.5px; letter-spacing:.04em; cursor:pointer; padding:4px 0; } 49 .dc-searchform .dc-more:hover{ text-decoration:underline; } 50 @container (max-width: 760px){ 51 .dc-searchform .row{ grid-template-columns:1fr !important; gap:22px !important; } 52 .dc-searchform #collectionSearch > .form-group{ flex-direction:column !important; } 53 .dc-searchform .btn-violet, .dc-searchform button.btn{ padding:14px 0 !important; } 54 .pad{ padding-left:20px !important; padding-right:20px !important; } 55 .cards{ grid-template-columns:repeat(2,1fr) !important; gap:18px !important; } 56 .fcols{ grid-template-columns:1fr !important; } 57 .hrow{ flex-wrap:wrap !important; gap:14px !important; } 58 .hlogos{ order:1; } 59 .hlang{ order:2; } 60 .topsearch{ order:3; width:100% !important; } 61 .refsrow{ flex-direction:column !important; align-items:flex-start !important; gap:14px !important; } 62 .refsrow #filtersToggle{ align-self:stretch; text-align:center; } 63 .fnav{ flex-direction:column !important; gap:14px !important; } 64 .fbot{ grid-template-columns:1fr !important; gap:24px !important; } 65 .searchrow{ flex-direction:column !important; align-items:stretch !important; } 66 .searchrow button{ padding:14px 0 !important; } 67 } 68</style> 69</head> 70<body> 71<div class="pagewrap">
72 <div class="pad"> 73 74 <!-- Шапка --> 75 <header class="hrow" style="display:flex; align-items:center; gap:22px; padding:24px 0 20px; border-bottom:1px solid #e3dccf;"> 76 <div class="hlogos" style="display:flex; align-items:center; gap:18px; margin-right:auto;"> 77 <a href="http://rusmuseum.ru/" target="_blank" rel="noopener" style="display:flex; align-items:center; flex:none;"><img src="/reconstruction/logo-russian-museum.png" alt="Ð ÑÑÑкий мÑзей" style="width:60px; height:60px; object-fit:contain;"></a> 78 <span style="width:1px; height:40px; background:#e0d8ca;"></span> 79 <a href="/index.php" style="display:flex; align-items:center; flex:none;"><img src="/reconstruction/logo-cit.png" alt="ЦенÑÑ Ð¸ÑкÑÑÑÑв и ÑÐµÑ Ð½Ð¾Ð»Ð¾Ð³Ð¸Ð¹" style="width:60px; height:60px; object-fit:contain;"></a> 80 </div> 81 <form class="topsearch" action="/search/index1.php" method="GET" style="display:flex; align-items:stretch; border:1px solid #d9d1c2; background:#fcfaf5; width:320px; max-width:100%;"> 82 <input type="hidden" name="lang" value="ru"> 83 <input type="text" name="sea_val" placeholder="ÐоиÑк по ÑайÑÑ" style="flex:1; min-width:0; border:none; outline:none; background:transparent; font-family:'Spectral',serif; font-size:14px; color:#1c1815; padding:11px 14px;"> 84 <button type="submit" style="border:none; background:transparent; color:#bc0023; cursor:pointer; font-size:14px; padding:0 16px; letter-spacing:.1em; text-transform:uppercase; font-family:'Spectral',serif; white-space:nowrap;">ÐайÑи</button> 85 </form> 86 <div class="hlang" style="display:flex; align-items:center; gap:4px; font-size:13px; letter-spacing:.08em; flex:none;"> 87 <a href="/collections/index.php" style="padding:6px 8px; text-decoration:none; color:#1c1815; font-weight:600;">RU</a> 88 <span style="color:#cfc6b8;">/</span> 89 <a href="/collections/index.php?lang=en" style="padding:6px 8px; text-decoration:none; color:#9a9085;">EN</a> 90 </div> 91 </header> 92 93 <!-- ХлебнÑе кÑоÑки --> 94 <nav aria-label="ХлебнÑе кÑоÑки" style="padding:22px 0 0;"> 95 <ol style="list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; align-items:center; gap:10px; font-size:12.5px; color:#8a8174;"> 96 <li><a href="/index.php" style="text-decoration:none; color:#5f564b;">ÐлавнаÑ</a></li> 97 <li aria-hidden="true" style="color:#cfc6b8;">/</li> 98 <li><a href="/online_resources/index.php" style="text-decoration:none; color:#5f564b;">Ðнлайн ÑеÑÑÑÑÑ</a></li> 99 <li aria-hidden="true" style="color:#cfc6b8;">/</li> 100 <li style="color:#1c1815;">ÐоллекÑиÑ</li> 101 </ol> 102 </nav> 103 104 <!-- Hero --> 105 <section style="padding:44px 0 0; max-width:760px;"> 106 <div style="display:flex; align-items:center; gap:12px; margin-bottom:22px;"> 107 <span style="font-size:12.5px; letter-spacing:.26em; text-transform:uppercase; color:#bc0023; font-weight:500;">Ðнлайн ÑеÑÑÑÑÑ</span> 108 </div> 109 <h1 style="font-family:'Playfair Display',serif; font-weight:500; font-size:clamp(32px,5.4cqi,62px); line-height:1.04; letter-spacing:-.01em; margin:0 0 20px;">ÐоллекÑÐ¸Ñ Ð¾Ð½Ð»Ð°Ð¹Ð½</h1> 110 <p style="font-size:clamp(15px,1.5cqi,18px); line-height:1.62; color:#5f564b; margin:0; text-wrap:pretty;">Ðолее 18 000 пÑоизведений из ÑобÑÐ°Ð½Ð¸Ñ ÐоÑÑдаÑÑÑвенного Ð ÑÑÑкого мÑÐ·ÐµÑ Ð²Â Ð²ÑÑоком ÑазÑеÑении â оÑ дÑевнеÑÑÑÑкой Ð¸ÐºÐ¾Ð½Ñ Ð´Ð¾Â Ð¸ÑкÑÑÑÑва XXI века. ÐивопиÑÑ, ÑкÑлÑпÑÑÑа, гÑаÑика, декоÑаÑивно-пÑикладное и наÑодное иÑкÑÑÑÑво, доÑÑÑпнÑе длÑ деÑалÑного изÑÑениÑ.</p> 111 </section> 112 113 <!-- СпÑавоÑники + ÑÑÐ¼Ð±Ð»ÐµÑ Ð¿Ð¾Ð¸Ñка --> 114 <section class="refsrow" style="display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:32px; padding:12px 0; border-top:1px solid #e3dccf;"> 115 <div style="display:flex; flex-wrap:wrap; align-items:center; gap:16px; font-size:12.5px; color:#8a8174;"> 116 <a href="/collections/references/authors/index.php" class="ul-link" style="color:#5f564b;">Ðменной ÑказаÑÐµÐ»Ñ Ð°Ð²ÑоÑов</a><a href="/collections/references/keywords/index.php" class="ul-link" style="color:#5f564b;">ÐлÑÑевÑе Ñлова</a>
116 <span id="moreRefs" style="display:none;"> 117 <a href="/collections/references/index.php" class="ul-link" style="color:#5f564b;">СпÑавоÑнÑе маÑеÑиалÑ</a><a href="/collections/references/categories/index.php" class="ul-link" style="color:#5f564b;">ÐанÑÑ Ð¸ ÑÑжеÑÑ</a><a href="/collections/references/chronology/index.php" class="ul-link" style="color:#5f564b;">ÐеÑиодÑ</a> </span> 118 <button type="button" id="refsToggle" title="ÐÑÑ ÑпÑавоÑнÑе маÑеÑиалÑ" style="flex:none; width:22px; height:22px; display:flex; align-items:center; justify-content:center; border:1px solid #ded6c7; background:transparent; color:#8a8174; font-family:'Spectral',serif; font-size:13px; line-height:1; cursor:pointer;">+</button> 119 </div> 120 <button type="button" id="filtersToggle" class="btn-line" style="flex:none;">РаÑÑиÑеннÑй поиÑк</button> 121 </section> 122 123 <!-- РаÑÑиÑеннÑй поиÑк (ÑеалÑÐ½Ð°Ñ ÑоÑма коллекÑии) --> 124 <section id="filtersPanel" class="hidden" style="padding:32px 0 12px; border-bottom:1px solid #e3dccf;"> 125 <h2 style="font-family:'Playfair Display',serif; font-weight:500; font-size:26px; margin:0 0 22px;">РаÑÑиÑеннÑй поиÑк по коллекÑиÑм</h2> 126 <div class="dc-searchform"> 127 128<form method="GET" action="/collections/search/index.php" id="collectionSearch"> 129 <input type="hidden" name="lang" value="ru" /> 130 <div class="form-group"> 131 <div class="input-skew"> 132 <input type="text" class="form-control" 133 placeholder="Ðазвание, авÑÐ¾Ñ Ð¸Ð»Ð¸ клÑÑевое Ñлово" name="search_string" 134 /> 135 </div> 136 <button class="btn btn-violet btn-skew">ÐÐÐТÐ</button> 137 </div> 138 <div class="search-hint" style="margin:-24px 0 30px; font-size:13px; color:#8a8174;">ÐÑÑавÑÑе поле пÑÑÑÑм, ÑÑÐ¾Ð±Ñ ÑвидеÑÑ Ð²Ñе ÑабоÑÑ Ð²ÑбÑанной каÑегоÑии.</div> 139 140 <div class="row"> 141 <div class="col-xs-4"> 142 <h4>Раздел коллекÑии</h4> 143 <div class="form-group"> 144 <div class="checkbox"> 145 <input type="checkbox" 146 id="ch515" 147 name="collection[]" 148 value="515" 149 > 150 151 <label for="ch515">ÐÑевнеÑÑÑÑÐºÐ°Ñ Ð¶Ð¸Ð²Ð¾Ð¿Ð¸ÑÑ</label> 152 </div> 153 </div> 154 <div class="form-group"> 155 <div class="checkbox"> 156 <input type="checkbox" 157 id="ch516" 158 name="collection[]" 159 value="516" 160 > 161 162 <label for="ch516">ÐÑевнеÑÑÑÑкое пÑикладное иÑкÑÑÑÑво</label> 163 </div> 164 </div> 165 <div class="form-group"> 166 <div class="checkbox"> 167 <input type="checkbox" 168 id="ch517" 169 name="collection[]" 170 value="517" 171 > 172 173 <label for="ch517">ÐивопиÑÑ</label> 174 </div> 175 </div> 176 <div class="form-group"> 177 <div class="checkbox"> 178 <input type="checkbox" 179 id="ch518" 180 name="collection[]" 181 value="518" 182 > 183 184 <label for="ch518">РиÑÑнок и акваÑелÑ</label> 185 </div> 186 </div> 187 <div class="form-group"> 188 <div class="checkbox"> 189 <input type="checkbox" 190 id="ch519" 191 name="collection[]" 192 value="519" 193 > 194 195 <label for="ch519">ÐÑавÑÑа</label> 196 </div> 197 </div> 198 <div class="form-group"> 199 <div class="checkbox"> 200 <input type="checkbox" 201 id="ch520" 202 name="collection[]" 203 value="520" 204 > 205 206 <label for="ch520">СкÑлÑпÑÑÑа</label> 207 </div> 208 </div> 209 <div class="form-group"> 210 <div class="checkbox"> 211 <input type="checkbox" 212 id="ch522" 213 name="collection[]" 214 value="522" 215 > 216 217 <label for="ch522">ÐекоÑаÑивно-пÑикладное иÑкÑÑÑÑво</label> 218 </div> 219 </div> 220 <div class="form-group"> 221 <div class="checkbox"> 222 <input type="checkbox" 223 id="ch523" 224 name="collection[]" 225 value="523" 226 > 227 228 <label for="ch523">ÐаÑодное иÑкÑÑÑÑво</label> 229 </div> 230 </div> 231 <div class="form-group"> 232 <div class="checkbox"> 233 <input type="checkbox" 234 id="ch844" 235 name="collection[]" 236 value="844" 237 > 238 239 <label for="ch844">ÐивопиÑÑ XVIII века â пеÑвой Ð¿Ð¾Ð»Ð¾Ð²Ð¸Ð½Ñ XIX века</label> 240 </div> 241 </div> 242 <div class="form-group"> 243 <div class="checkbox"> 244 <input type="checkbox" 245 id="ch845" 246 name="collection[]" 247 value="845" 248 > 249 250 <label for="ch845">ÐивопиÑÑ Ð²ÑоÑой Ð¿Ð¾Ð»Ð¾Ð²Ð¸Ð½Ñ XIX века â XX века</label> 251 </div> 252 </div> 253 <div class="form-group"> 254 <div class="checkbox"> 255 <input type="checkbox" 256 id="ch846" 257 name="collection[]" 258 value="846" 259 > 260 261 <label for="ch846">СкÑлÑпÑÑÑа XVIII â наÑала XX веков</label> 262 </div> 263 </div> 264 <div class="form-group"> 265 <div class="checkbox"> 266 <input type="checkbox" 267 id="ch847" 268 name="collection[]" 269 value="847" 270 > 271 272 <label for="ch847">СкÑлÑпÑÑÑа XX века</label> 273 </div> 274 </div> 275 </div> 276 <div class="col-xs-4"> 277 <h4>ÐеÑиод</h4> 278 <div class="form-group"> 279 <div class="checkbox"> 280 <input type="checkbox" 281 id="ch801" 282 name="period[]" 283 value="801" 284 > 285 286 <label for="ch801">ÐÑевнеÑÑÑÑкое иÑкÑÑÑÑво</label> 287 </div> 288 </div> 289 <div class="form-group"> 290 <div class="checkbox"> 291 <input type="checkbox" 292 id="ch802" 293 name="period[]" 294 value="802" 295 > 296 297 <label for="ch802">ÐÐ¾Ð½ÐµÑ XVII â XVIII век</label> 298 </div> 299 </div> 300 <div class="form-group"> 301 <div class="checkbox"> 302 <input type="checkbox" 303 id="ch803" 304 name="period[]" 305 value="803" 306 > 307 308 <label for="ch803">ÐеÑÐ²Ð°Ñ Ð¿Ð¾Ð»Ð¾Ð²Ð¸Ð½Ð° XIX века</label> 309 </div> 310 </div> 311 <div class="form-group"> 312 <div class="checkbox"> 313 <input type="checkbox" 314 id="ch804" 315 name="period[]" 316 value="804" 317 > 318 319 <label for="ch804">ÐÑоÑÐ°Ñ Ð¿Ð¾Ð»Ð¾Ð²Ð¸Ð½Ð° XIX века</label> 320 </div> 321 </div> 322 <div class="form-group"> 323 <div class="checkbox"> 324 <input type="checkbox" 325 id="ch805" 326 name="period[]" 327 value="805" 328 > 329 330 <label for="ch805">ÐÐ¾Ð½ÐµÑ XIX â наÑало XX века</label> 331 </div> 332 </div> 333 <div class="form-group"> 334 <div class="checkbox"> 335 <input type="checkbox" 336 id="ch806" 337 name="period[]" 338 value="806" 339 > 340 341 <label for="ch806">ÐеÑÐ²Ð°Ñ Ð¿Ð¾Ð»Ð¾Ð²Ð¸Ð½Ð° XX века</label> 342 </div> 343 </div> 344 <div class="form-group"> 345 <div class="checkbox"> 346 <input type="checkbox" 347 id="ch807" 348 name="period[]" 349 value="807" 350 > 351 352 <label for="ch807">ÐÑоÑÐ°Ñ Ð¿Ð¾Ð»Ð¾Ð²Ð¸Ð½Ð° XX â XXI вв.</label> 353 </div> 354 </div> 355 356 </div> 357 <div class="col-xs-4"> 358 <h4>ÐанÑÑ Ð¸ ÑÑжеÑÑ</h4> 359 <div class="form-group"> 360 <div class="checkbox"> 361 <input type="checkbox" 362 id="ch808" 363 name="genre[]" 364 value="808" 365 > 366 367 <label for="ch808">ÐбÑÑÑакÑиÑ</label> 368 </div> 369 </div> 370 <div class="form-group"> 371 <div class="checkbox"> 372 <input type="checkbox" 373 id="ch809" 374 name="genre[]" 375 value="809" 376 > 377 378 <label for="ch809">ÐллегоÑиÑ</label> 379 </div> 380 </div> 381 <div class="form-group"> 382 <div class="checkbox"> 383 <input type="checkbox" 384 id="ch810" 385 name="genre[]" 386 value="810" 387 > 388 389 <label for="ch810">ÐнималиÑÑика</label> 390 </div> 391 </div> 392 <div class="form-group"> 393 <div class="checkbox"> 394 <input type="checkbox" 395 id="ch811" 396 name="genre[]" 397 value="811" 398 > 399 400 <label for="ch811">
400ÐаÑалÑнÑй жанÑ</label> 401 </div> 402 </div> 403 <div class="form-group"> 404 <div class="checkbox"> 405 <input type="checkbox" 406 id="ch812" 407 name="genre[]" 408 value="812" 409 > 410 411 <label for="ch812">ÐиблейÑкий ÑÑжеÑ</label> 412 </div> 413 </div> 414 <div class="form-group"> 415 <div class="checkbox"> 416 <input type="checkbox" 417 id="ch813" 418 name="genre[]" 419 value="813" 420 > 421 422 <label for="ch813">ÐÑÑовой жанÑ</label> 423 </div> 424 </div> 425 <div class="form-group"> 426 <div class="checkbox"> 427 <input type="checkbox" 428 id="ch814" 429 name="genre[]" 430 value="814" 431 > 432 433 <label for="ch814">ÐллÑÑÑÑаÑиÑ</label> 434 </div> 435 </div> 436 <div class="form-group"> 437 <div class="checkbox"> 438 <input type="checkbox" 439 id="ch815" 440 name="genre[]" 441 value="815" 442 > 443 444 <label for="ch815">ÐнÑеÑÑеÑ</label> 445 </div> 446 </div> 447 <div class="form-group"> 448 <div class="checkbox"> 449 <input type="checkbox" 450 id="ch816" 451 name="genre[]" 452 value="816" 453 > 454 455 <label for="ch816">ÐÑÑоÑиÑеÑкий ÑÑжеÑ</label> 456 </div> 457 </div> 458 <div class="form-group"> 459 <div class="checkbox"> 460 <input type="checkbox" 461 id="ch817" 462 name="genre[]" 463 value="817" 464 > 465 466 <label for="ch817">ÐаÑикаÑÑÑа</label> 467 </div> 468 </div> 469 <div class="form-group"> 470 <div class="checkbox"> 471 <input type="checkbox" 472 id="ch818" 473 name="genre[]" 474 value="818" 475 > 476 477 <label for="ch818">ÐиÑологиÑеÑкий ÑÑжеÑ</label> 478 </div> 479 </div> 480 <div class="form-group"> 481 <div class="checkbox"> 482 <input type="checkbox" 483 id="ch819" 484 name="genre[]" 485 value="819" 486 > 487 488 <label for="ch819">ÐаÑÑÑмоÑÑ</label> 489 </div> 490 </div> 491 <div class="form-group"> 492 <div class="checkbox"> 493 <input type="checkbox" 494 id="ch820" 495 name="genre[]" 496 value="820" 497 > 498 499 <label for="ch820">Ðейзаж</label> 500 </div> 501 </div> 502 <div class="form-group"> 503 <div class="checkbox"> 504 <input type="checkbox" 505 id="ch821" 506 name="genre[]" 507 value="821" 508 > 509 510 <label for="ch821">ÐоÑÑÑеÑ</label> 511 </div> 512 </div> 513 <div class="form-group"> 514 <div class="checkbox"> 515 <input type="checkbox" 516 id="ch822" 517 name="genre[]" 518 value="822" 519 > 520 521 <label for="ch822">ТеаÑÑалÑÐ½Ð°Ñ Ð´ÐµÐºÐ¾ÑаÑиÑ</label> 522 </div> 523 </div> 524 525 526 </div> 527 </div> 528</form> </div> 529 </section> 530 531 <!-- Ð Ð°Ð·Ð´ÐµÐ»Ñ ÐºÐ¾Ð»Ð»ÐµÐºÑии --> 532 <section style="padding:32px 0 0;"> 533 <div style="display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:26px;">
534 <h2 style="font-family:'Playfair Display',serif; font-weight:500; font-size:clamp(22px,2.6cqi,30px); margin:0;">Ð Ð°Ð·Ð´ÐµÐ»Ñ ÐºÐ¾Ð»Ð»ÐµÐºÑии</h2> 535 <span style="font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:#8a8174;">13 Ñазделов</span> 536 </div> 537 <div class="cards" style="display:grid; grid-template-columns:repeat(3,1fr); gap:28px;"> 538 <a href="/collections/iconography/index.php" class="tile" style="text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:14px;"> 539 <div class="tile-img" data-count="5"> 540 <img src="/collections/iconography/slides/3.jpg" alt="" loading="lazy" class="on"><img src="/collections/iconography/slides/2.jpg" alt="" loading="lazy" class=""><img src="/collections/iconography/slides/1.jpg" alt="" loading="lazy" class=""><img src="/collections/iconography/slides/5.jpg" alt="" loading="lazy" class=""><img src="/collections/iconography/slides/4.jpg" alt="" loading="lazy" class=""> </div> 541 <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:12px;"> 542 <div> 543 <div style="font-size:11px; letter-spacing:.22em; color:#a3998b; margin-bottom:6px;">01</div> 544 <div style="font-family:'Playfair Display',serif; font-size:18px; font-weight:500; line-height:1.22; text-wrap:pretty;">ÐÑевнеÑÑÑÑÐºÐ°Ñ Ð¶Ð¸Ð²Ð¾Ð¿Ð¸ÑÑ</div> 545 </div> 546 <span class="tile-arrow" style="color:#bc0023; font-size:18px; line-height:1.4; flex:none;">â</span> 547 </div> 548 </a> 549 <a href="/collections/painting/index.php" class="tile" style="text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:14px;"> 550 <div class="tile-img" data-count="15"> 551 <img src="/collections/painting/slides/12.jpg" alt="" loading="lazy" class="on"><img src="/collections/painting/slides/5.jpg" alt="" loading="lazy" class=""><img src="/collections/painting/slides/1.jpg" alt="" loading="lazy" class=""><img src="/collections/painting/slides/14.jpg" alt="" loading="lazy" class=""><img src="/collections/painting/slides/15.jpg" alt="" loading="lazy" class=""><img src="/collections/painting/slides/11.jpg" alt="" loading="lazy" class=""><img src="/collections/painting/slides/10.jpg" alt="" loading="lazy" class=""><img src="/collections/painting/slides/7.jpg" alt="" loading="lazy" class=""><img src="/collections/painting/slides/3.jpg" alt="" loading="lazy" class=""><img src="/collections/painting/slides/9.jpg" alt="" loading="lazy" class=""><img src="/collections/painting/slides/4.jpg" alt="" loading="lazy" class=""><img src="/collections/painting/slides/8.jpg" alt="" loading="lazy" class=""><img src="/collections/painting/slides/13.jpg" alt="" loading="lazy" class=""><img src="/collections/painting/slides/2.jpg" alt="" loading="lazy" class=""><img src="/collections/painting/slides/6.jpg" alt="" loading="lazy" class=""> </div> 552 <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:12px;"> 553 <div> 554 <div style="font-size:11px; letter-spacing:.22em; color:#a3998b; margin-bottom:6px;">02</div> 555 <div style="font-family:'Playfair Display',serif; font-size:18px; font-weight:500; line-height:1.22; text-wrap:pretty;">ÐивопиÑÑ</div> 556 </div> 557 <span class="tile-arrow" style="color:#bc0023; font-size:18px; line-height:1.4; flex:none;">â</span> 558 </div> 559 </a> 560 <a href="/collections/drawings/index.php" class="tile" style="text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:14px;"> 561 <div class="tile-img" data-count="5"> 562 <img src="/collections/drawings/slides/2.jpg" alt="" loading="lazy" class="on"><img src="/collections/drawings/slides/1.jpg" alt="" loading="lazy" class=""><img src="/collections/drawings/slides/5.jpg" alt="" loading="lazy" class=""><img src="/collections/drawings/slides/3.jpg" alt="" loading="lazy" class=""><img src="/collections/drawings/slides/4.jpg" alt="" loading="lazy" class=""> </div> 563 <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:12px;"> 564 <div> 565 <div style="font-size:11px; letter-spacing:.22em; color:#a3998b; margin-bottom:6px;">03</div>
566 <div style="font-family:'Playfair Display',serif; font-size:18px; font-weight:500; line-height:1.22; text-wrap:pretty;">РиÑÑнок и акваÑелÑ</div> 567 </div> 568 <span class="tile-arrow" style="color:#bc0023; font-size:18px; line-height:1.4; flex:none;">â</span> 569 </div> 570 </a> 571 <a href="/collections/engraving/index.php" class="tile" style="text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:14px;"> 572 <div class="tile-img" data-count="5"> 573 <img src="/collections/engraving/slides/1.jpg" alt="" loading="lazy" class="on"><img src="/collections/engraving/slides/5.jpg" alt="" loading="lazy" class=""><img src="/collections/engraving/slides/2.jpg" alt="" loading="lazy" class=""><img src="/collections/engraving/slides/4.jpg" alt="" loading="lazy" class=""><img src="/collections/engraving/slides/3.jpg" alt="" loading="lazy" class=""> </div> 574 <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:12px;"> 575 <div> 576 <div style="font-size:11px; letter-spacing:.22em; color:#a3998b; margin-bottom:6px;">04</div> 577 <div style="font-family:'Playfair Display',serif; font-size:18px; font-weight:500; line-height:1.22; text-wrap:pretty;">ÐÑавÑÑа</div> 578 </div> 579 <span class="tile-arrow" style="color:#bc0023; font-size:18px; line-height:1.4; flex:none;">â</span> 580 </div> 581 </a> 582 <a href="/collections/sculpture/index.php" class="tile" style="text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:14px;"> 583 <div class="tile-img" data-count="5"> 584 <img src="/collections/sculpture/slides/2.jpg" alt="" loading="lazy" class="on"><img src="/collections/sculpture/slides/1.jpg" alt="" loading="lazy" class=""><img src="/collections/sculpture/slides/5.jpg" alt="" loading="lazy" class=""><img src="/collections/sculpture/slides/3.jpg" alt="" loading="lazy" class=""><img src="/collections/sculpture/slides/4.jpg" alt="" loading="lazy" class=""> </div> 585 <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:12px;"> 586 <div> 587 <div style="font-size:11px; letter-spacing:.22em; color:#a3998b; margin-bottom:6px;">05</div> 588 <div style="font-family:'Playfair Display',serif; font-size:18px; font-weight:500; line-height:1.22; text-wrap:pretty;">СкÑлÑпÑÑÑа</div> 589 </div> 590 <span class="tile-arrow" style="color:#bc0023; font-size:18px; line-height:1.4; flex:none;">â</span> 591 </div> 592 </a> 593 <a href="/collections/latest_trends/index.php" class="tile" style="text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:14px;"> 594 <div class="tile-img" data-count="4"> 595 <img src="/collections/latest_trends/slides/4.jpg" alt="" loading="lazy" class="on"><img src="/collections/latest_trends/slides/2.jpg" alt="" loading="lazy" class=""><img src="/collections/latest_trends/slides/1.jpg" alt="" loading="lazy" class=""><img src="/collections/latest_trends/slides/3.jpg" alt="" loading="lazy" class=""> </div> 596 <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:12px;"> 597 <div> 598 <div style="font-size:11px; letter-spacing:.22em; color:#a3998b; margin-bottom:6px;">06</div> 599 <div style="font-family:'Playfair Display',serif; font-size:18px; font-weight:500; line-height:1.22; text-wrap:pretty;">ÐÑкÑÑÑÑво новейÑÐ¸Ñ ÑеÑений</div> 600 </div> 601 <span class="tile-arrow" style="color:#bc0023; font-size:18px; line-height:1.4; flex:none;">â</span> 602 </div> 603 </a> 604 <a href="/collections/arts_and_crafts/index.php" class="tile" style="text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:14px;"> 605 <div class="tile-img" data-count="4"> 606 <img src="/collections/arts_and_crafts/slides/2.jpg" alt="" loading="lazy" class="on"><img src="/collections/arts_and_crafts/slides/3.jpg" alt="" loading="lazy" class=""><img src="/collections/arts_and_crafts/slides/4.jpg" alt="" loading="lazy" class=""><img src="/collections/arts_and_crafts/slides/1.jpg" alt="" loading="lazy" class=""> </div> 607 <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:12px;"> 608 <div> 609 <div style="font-size:11px; letter-spacing:.22em; color:#a3998b; margin-bottom:6px;">07</div>
610 <div style="font-family:'Playfair Display',serif; font-size:18px; font-weight:500; line-height:1.22; text-wrap:pretty;">ÐекоÑаÑивно-пÑикладное иÑкÑÑÑÑво</div> 611 </div> 612 <span class="tile-arrow" style="color:#bc0023; font-size:18px; line-height:1.4; flex:none;">â</span> 613 </div> 614 </a> 615 <a href="/collections/old_russian_art/index.php" class="tile" style="text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:14px;"> 616 <div class="tile-img" data-count="3"> 617 <img src="/collections/old_russian_art/slides/2.jpg" alt="" loading="lazy" class="on"><img src="/collections/old_russian_art/slides/3.jpg" alt="" loading="lazy" class=""><img src="/collections/old_russian_art/slides/1.jpg" alt="" loading="lazy" class=""> </div> 618 <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:12px;"> 619 <div> 620 <div style="font-size:11px; letter-spacing:.22em; color:#a3998b; margin-bottom:6px;">08</div> 621 <div style="font-family:'Playfair Display',serif; font-size:18px; font-weight:500; line-height:1.22; text-wrap:pretty;">ÐÑевнеÑÑÑÑкое пÑикладное иÑкÑÑÑÑво и ÑкÑлÑпÑÑÑа</div> 622 </div> 623 <span class="tile-arrow" style="color:#bc0023; font-size:18px; line-height:1.4; flex:none;">â</span> 624 </div> 625 </a> 626 <a href="/collections/folk_art/index.php" class="tile" style="text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:14px;"> 627 <div class="tile-img" data-count="4"> 628 <img src="/collections/folk_art/slides/4.jpg" alt="" loading="lazy" class="on"><img src="/collections/folk_art/slides/2.jpg" alt="" loading="lazy" class=""><img src="/collections/folk_art/slides/3.jpg" alt="" loading="lazy" class=""><img src="/collections/folk_art/slides/1.jpg" alt="" loading="lazy" class=""> </div> 629 <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:12px;"> 630 <div> 631 <div style="font-size:11px; letter-spacing:.22em; color:#a3998b; margin-bottom:6px;">09</div> 632 <div style="font-family:'Playfair Display',serif; font-size:18px; font-weight:500; line-height:1.22; text-wrap:pretty;">ÐаÑодное иÑкÑÑÑÑво</div> 633 </div> 634 <span class="tile-arrow" style="color:#bc0023; font-size:18px; line-height:1.4; flex:none;">â</span> 635 </div> 636 </a> 637 <a href="/collections/miniature/index.php" class="tile" style="text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:14px;"> 638 <div class="tile-img" data-count="4"> 639 <img src="/collections/miniature/slides/2.jpg" alt="" loading="lazy" class="on"><img src="/collections/miniature/slides/3.jpg" alt="" loading="lazy" class=""><img src="/collections/miniature/slides/4.jpg" alt="" loading="lazy" class=""><img src="/collections/miniature/slides/1.jpg" alt="" loading="lazy" class=""> </div> 640 <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:12px;"> 641 <div> 642 <div style="font-size:11px; letter-spacing:.22em; color:#a3998b; margin-bottom:6px;">10</div> 643 <div style="font-family:'Playfair Display',serif; font-size:18px; font-weight:500; line-height:1.22; text-wrap:pretty;">ÐоÑÑÑеÑÐ½Ð°Ñ Ð¼Ð¸Ð½Ð¸Ð°ÑÑÑа</div> 644 </div> 645 <span class="tile-arrow" style="color:#bc0023; font-size:18px; line-height:1.4; flex:none;">â</span> 646 </div> 647 </a> 648 <a href="/collections/numismatics/index.php" class="tile" style="text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:14px;"> 649 <div class="tile-img" data-count="4"> 650 <img src="/collections/numismatics/slides/1.jpg" alt="" loading="lazy" class="on"><img src="/collections/numismatics/slides/4.jpg" alt="" loading="lazy" class=""><img src="/collections/numismatics/slides/3.jpg" alt="" loading="lazy" class=""><img src="/collections/numismatics/slides/2.jpg" alt="" loading="lazy" class=""> </div> 651 <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:12px;"> 652 <div> 653 <div style="font-size:11px; letter-spacing:.22em; color:#a3998b; margin-bottom:6px;">11</div>
654 <div style="font-family:'Playfair Display',serif; font-size:18px; font-weight:500; line-height:1.22; text-wrap:pretty;">ÐÑмизмаÑика</div> 655 </div> 656 <span class="tile-arrow" style="color:#bc0023; font-size:18px; line-height:1.4; flex:none;">â</span> 657 </div> 658 </a> 659 <a href="/collections/photo/index.php" class="tile" style="text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:14px;"> 660 <div class="tile-img" data-count="5"> 661 <img src="/collections/photo/slides/2.jpg" alt="" loading="lazy" class="on"><img src="/collections/photo/slides/3.jpg" alt="" loading="lazy" class=""><img src="/collections/photo/slides/4.jpg" alt="" loading="lazy" class=""><img src="/collections/photo/slides/1.jpg" alt="" loading="lazy" class=""><img src="/collections/photo/slides/5.jpg" alt="" loading="lazy" class=""> </div> 662 <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:12px;"> 663 <div> 664 <div style="font-size:11px; letter-spacing:.22em; color:#a3998b; margin-bottom:6px;">
66412</div> 665 <div style="font-family:'Playfair Display',serif; font-size:18px; font-weight:500; line-height:1.22; text-wrap:pretty;">ÐÑÑоÑÐ¸Ñ Ð ÑÑÑкого мÑзеÑ</div> 666 </div> 667 <span class="tile-arrow" style="color:#bc0023; font-size:18px; line-height:1.4; flex:none;">â</span> 668 </div> 669 </a> 670 <a href="/collections/rami/index.php" class="tile" style="text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:14px;"> 671 <div class="tile-img" data-count="3"> 672 <img src="/collections/rami/slides/1.jpg" alt="" loading="lazy" class="on"><img src="/collections/rami/slides/3.jpg" alt="" loading="lazy" class=""><img src="/collections/rami/slides/2.jpg" alt="" loading="lazy" class=""> </div> 673 <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:12px;"> 674 <div> 675 <div style="font-size:11px; letter-spacing:.22em; color:#a3998b; margin-bottom:6px;">13</div> 676 <div style="font-family:'Playfair Display',serif; font-size:18px; font-weight:500; line-height:1.22; text-wrap:pretty;">РамÑ</div> 677 </div> 678 <span class="tile-arrow" style="color:#bc0023; font-size:18px; line-height:1.4; flex:none;">â</span> 679 </div> 680 </a> 681 </div> 682 </section> 683 684 <!-- ФÑÑÐµÑ --> 685 <footer style="margin-top:44px; border-top:1px solid #e3dccf;"> 686 <nav class="fnav" style="display:flex; flex-wrap:wrap; gap:28px; padding:24px 0;"> 687 <a href="/about_project/index.php" class="ul-link" style="font-size:14px;">РпоÑÑале</a><a href="/sitemap/index.php" class="ul-link" style="font-size:14px;">ÐаÑÑа ÑайÑа</a><a href="/news/index.php" class="ul-link" style="font-size:14px;">СобÑÑиÑ</a><a href="/press/index.php" class="ul-link" style="font-size:14px;">ÐÑеÑÑа о наÑ</a><a href="/contacts/index.php" class="ul-link" style="font-size:14px;">ÐонÑакÑÑ</a> </nav> 688 <div class="fbot" style="display:grid; grid-template-columns:1.6fr 1fr; gap:40px; padding:26px 0 30px; border-top:1px solid #e3dccf; font-size:12.5px; line-height:1.7; color:#8a8174;"> 689 <div> 690 <p style="margin:0;">© Ð ÑÑÑкий мÑзей</p> 691 <p style="margin:0 0 14px;">ÐонÑÐµÐ½Ñ â ЦенÑÑ Ð¸ÑкÑÑÑÑв и ÑÐµÑ Ð½Ð¾Ð»Ð¾Ð³Ð¸Ð¹ Ð ÑÑÑкого мÑзеÑ</p> 692 <p style="margin:0; color:#bc0023;"><strong>СÑаÑÑй поÑÑал пÑоекÑа â <a href="https://virtualrm.spb.ru/" target="_blank" rel="noopener" style="color:#bc0023;">https://virtualrm.spb.ru</a></strong><br>(аÑÑ Ð¸Ð² маÑеÑиалов Ñ 2009 г. по 1.04.2016)</p> 693 </div> 694 <div style="display:flex; flex-direction:column; gap:14px; align-items:flex-start;"> 695 <a href="/terms/index.php" class="ul-link" style="font-size:12.5px; color:#5f564b;">УÑÐ»Ð¾Ð²Ð¸Ñ Ð¸ÑполÑÐ·Ð¾Ð²Ð°Ð½Ð¸Ñ Ð¸ пÑбликаÑии маÑеÑиалов</a> 696 <a href="#top" class="ul-link" style="font-size:12.5px; color:#5f564b;">ÐавеÑÑ </a> 697 <div style="display:flex; align-items:center; gap:10px; border:1px solid #d9d1c2; padding:9px 14px; font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:#5f564b;"> 698 <span style="width:6px; height:6px; background:#bc0023; border-radius:50%;"></span>ÐÑлÑÑÑÑа.ÑÑ 699 </div> 700 </div> 701 </div> 702 </footer> 703 704 </div> 705</div> 706
707<script> 708(function(){ 709 // ÑÑмблеÑÑ 710 var ft = document.getElementById('filtersToggle'), fp = document.getElementById('filtersPanel'); 711 if (ft && fp) ft.addEventListener('click', function(){ 712 var open = fp.classList.toggle('hidden')===false; 713 ft.textContent = open ? 'СкÑÑÑÑ Ð¿Ð¾Ð¸Ñк' : 'РаÑÑиÑеннÑй поиÑк'; 714 }); 715 var rt = document.getElementById('refsToggle'), mr = document.getElementById('moreRefs'); 716 if (rt && mr) rt.addEventListener('click', function(){ 717 var isHidden = getComputedStyle(mr).display === 'none'; 718 mr.style.display = isHidden ? 'contents' : 'none'; 719 rt.textContent = isHidden ? 'â' : '+'; 720 }); 721 722 // ÑаÑÑиÑеннÑй поиÑк: вÑÑовнÑÑÑ ÐºÐ¾Ð»Ð¾Ð½ÐºÐ¸ по ÑиÑÐ»Ñ Ð¿ÑнкÑов "ÐеÑиода", оÑÑалÑное под плаÑÐºÑ 723 (function(){ 724 var cols = [].slice.call(document.querySelectorAll('.dc-searchform .col-xs-4')); 725 if (cols.length < 2) return; 726 function rowsOf(c){ return [].slice.call(c.querySelectorAll(':scope > .form-group')); } 727 var limit = rowsOf(cols[1]).length; // "ÐеÑиод" â 2-Ñ ÐºÐ¾Ð»Ð¾Ð½ÐºÐ° 728 if (limit < 1) return; 729 cols.forEach(function(col){ 730 var rows = rowsOf(col); 731 if (rows.length <= limit) return; 732 var hidden = rows.length - limit, open = false; 733 var moreTxt = 'ÐÑÑ', lessTxt = 'СвеÑнÑÑÑ'; 734 for (var i = limit; i < rows.length; i++) rows[i].style.display = 'none'; 735 var btn = document.createElement('button'); 736 btn.type = 'button'; btn.className = 'dc-more'; 737 btn.textContent = moreTxt + ' ' + hidden + ' â'; 738 btn.addEventListener('click', function(){ 739 open = !open; 740 for (var i = limit; i < rows.length; i++) rows[i].style.display = open ? '' : 'none'; 741 btn.textContent = open ? (lessTxt + ' â') : (moreTxt + ' ' + hidden + ' â'); 742 }); 743 col.appendChild(btn); 744 }); 745 })(); 746 747 // ÑоÑаÑÐ¾Ñ ÐºÐ°ÑÑинок: Ñаз в 10Ñ Ð¾Ð´Ð½Ð° каÑÑоÑка (по кÑÑгÑ) плавно менÑÐµÑ ÐºÐ°ÑÑÐ¸Ð½ÐºÑ 748 var boxes = [].slice.call(document.querySelectorAll('.tile-img')).filter(function(b){ 749 return b.querySelectorAll('img').length > 1; 750 }); 751 boxes.forEach(function(b){ b._i = 0; }); 752 var cur = 0; 753 if (boxes.length) setInterval(function(){ 754 var b = boxes[cur % boxes.length]; cur++; 755 var imgs = b.querySelectorAll('img'); 756 imgs[b._i].classList.remove('on'); 757 b._i = (b._i + 1) % imgs.length; 758 imgs[b._i].classList.add('on'); 759 }, 10000); 760})(); 761</script>
761 762</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.