Show sourcecode
The following files exists in this folder. Click to view.
main.css
235 lines ASCII Windows (CRLF)
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235
* {
font-family: "Rubik", sans-serif;
box-sizing: border-box;
}
p, h3 {
margin: 0;
}
body {
display: flex;
flex-direction: column;
min-height: 100dvh;
margin: 0;
align-items: start;
padding: 10px;
}
header {
position: relative;
width: 100%;
text-align: start;
display: flex;
flex-direction: row;
align-items: center;
gap: 20px;
}
header nav {
display: flex;
flex-direction: row;
gap: 20px;
}
footer {
position: relative;
width: 100%;
text-align: center;
margin-top: auto;
}
button, input[type="submit"] {
cursor: pointer;
}
table {
border-collapse: separate;
border-spacing: 0;
border-radius: 10px;
overflow: hidden;
border: 1px solid #dddddd;
}
td, th {
padding: 12px 15px;
text-align: start;
}
tr:nth-of-type(even) {
background-color: #f3f3f3;
}
#admin_table_container {
display: flex;
flex-direction: row;
gap: 10px;
width: 100%;
}
.table_holder {
display: flex;
flex-direction: row;
gap: 20px;
width: 100%;
align-items: start;
}
.cfg_table_wrapper {
flex-grow: 1;
display: flex;
flex-direction: column;
gap: 10px;
width: 100%;
align-items: start;
justify-content: start;
}
.cfg_table_scrollable {
display: flex;
flex-direction: row;
overflow-y: auto;
height: 350px;
overscroll-behavior: contain;
flex-grow: 1;
width: 100%;
align-items: start;
justify-content: start;
}
.cfg_table_scrollable table {
flex-grow: 1;
width: 100%;
}
#results_table {
flex-grow: 1;
display: none;
}
textarea {
resize: none;
font-size: 14px;
}
.create_quiz_holder {
display: flex;
flex-direction: column;
gap: 10px;
}
.create_question_holder {
display: flex;
flex-direction: column;
gap: 10px;
border: 1px solid #dddddd;
border-radius: 10px;
padding: 20px;
}
.create_choice_holder {
display: flex;
flex-direction: row;
gap: 10px;
}
.create_choice {
flex-grow: 1;
}
#create_quiz_form {
display: flex;
flex-direction: column;
gap: 20px;
border: 1px solid #dddddd;
border-radius: 10px;
padding: 20px;
}
#create_question_container {
display: flex;
flex-direction: column;
gap: 10px;
}
#create_quiz_btn_holder {
display: flex;
flex-direction: column;
gap: 5px;
}
.quiz_card {
display: flex;
flex-direction: column;
justify-content: start;
align-items: start;
gap: 5px;
border: 1px solid #dddddd;
border-radius: 10px;
padding: 15px 60px 15px 20px;
text-decoration: none;
font-size: 20px;
}
#quiz_form {
display: flex;
flex-direction: column;
gap: 20px;
border: 1px solid #dddddd;
border-radius: 10px;
padding: 15px 40px 15px 20px;
}
.question {
display: flex;
flex-direction: column;
justify-content: start;
align-items: start;
}
#quiz_btn_holder {
display: flex;
flex-direction: row;
gap: 5px;
justify-content: end;
}
#quiz_btn_holder button {
flex-grow: 1;
display: flex;
align-items: center;
justify-content: center;
}
.question_result {
display: flex;
flex-direction: column;
justify-content: start;
gap: 10px;
border: 1px solid #dddddd;
border-radius: 10px;
padding: 20px 40px 20px 20px;
margin-bottom: 10px;
}
.question_result.correct {
border: 1px solid green;
}
.question_result.wrong {
border: 1px solid red;
}
.quiz_title {
margin-bottom: 10px;
}
.quiz_points_eval {
margin-bottom: 10px;
}
.quiz_desc {
margin-bottom: 10px;
text-decoration: none;
color: black;
}