99 lines
1.5 KiB
CSS
99 lines
1.5 KiB
CSS
body {
|
|
background-color: #2e3440;
|
|
color: #d8dee9;
|
|
}
|
|
|
|
.text-align-right {
|
|
text-align: right;
|
|
}
|
|
|
|
.wrapper {
|
|
/* Text margin */
|
|
margin: auto;
|
|
width: 60%;
|
|
padding: 10px;
|
|
perspective: 1000px;
|
|
}
|
|
|
|
.card {
|
|
background-color: #3b4252;
|
|
border-radius: 5px;
|
|
border: 1px solid #81a1c1;
|
|
margin: 7px;
|
|
text-align: center;
|
|
transition: box-shadow .2s;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.card:hover {
|
|
box-shadow: 5px 5px #4c566a;
|
|
}
|
|
|
|
form {
|
|
padding: 10px;
|
|
background-color: #3b4252;
|
|
border-radius: 5px;
|
|
border: 1px solid #81a1c1;
|
|
text-align: center;
|
|
transition: box-shadow .2s;
|
|
padding-right: 12px;
|
|
}
|
|
|
|
form:hover {
|
|
box-shadow: 5px 5px #4c566a;
|
|
}
|
|
|
|
input[type=text],input[type=password],select,textarea {
|
|
width: 100%;
|
|
background-color: #434c5e;
|
|
color: #d8dee9;
|
|
border: none;
|
|
border-radius: 5px;
|
|
padding: 5px;
|
|
margin: 2px;
|
|
transition: outline .2s;
|
|
}
|
|
|
|
input[type=text]:focus,input[type=password]:focus,select:focus,textarea:foxus {
|
|
outline: 1px solid #5e81ac;
|
|
}
|
|
|
|
button, input[type=submit] {
|
|
padding: 5px 15px;
|
|
background-color: #88c0d0;
|
|
border-radius: 5px;
|
|
border: none;
|
|
margin: 10px;
|
|
margin-top: 0;
|
|
cursor: pointer;
|
|
}
|
|
|
|
input[type=submit] {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
select {
|
|
width: initial;
|
|
}
|
|
|
|
textarea {
|
|
resize: vertical;
|
|
font-family: monospace;
|
|
}
|
|
|
|
.button-danger {
|
|
background-color: #bf616a;
|
|
}
|
|
|
|
a {
|
|
color: #88c0d0;
|
|
}
|
|
|
|
a:hover {
|
|
color: #d8dee9;
|
|
}
|
|
|
|
a:visited {
|
|
color: #81a1c1;
|
|
}
|