<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Tallinna Tehnikaülikooli stiiliraamatu põhjal loodud stiilid */

/*
--- Värvipalett ---
TT Magenta: #e4067e
TT Burgundy: #aa1352
TT Dark Blue: #342b60
TT Light Blue: #4dbed2
TT Grey 1: #9396b0
TT Grey 2: #dadae4
TT White: #FFFFFF
TT Black: #000000
*/

:root {
  --taltech-magenta: #e4067e;
  --taltech-burgundy: #aa1352;
  --taltech-dark-blue: #342b60;
  --taltech-light-blue: #4dbed2;
  --taltech-grey-1: #9396b0;
  --taltech-grey-2: #dadae4;
  --taltech-white: #FFFFFF;
  --taltech-black: #000000;
  
  --bs-primary-rgb: 228, 6, 126; /* TT Magenta */
  --bs-secondary-rgb: 52, 43, 96; /* TT Dark Blue */
  --bs-link-color: var(--taltech-burgundy);
  --bs-link-hover-color: var(--taltech-dark-blue);
  
  --bs-body-font-family: Verdana, sans-serif;
  --bs-body-bg: var(--taltech-white);
  --bs-body-color: var(--taltech-black);
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main {
  flex-grow: 1;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: bold;
  text-transform: uppercase;
  color: var(--taltech-dark-blue);
}

.card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
    transition: 0.3s;
    border-radius: 8px;
    border-color: var(--taltech-grey-2);
}

.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.card-header h1 {
    margin-bottom: 0;
}

.btn-primary, .btn-secondary, .btn-outline-secondary {
    font-weight: bold;
    text-transform: uppercase;
}

.btn-primary {
    background-color: var(--taltech-magenta);
    border-color: var(--taltech-magenta);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: var(--taltech-burgundy);
    border-color: var(--taltech-burgundy);
}

.btn-secondary {
    background-color: var(--taltech-dark-blue);
    border-color: var(--taltech-dark-blue);
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
    background-color: #1e1833;
    border-color: #1e1833;
}


/* Lehtede taustavärvid erinevate testitüüpide jaoks */

/* Ühekordne hindamine (vaikimisi ja valik.php) */
.bg-hindamine {
    background-color: #f8f9fa; /* Neutraalne helehall */
}

/* Harjutamine (valik_harjuta.php) */
.bg-harjutamine {
    background-color: #eef9fb; /* Väga hele sinine --taltech-light-blue alusel */
}

/* Harjutamisega hindamine (valik_hh.php) */
.bg-harjutamisega-hindamine {
    background-color: #fceef5; /* Väga hele roosa/magenta --taltech-magenta alusel */
}


/* Kella stiilid */
#kell-container {
    font-size: 1.5rem;
    font-weight: bold;
}

#kell-container .aega-tekst {
    color: var(--bs-secondary);
}

#kell-container .aeg {
    font-family: 'Courier New', Courier, monospace;
    color: var(--bs-body-color);
}

#kell-container.aeg-yle .aega-tekst {
    color: var(--bs-danger);
}
#kell-container.aeg-yle .aeg {
    color: var(--bs-danger);
}


/* Keelevaliku nupud */
.lang-switch a {
    text-decoration: none;
}
.lang-switch img {
    height: 24px;
    width: auto;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}


/* Raami lehe jaoks */
html.frame-page,
body.frame-page {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.frame-kell {
    flex: 0 0 100px; /* Fikseeritud kõrgus kellale */
    border: none;
    width: 100%;
}

.frame-kysimused {
    flex-grow: 1; /* Võtab ülejäänud ruumi */
    border: none;
    width: 100%;
}


/* Kysimused.php stiilid */
.question-card {
    transition: all 0.3s ease-in-out;
}
.question-card.marked-for-review {
    border-color: var(--taltech-magenta) !important;
    box-shadow: 0 0 .5rem rgba(228, 6, 126, 0.5);
}
.question-card .card-header {
    background-color: rgba(0,0,0,0.015);
}

.form-check-label {
    cursor: pointer;
}

/* Hinda.php stiilid */
.grade-display {
    font-size: 3rem;
    font-weight: bold;
    color: var(--taltech-dark-blue);
}

.table-grade-user {
    background-color: var(--taltech-light-blue) !important;
    color: var(--taltech-black) !important;
    font-weight: bold;
}
.table-grade-user td {
    background-color: inherit !important;
}

.correctness-badge {
    min-width: 80px;
    text-align: center;
    display: inline-block;
    color: white;
    font-weight: bold;
    border-radius: .25rem;
    padding: .25em .6em;
}
.badge-correct {
    background-color: #198754; /* Bootstrap success green */
}
.badge-incorrect {
    background-color: #dc3545; /* Bootstrap danger red */
}


/* valik_harjuta.php and valik_hh.php */
.list-group-item .exercise-details {
    font-size: 0.9em;
    color: #6c757d; /* Bootstrap's text-muted */
}
.list-group-item .exercise-stats {
    font-size: 0.85em;
    color: var(--taltech-dark-blue);
    background-color: rgba(77, 190, 210, 0.1); /* light blue tint */
    padding: 0.75rem;
    border-radius: 0.25rem;
    margin-top: 0.75rem;
    border-left: 4px solid var(--taltech-light-blue);
}
.list-group-item .exercise-stats b {
    color: var(--taltech-burgundy);
}

.suspicious-warning {
    color: var(--bs-danger);
    font-weight: bold;
    font-style: italic;
}

/* index.php secondary actions */
.list-group-item-action {
    font-weight: 500;
    color: var(--taltech-dark-blue);
    text-transform: uppercase;
    font-weight: bold;
}
.list-group-item-action i {
    color: var(--taltech-magenta);
}

/* Hover effect for answer options */
.answer-option {
    transition: background-color 0.15s ease-in-out;
}
.answer-option:hover {
    background-color: #f8f9fa; /* A light grey hover effect, same as .bg-light */
}</pre></body></html>