diff --git a/templates/anime_downloader_anilife_list.html b/templates/anime_downloader_anilife_list.html index 6414ac7..33b6378 100644 --- a/templates/anime_downloader_anilife_list.html +++ b/templates/anime_downloader_anilife_list.html @@ -168,5 +168,43 @@ body { 100%{background-position:0% 50%} } + /* Navigation Menu Override */ + ul.nav.nav-pills.bg-light { + background-color: rgba(30, 41, 59, 0.6) !important; + backdrop-filter: blur(10px); + border: 1px solid rgba(255, 255, 255, 0.08); + border-radius: 50rem !important; + padding: 6px !important; + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) !important; + display: inline-flex !important; + flex-wrap: wrap; + justify-content: center; + width: auto !important; + margin-bottom: 20px; + } + + ul.nav.nav-pills .nav-item { + margin: 0 2px; + } + + ul.nav.nav-pills .nav-link { + border-radius: 50rem !important; + padding: 8px 20px !important; + color: #94a3b8 !important; + font-weight: 600; + transition: all 0.3s ease; + } + + ul.nav.nav-pills .nav-link:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #fff !important; + transform: translateY(-1px); + } + + ul.nav.nav-pills .nav-link.active { + background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important; + color: #fff !important; + box-shadow: 0 4px 12px rgba(37, 99, 235, 0.4); + } {% endblock %} \ No newline at end of file diff --git a/templates/anime_downloader_anilife_queue.html b/templates/anime_downloader_anilife_queue.html index b1848b6..af44be4 100644 --- a/templates/anime_downloader_anilife_queue.html +++ b/templates/anime_downloader_anilife_queue.html @@ -314,5 +314,43 @@ border-radius: 50%; animation: spin 0.8s linear infinite; } + /* Navigation Menu Override */ + ul.nav.nav-pills.bg-light { + background-color: rgba(30, 41, 59, 0.6) !important; + backdrop-filter: blur(10px); + border: 1px solid rgba(255, 255, 255, 0.08); + border-radius: 50rem !important; + padding: 6px !important; + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) !important; + display: inline-flex !important; + flex-wrap: wrap; + justify-content: center; + width: auto !important; + margin-bottom: 20px; + } + + ul.nav.nav-pills .nav-item { + margin: 0 2px; + } + + ul.nav.nav-pills .nav-link { + border-radius: 50rem !important; + padding: 8px 20px !important; + color: #94a3b8 !important; + font-weight: 600; + transition: all 0.3s ease; + } + + ul.nav.nav-pills .nav-link:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #fff !important; + transform: translateY(-1px); + } + + ul.nav.nav-pills .nav-link.active { + background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important; + color: #fff !important; + box-shadow: 0 4px 12px rgba(37, 99, 235, 0.4); + } {% endblock %} diff --git a/templates/anime_downloader_anilife_request.html b/templates/anime_downloader_anilife_request.html index 1e2b75c..9977851 100644 --- a/templates/anime_downloader_anilife_request.html +++ b/templates/anime_downloader_anilife_request.html @@ -413,6 +413,45 @@ min-width: 82px !important; } + /* Navigation Menu Override */ + ul.nav.nav-pills.bg-light { + background-color: rgba(30, 41, 59, 0.6) !important; + backdrop-filter: blur(10px); + border: 1px solid rgba(255, 255, 255, 0.08); + border-radius: 50rem !important; + padding: 6px !important; + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) !important; + display: inline-flex !important; + flex-wrap: wrap; + justify-content: center; + width: auto !important; + margin-bottom: 20px; + } + + ul.nav.nav-pills .nav-item { + margin: 0 2px; + } + + ul.nav.nav-pills .nav-link { + border-radius: 50rem !important; + padding: 8px 20px !important; + color: #94a3b8 !important; + font-weight: 600; + transition: all 0.3s ease; + } + + ul.nav.nav-pills .nav-link:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #fff !important; + transform: translateY(-1px); + } + + ul.nav.nav-pills .nav-link.active { + background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important; + color: #fff !important; + box-shadow: 0 4px 12px rgba(37, 99, 235, 0.4); + } + /* 시리즈 정보 박스 스타일 */ .series-info-box { background: linear-gradient(135deg, rgba(30, 41, 59, 0.95) 0%, rgba(15, 23, 42, 0.95) 100%); diff --git a/templates/anime_downloader_anilife_search.html b/templates/anime_downloader_anilife_search.html index ccea3e8..722eead 100644 --- a/templates/anime_downloader_anilife_search.html +++ b/templates/anime_downloader_anilife_search.html @@ -796,6 +796,46 @@ padding: 8px 12px; } + + /* Navigation Menu Override */ + ul.nav.nav-pills.bg-light { + background-color: rgba(30, 41, 59, 0.6) !important; + backdrop-filter: blur(10px); + border: 1px solid rgba(255, 255, 255, 0.08); + border-radius: 50rem !important; + padding: 6px !important; + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) !important; + display: inline-flex !important; + flex-wrap: wrap; + justify-content: center; + width: auto !important; + margin-bottom: 20px; + } + + ul.nav.nav-pills .nav-item { + margin: 0 2px; + } + + ul.nav.nav-pills .nav-link { + border-radius: 50rem !important; + padding: 8px 20px !important; + color: #94a3b8 !important; + font-weight: 600; + transition: all 0.3s ease; + } + + ul.nav.nav-pills .nav-link:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #fff !important; + transform: translateY(-1px); + } + + ul.nav.nav-pills .nav-link.active { + background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important; + color: #fff !important; + box-shadow: 0 4px 12px rgba(37, 99, 235, 0.4); + } + /* 그리드 간격 조정 */ .row.infinite-scroll { gap: 0; diff --git a/templates/anime_downloader_anilife_setting.html b/templates/anime_downloader_anilife_setting.html index 0ac9a46..a8bd288 100644 --- a/templates/anime_downloader_anilife_setting.html +++ b/templates/anime_downloader_anilife_setting.html @@ -1,49 +1,233 @@ {% extends "base.html" %} {% block content %} -