HyperTalbot/project-website

style.css
146 строк2 KB
HyperTalbot
Add files via upload
02 апр 2024, 20:03
02 апр 2024, 20:0380a833a
a {
    color: white;
    font-size: 20px;
}

header:hover {
    border: 5px;
}

body {
    background-color: slategray;
}

main {
    background-color: whitesmoke;
    border: 8px solid black;
    border-radius: 5%;
    margin-left: 25%;
}

#navig {
    background-color: black;
    color: chartreuse;
    border: 1px solid black;
    border-radius: 20px;
    opacity: 0.7;
    box-shadow: 10px 10px 7px black;
    width: 100%;
    height: 40px;
    text-align: center;
    font-weight: 700;
    position: relative;
    top: 0;
}  

#navig:hover {
    background-color: grey;
}

#main {
    background-color: aquamarine;
    color: black;
    padding: 15px;
    margin: 15px;
    border: 3px dashed black;
    border-radius: 20px;
    width: 40%;
    height: auto;
}

#cap {
    background-color: whitesmoke;
    color: white;
    border: 3px solid black;
    border-radius: 20px;
    height: auto; 
    padding-top: 5%;
}

#div_in_cap {
    background-color: cadetblue;
    color: white;
    border: 1.5px solid black;
    border-radius: 20px;
    font-weight: 900;
    text-align: center;
}

#dj {
    font-weight: 800;
}

#kos {
    font-style: italic;
}

#djkos {
    font-weight: 800;
    font-style: italic;
}

#main:hover {
    border: 5px solid black;
}

aside {
 
    width: 20%;
    background-color: antiquewhite;
    color: black;
    padding: 15px;
    margin: 15px;
    border: 3px dashed black;
    border-radius: 20px;
}

#aside:hover {
    border: 5px solid;
}

.message {
    color: aqua;
    background-color: white;
    border: 1px solid black;
    font-size: 20px;
    margin: 15px;
    padding: 15px;
}
.success {
    background-color: cornflowerblue;
    color: yellow;
}
.fail {
    background-color: brown;
    color: white;
}
.info {
    background-color: grey;
    color: white;
}
.warning {
    background-color: yellow;
    color: black;
}

.message:hover {
    border: 5px solid;
    color: black;
}

form {
    border: 3px solid black;
    border-radius: 20px;
}

footer {
    background-color: blanchedalmond;
    border: 3px dashed black;
    text-align: center;
    padding-top: 3%;
    padding-bottom: 3%;
    border-radius: 40%;
}
footer:hover {
    border: 5px solid;
}