anyalerob commited on
Commit
aff5150
·
verified ·
1 Parent(s): e4b5fdf

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +40 -1
style.css CHANGED
@@ -575,4 +575,43 @@ footer a:hover {
575
  position: fixed;
576
  pointer-events: none;
577
  z-index: 5;
578
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
575
  position: fixed;
576
  pointer-events: none;
577
  z-index: 5;
578
+ }
579
+ /* —— 图集预览模态框 —— */
580
+ #image-modal {
581
+ display: none;
582
+ position: fixed;
583
+ top: 0; left: 0;
584
+ width: 100%; height: 100%;
585
+ background: rgba(0,0,0,0.8);
586
+ z-index: 2000;
587
+ display: flex;
588
+ align-items: center;
589
+ justify-content: center;
590
+ }
591
+ #image-modal img {
592
+ max-width: 90%;
593
+ max-height: 90%;
594
+ border-radius: 8px;
595
+ }
596
+ .modal-close {
597
+ position: absolute;
598
+ top: 1rem; right: 1rem;
599
+ background: none; border: none;
600
+ font-size: 2rem;
601
+ color: var(--primary-color);
602
+ cursor: pointer;
603
+ }
604
+ .modal-nav {
605
+ position: absolute;
606
+ top: 50%;
607
+ transform: translateY(-50%);
608
+ background: rgba(0,0,0,0.3);
609
+ border: none;
610
+ font-size: 3rem;
611
+ color: white;
612
+ width: 2rem; height: 3rem;
613
+ cursor: pointer;
614
+ border-radius: 0.3rem;
615
+ }
616
+ #image-prev { left: 1rem; }
617
+ #image-next { right: 1rem; }