diff --git a/Laba3/css/style.css b/Laba3/css/style.css new file mode 100644 index 0000000..c15f36c --- /dev/null +++ b/Laba3/css/style.css @@ -0,0 +1,418 @@ +header nav { + background-color: #382F1E; + color: #000000; + font-family: Santa Catarina; +} + +@media (min-width: 768px) { + header nav { + font-family: 'Santa Catarina', Arial, sans-serif; + height: 64px; + } + +} +body { + overflow-x: hidden; + background-color: #403928; + color: white; + font-family: Santa Catarina; +} + +.img-fluid { + width: 100%; + height: auto; +} + +header nav a:hover { + font-family: Santa Catarina; + text-decoration: underline; +} + +footer { + width: 100%; + font-family: Santa Catarina; + background-color: #382F1E; + color: white; + text-align: center; + padding: 10px 0; + + bottom: 0; + left: 0; +} + +h1 { + font-family: Santa Catarina; + color: black; +} + +h2 { + font-family: Santa Catarina; + color: black; +} + +h3 { + font-family: Santa Catarina; + color: black; +} + +h4 { + color: #000000; + font-family: Santa Catarina; +} + +h5 { + color: #000000; + font-family: Santa Catarina; +} + + +.index .navbar-toggler { + display: none; +} +.index .btn-custom { + font-family: 'Santa Catarina', Arial, sans-serif; + background-color: #382F1E; + font-size: 12px; +} + +@media (max-width: 768px) { + .index .navbar-toggler { + display: inline-block; + } +} +@media (max-width: 576px) { + .index h1 { + font-size: 48px; + text-align: center; + } + .index h2 { + font-size: 24px; + text-align: center; + } + .index h3 { + font-size: 18px; + text-align: center; + } + .index .btn-custom { + font-size: 12px; + } +} + +@media (min-width: 576px) { + .index h1 { + font-size: 248px; + text-align: center; + margin-top: 30px; + } + .index h2 { + font-size: 62px; + text-align: center; + margin-top: 15px; + } + .index h3 { + font-size: 30px; + text-align: center; + margin-top: 10px; + } + .index .btn-custom { + font-size: 12px; + } +} + + +.page2 .img-fluid { + width: 260px; + height: 372px; +} + +.page2 .navbar-toggler { + display: none; +} +.page2 .img-fluid { + width: 100%; + height: auto; +} + +@media (max-width: 768px) { + .page2 .navbar-toggler { + display: inline-block; + } +} +@media (max-width: 576px) { + .page2 h2 { + font-size: 2em; + } + .page2 h1 { + font-size: 1em; + } +} + +@media (min-width: 576px) { + .page2 h2 { + font-size: 10em; + } + .page2 h1 { + font-size: 2.5em; + } +} + +.page3 .navbar-toggler { + display: none; +} + +@media (max-width: 768px) { + .page3 .navbar-toggler { + display: inline-block; + } +} + + +.page4 .navbar-toggler { + display: none; +} + + +@media (max-width: 768px) { + .page4 .navbar-toggler { + display: inline-block; + } +} +@media (max-width: 576px) { +.page4 h1 { +font-size: 36px; + +} +.page4 h2 { +font-size: 36px; + +} +} + +@media (min-width: 576px) { +.page4 h1 { +font-size: 80px; + +} +.page4 h2 { +font-size: 60px; + +} +} + +.page5 .form-control { + font-size: 20px; + margin-top: 10px; +} + +.page5 .btn-custom { + font-family: 'Santa Catarina', Arial, sans-serif; + background-color: #382F1E; + color: white; + font-weight: bold; + margin-top: 20px; +} +@media (max-width: 576px) { +.page5 h1 { +font-size: 48px; +} +} +@media (min-width: 576px) { +.page5 h1 { +font-size: 10em; +} +} + +.LK .row.justify-content-center { + height: 100vh; + align-items: center; +} + +.LK .form-label { + font-size: 24px; + margin-bottom: 10px; +} + +.LK .form-control { + font-size: 20px; + margin-top: 10px; +} + +.LK .btn-custom { + font-family: 'Santa Catarina', Arial, sans-serif; + background-color: #382F1E; + color: white; + font-weight: bold; + margin-top: 20px; +} + +.LK .btn-edit { + font-family: 'Santa Catarina', Arial, sans-serif; + background-color: #3E5B7C; + color: white; + font-weight: bold; + margin-top: 20px; +} +@media (max-width: 576px) { +.LK h1 { +font-size: 48px; +} +} + + +@media (min-width: 576px) { +.LK h1 { +font-size: 10em; +} +} + + +.regadmin .row.justify-content-center { + height: 100vh; + align-items: center; +} + +.regadmin .form-label { + font-size: 24px; + margin-bottom: 10px; +} + +.regadmin .form-control { + font-size: 20px; + margin-top: 10px; +} + +.regadmin .btn-custom { + font-family: 'Santa Catarina', Arial, sans-serif; + background-color: #382F1E; + color: white; + font-weight: bold; + margin-top: 20px; +} + +@media (max-width: 576px) { + .regadmin h1 { + font-size: 48px; + } +} +@media (min-width: 576px) { + .regadmin h1 { + font-size: 10em; + } +} + + + +.regadmin2 .row.justify-content-center { + height: 100vh; + align-items: center; +} + + + +.regadmin2 .form-label { + font-size: 24px; + margin-bottom: 10px; +} + +.regadmin2 .form-control { + font-size: 20px; + margin-top: 10px; +} + +.regadmin2 .btn-custom { + font-family: 'Santa Catarina', Arial, sans-serif; + background-color: #382F1E; + color: white; + font-weight: bold; + margin-top: 20px; +} + +@media (max-width: 576px) { + .regadmin2 h1.text-center { + font-size: 48px; + } +} +@media (min-width: 576px) { + .regadmin2 h1.text-center { + font-size: 10em; + } +} + +.registration .row.justify-content-center { + height: 100vh; + align-items: center; +} + +.registration .form-label { + font-size: 24px; + margin-bottom: 10px; +} + +.registration .form-control { + font-size: 20px; + margin-top: 10px; +} + +.registration .btn-custom { + font-family: 'Santa Catarina', Arial, sans-serif; + background-color: #382F1E; + color: white; + font-weight: bold; + margin-top: 20px; +} + +@media (max-width: 576px) { +.registration h1.text-center { +font-size: 48px; +} +} + + +@media (min-width: 576px) { +.registration h1.text-center { +font-size: 10em; +} +} + + +.otherpage .row.justify-content-center { + height: 100vh; + align-items: center; +} + +.otherpage .form-label { + font-size: 24px; + margin-bottom: 10px; +} + +.otherpage .form-control { + font-size: 20px; + margin-top: 10px; +} + +.otherpage .btn-custom { + font-family: 'Santa Catarina', Arial, sans-serif; + background-color: #382F1E; + color: white; + font-weight: bold; + margin-top: 20px; +} + +.otherpage .btn-edit { + font-family: 'Santa Catarina', Arial, sans-serif; + background-color: #3E5B7C; + color: white; + font-weight: bold; + margin-top: 20px; +} +@media (max-width: 576px) { +.otherpage h1 { +font-size: 48px; +} +} + +@media (min-width: 576px) { +.otherpage h1 { +font-size: 10em; +} +} \ No newline at end of file