Подготовил направления
This commit is contained in:
8 files changed
+974
-18
No files matched your search
@@ -0,0 +1,15 @@
|
||||
using System.Diagnostics;
|
||||
using Microsoft.AspNetCore.Mvc;
|
||||
using PaydayFrontend.Models;
|
||||
|
||||
namespace PaydayFrontend.Controllers;
|
||||
|
||||
public class AdminController : Controller
|
||||
{
|
||||
|
||||
[ResponseCache(Duration = 0, Location = ResponseCacheLocation.None, NoStore = true)]
|
||||
public IActionResult Error()
|
||||
{
|
||||
return View(new ErrorViewModel { RequestId = Activity.Current?.Id ?? HttpContext.TraceIdentifier });
|
||||
}
|
||||
}
|
||||
@@ -28,12 +28,19 @@ public class HomeController : Controller
|
||||
return View(universities.ToList());
|
||||
}
|
||||
|
||||
public IActionResult SecondPage([FromQuery] long universityId)
|
||||
[Route("Directions")]
|
||||
public IActionResult Directions(long universityId)
|
||||
{
|
||||
Console.WriteLine(universityId);
|
||||
if (universityId == 0)
|
||||
return RedirectToAction("Index");
|
||||
|
||||
|
||||
|
||||
return View();
|
||||
}
|
||||
|
||||
public IActionResult ThirdPage()
|
||||
public IActionResult Credits()
|
||||
{
|
||||
return View();
|
||||
}
|
||||
|
||||
@@ -0,0 +1,11 @@
|
||||
namespace PaydayFrontend.Models;
|
||||
|
||||
public class Direction
|
||||
{
|
||||
public long Id { get; set; }
|
||||
public long UniversityId { get; set; }
|
||||
public string Code { get; set; }
|
||||
public string Name { get; set; }
|
||||
public string Url { get; set; }
|
||||
public int PlaceCost { get; set; }
|
||||
}
|
||||
@@ -6,6 +6,7 @@ namespace PaydayFrontend.Services;
|
||||
public interface IUniversityService
|
||||
{
|
||||
public Task<List<University>> GetAllUniversity();
|
||||
public Task<List<University>> GetDirectionsByUniversityId();
|
||||
}
|
||||
|
||||
public class UniversityService : IUniversityService
|
||||
@@ -28,4 +29,15 @@ public class UniversityService : IUniversityService
|
||||
});
|
||||
return university;
|
||||
}
|
||||
|
||||
public async Task<List<University>> GetDirectionsByUniversityId()
|
||||
{
|
||||
var response = await _httpClient.GetAsync("v1/public/university");
|
||||
var result = await response.Content.ReadAsStringAsync();
|
||||
var university = JsonSerializer.Deserialize<List<University>>(result, new JsonSerializerOptions
|
||||
{
|
||||
PropertyNameCaseInsensitive = true
|
||||
});
|
||||
return university;
|
||||
}
|
||||
}
|
||||
File renamed without changes.
+7
-5
@@ -22,10 +22,12 @@
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="navigation_slid">
|
||||
<span class="navigation_slid_disable"></span>
|
||||
<span class="navigation_slid_active"></span>
|
||||
<span class="navigation_slid_disable"></span>
|
||||
<span class="navigation_slid_disable"></span>
|
||||
<div class="navigation_choise">
|
||||
<div class="navigation_slid">
|
||||
<span class="navigation_slid_disable"></span>
|
||||
<span class="navigation_slid_active"></span>
|
||||
<span class="navigation_slid_disable"></span>
|
||||
<span class="navigation_slid_disable"></span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -14,27 +14,26 @@
|
||||
@{
|
||||
foreach (var university in Model)
|
||||
{
|
||||
<div universityId="@university.Id" class="col-2 universe_card universe_card_text">
|
||||
<a href="Directions?UniversityId=@university.Id" class="col-2 universe_card universe_card_text">
|
||||
<img src="@university.ImageUrl" alt="universe" class="universe_icon">
|
||||
@university.Name
|
||||
@if (university.MinPlaceCost != 0)
|
||||
{
|
||||
<span>от @university.MinPlaceCost тыс. руб</span>
|
||||
}
|
||||
</div>
|
||||
</a>
|
||||
}
|
||||
}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<a asp-controller="Home" asp-action="SecondPage">
|
||||
<input type="button" class="btn btn-primary"/>
|
||||
</a>
|
||||
<div class="universe_slid">
|
||||
<span class="universe_slid_active"></span>
|
||||
<span class="universe_slid_disable"></span>
|
||||
<span class="universe_slid_disable"></span>
|
||||
<span class="universe_slid_disable"></span>
|
||||
<div class="navigation_choise">
|
||||
<div class="navigation_slid">
|
||||
<span class="navigation_slid_active"></span>
|
||||
<span class="navigation_slid_disable"></span>
|
||||
<span class="navigation_slid_disable"></span>
|
||||
<span class="navigation_slid_disable"></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
@@ -1 +1,911 @@
|
||||
*{font-family:"Roboto",sans-serif}header{z-index:1;position:fixed;top:0px;width:100%;height:70px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff}.fixed{width:100px;background-color:#fff;height:70px}.menu{width:435px;height:58px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:88px}.menu_logo{width:40px;height:52px}.menu_project_name{margin-left:20px}.menu_project_name_text{color:#20d37d;font-size:48px;font-style:normal;font-weight:500}.menu_hamburger{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:block;position:absolute;left:50px;top:11px;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:50px;width:50px;background-color:#20d37d;border-radius:9px}.menu_hamburger span{display:block;height:5px;width:32px;background-color:#fff;margin:0 9px 6px 9px}.menu_hamburger span:nth-child(1){margin-top:12px}.menu_hamburger span:nth-child(3){margin-bottom:12px}.menu_hamburger_active{-webkit-transition:.8 all;transition:.8 all}.menu_hamburger_active span:nth-child(1){margin-top:12px;-webkit-transform:translateY(12px) rotate(-45deg);transform:translateY(12px) rotate(-45deg)}.menu_hamburger_active span:nth-child(2){display:none}.menu_hamburger_active span:nth-child(3){margin-top:12px;-webkit-transform:translateY(-5px) rotate(45deg);transform:translateY(-5px) rotate(45deg)}.header_login{display:block;height:100%;padding-left:19px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:10px;width:290px;height:71px;background-color:#43ca79;border-radius:40px;color:#fff;font-size:32px;font-style:normal;font-weight:500}.header_login_text{padding-top:6px;height:100%;margin-left:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#000;font-size:22px;font-style:normal;font-weight:500}.universe{position:relative;min-height:640px;padding:90px 0 60px 0;background:-webkit-gradient(linear, left bottom, left top, from(#ECECEC), to(#ECECEC)),#e8e8e8;background:linear-gradient(0deg, #ECECEC 0%, #ECECEC 100%),#e8e8e8}.universe_input_block{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px;margin-bottom:25px}.universe_input{padding-left:20px;height:100%;border-radius:40px;display:block;width:100%;border:0px}.universe_input:focus{outline:none;border:1px solid gray}.universe_search{height:35px;width:35px;position:absolute;right:30px}.universe_card{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 30px 20px 0;height:205px;width:205px;background-color:#fff;border-radius:44px}.universe_card:nth-child(6){margin-right:0px}.universe_card:nth-child(11){margin-right:0px}.universe_card_text{color:#2a2a2a;font-size:24px;font-style:normal;font-weight:500}.universe_card_text span{color:#50d400;font-size:16px;font-style:normal;font-weight:500}.universe_icon{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;height:130px;width:130px}.universe_slid{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;height:18px;width:112px;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;bottom:30px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.universe_slid_active{width:20px;margin-right:8px;border-radius:50%;background-color:#fff}.universe_slid_disable span{width:20px;margin-right:8px;border-radius:50%;background-color:#aeaeae}.navigation{background:-webkit-gradient(linear, left bottom, left top, from(#ECECEC), to(#ECECEC)),#e8e8e8;background:linear-gradient(0deg, #ECECEC 0%, #ECECEC 100%),#e8e8e8;min-height:660px;padding:22px 0 30px 0;margin-top:72px}.navigation_input_block{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:60px;margin-bottom:60px}.navigation_input{padding-left:20px;height:100%;border-radius:40px;display:block;width:100%;border:0px;Line truncated
|
||||
* {
|
||||
font-family: "Roboto", sans-serif
|
||||
}
|
||||
|
||||
header {
|
||||
z-index: 1;
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 70px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
-ms-flex-line-pack: center;
|
||||
align-content: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
background-color: #fff
|
||||
}
|
||||
|
||||
.fixed {
|
||||
width: 100px;
|
||||
background-color: #fff;
|
||||
height: 70px
|
||||
}
|
||||
|
||||
.menu {
|
||||
width: 435px;
|
||||
height: 58px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: left;
|
||||
-ms-flex-pack: left;
|
||||
justify-content: left;
|
||||
-ms-flex-line-pack: center;
|
||||
align-content: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
margin-left: 88px
|
||||
}
|
||||
|
||||
.menu_logo {
|
||||
width: 40px;
|
||||
height: 52px
|
||||
}
|
||||
|
||||
.menu_project_name {
|
||||
margin-left: 20px
|
||||
}
|
||||
|
||||
.menu_project_name_text {
|
||||
color: #20d37d;
|
||||
font-size: 48px;
|
||||
font-style: normal;
|
||||
font-weight: 500
|
||||
}
|
||||
|
||||
.menu_hamburger {
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 50px;
|
||||
top: 11px;
|
||||
-webkit-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
background-color: #20d37d;
|
||||
border-radius: 9px
|
||||
}
|
||||
|
||||
.menu_hamburger span {
|
||||
display: block;
|
||||
height: 5px;
|
||||
width: 32px;
|
||||
background-color: #fff;
|
||||
margin: 0 9px 6px 9px
|
||||
}
|
||||
|
||||
.menu_hamburger span:nth-child(1) {
|
||||
margin-top: 12px
|
||||
}
|
||||
|
||||
.menu_hamburger span:nth-child(3) {
|
||||
margin-bottom: 12px
|
||||
}
|
||||
|
||||
.menu_hamburger_active {
|
||||
-webkit-transition: .8 all;
|
||||
transition: .8 all
|
||||
}
|
||||
|
||||
.menu_hamburger_active span:nth-child(1) {
|
||||
margin-top: 12px;
|
||||
-webkit-transform: translateY(12px) rotate(-45deg);
|
||||
transform: translateY(12px) rotate(-45deg)
|
||||
}
|
||||
|
||||
.menu_hamburger_active span:nth-child(2) {
|
||||
display: none
|
||||
}
|
||||
|
||||
.menu_hamburger_active span:nth-child(3) {
|
||||
margin-top: 12px;
|
||||
-webkit-transform: translateY(-5px) rotate(45deg);
|
||||
transform: translateY(-5px) rotate(45deg)
|
||||
}
|
||||
|
||||
.header_login {
|
||||
display: block;
|
||||
height: 100%;
|
||||
padding-left: 19px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
margin-right: 10px;
|
||||
width: 290px;
|
||||
height: 71px;
|
||||
background-color: #43ca79;
|
||||
border-radius: 40px;
|
||||
color: #fff;
|
||||
font-size: 32px;
|
||||
font-style: normal;
|
||||
font-weight: 500
|
||||
}
|
||||
|
||||
.header_login_text {
|
||||
padding-top: 6px;
|
||||
height: 100%;
|
||||
margin-left: 10px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
color: #000;
|
||||
font-size: 22px;
|
||||
font-style: normal;
|
||||
font-weight: 500
|
||||
}
|
||||
|
||||
.universe {
|
||||
position: relative;
|
||||
min-height: 640px;
|
||||
padding: 90px 0 60px 0;
|
||||
background: -webkit-gradient(linear, left bottom, left top, from(#ECECEC), to(#ECECEC)), #e8e8e8;
|
||||
background: linear-gradient(0deg, #ECECEC 0%, #ECECEC 100%), #e8e8e8
|
||||
}
|
||||
|
||||
.universe_input_block {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
position: relative;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
height: 50px;
|
||||
margin-bottom: 25px
|
||||
}
|
||||
|
||||
.universe_input {
|
||||
padding-left: 20px;
|
||||
height: 100%;
|
||||
border-radius: 40px;
|
||||
display: block;
|
||||
width: 100%;
|
||||
border: 0px
|
||||
}
|
||||
|
||||
.universe_input:focus {
|
||||
outline: none;
|
||||
border: 1px solid gray
|
||||
}
|
||||
|
||||
.universe_search {
|
||||
height: 35px;
|
||||
width: 35px;
|
||||
position: absolute;
|
||||
right: 30px
|
||||
}
|
||||
|
||||
.universe_card {
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-ms-flex-line-pack: center;
|
||||
align-content: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
margin: 0 30px 20px 0;
|
||||
height: 205px;
|
||||
width: 205px;
|
||||
background-color: #fff;
|
||||
border-radius: 44px
|
||||
}
|
||||
|
||||
.universe_card:nth-child(6) {
|
||||
margin-right: 0px
|
||||
}
|
||||
|
||||
.universe_card:nth-child(11) {
|
||||
margin-right: 0px
|
||||
}
|
||||
|
||||
.universe_card_text {
|
||||
text-decoration: none;
|
||||
color: #2a2a2a;
|
||||
font-size: 24px;
|
||||
font-style: normal;
|
||||
font-weight: 500
|
||||
}
|
||||
|
||||
.universe_card_text span {
|
||||
color: #50d400;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
font-weight: 500
|
||||
}
|
||||
|
||||
.universe_icon {
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
height: 130px;
|
||||
width: 130px
|
||||
}
|
||||
|
||||
.universe_slid {
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
height: 18px;
|
||||
width: 112px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
position: absolute;
|
||||
bottom: 30px;
|
||||
left: 50%;
|
||||
-webkit-transform: translateX(-50%);
|
||||
transform: translateX(-50%)
|
||||
}
|
||||
|
||||
.universe_slid_active {
|
||||
width: 20px;
|
||||
margin-right: 8px;
|
||||
border-radius: 50%;
|
||||
background-color: #fff
|
||||
}
|
||||
|
||||
.universe_slid_disable span {
|
||||
width: 20px;
|
||||
margin-right: 8px;
|
||||
border-radius: 50%;
|
||||
background-color: #aeaeae
|
||||
}
|
||||
|
||||
.navigation {
|
||||
background: -webkit-gradient(linear, left bottom, left top, from(#ECECEC), to(#ECECEC)), #e8e8e8;
|
||||
background: linear-gradient(0deg, #ECECEC 0%, #ECECEC 100%), #e8e8e8;
|
||||
min-height: 660px;
|
||||
padding: 22px 0 30px 0;
|
||||
margin-top: 72px
|
||||
}
|
||||
|
||||
.navigation_input_block {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
position: relative;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
height: 60px;
|
||||
margin-bottom: 60px
|
||||
}
|
||||
|
||||
.navigation_input {
|
||||
padding-left: 20px;
|
||||
height: 100%;
|
||||
border-radius: 40px;
|
||||
display: block;
|
||||
width: 100%;
|
||||
border: 0px;
|
||||
font-size: 20px
|
||||
}
|
||||
|
||||
.navigation_input:focus {
|
||||
outline: none;
|
||||
border: 1px solid gray
|
||||
}
|
||||
|
||||
.navigation_fixed {
|
||||
background: -webkit-gradient(linear, left bottom, left top, from(rgb(236, 236, 236)), to(rgb(236, 236, 236))), #e8e8e8;
|
||||
background: linear-gradient(0deg, rgb(236, 236, 236) 0%, rgb(236, 236, 236) 100%), #e8e8e8;
|
||||
height: 80px;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 65px
|
||||
}
|
||||
|
||||
.navigation #navigation {
|
||||
height: 70px;
|
||||
padding-top: 15px;
|
||||
top: 66px;
|
||||
width: 90%;
|
||||
left: 5%
|
||||
}
|
||||
|
||||
.navigation_banks {
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
background: -webkit-gradient(linear, left bottom, left top, from(#ECECEC), to(#ECECEC)), #e8e8e8;
|
||||
background: linear-gradient(0deg, #ECECEC 0%, #ECECEC 100%), #e8e8e8;
|
||||
position: fixed;
|
||||
top: 60px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
height: 56px;
|
||||
margin-bottom: 10px
|
||||
}
|
||||
|
||||
.navigation_banks_univer {
|
||||
width: 12%;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
border-radius: 50px;
|
||||
background-color: #fff;
|
||||
color: #20d37d;
|
||||
font-size: 22px;
|
||||
font-style: normal;
|
||||
font-weight: 500
|
||||
}
|
||||
|
||||
.navigation_banks_speciality {
|
||||
width: 82%;
|
||||
margin-left: 10px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
border-radius: 50px;
|
||||
background-color: #fff;
|
||||
color: #20d37d;
|
||||
font-size: 20px;
|
||||
font-style: normal;
|
||||
font-weight: 500
|
||||
}
|
||||
|
||||
.navigation_banks_sort {
|
||||
width: 57px;
|
||||
margin-left: 10px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
border-radius: 50%;
|
||||
background-color: #fff
|
||||
}
|
||||
|
||||
.navigation_banks_sort_hamburger {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
background-color: #fff
|
||||
}
|
||||
|
||||
.navigation_banks_sort_hamburger span {
|
||||
border-radius: 6px;
|
||||
display: block;
|
||||
height: 5px;
|
||||
width: 27px;
|
||||
background-color: #20d37d;
|
||||
margin: 0 9px 6px 9px
|
||||
}
|
||||
|
||||
.navigation_banks_sort_hamburger span:nth-child(1) {
|
||||
margin-top: 12px
|
||||
}
|
||||
|
||||
.navigation_banks_sort_hamburger span:nth-child(2) {
|
||||
width: 19px
|
||||
}
|
||||
|
||||
.navigation_banks_sort_hamburger span:nth-child(3) {
|
||||
width: 11px;
|
||||
margin-bottom: 12px
|
||||
}
|
||||
|
||||
.navigation_banks_sort_active {
|
||||
-webkit-transition: .8 all;
|
||||
transition: .8 all
|
||||
}
|
||||
|
||||
.navigation_banks_sort_active span:nth-child(1) {
|
||||
margin-top: 12px;
|
||||
-webkit-transform: translateY(12px) rotate(-45deg);
|
||||
transform: translateY(12px) rotate(-45deg)
|
||||
}
|
||||
|
||||
.navigation_banks_sort_active span:nth-child(2) {
|
||||
display: none
|
||||
}
|
||||
|
||||
.navigation_banks_sort_active span:nth-child(3) {
|
||||
margin-top: 12px;
|
||||
-webkit-transform: translateY(-5px) rotate(45deg);
|
||||
transform: translateY(-5px) rotate(45deg)
|
||||
}
|
||||
|
||||
.navigation_search {
|
||||
height: 35px;
|
||||
width: 35px;
|
||||
position: absolute;
|
||||
right: 30px
|
||||
}
|
||||
|
||||
.navigation_info {
|
||||
position: relative;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
height: 56px;
|
||||
background-color: #fff;
|
||||
border-radius: 50px
|
||||
}
|
||||
|
||||
.navigation_info_text {
|
||||
color: #545454;
|
||||
font-size: 20px;
|
||||
font-style: normal;
|
||||
font-weight: 500
|
||||
}
|
||||
|
||||
.navigation .container_flex {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center
|
||||
}
|
||||
|
||||
.navigation_cost {
|
||||
position: absolute;
|
||||
right: 150px;
|
||||
color: #20d37d;
|
||||
font-size: 20px;
|
||||
font-style: normal;
|
||||
font-weight: 500
|
||||
}
|
||||
|
||||
.navigation_card {
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-ms-flex-line-pack: center;
|
||||
align-content: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
margin-left: 30px;
|
||||
height: 60px;
|
||||
width: 880px;
|
||||
background-color: #fff;
|
||||
border-radius: 44px
|
||||
}
|
||||
|
||||
.navigation_card_text {
|
||||
color: #2a2a2a;
|
||||
font-size: 24px;
|
||||
font-style: normal;
|
||||
font-weight: 500
|
||||
}
|
||||
|
||||
.navigation_card_text span {
|
||||
color: #50d400;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
font-weight: 500
|
||||
}
|
||||
|
||||
.navigation_bank_text {
|
||||
margin: 0 0 6px 0;
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: row;
|
||||
flex-direction: row;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
color: #2a2a2a;
|
||||
font-size: 24px;
|
||||
font-style: normal;
|
||||
font-weight: 500
|
||||
}
|
||||
|
||||
.navigation_slid {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
height: 14px;
|
||||
width: 80px
|
||||
}
|
||||
|
||||
.navigation_slid_active {
|
||||
width: 14px;
|
||||
margin-right: 6px;
|
||||
border-radius: 50%;
|
||||
background-color: #fff
|
||||
}
|
||||
|
||||
.navigation_slid_disable {
|
||||
width: 14px;
|
||||
margin-right: 6px;
|
||||
border-radius: 50%;
|
||||
background-color: #aeaeae
|
||||
}
|
||||
|
||||
.navigation_bank {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center
|
||||
}
|
||||
|
||||
.navigation_icon {
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
height: 45px;
|
||||
width: 45px
|
||||
}
|
||||
|
||||
.navigation_credit {
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
width: 380px;
|
||||
height: 25px;
|
||||
padding-right: 30px
|
||||
}
|
||||
|
||||
.navigation_credit_prosent {
|
||||
padding-left: 33px;
|
||||
color: #20d37d;
|
||||
font-size: 20px;
|
||||
font-style: normal;
|
||||
font-weight: 500
|
||||
}
|
||||
|
||||
.navigation_choise {
|
||||
position: fixed;
|
||||
background: -webkit-gradient(linear, left bottom, left top, from(#ECECEC), to(#ECECEC)), #e8e8e8;
|
||||
background: linear-gradient(0deg, #ECECEC 0%, #ECECEC 100%), #e8e8e8;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
height: 50px;
|
||||
width: 100%;
|
||||
bottom: 50px
|
||||
}
|
||||
|
||||
.navigation_fixed_background {
|
||||
background: -webkit-gradient(linear, left bottom, left top, from(#ECECEC), to(#ECECEC)), #e8e8e8;
|
||||
background: linear-gradient(0deg, #ECECEC 0%, #ECECEC 100%), #e8e8e8;
|
||||
height: 70px;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 66px
|
||||
}
|
||||
|
||||
.back {
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-ms-flex-line-pack: center;
|
||||
align-content: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
z-index: 1;
|
||||
height: 72px;
|
||||
width: 72px;
|
||||
border-radius: 50%;
|
||||
background-color: #fff;
|
||||
position: fixed;
|
||||
left: 16px;
|
||||
bottom: 60px
|
||||
}
|
||||
|
||||
.back_img {
|
||||
width: 60%;
|
||||
height: 60%
|
||||
}
|
||||
|
||||
footer {
|
||||
width: 100%;
|
||||
bottom: 0px;
|
||||
position: fixed;
|
||||
background-color: #fff;
|
||||
height: 50px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-ms-flex-line-pack: center;
|
||||
align-content: center
|
||||
}
|
||||
|
||||
footer span {
|
||||
width: 200px;
|
||||
color: #20d37d;
|
||||
font-size: 20px;
|
||||
font-style: normal;
|
||||
font-weight: 500
|
||||
}
|
||||
|
||||
.row_flex {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center
|
||||
}
|
||||
|
||||
.my_modal {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1050;
|
||||
display: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
background-color: rgba(0, 0, 0, .5)
|
||||
}
|
||||
|
||||
.my_modal__dialog {
|
||||
max-width: 600px;
|
||||
min-height: 400px;
|
||||
margin: 100px auto
|
||||
}
|
||||
|
||||
.my_modal__content {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
padding: 40px;
|
||||
background-color: #fff;
|
||||
border: 1px solid rgba(0, 0, 0, .2);
|
||||
border-radius: 4px;
|
||||
max-height: 80vh;
|
||||
overflow-y: auto;
|
||||
border-radius: 50px
|
||||
}
|
||||
|
||||
.my_modal__close {
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
right: 14px;
|
||||
font-size: 30px;
|
||||
color: #000;
|
||||
opacity: .5;
|
||||
font-weight: 700;
|
||||
border: none;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.bank_title {
|
||||
position: absolute;
|
||||
left: 55px;
|
||||
top: 30px;
|
||||
font-size: 30px;
|
||||
font-weight: 500
|
||||
}
|
||||
|
||||
.bank_information {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: columns;
|
||||
flex-direction: columns;
|
||||
-webkit-box-pack: start;
|
||||
-ms-flex-pack: start;
|
||||
justify-content: start;
|
||||
-ms-flex-line-pack: start;
|
||||
align-content: start
|
||||
}
|
||||
|
||||
.bank_block_img {
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
margin-top: 40px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
width: 150px;
|
||||
height: 150px
|
||||
}
|
||||
|
||||
.bank_img {
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
height: 60%
|
||||
}
|
||||
|
||||
.bank_form {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-ms-flex-line-pack: start;
|
||||
align-content: start;
|
||||
margin-top: 60px;
|
||||
width: 450px
|
||||
}
|
||||
|
||||
.bank_name {
|
||||
position: absolute;
|
||||
top: 70px;
|
||||
left: 270px
|
||||
}
|
||||
|
||||
.form_btn {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-pack: distribute;
|
||||
justify-content: space-around;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
height: 50px;
|
||||
width: 150px;
|
||||
background-color: #20d37d;
|
||||
border-radius: 20px;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.form_btn_img {
|
||||
height: 80%
|
||||
}
|
||||
|
||||
.form_btn_block {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: right;
|
||||
-ms-flex-pack: right;
|
||||
justify-content: right
|
||||
}
|
||||
|
||||
.show {
|
||||
display: block
|
||||
}
|
||||
|
||||
.hide {
|
||||
display: none
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=style.css.map */
|
||||
Reference in new issue
Block a user