Style frontend exam view

2026-10-15 12:48:46 +02:00
parent 27f37e8500
commit b3451728d9
7 changed files with 286 additions and 13 deletions
@@ -0,0 +1,134 @@
+.com-testquestions .timer-container {
+    position: relative;
+    width: 120px;
+    height: 120px;
+    margin: auto;
+}
+
+.com-testquestions .timer-text {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    font-size: 24px;
+    color: #003366;
+    font-weight: bold;
+}
+
+.com-testquestions .progress-ring__circle {
+    transition: stroke-dashoffset 1s linear;
+    transform: rotate(-90deg);
+    transform-origin: 50% 50%;
+}
+
+.com-testquestions .foto_pyt {
+    margin: 5px auto;
+    border: 2px #d4d4d4 none;
+    border-radius: 4px;
+    width: 98%;
+    padding: 5px;
+    text-align: center;
+}
+
+.com-testquestions .foto_pyt img {
+    max-width: 100%;
+    height: auto;
+}
+
+.com-testquestions .pyt {
+    background-color: #4a86cf;
+    font-size: 18px;
+    margin: 25px 5px 11px;
+    border: 1px #dfe3e7 solid;
+    border-radius: .25rem;
+    width: 98%;
+    padding: 10px;
+    text-align: left;
+    color: white;
+    box-shadow: 4px 4px 4px rgba(0, 0, 0, .4);
+}
+
+.com-testquestions .pyt h2 {
+    margin: 0;
+    color: inherit;
+    font-size: inherit;
+}
+
+.com-testquestions .odp,
+.com-testquestions .odpp,
+.com-testquestions .odpu,
+.com-testquestions .odpup {
+    font-size: 16px;
+    margin: 5px;
+    border: 1px #dfe3e7 solid;
+    border-radius: .25rem;
+    width: 98%;
+    padding: 10px;
+    text-align: left;
+    box-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
+}
+
+.com-testquestions .odp {
+    color: #4a86cf;
+}
+
+.com-testquestions .odpp {
+    background-color: #dfdfdf;
+    border-color: #777;
+    color: #0000ff;
+}
+
+.com-testquestions .odpu {
+    background-color: #ff0000;
+    color: #fff;
+}
+
+.com-testquestions .odpup {
+    background-color: #02f002;
+    color: #000;
+}
+
+.com-testquestions .odp p,
+.com-testquestions .odpp p,
+.com-testquestions .odpu p,
+.com-testquestions .odpup p,
+.com-testquestions .odp input,
+.com-testquestions .odpp input,
+.com-testquestions .odpu input,
+.com-testquestions .odpup input {
+    margin: 0;
+}
+
+.com-testquestions .answer-list {
+    padding: 0;
+    list-style: none;
+}
+
+.com-testquestions .answer-list label {
+    display: block;
+    cursor: pointer;
+}
+
+.com-testquestions select.egzamin {
+    color: #4a86cf;
+    padding: 5px;
+    border: solid 1px #dfe3e7;
+    border-radius: .25rem;
+    width: 100%;
+    margin-bottom: 3px;
+    box-shadow: 4px 4px 4px rgba(0, 0, 0, .4);
+}
+
+.com-testquestions input.egzamin {
+    color: white;
+    background: #4a86cf;
+    padding: 5px;
+    border: solid 1px #dfe3e7;
+    border-radius: .25rem;
+    margin: 3px 10px 5px 0;
+    box-shadow: 4px 4px 4px rgba(0, 0, 0, .4);
+}
+
+.com-testquestions .test-result {
+    margin: 15px 5px;
+}