html {
position: relative;
min-height: 100%;
}
body {
background-color: #2e4150;
margin-bottom: 70px; /*Равно высоте подвала*/
}
main {
height: 100% !important;
}
select {
background-color: #385a80;
color: white;
font-weight: bold;
font-size: 2.5vw;
border: none;
border-radius: 2px;
text-align: center;
}
select option {
background-color: #385a80;
color: white;
font-weight: bold;
font-size: auto;
border-radius: 2px;
width: 100%;
}
nav {
font-family: sans-serif;
background-color:#385a80 !important;
min-height: 100px;
}
footer {
position: fixed;
left: 0;
bottom: 0;
background-color: #385a80;
height: 70px;
max-height: 100px;
width: 100%;
font-family: sans-serif;
color:white;
font-size: calc(2vw + 8px) !important;
font-weight: 600;
}
.navbar > div > a {
font-size: calc(18px + 2vw) !important;
}
.navbar-nav > a {
font-family: sans-serif;
color: white;
font-size: calc(12px + 2vw);
font-weight: 600;
}
.container-fluid > a {
font-family: sans-serif;
color: white;
font-size: 32px;
font-weight: 600;
}
/* ГЛАВНАЯ СТРАНИЦА */
.btn_for_game_main_page {
border: none;
size: 0.5rem;
background-color: #385a80 !important;
color: white;
font-size: calc(1vh + 0.5vw) !important;
margin-right: 1rem;
border-radius: 3px;
}
.name_of_game_main_page {
color: white;
font-size: 3vw !important;
margin-left: 1vw !important;
}
.price_of_game_main_page {
color: white;
font-size: 2.7vw !important;
margin-left: 1vw !important;
font-weight: 600 !important;
margin-bottom: 0;
margin-top: -3px;
}
.table_of_main_page {
border-collapse: separate;
}
@media (max-width: 420px) {
.table_of_main_page {
border-spacing: 0 0;
}
}
@media (min-width: 420px) {
.table_of_main_page {
border-spacing: 0 0.5vw;
}
}
.cell1_main_page {
width: 20% !important;
}
.cell2_main_page {
width: 60% !important;
}
main > .container-fluid {
display: flex;
flex-direction: column;
}
.btn_searching {
background-color: #385a80 !important;
color: white !important;
font-weight: bold;
}
.searching_input {
size: 2vw !important;
}
.btn_adding_game {
background-color: #385a80 !important;
color: white !important;
font-weight: bold !important;
border: none !important;
border-radius: 3px;
}
/* СТРАНИЦА С ОПИСАНИЕМ ИГРЫ */
.info_about_game_pic_and_name {
display: flex;
align-items: center;
height: 40% !important;
}
.info_about_game_name {
color: white;
font-weight: 700;
align-items: center !important;
font-size: calc(3vw + 2vh) !important;
}
.info_about_game_text {
color: white;
align-items: center !important;
font-size: calc(2vw + 2vh) !important;
}
.info_about_game_add_to_basket_button {
background-color: #385a80;
color: white;
font-family: sans-serif;
font-size: calc(2.5vw + 1.5vh);
border: none;
border-radius: 3px;
}
.info_about_game_div_button {
border: 1px white;
align-items: center !important;
}
/* СТРАНИЦЫ АККАУНТА */
.account_text {
font-family: sans-serif;
color: white;
font-size: calc(2.5vw + 1.5vh);
font-weight: 600;
text-decoration: none;
}
.account_btn {
background-color:#385a80;
color: white;
font-family: sans-serif;
font-size: calc(2.5vw + 1.5vh);
border: none;
border-radius: 3px;
font-weight: 500;
}
.mt-25vh {
margin-top: 25vh;
}
.mt-20vh {
margin-top: 20vh;
}
/* БИБЛИОТЕКА */
.library_name_of_game {
color: white;
font-size: calc(3vw + 0.5vh);
font-weight: 600;
margin-left: 0.5vw;
}
.table_of_library {
border-collapse: separate;
border-spacing: 0 0.5vw;
}
.cell1_library {
width: 20%;
}
.cell2_library {
width: 60%;
}
/* КОРЗИНА */
.basket_name_of_game {
color: white;
font-family: sans-serif;
font-size: 3vw;
font-size: auto;
margin: 0;
}
.basket_price_of_games{
color: white;
font-size: 3vw;
margin-bottom: auto;
font-weight: 600;
}
.basket_delete_button {
font-family: sans-serif;
border: none !important;
background: none !important;
color: white !important;
font-size: 3vw !important;
}
.basket_buy_button {
background-color: #385a80;
color: white;
font-family: sans-serif;
font-size: 3vw;
border: none;
border-radius: 3px;
}
.cell1_basket {
width: 20% !important;
}
.cell2_basket {
width: 50% !important;
vertical-align: middle;
text-align: center;
}
.cell3_basket {
width: 20% !important;
}
tfoot {
border-color: #2e4150;
}
/* СТРАНИЦА АДМИНА */
.admin_panel {
margin-left: 20%;
margin-right: 20%;
}
.span_admin_panel {
background-color: #385a80 !important;
color: white !important;
font-weight: bold;
}
@media (min-width: 600px) {
.span_admin_panel {
font-size: 1.5vw;
}
}
@media (max-width: 600px) {
.span_admin_panel {
font-size: 3vw;
}
}
.btn_admin_panel {
border: none;
background-color: #385a80 !important;
color: white;
font-size: calc(1.5vh + 1vw) !important;
border-radius: 3px;
}