SVNからのミラー

public/static/style-pagination.css

@@ -0,0 +1,66 @@
+.pagination {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+  gap: 0.5rem;
+  margin: 2rem 0;
+}
+
+.page-link, .page-current, .page-ellipsis {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 2.5rem;
+  height: 2.5rem;
+  padding: 0 0.5rem;
+  border-radius: 4px;
+  text-align: center;
+}
+
+.page-link {
+  background: #c016c6;
+  color: #232023;
+  text-decoration: none;
+  transition: background 0.4s, transform 0.2s;
+}
+
+.page-link:hover {
+  background: #ea79d8;
+  transform: translateY(-2px);
+}
+
+.page-current {
+  background: #443b44;
+  color: #fcfcfc;
+  font-weight: bold;
+}
+
+.page-ellipsis {
+  color: #c016c6;
+}
+
+@media screen and (max-width: 768px) {
+  .pagination {
+    gap: 0.4rem;
+  }
+  
+  .page-link, .page-current, .page-ellipsis {
+    min-width: 2.2rem;
+    height: 2.2rem;
+    font-size: 0.9rem;
+  }
+}
+
+@media screen and (max-width: 480px) {
+  .pagination {
+    gap: 0.3rem;
+  }
+  
+  .page-link, .page-current, .page-ellipsis {
+    min-width: 1.8rem;
+    height: 1.8rem;
+    font-size: 0.8rem;
+    padding: 0 0.3rem;
+  }
+}