89 lines
2.5 KiB
CSS
89 lines
2.5 KiB
CSS
|
/* Shared Mobile Custom CSS for Anime Downloader */
|
||
|
|
|
||
|
|
/* Custom Notify Styling for Mobile */
|
||
|
|
.bootstrap-notify-container,
|
||
|
|
[data-notify="container"] {
|
||
|
|
max-width: 90vw !important;
|
||
|
|
width: auto !important;
|
||
|
|
right: 5vw !important;
|
||
|
|
left: 5vw !important;
|
||
|
|
padding: 12px 16px !important;
|
||
|
|
border-radius: 10px !important;
|
||
|
|
background: var(--notify-bg) !important;
|
||
|
|
backdrop-filter: blur(10px) !important;
|
||
|
|
border: 1px solid var(--notify-border) !important;
|
||
|
|
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
|
||
|
|
color: #e0e7ff !important;
|
||
|
|
font-size: 13px !important;
|
||
|
|
z-index: 10000 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-notify="container"].alert-success {
|
||
|
|
border-color: rgba(16, 185, 129, 0.4) !important;
|
||
|
|
background: var(--notify-success-bg, rgba(6, 78, 59, 0.95)) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-notify="container"].alert-warning {
|
||
|
|
border-color: rgba(245, 158, 11, 0.4) !important;
|
||
|
|
background: var(--notify-warning-bg, rgba(120, 53, 15, 0.95)) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-notify="container"].alert-danger {
|
||
|
|
border-color: rgba(239, 68, 68, 0.4) !important;
|
||
|
|
background: var(--notify-danger-bg, rgba(127, 29, 29, 0.95)) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-notify="message"] {
|
||
|
|
color: #e0e7ff !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-notify="title"] {
|
||
|
|
color: #fff !important;
|
||
|
|
font-weight: 600 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Common Mobile Responsive Fixes */
|
||
|
|
@media (max-width: 768px) {
|
||
|
|
body {
|
||
|
|
padding-top: 5px !important;
|
||
|
|
overflow-x: hidden !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Global Navigation Pills Fix */
|
||
|
|
ul.nav.nav-pills.bg-light {
|
||
|
|
margin-top: 50px !important;
|
||
|
|
margin-bottom: 10px !important;
|
||
|
|
width: 100% !important;
|
||
|
|
display: flex !important;
|
||
|
|
flex-wrap: wrap !important;
|
||
|
|
justify-content: center !important;
|
||
|
|
border-radius: 10px !important;
|
||
|
|
padding: 4px !important;
|
||
|
|
gap: 2px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul.nav.nav-pills .nav-link {
|
||
|
|
padding: 5px 12px !important;
|
||
|
|
font-size: 13px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Layout Expansion on Mobile */
|
||
|
|
.container, .container-fluid, .row, form, #main_container {
|
||
|
|
width: 100% !important;
|
||
|
|
max-width: 100% !important;
|
||
|
|
padding-left: 8px !important;
|
||
|
|
padding-right: 8px !important;
|
||
|
|
margin-left: 0 !important;
|
||
|
|
margin-right: 0 !important;
|
||
|
|
box-sizing: border-box !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Card/Table Container Fix */
|
||
|
|
.card, .table-responsive {
|
||
|
|
width: 100% !important;
|
||
|
|
margin-left: 0 !important;
|
||
|
|
margin-right: 0 !important;
|
||
|
|
border-radius: 12px !important;
|
||
|
|
}
|
||
|
|
}
|