allllen4a/PIbd-21_Zhirnova_A._E._Internet_Programming
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Lab3

Browse Source
This commit is contained in:
allllen4a 2023-12-06 19:04:25 +03:00
parent d4af8ce3e1
commit 0c03e94f57
1 changed files with 418 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

418
Laba3/css/style.css Normal file
View File

@ -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;
}
}