🐚 WEB SHELL ACTIVATED

📁 File Browser

Current directory: /home/klas4s23/domains/585455.klas4s23.mid-ica.nl/public_html/Gastenboek/uploads

📄 Viewing: ./../../../../585771.klas4s23.mid-ica.nl/public_html/guestbook/style.css

body {
    font-family: Arial, sans-serif;
    background-color: black;
    color: white;

}

.container {
    max-width: auto;
    margin: 0 auto;
    padding: 20px;
    border: 3px solid #ccc;
    border-radius: 5px;
    background: linear-gradient(to bottom, #00ccff 0%, #ff6699 100%);

}

.container1 {
    
    padding: 80px;
    border: 3px solid rgb(3, 3, 3);
    border-radius: 5px;
    background-color: #e2bdbd;
    text-align: center;
    margin: 5px;

}




#name {
    width: 100%;
    padding: 10px 10px;
    border-radius: 5px;
    box-sizing: border-box;
    margin: 3px;
    text-align: start;
}

#message {
    width: 100%;
    height: 180px;
    padding: 10px 10px;
    border-radius: 5px;
    box-sizing: border-box;
    margin: 1px;
    text-align: start;
    
}

.label {
    text-align: start;
}


.custom-file-input {
    display: inline-block;
    background-color: #070707;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    border: 1px solid white;

}

.custom-file-input:hover {
    background-color: rgb(39, 39, 39);
}

input[type="submit"] {
    background-color: #000000;
    color: rgb(255, 255, 255);
    padding: 10px 30px;
    border: 1px solid white;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    text-decoration: none;

}


.label {
    color: white;
}

input[type="submit"]:hover {
    background-color: rgb(39, 39, 39);
}

input[type="file"] {
    display: none;
}



.add-message {
    grid-area: add-message;
    height: 58vh;
}

.comments {
    grid-area: comments;
    overflow-y: scroll;
    height: 58vh;
    border: 3px solid #000000;
    border-radius: 5px;
    margin: 5px;



}

.footer-and-nav-bar {
    grid-area: footer-and-nav-bar;
}

.comments h2{
    text-align: center;
}

.comments P{
    margin-left: 10px;
    margin-bottom: px;
    
}

.comments h3{
    margin-left: 10px;
}

.comments image{
    margin-left: 10px;
}

.comment{
    border: #ffffff solid 3px;
}

img{
    margin-left: 10px;
    height: 100px;
}

🎯 Available Actions