2022-08-19 08:51:19 -05:00
|
|
|
body {
|
|
|
|
background-color: #2e3440;
|
2022-08-23 23:26:07 -05:00
|
|
|
color: #d8dee9;
|
2022-08-19 08:51:19 -05:00
|
|
|
}
|
|
|
|
|
2022-08-19 10:09:25 -05:00
|
|
|
.text-align-right {
|
|
|
|
text-align: right;
|
|
|
|
}
|
2022-08-19 08:51:19 -05:00
|
|
|
|
2022-08-16 08:50:19 -05:00
|
|
|
.wrapper {
|
|
|
|
/* Text margin */
|
|
|
|
margin: auto;
|
|
|
|
width: 60%;
|
|
|
|
padding: 10px;
|
|
|
|
perspective: 1000px;
|
|
|
|
}
|
|
|
|
|
2022-08-19 08:51:19 -05:00
|
|
|
.card {
|
|
|
|
background-color: #3b4252;
|
|
|
|
border-radius: 5px;
|
|
|
|
border: 1px solid #81a1c1;
|
|
|
|
margin: 7px;
|
|
|
|
text-align: center;
|
2022-08-19 10:09:25 -05:00
|
|
|
transition: box-shadow .2s;
|
2022-08-26 13:12:42 -05:00
|
|
|
word-wrap: break-word;
|
2022-08-19 10:09:25 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.card:hover {
|
|
|
|
box-shadow: 5px 5px #4c566a;
|
2022-08-19 08:51:19 -05:00
|
|
|
}
|
|
|
|
|
2022-08-23 23:26:07 -05:00
|
|
|
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;
|
|
|
|
}
|
|
|
|
|
2022-08-26 13:12:17 -05:00
|
|
|
input[type=text],input[type=password],select,textarea {
|
2022-08-23 23:26:07 -05:00
|
|
|
width: 100%;
|
|
|
|
background-color: #434c5e;
|
|
|
|
color: #d8dee9;
|
|
|
|
border: none;
|
|
|
|
border-radius: 5px;
|
|
|
|
padding: 5px;
|
|
|
|
margin: 2px;
|
|
|
|
transition: outline .2s;
|
|
|
|
}
|
|
|
|
|
2022-08-26 13:12:17 -05:00
|
|
|
input[type=text]:focus,input[type=password]:focus,select:focus,textarea:foxus {
|
2022-08-23 23:26:07 -05:00
|
|
|
outline: 1px solid #5e81ac;
|
|
|
|
}
|
|
|
|
|
2022-08-19 08:51:19 -05:00
|
|
|
button, input[type=submit] {
|
|
|
|
padding: 5px 15px;
|
|
|
|
background-color: #88c0d0;
|
|
|
|
border-radius: 5px;
|
|
|
|
border: none;
|
2022-08-19 10:09:25 -05:00
|
|
|
margin: 10px;
|
|
|
|
margin-top: 0;
|
|
|
|
cursor: pointer;
|
2022-08-19 08:51:19 -05:00
|
|
|
}
|
2022-08-21 16:50:55 -05:00
|
|
|
|
2022-08-23 23:26:07 -05:00
|
|
|
input[type=submit] {
|
|
|
|
margin-top: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
select {
|
|
|
|
width: initial;
|
|
|
|
}
|
|
|
|
|
2022-08-26 13:12:17 -05:00
|
|
|
textarea {
|
|
|
|
resize: vertical;
|
|
|
|
font-family: monospace;
|
|
|
|
}
|
|
|
|
|
2022-08-21 16:50:55 -05:00
|
|
|
.button-danger {
|
|
|
|
background-color: #bf616a;
|
|
|
|
}
|
2022-08-24 08:49:51 -05:00
|
|
|
|
|
|
|
a {
|
|
|
|
color: #88c0d0;
|
|
|
|
}
|
|
|
|
|
|
|
|
a:hover {
|
|
|
|
color: #d8dee9;
|
|
|
|
}
|
|
|
|
|
|
|
|
a:visited {
|
|
|
|
color: #81a1c1;
|
|
|
|
}
|