FM / backup

/home/learningaswinslo/public_html/backup/

/home/learningaswinslo/public_html/backup

Name	Size	Mode	Actions
index.php.v.1.7	6125	0644	edit dl rm
index.php.v1	4895	0644	edit dl rm
index.php.v1.3	4852	0644	edit dl rm
index.php.v1.4	5182	0644	edit dl rm
style.css	2537	0644	edit dl rm

Edit: /home/learningaswinslo/public_html/backup/style.css (2537B)

/* style.css */
body { 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
    background: #f4f4f4; 
    padding: 20px 2px; 
    color: #333;
}
.container { 
    max-width: 1000px; 
    background: white; 
    margin: auto; 
    padding: 30px 2px; 
    border-radius: 8px; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    /* FIX: Ensures container stays within screen width */
    width: 95%;
    box-sizing: border-box;
}
h2 { 
    border-bottom: 3px solid #ffcc00; 
    padding-bottom: 15px; 
    margin-top: 0;
    /* FIX: Prevents title overflow */
    word-break: break-all; 
    overflow-wrap: break-word;
}
table { 
    width: 100%; 
    border-collapse: collapse; 
    margin-top: 20px; 
}
th { 
    text-align: left; 
    background: #f8f8f8; 
    padding: 12px; 
    border-bottom: 2px solid #ddd;
}
td { 
    padding: 12px; 
    border-bottom: 1px solid #eee; 
}
tr:hover { background: #fdfdfd; }
.folder { font-weight: bold; color: #0056b3; text-decoration: none; }

.file { color: #555; text-decoration: none; }

.file:hover, .folder:hover { text-decoration: underline; }

.folder, .file {
    word-break: break-all;
    overflow-wrap: break-word;
}
.back-link { 
    margin-bottom: 20px; 
    display: inline-block; 
    color: #cc0000; 
    text-decoration: none; 
    font-weight: bold;
}

/* --- Header Grid System --- */
.header-grid {
    display: grid;
    grid-template-columns: 40% 60%;
    align-items: start;
    gap: 20px;
    margin-bottom: 30px;
}

.header-left .logo {
    max-width: 100%;
    height: auto;
    display: block;
}

.header-right {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.search-container input {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 15px;
    box-sizing: border-box;
}

.refresh-container {
    display: flex;
    justify-content: flex-end;
}

.refresh-btn { 
    padding: 8px 14px; 
    background: #f8f8f8; 
    color: #666; 
    text-decoration: none; 
    border-radius: 4px; 
    font-size: 13px; 
    border: 1px solid #ddd;
    transition: all 0.2s ease;
}

.refresh-btn:hover { 
    background: #eee; 
    color: #333; 
    border-color: #bbb; 
}

/* --- Responsive Adjustments --- */
@media (max-width: 768px) {
    .header-grid { 
        grid-template-columns: 100%; 
    }
    .header-left .logo { 
        max-width: 200px; 
        margin: 0 auto 10px; 
    }
    .refresh-container { 
        justify-content: flex-start; 
    }
    body {
        padding: 20px;
    }
}

cmd: