MARM\beglin
2 years ago
226 changed files with 48545 additions and 66 deletions
Split View
Diff Options
-
+39 -0src/Web/WebUI/Controllers/ProductController.cs
-
+1 -1src/Web/WebUI/Startup.cs
-
+30 -0src/Web/WebUI/ViewComponents/Favs.cs
-
+1426 -0src/Web/WebUI/Views/Product/Index.cshtml
-
+32 -0src/Web/WebUI/Views/Product/_pagination.cshtml
-
+64 -0src/Web/WebUI/Views/Product/_product.cshtml
-
+78 -9src/Web/WebUI/Views/Shared/Components/Cart/Default.cshtml
-
+16 -0src/Web/WebUI/Views/Shared/Components/Favs/Default.cshtml
-
+802 -30src/Web/WebUI/Views/Shared/_Layout.cshtml
-
+138 -0src/Web/WebUI/Views/Shared/_Layout_backup.cshtml
-
+104 -26src/Web/WebUI/Views/Shared/_LoginPartial.cshtml
-
+3137 -0src/Web/WebUI/wwwroot/css/animate.css
-
+57 -0src/Web/WebUI/wwwroot/css/backtotop.css
-
+11584 -0src/Web/WebUI/wwwroot/css/bootstrap.css
-
+1 -0src/Web/WebUI/wwwroot/css/default.css
-
+364 -0src/Web/WebUI/wwwroot/css/flaticon.css
-
+41 -0src/Web/WebUI/wwwroot/css/flaticon/flaticon.css
-
+9 -0src/Web/WebUI/wwwroot/css/flaticon/flaticon.css.map
-
BINsrc/Web/WebUI/wwwroot/css/flaticon/flaticon.eot
-
+502 -0src/Web/WebUI/wwwroot/css/flaticon/flaticon.html
-
+49 -0src/Web/WebUI/wwwroot/css/flaticon/flaticon.scss
-
+30 -0src/Web/WebUI/wwwroot/css/flaticon/flaticon.svg
-
BINsrc/Web/WebUI/wwwroot/css/flaticon/flaticon.ttf
-
BINsrc/Web/WebUI/wwwroot/css/flaticon/flaticon.woff
-
BINsrc/Web/WebUI/wwwroot/css/flaticon/flaticon.woff2
-
+5 -0src/Web/WebUI/wwwroot/css/font-awesome-pro.css
-
+351 -0src/Web/WebUI/wwwroot/css/magnific-popup.css
-
+156 -0src/Web/WebUI/wwwroot/css/meanmenu.css
-
+181 -0src/Web/WebUI/wwwroot/css/nice-select.css
-
+6 -0src/Web/WebUI/wwwroot/css/owl-carousel.css
-
+39 -0src/Web/WebUI/wwwroot/css/preloader.css
-
+6894 -0src/Web/WebUI/wwwroot/css/style.css
-
+1 -0src/Web/WebUI/wwwroot/css/style.css.map
-
+541 -0src/Web/WebUI/wwwroot/css/swiper-bundle.css
-
+1311 -0src/Web/WebUI/wwwroot/css/ui-range-slider.css
-
BINsrc/Web/WebUI/wwwroot/img/about/ab-01.jpg
-
BINsrc/Web/WebUI/wwwroot/img/about/ab-02.jpg
-
BINsrc/Web/WebUI/wwwroot/img/about/about-b.png
-
BINsrc/Web/WebUI/wwwroot/img/about/c-icon-01.png
-
BINsrc/Web/WebUI/wwwroot/img/author/author-sm-1.jpeg
-
BINsrc/Web/WebUI/wwwroot/img/banner/404.png
-
BINsrc/Web/WebUI/wwwroot/img/banner/banner-1.jpg
-
BINsrc/Web/WebUI/wwwroot/img/banner/banner-10.jpg
-
BINsrc/Web/WebUI/wwwroot/img/banner/banner-11.jpg
-
BINsrc/Web/WebUI/wwwroot/img/banner/banner-12.jpg
-
BINsrc/Web/WebUI/wwwroot/img/banner/banner-13.jpg
-
BINsrc/Web/WebUI/wwwroot/img/banner/banner-14.jpg
-
BINsrc/Web/WebUI/wwwroot/img/banner/banner-15.jpg
-
BINsrc/Web/WebUI/wwwroot/img/banner/banner-16.jpg
-
BINsrc/Web/WebUI/wwwroot/img/banner/banner-17.jpg
-
BINsrc/Web/WebUI/wwwroot/img/banner/banner-18.jpg
-
BINsrc/Web/WebUI/wwwroot/img/banner/banner-19.jpg
-
BINsrc/Web/WebUI/wwwroot/img/banner/banner-2.jpg
-
BINsrc/Web/WebUI/wwwroot/img/banner/banner-3.jpg
-
BINsrc/Web/WebUI/wwwroot/img/banner/banner-4.jpg
-
BINsrc/Web/WebUI/wwwroot/img/banner/banner-5.jpg
-
BINsrc/Web/WebUI/wwwroot/img/banner/banner-6.jpg
-
BINsrc/Web/WebUI/wwwroot/img/banner/banner-7.jpg
-
BINsrc/Web/WebUI/wwwroot/img/banner/banner-8.jpg
-
BINsrc/Web/WebUI/wwwroot/img/banner/banner-9.jpg
-
BINsrc/Web/WebUI/wwwroot/img/banner/page-banner-1.jpg
-
BINsrc/Web/WebUI/wwwroot/img/banner/page-banner-2.jpg
-
BINsrc/Web/WebUI/wwwroot/img/banner/page-banner-3.jpg
-
BINsrc/Web/WebUI/wwwroot/img/banner/page-banner-4.jpg
-
BINsrc/Web/WebUI/wwwroot/img/banner/sl-banner-sm.png
-
BINsrc/Web/WebUI/wwwroot/img/banner/sl-banner.jpg
-
BINsrc/Web/WebUI/wwwroot/img/bg/about-bg.png
-
BINsrc/Web/WebUI/wwwroot/img/bg/img-4.png
-
BINsrc/Web/WebUI/wwwroot/img/bg/img-5.png
-
BINsrc/Web/WebUI/wwwroot/img/bg/menu-item.jpg
-
BINsrc/Web/WebUI/wwwroot/img/blog/blog-thumb.jpg
-
BINsrc/Web/WebUI/wwwroot/img/blog/incen.jpg
-
BINsrc/Web/WebUI/wwwroot/img/blog/news-author.jpg
-
BINsrc/Web/WebUI/wwwroot/img/blog/p-author-1.jpg
-
BINsrc/Web/WebUI/wwwroot/img/blog/p-author-2.jpg
-
BINsrc/Web/WebUI/wwwroot/img/blog/p-author-3.jpg
-
BINsrc/Web/WebUI/wwwroot/img/blog/sm-b-1.jpg
-
BINsrc/Web/WebUI/wwwroot/img/blog/sm-b-2.jpg
-
BINsrc/Web/WebUI/wwwroot/img/blog/sm-b-3.jpg
-
BINsrc/Web/WebUI/wwwroot/img/blog/sm-b-4.jpg
-
BINsrc/Web/WebUI/wwwroot/img/blog/sm-b-5.jpg
-
BINsrc/Web/WebUI/wwwroot/img/blog/sm-b-6.jpg
-
BINsrc/Web/WebUI/wwwroot/img/blog/sm-b2-1.jpg
-
BINsrc/Web/WebUI/wwwroot/img/blog/sm-b2-2.jpg
-
BINsrc/Web/WebUI/wwwroot/img/blog/sm-b2-3.jpg
-
BINsrc/Web/WebUI/wwwroot/img/blog/sm-b2-4.jpg
-
BINsrc/Web/WebUI/wwwroot/img/blog/sm-b2-5.jpg
-
BINsrc/Web/WebUI/wwwroot/img/blog/sm-b2-6.jpg
-
BINsrc/Web/WebUI/wwwroot/img/blog/sponsor-3.jpg
-
BINsrc/Web/WebUI/wwwroot/img/brand/app_android.png
-
BINsrc/Web/WebUI/wwwroot/img/brand/app_ios.png
-
BINsrc/Web/WebUI/wwwroot/img/brand/brand-1.jpg
-
BINsrc/Web/WebUI/wwwroot/img/brand/brand-2.jpg
-
BINsrc/Web/WebUI/wwwroot/img/brand/brand-3.jpg
-
BINsrc/Web/WebUI/wwwroot/img/brand/brand-4.jpg
-
BINsrc/Web/WebUI/wwwroot/img/brand/brand-5.jpg
-
BINsrc/Web/WebUI/wwwroot/img/brand/brand-6.jpg
-
BINsrc/Web/WebUI/wwwroot/img/cart/20.jpg
-
BINsrc/Web/WebUI/wwwroot/img/cart/shop-p-10.jpg
-
BINsrc/Web/WebUI/wwwroot/img/cart/shop-p-11.jpg
+ 39
- 0
src/Web/WebUI/Controllers/ProductController.cs
View File
| @ -0,0 +1,39 @@ | |||
| | |||
| namespace WebUI.Controllers | |||
| { | |||
| public class ProductController : Controller | |||
| { | |||
| private ICatalogService _catalogSvc; | |||
| public ProductController(ICatalogService catalogSvc) => | |||
| _catalogSvc = catalogSvc; | |||
| public async Task<IActionResult> Index(int? BrandFilterApplied, int? TypesFilterApplied, int? page, [FromQuery] string errorMsg) | |||
| { | |||
| var itemsPage = 9; | |||
| var catalog = await _catalogSvc.GetCatalogItems(page ?? 0, itemsPage, BrandFilterApplied, TypesFilterApplied); | |||
| var vm = new IndexViewModel() | |||
| { | |||
| CatalogItems = catalog.Data, | |||
| Brands = await _catalogSvc.GetBrands(), | |||
| Types = await _catalogSvc.GetTypes(), | |||
| BrandFilterApplied = BrandFilterApplied ?? 0, | |||
| TypesFilterApplied = TypesFilterApplied ?? 0, | |||
| PaginationInfo = new PaginationInfo() | |||
| { | |||
| ActualPage = page ?? 0, | |||
| ItemsPerPage = catalog.Data.Count, | |||
| TotalItems = catalog.Count, | |||
| TotalPages = (int)Math.Ceiling(((decimal)catalog.Count / itemsPage)) | |||
| } | |||
| }; | |||
| vm.PaginationInfo.Next = (vm.PaginationInfo.ActualPage == vm.PaginationInfo.TotalPages - 1) ? "is-disabled" : ""; | |||
| vm.PaginationInfo.Previous = (vm.PaginationInfo.ActualPage == 0) ? "is-disabled" : ""; | |||
| ViewBag.BasketInoperativeMsg = errorMsg; | |||
| return View(vm); | |||
| } | |||
| } | |||
| } | |||
+ 1
- 1
src/Web/WebUI/Startup.cs
View File
+ 30
- 0
src/Web/WebUI/ViewComponents/Favs.cs
View File
| @ -0,0 +1,30 @@ | |||
| namespace Microsoft.eShopOnContainers.WebUI.ViewComponents; | |||
| public class Favs : ViewComponent | |||
| { | |||
| private readonly IBasketService _cartSvc; | |||
| public Favs(IBasketService cartSvc) => _cartSvc = cartSvc; | |||
| public async Task<IViewComponentResult> InvokeAsync(ApplicationUser user) | |||
| { | |||
| var vm = new CartComponentViewModel(); | |||
| try | |||
| { | |||
| var itemsInCart = await ItemsInCartAsync(user); | |||
| vm.ItemsCount = itemsInCart; | |||
| return View(vm); | |||
| } | |||
| catch | |||
| { | |||
| ViewBag.IsBasketInoperative = true; | |||
| } | |||
| return View(vm); | |||
| } | |||
| private async Task<int> ItemsInCartAsync(ApplicationUser user) | |||
| { | |||
| var basket = await _cartSvc.GetBasket(user); | |||
| return basket.Items.Count; | |||
| } | |||
| } | |||
+ 1426
- 0
src/Web/WebUI/Views/Product/Index.cshtml
File diff suppressed because it is too large
View File
+ 32
- 0
src/Web/WebUI/Views/Product/_pagination.cshtml
View File
| @ -0,0 +1,32 @@ | |||
| @model Microsoft.eShopOnContainers.WebUI.ViewModels.Pagination.PaginationInfo | |||
| <div class="esh-pager"> | |||
| <div class="container"> | |||
| <article class="esh-pager-wrapper row"> | |||
| <nav> | |||
| <a class="esh-pager-item esh-pager-item--navigable @Model.Previous" | |||
| id="Previous" | |||
| asp-controller="Catalog" | |||
| asp-action="Index" | |||
| asp-route-page="@(Model.ActualPage -1)" | |||
| aria-label="Previous"> | |||
| Previous | |||
| </a> | |||
| <span class="esh-pager-item"> | |||
| Showing @Model.ItemsPerPage of @Model.TotalItems products - Page @(Model.ActualPage + 1) - @Model.TotalPages | |||
| </span> | |||
| <a class="esh-pager-item esh-pager-item--navigable @Model.Next" | |||
| id="Next" | |||
| asp-controller="Catalog" | |||
| asp-action="Index" | |||
| asp-route-page="@(Model.ActualPage + 1)" | |||
| aria-label="Next"> | |||
| Next | |||
| </a> | |||
| </nav> | |||
| </article> | |||
| </div> | |||
| </div> | |||
+ 64
- 0
src/Web/WebUI/Views/Product/_product.cshtml
View File
| @ -0,0 +1,64 @@ | |||
| @model CatalogItem | |||
| <form asp-controller="Cart" asp-action="AddToCart"> | |||
| @*<img class="esh-catalog-thumbnail" src="@Model.PictureUri" /> | |||
| <input class="esh-catalog-button @((!User.Identity.IsAuthenticated) ? "is-disabled" : "")" type="submit" value="[ ADD TO CART ]" /> | |||
| <div class="esh-catalog-name"> | |||
| <span>@Model.Name</span> | |||
| </div> | |||
| <div class="esh-catalog-price"> | |||
| <span>@Model.Price.ToString("N2")</span> | |||
| </div>*@ | |||
| <input type="hidden" asp-for="@Model.Id" name="id" /> | |||
| <div class="product__item product__item-d"> | |||
| <div class="product__thumb fix"> | |||
| <div class="product-image w-img"> | |||
| <a href="product-details.html"> | |||
| <img src="@Model.PictureUri" alt="product"> | |||
| </a> | |||
| </div> | |||
| <div class="product-action"> | |||
| <a href="#" class="icon-box icon-box-1" data-bs-toggle="modal" data-bs-target="#productModalId"> | |||
| <i class="fal fa-eye"></i> | |||
| <i class="fal fa-eye"></i> | |||
| </a> | |||
| <a href="#" class="icon-box icon-box-1"> | |||
| <i class="fal fa-heart"></i> | |||
| <i class="fal fa-heart"></i> | |||
| </a> | |||
| <a href="#" class="icon-box icon-box-1"> | |||
| <i class="fal fa-layer-group"></i> | |||
| <i class="fal fa-layer-group"></i> | |||
| </a> | |||
| </div> | |||
| </div> | |||
| <div class="product__content-3"> | |||
| <h6><a href="product-details.html">@Model.Name</a></h6> | |||
| <div class="rating mb-5"> | |||
| <ul> | |||
| <li><a href="#"><i class="fal fa-star"></i></a></li> | |||
| <li><a href="#"><i class="fal fa-star"></i></a></li> | |||
| <li><a href="#"><i class="fal fa-star"></i></a></li> | |||
| <li><a href="#"><i class="fal fa-star"></i></a></li> | |||
| <li><a href="#"><i class="fal fa-star"></i></a></li> | |||
| </ul> | |||
| <span>@Model.Id review(s)</span> | |||
| </div> | |||
| <div class="price mb-10"> | |||
| <span>@Model.Price.ToString("N2")</span> | |||
| </div> | |||
| </div> | |||
| <div class="product__add-cart-s text-center"> | |||
| <button type="submit" class="cart-btn d-flex mb-10 align-items-center justify-content-center w-100 @((!User.Identity.IsAuthenticated) ? "is-disabled" : "")"> | |||
| Add to Cart | |||
| </button> | |||
| <button type="button" class="wc-checkout d-flex align-items-center justify-content-center w-100" data-bs-toggle="modal" data-bs-target="#productModalId"> | |||
| Quick View | |||
| </button> | |||
| </div> | |||
| </div> | |||
| </form> | |||
+ 78
- 9
src/Web/WebUI/Views/Shared/Components/Cart/Default.cshtml
View File
+ 16
- 0
src/Web/WebUI/Views/Shared/Components/Favs/Default.cshtml
View File
| @ -0,0 +1,16 @@ | |||
| @model Microsoft.eShopOnContainers.WebUI.ViewModels.CartViewModels.CartComponentViewModel | |||
| @{ | |||
| ViewData["Title"] = "My Favorites"; | |||
| } | |||
| <div class="block-wishlist action"> | |||
| <a class="icon-link" href="wishlist.html"> | |||
| <i class="flaticon-heart"></i> | |||
| <span class="count">0</span> | |||
| <span class="text"> | |||
| <span class="sub">Favorite</span> | |||
| My Wishlist </span> | |||
| </a> | |||
| </div> | |||
+ 802
- 30
src/Web/WebUI/Views/Shared/_Layout.cshtml
View File
+ 138
- 0
src/Web/WebUI/Views/Shared/_Layout_backup.cshtml
View File
| @ -0,0 +1,138 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta charset="utf-8" /> | |||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |||
| <title>@ViewData["Title"] - Microsoft.eShopOnContainers.WebMVC</title> | |||
| <environment names="Development"> | |||
| <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" /> | |||
| <link rel="stylesheet" href="~/css/app.css" /> | |||
| <link rel="stylesheet" href="~/css/app.component.css" /> | |||
| <link rel="stylesheet" href="~/css/shared/components/header/header.css" /> | |||
| <link rel="stylesheet" href="~/css/shared/components/identity/identity.css" /> | |||
| <link rel="stylesheet" href="~/css/shared/components/pager/pager.css" /> | |||
| <link rel="stylesheet" href="~/css/basket/basket.component.css" /> | |||
| <link rel="stylesheet" href="~/css/basket/basket-status/basket-status.component.css" /> | |||
| <link rel="stylesheet" href="~/css/catalog/catalog.component.css" /> | |||
| <link rel="stylesheet" href="~/css/orders/orders.component.css" /> | |||
| <link rel="stylesheet" href="~/css/orders/orders-detail/orders-detail.component.css" /> | |||
| <link rel="stylesheet" href="~/css/orders/orders-new/orders-new.component.css" /> | |||
| <link rel="stylesheet" href="~/css/override.css" type="text/css" /> | |||
| <link rel="stylesheet" href="~/css/site.min.css" type="text/css" /> | |||
| </environment> | |||
| <environment names="Staging,Production"> | |||
| <link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.7/css/bootstrap.min.css" | |||
| asp-fallback-href="~/lib/bootstrap/dist/css/bootstrap.min.css" | |||
| asp-fallback-test-class="sr-only" asp-fallback-test-property="position" asp-fallback-test-value="absolute" /> | |||
| <link rel="stylesheet" href="~/css/site.min.css" asp-append-version="true" /> | |||
| <link rel="stylesheet" href="~/css/override.css" type="text/css" /> | |||
| </environment> | |||
| </head> | |||
| <body> | |||
| <header class="esh-app-header"> | |||
| <div class="container"> | |||
| <article class="row"> | |||
| <section class="col-lg-7 col-md-6 col-12"> | |||
| <a class="navbar-brand" routerLink="catalog"> | |||
| <a asp-area="" asp-controller="Catalog" asp-action="Index"> | |||
| <img src="~/images/brand.png" /> | |||
| </a> | |||
| </a> | |||
| </section> | |||
| @await Html.PartialAsync("_LoginPartial") | |||
| </article> | |||
| </div> | |||
| </header> | |||
| @RenderBody() | |||
| <footer class="esh-app-footer"> | |||
| <div class="container"> | |||
| <article class="row"> | |||
| <section class="col-sm-6"> | |||
| <img class="esh-app-footer-brand" src="~/images/brand_dark.png" /> | |||
| </section> | |||
| <section class="col-sm-6"> | |||
| <img class="esh-app-footer-text hidden-xs" src="~/images/main_footer_text.png" width="335" height="26" alt="footer text image" /> | |||
| </section> | |||
| </article> | |||
| </div> | |||
| </footer> | |||
| <environment names="Development"> | |||
| <script src="~/lib/jquery/jquery.js"></script> | |||
| <script src="~/lib/bootstrap/dist/js/bootstrap.js"></script> | |||
| <script src="~/js/site.js" asp-append-version="true"></script> | |||
| </environment> | |||
| <environment names="Staging,Production"> | |||
| <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" | |||
| asp-fallback-src="~/lib/jquery/jquery.min.js" | |||
| asp-fallback-test="window.jQuery"> | |||
| </script> | |||
| <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js" | |||
| asp-fallback-src="~/lib/bootstrap/dist/js/bootstrap.min.js" | |||
| asp-fallback-test="window.jQuery && window.jQuery.fn && window.jQuery.fn.modal"> | |||
| </script> | |||
| <script src="~/js/site.min.js" asp-append-version="true"></script> | |||
| </environment> | |||
| @RenderSection("scripts", required: false) | |||
| @using Microsoft.AspNetCore.Authentication; | |||
| @using Microsoft.Extensions.Options | |||
| @inject IOptions<AppSettings> settings | |||
| <script type="text/javascript"> | |||
| if ('@User.Identity.IsAuthenticated' === 'True') { | |||
| var timerId; | |||
| stablishConnection((conn) => registerNotificationHandlers(conn)); | |||
| } | |||
| function stablishConnection(cb) { | |||
| let connection = new signalR.HubConnectionBuilder() | |||
| .withUrl('@settings.Value.SignalrHubUrl/hub/notificationhub', { | |||
| accessTokenFactory: () => { | |||
| return "Authorization", getToken(); | |||
| } | |||
| }) | |||
| .withAutomaticReconnect() | |||
| .build(); | |||
| connection.start().then(function () { | |||
| console.log('User Registered to Signalr Hub'); | |||
| cb(connection); | |||
| }); | |||
| } | |||
| function registerNotificationHandlers(connection) { | |||
| connection.on("UpdatedOrderState", (message) => { | |||
| toastr.success('Updated to status: ' + message.status, 'Order Id: ' + message.orderId); | |||
| if (window.location.pathname.split("/").pop() === 'Order') { | |||
| refreshOrderList(); | |||
| } | |||
| }); | |||
| } | |||
| function getToken() { | |||
| return '@Context.GetTokenAsync("access_token").Result'; | |||
| } | |||
| function refreshOrderList() { | |||
| clearTimeout(timerId); | |||
| timerId = setTimeout(function () { | |||
| window.location.reload(); | |||
| }, 1000); | |||
| } | |||
| </script> | |||
| </body> | |||
| </html> | |||
+ 104
- 26
src/Web/WebUI/Views/Shared/_LoginPartial.cshtml
View File
+ 3137
- 0
src/Web/WebUI/wwwroot/css/animate.css
File diff suppressed because it is too large
View File
+ 57
- 0
src/Web/WebUI/wwwroot/css/backtotop.css
View File
| @ -0,0 +1,57 @@ | |||
| .progress-wrap { | |||
| position: fixed; | |||
| right: 50px; | |||
| bottom: 50px; | |||
| height: 46px; | |||
| width: 46px; | |||
| cursor: pointer; | |||
| display: block; | |||
| border-radius: 50px; | |||
| box-shadow: inset 0 0 0 2px rgba(95, 58, 252,0.2); | |||
| z-index: 99; | |||
| opacity: 0; | |||
| visibility: hidden; | |||
| transform: translateY(15px); | |||
| -webkit-transition: all 200ms linear; | |||
| transition: all 200ms linear; | |||
| } | |||
| .progress-wrap.active-progress { | |||
| opacity: 1; | |||
| visibility: visible; | |||
| transform: translateY(0); | |||
| } | |||
| .progress-wrap::after { | |||
| position: absolute; | |||
| content: '\f176'; | |||
| font-family: "Font Awesome 5 Pro"; | |||
| text-align: center; | |||
| line-height: 46px; | |||
| font-size: 20px; | |||
| color: #2c3941; | |||
| left: 0; | |||
| top: 0; | |||
| height: 46px; | |||
| width: 46px; | |||
| cursor: pointer; | |||
| display: block; | |||
| z-index: 1; | |||
| -webkit-transition: all 200ms linear; | |||
| transition: all 200ms linear; | |||
| } | |||
| .progress-wrap svg path { | |||
| fill: none; | |||
| } | |||
| .progress-wrap svg.progress-circle path { | |||
| stroke: #2c3941; | |||
| stroke-width: 4; | |||
| box-sizing:border-box; | |||
| -webkit-transition: all 200ms linear; | |||
| transition: all 200ms linear; | |||
| } | |||
+ 11584
- 0
src/Web/WebUI/wwwroot/css/bootstrap.css
File diff suppressed because it is too large
View File
+ 1
- 0
src/Web/WebUI/wwwroot/css/default.css
File diff suppressed because it is too large
View File
+ 364
- 0
src/Web/WebUI/wwwroot/css/flaticon.css
View File
| @ -0,0 +1,364 @@ | |||
| @font-face { | |||
| font-family: "flaticon"; | |||
| src: url("../fonts/flaticon.ttf?cac2b5da11e51f90b9907eb436fb24aa") format("truetype"), | |||
| url("../fonts/flaticon.woff?cac2b5da11e51f90b9907eb436fb24aa") format("woff"), | |||
| url("../fonts/flaticon.woff2?cac2b5da11e51f90b9907eb436fb24aa") format("woff2"), | |||
| url("../fonts/flaticon.eot?cac2b5da11e51f90b9907eb436fb24aa#iefix") format("embedded-opentype"), | |||
| url("../fonts/") format("svg"); | |||
| } | |||
| i[class^="flaticon-"]:before, i[class*=" flaticon-"]:before { | |||
| font-family: flaticon !important; | |||
| font-style: normal; | |||
| font-weight: normal !important; | |||
| font-variant: normal; | |||
| text-transform: none; | |||
| -webkit-font-smoothing: antialiased; | |||
| -moz-osx-font-smoothing: grayscale; | |||
| } | |||
| .flaticon-search:before { | |||
| content: "\f101"; | |||
| } | |||
| .flaticon-phone-call:before { | |||
| content: "\f102"; | |||
| } | |||
| .flaticon-menu:before { | |||
| content: "\f103"; | |||
| } | |||
| .flaticon-idea:before { | |||
| content: "\f104"; | |||
| } | |||
| .flaticon-puzzle:before { | |||
| content: "\f105"; | |||
| } | |||
| .flaticon-web-development:before { | |||
| content: "\f106"; | |||
| } | |||
| .flaticon-vector:before { | |||
| content: "\f107"; | |||
| } | |||
| .flaticon-interact:before { | |||
| content: "\f108"; | |||
| } | |||
| .flaticon-play:before { | |||
| content: "\f109"; | |||
| } | |||
| .flaticon-mobile-marketing:before { | |||
| content: "\f10a"; | |||
| } | |||
| .flaticon-design:before { | |||
| content: "\f10b"; | |||
| } | |||
| .flaticon-click:before { | |||
| content: "\f10c"; | |||
| } | |||
| .flaticon-click-1:before { | |||
| content: "\f10d"; | |||
| } | |||
| .flaticon-content:before { | |||
| content: "\f10e"; | |||
| } | |||
| .flaticon-quote:before { | |||
| content: "\f10f"; | |||
| } | |||
| .flaticon-facebook:before { | |||
| content: "\f110"; | |||
| } | |||
| .flaticon-twitter:before { | |||
| content: "\f111"; | |||
| } | |||
| .flaticon-instagram:before { | |||
| content: "\f112"; | |||
| } | |||
| .flaticon-linkedin:before { | |||
| content: "\f113"; | |||
| } | |||
| .flaticon-skype:before { | |||
| content: "\f114"; | |||
| } | |||
| .flaticon-folder:before { | |||
| content: "\f115"; | |||
| } | |||
| .flaticon-growth:before { | |||
| content: "\f116"; | |||
| } | |||
| .flaticon-businessman:before { | |||
| content: "\f117"; | |||
| } | |||
| .flaticon-layers:before { | |||
| content: "\f118"; | |||
| } | |||
| .flaticon-actor:before { | |||
| content: "\f119"; | |||
| } | |||
| .flaticon-best-product:before { | |||
| content: "\f11a"; | |||
| } | |||
| .flaticon-trophy:before { | |||
| content: "\f11b"; | |||
| } | |||
| .flaticon-paper-plane:before { | |||
| content: "\f11c"; | |||
| } | |||
| .flaticon-email:before { | |||
| content: "\f11d"; | |||
| } | |||
| .flaticon-telephone:before { | |||
| content: "\f11e"; | |||
| } | |||
| .flaticon-mail-inbox-app:before { | |||
| content: "\f11f"; | |||
| } | |||
| .flaticon-maps-and-flags:before { | |||
| content: "\f120"; | |||
| } | |||
| .flaticon-idea-1:before { | |||
| content: "\f121"; | |||
| } | |||
| .flaticon-credibility:before { | |||
| content: "\f122"; | |||
| } | |||
| .flaticon-play-button:before { | |||
| content: "\f123"; | |||
| } | |||
| .flaticon-financial-report:before { | |||
| content: "\f124"; | |||
| } | |||
| .flaticon-bank:before { | |||
| content: "\f125"; | |||
| } | |||
| .flaticon-ngo:before { | |||
| content: "\f126"; | |||
| } | |||
| .flaticon-solidarity:before { | |||
| content: "\f127"; | |||
| } | |||
| .flaticon-loan:before { | |||
| content: "\f128"; | |||
| } | |||
| .flaticon-medical-care:before { | |||
| content: "\f129"; | |||
| } | |||
| .flaticon-phone:before { | |||
| content: "\f12a"; | |||
| } | |||
| .flaticon-call-center:before { | |||
| content: "\f12b"; | |||
| } | |||
| .flaticon-awards:before { | |||
| content: "\f12c"; | |||
| } | |||
| .flaticon-home:before { | |||
| content: "\f12d"; | |||
| } | |||
| .flaticon-construction:before { | |||
| content: "\f12e"; | |||
| } | |||
| .flaticon-building:before { | |||
| content: "\f12f"; | |||
| } | |||
| .flaticon-list:before { | |||
| content: "\f130"; | |||
| } | |||
| .flaticon-newspaper:before { | |||
| content: "\f131"; | |||
| } | |||
| .flaticon-old-phone:before { | |||
| content: "\f132"; | |||
| } | |||
| .flaticon-plan:before { | |||
| content: "\f133"; | |||
| } | |||
| .flaticon-construction-1:before { | |||
| content: "\f134"; | |||
| } | |||
| .flaticon-repair:before { | |||
| content: "\f135"; | |||
| } | |||
| .flaticon-pencil:before { | |||
| content: "\f136"; | |||
| } | |||
| .flaticon-compass:before { | |||
| content: "\f137"; | |||
| } | |||
| .flaticon-solar-energy:before { | |||
| content: "\f138"; | |||
| } | |||
| .flaticon-wrench:before { | |||
| content: "\f139"; | |||
| } | |||
| .flaticon-eye:before { | |||
| content: "\f13a"; | |||
| } | |||
| .flaticon-straight-quotes:before { | |||
| content: "\f13b"; | |||
| } | |||
| .flaticon-translate:before { | |||
| content: "\f13c"; | |||
| } | |||
| .flaticon-online-booking:before { | |||
| content: "\f13d"; | |||
| } | |||
| .flaticon-calendar:before { | |||
| content: "\f13e"; | |||
| } | |||
| .flaticon-restaurant:before { | |||
| content: "\f13f"; | |||
| } | |||
| .flaticon-lotus:before { | |||
| content: "\f140"; | |||
| } | |||
| .flaticon-casino-roulette:before { | |||
| content: "\f141"; | |||
| } | |||
| .flaticon-meeting-room:before { | |||
| content: "\f142"; | |||
| } | |||
| .flaticon-swimming:before { | |||
| content: "\f143"; | |||
| } | |||
| .flaticon-left-quote:before { | |||
| content: "\f144"; | |||
| } | |||
| .flaticon-play-button-1:before { | |||
| content: "\f145"; | |||
| } | |||
| .flaticon-filter:before { | |||
| content: "\f146"; | |||
| } | |||
| .flaticon-clock:before { | |||
| content: "\f147"; | |||
| } | |||
| .flaticon-bungalow:before { | |||
| content: "\f148"; | |||
| } | |||
| .flaticon-plane-tickets:before { | |||
| content: "\f149"; | |||
| } | |||
| .flaticon-food-donation:before { | |||
| content: "\f14a"; | |||
| } | |||
| .flaticon-medical-kit:before { | |||
| content: "\f14b"; | |||
| } | |||
| .flaticon-destination:before { | |||
| content: "\f14c"; | |||
| } | |||
| .flaticon-verified:before { | |||
| content: "\f14d"; | |||
| } | |||
| .flaticon-low-price:before { | |||
| content: "\f14e"; | |||
| } | |||
| .flaticon-customer-support:before { | |||
| content: "\f14f"; | |||
| } | |||
| .flaticon-implementation:before { | |||
| content: "\f150"; | |||
| } | |||
| .flaticon-implement:before { | |||
| content: "\f151"; | |||
| } | |||
| .flaticon-tap:before { | |||
| content: "\f152"; | |||
| } | |||
| .flaticon-layers-1:before { | |||
| content: "\f153"; | |||
| } | |||
| .flaticon-shopping-cart:before { | |||
| content: "\f154"; | |||
| } | |||
| .flaticon-email-1:before { | |||
| content: "\f155"; | |||
| } | |||
| .flaticon-user:before { | |||
| content: "\f156"; | |||
| } | |||
| .flaticon-list-interface-symbol:before { | |||
| content: "\f157"; | |||
| } | |||
| .flaticon-online-course:before { | |||
| content: "\f158"; | |||
| } | |||
| .flaticon-teacher:before { | |||
| content: "\f159"; | |||
| } | |||
| .flaticon-responsive:before { | |||
| content: "\f15a"; | |||
| } | |||
| .flaticon-view:before { | |||
| content: "\f15b"; | |||
| } | |||
| .flaticon-online-course-1:before { | |||
| content: "\f15c"; | |||
| } | |||
| .flaticon-video-tutorial:before { | |||
| content: "\f15d"; | |||
| } | |||
| .flaticon-high-five:before { | |||
| content: "\f15e"; | |||
| } | |||
| .flaticon-teacher-1:before { | |||
| content: "\f15f"; | |||
| } | |||
| .flaticon-signal-status:before { | |||
| content: "\f160"; | |||
| } | |||
| .flaticon-business:before { | |||
| content: "\f161"; | |||
| } | |||
| .flaticon-lifestyle:before { | |||
| content: "\f162"; | |||
| } | |||
| .flaticon-photography:before { | |||
| content: "\f163"; | |||
| } | |||
| .flaticon-cms:before { | |||
| content: "\f164"; | |||
| } | |||
| .flaticon-improvement:before { | |||
| content: "\f165"; | |||
| } | |||
| .flaticon-gym-machine:before { | |||
| content: "\f166"; | |||
| } | |||
| .flaticon-cloud-computing:before { | |||
| content: "\f167"; | |||
| } | |||
| .flaticon-side-up:before { | |||
| content: "\f168"; | |||
| } | |||
| .flaticon-domain:before { | |||
| content: "\f169"; | |||
| } | |||
| .flaticon-call-center-1:before { | |||
| content: "\f16a"; | |||
| } | |||
| .flaticon-cloud-backup-up-arrow:before { | |||
| content: "\f16b"; | |||
| } | |||
| .flaticon-rocket-1:before { | |||
| content: "\f16c"; | |||
| } | |||
| .flaticon-planning:before { | |||
| content: "\f16d"; | |||
| } | |||
| .flaticon-start-up:before { | |||
| content: "\f16e"; | |||
| } | |||
| .flaticon-branding:before { | |||
| content: "\f16f"; | |||
| } | |||
| .flaticon-vector-1:before { | |||
| content: "\f170"; | |||
| } | |||
| .flaticon-web-development-1:before { | |||
| content: "\f171"; | |||
| } | |||
| .flaticon-bullhorn:before { | |||
| content: "\f172"; | |||
| } | |||
| .flaticon-writing:before { | |||
| content: "\f173"; | |||
| } | |||
+ 41
- 0
src/Web/WebUI/wwwroot/css/flaticon/flaticon.css
View File
| @ -0,0 +1,41 @@ | |||
| @charset "UTF-8"; | |||
| @font-face { | |||
| font-family: "flaticon"; | |||
| src: url("./flaticon.ttf?845a83d3775f78f799f148d44e25858f") format("truetype"), url("./flaticon.woff?845a83d3775f78f799f148d44e25858f") format("woff"), url("./flaticon.woff2?845a83d3775f78f799f148d44e25858f") format("woff2"), url("./flaticon.eot?845a83d3775f78f799f148d44e25858f#iefix") format("embedded-opentype"), url("./flaticon.svg?845a83d3775f78f799f148d44e25858f#flaticon") format("svg"); | |||
| } | |||
| i[class^="flaticon-"]:before, i[class*=" flaticon-"]:before { | |||
| font-family: flaticon !important; | |||
| font-style: normal; | |||
| font-weight: normal !important; | |||
| font-variant: normal; | |||
| text-transform: none; | |||
| line-height: 1; | |||
| -webkit-font-smoothing: antialiased; | |||
| -moz-osx-font-smoothing: grayscale; | |||
| } | |||
| .flaticon-user:before { | |||
| content: ""; | |||
| } | |||
| .flaticon-heart:before { | |||
| content: ""; | |||
| } | |||
| .flaticon-shopping-bag:before { | |||
| content: ""; | |||
| } | |||
| .flaticon-apple-black-logo:before { | |||
| content: ""; | |||
| } | |||
| .flaticon-playstore:before { | |||
| content: ""; | |||
| } | |||
| .flaticon-24-hours-support:before { | |||
| content: ""; | |||
| } | |||
| /*# sourceMappingURL=flaticon.css.map */ | |||
+ 9
- 0
src/Web/WebUI/wwwroot/css/flaticon/flaticon.css.map
View File
| @ -0,0 +1,9 @@ | |||
| { | |||
| "version": 3, | |||
| "mappings": ";AAEA,UAAU;EACN,WAAW,EAHC,UAAU;EAItB,GAAG,EAAE,sDAAsD,CAAC,kBAAkB,EAClF,uDAAuD,CAAC,cAAc,EACtE,wDAAwD,CAAC,eAAe,EACxE,4DAA4D,CAAC,2BAA2B,EACxF,+DAA+D,CAAC,aAAa;;;AAG7E,AAAA,CAAC,CAAA,AAAA,KAAC,EAAO,WAAW,AAAlB,CAAmB,OAAO,EAAE,CAAC,CAAA,AAAA,KAAC,EAAO,YAAY,AAAnB,CAAoB,OAAO,CAAC;EACxD,WAAW,EAAE,mBAAmB;EAChC,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,iBAAiB;EAC9B,YAAY,EAAE,MAAM;EACpB,cAAc,EAAE,IAAI;EACpB,WAAW,EAAE,CAAC;EACd,sBAAsB,EAAE,WAAW;EACnC,uBAAuB,EAAE,SAAS;CACrC;;AAWD,AAAA,cAAc,AAAA,OAAO,CAAC;EAClB,OAAO,EATC,IAAO;CAUlB;;AACD,AAAA,eAAe,AAAA,OAAO,CAAC;EACnB,OAAO,EAXE,IAAO;CAYnB;;AACD,AAAA,sBAAsB,AAAA,OAAO,CAAC;EAC1B,OAAO,EAbS,IAAO;CAc1B;;AACD,AAAA,0BAA0B,AAAA,OAAO,CAAC;EAC9B,OAAO,EAfa,IAAO;CAgB9B;;AACD,AAAA,mBAAmB,AAAA,OAAO,CAAC;EACvB,OAAO,EAjBM,IAAO;CAkBvB;;AACD,AAAA,0BAA0B,AAAA,OAAO,CAAC;EAC9B,OAAO,EAnBa,IAAO;CAoB9B", | |||
| "sources": [ | |||
| "flaticon.scss" | |||
| ], | |||
| "names": [], | |||
| "file": "flaticon.css" | |||
| } | |||
BIN
src/Web/WebUI/wwwroot/css/flaticon/flaticon.eot
View File
+ 502
- 0
src/Web/WebUI/wwwroot/css/flaticon/flaticon.html
View File
| @ -0,0 +1,502 @@ | |||
| <!DOCTYPE html> | |||
| <html lang="en"> | |||
| <head> | |||
| <title>Flaticon Webfont</title> | |||
| <link rel="stylesheet" type="text/css" href="flaticon.css"/> | |||
| <meta charset="UTF-8"> | |||
| <style> | |||
| html, body, div, span, applet, object, iframe, | |||
| h1, h2, h3, h4, h5, h6, p, blockquote, pre, | |||
| a, abbr, acronym, address, big, cite, code, | |||
| del, dfn, em, img, ins, kbd, q, s, samp, | |||
| small, strike, strong, sub, sup, tt, var, | |||
| b, u, i, center, | |||
| dl, dt, dd, ol, ul, li, | |||
| fieldset, form, label, legend, | |||
| table, caption, tbody, tfoot, thead, tr, th, td, | |||
| article, aside, canvas, details, embed, | |||
| figure, figcaption, footer, header, hgroup, | |||
| menu, nav, output, ruby, section, summary, | |||
| time, mark, audio, video { | |||
| margin: 0; | |||
| padding: 0; | |||
| border: 0; | |||
| font-size: 100%; | |||
| font: inherit; | |||
| vertical-align: baseline; | |||
| } | |||
| /* HTML5 display-role reset for older browsers */ | |||
| article, aside, details, figcaption, figure, | |||
| footer, header, hgroup, menu, nav, section { | |||
| display: block; | |||
| } | |||
| body { | |||
| line-height: 1; | |||
| } | |||
| ol, ul { | |||
| list-style: none; | |||
| } | |||
| blockquote, q { | |||
| quotes: none; | |||
| } | |||
| blockquote:before, blockquote:after, | |||
| q:before, q:after { | |||
| content: ''; | |||
| content: none; | |||
| } | |||
| table { | |||
| border-collapse: collapse; | |||
| border-spacing: 0; | |||
| } | |||
| body { | |||
| font-family: Helvetica, Arial, sans-serif; | |||
| font-size: 16px; | |||
| color: #5f7d95; | |||
| } | |||
| a { | |||
| color: #4AD295; | |||
| font-weight: bold; | |||
| text-decoration: none; | |||
| } | |||
| * { | |||
| -moz-box-sizing: border-box; | |||
| -webkit-box-sizing: border-box; | |||
| box-sizing: border-box; | |||
| margin: 0; | |||
| padding: 0; | |||
| } | |||
| [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { | |||
| font-family: Flaticon; | |||
| font-size: 30px; | |||
| font-style: normal; | |||
| margin-left: 20px; | |||
| color: #333; | |||
| } | |||
| .wrapper { | |||
| max-width: 600px; | |||
| margin: auto; | |||
| padding: 0 1em; | |||
| } | |||
| .title { | |||
| margin-bottom: 24px; | |||
| text-transform: uppercase; | |||
| font-weight: bold; | |||
| } | |||
| header { | |||
| text-align: center; | |||
| padding: 24px; | |||
| } | |||
| header .logo { | |||
| width: 210px; | |||
| height: auto; | |||
| border: none; | |||
| display: inline-block; | |||
| } | |||
| header strong { | |||
| font-size: 28px; | |||
| font-weight: 500; | |||
| vertical-align: middle; | |||
| } | |||
| .demo { | |||
| margin: 2em auto; | |||
| line-height: 1.25em; | |||
| } | |||
| .demo ul li { | |||
| margin-bottom: 12px; | |||
| } | |||
| .demo ul li code { | |||
| background-color: #1D262D; | |||
| border-radius: 3px; | |||
| padding: 12px; | |||
| display: inline-block; | |||
| color: #fff; | |||
| font-family: Consolas, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace; | |||
| font-weight: lighter; | |||
| margin-top: 12px; | |||
| font-size: 13px; | |||
| word-break: break-all; | |||
| } | |||
| .demo ul li code .red { | |||
| color: #EC3A3B; | |||
| } | |||
| .demo ul li code .green { | |||
| color: #4AD295; | |||
| } | |||
| .demo ul li code .yellow { | |||
| color: #FFEEB6; | |||
| } | |||
| .demo ul li code .blue { | |||
| color: #2C8CF4; | |||
| } | |||
| .demo ul li code .purple { | |||
| color: #4949E7; | |||
| } | |||
| .demo ul li code .dots { | |||
| margin-top: 0.5em; | |||
| display: block; | |||
| } | |||
| #glyphs { | |||
| border-bottom: 1px solid #E3E9ED; | |||
| padding: 2em 0; | |||
| text-align: center; | |||
| } | |||
| .glyph { | |||
| display: inline-block; | |||
| width: 9em; | |||
| margin: 1em; | |||
| text-align: center; | |||
| vertical-align: top; | |||
| background: #FFF; | |||
| } | |||
| .glyph .flaticon { | |||
| padding: 10px; | |||
| display: block; | |||
| font-family: "Flaticon"; | |||
| font-size: 64px; | |||
| line-height: 1; | |||
| } | |||
| .glyph .flaticon:before { | |||
| font-size: 64px; | |||
| color: #5f7d95; | |||
| margin-left: 0; | |||
| } | |||
| .class-name { | |||
| font-size: 0.65em; | |||
| background-color: #E3E9ED; | |||
| color: #869FB2; | |||
| border-radius: 4px 4px 0 0; | |||
| padding: 0.5em; | |||
| font-family: Consolas, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace; | |||
| } | |||
| .author-name { | |||
| font-size: 0.6em; | |||
| background-color: #EFF3F6; | |||
| border-top: 0; | |||
| border-radius: 0 0 4px 4px; | |||
| padding: 0.5em; | |||
| } | |||
| .author-name a { | |||
| color: #1D262D; | |||
| } | |||
| .class-name:last-child { | |||
| font-size: 10px; | |||
| color: #888; | |||
| } | |||
| .class-name:last-child a { | |||
| font-size: 10px; | |||
| color: #555; | |||
| } | |||
| .glyph > input { | |||
| display: block; | |||
| width: 100px; | |||
| margin: 5px auto; | |||
| text-align: center; | |||
| font-size: 12px; | |||
| cursor: text; | |||
| } | |||
| .glyph > input.icon-input { | |||
| font-family: "Flaticon"; | |||
| font-size: 16px; | |||
| margin-bottom: 10px; | |||
| } | |||
| .attribution .title { | |||
| margin-top: 2em; | |||
| } | |||
| .attribution textarea { | |||
| background-color: #F8FAFB; | |||
| color: #1D262D; | |||
| padding: 1em; | |||
| border: none; | |||
| box-shadow: none; | |||
| border: 1px solid #E3E9ED; | |||
| border-radius: 4px; | |||
| resize: none; | |||
| width: 100%; | |||
| height: 150px; | |||
| font-size: 0.8em; | |||
| font-family: Consolas, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace; | |||
| -webkit-appearance: none; | |||
| } | |||
| .attribution textarea:hover { | |||
| border-color: #CFD9E0; | |||
| } | |||
| .attribution textarea:focus { | |||
| border-color: #4AD295; | |||
| } | |||
| .iconsuse { | |||
| margin: 2em auto; | |||
| text-align: center; | |||
| max-width: 1200px; | |||
| } | |||
| .iconsuse:after { | |||
| content: ''; | |||
| display: table; | |||
| clear: both; | |||
| } | |||
| .iconsuse .image { | |||
| float: left; | |||
| width: 25%; | |||
| padding: 0 1em; | |||
| } | |||
| .iconsuse .image p { | |||
| margin-bottom: 1em; | |||
| } | |||
| .iconsuse .image span { | |||
| display: block; | |||
| font-size: 0.65em; | |||
| background-color: #222; | |||
| color: #fff; | |||
| border-radius: 4px; | |||
| padding: 0.5em; | |||
| color: #FFFF99; | |||
| margin-top: 1em; | |||
| font-family: Consolas, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace; | |||
| } | |||
| .flaticon:before { | |||
| color: #5f7d95; | |||
| } | |||
| #footer { | |||
| text-align: center; | |||
| background-color: #1D262D; | |||
| color: #869FB2; | |||
| padding: 12px; | |||
| font-size: 14px; | |||
| } | |||
| #footer a { | |||
| font-weight: normal; | |||
| } | |||
| @media (max-width: 960px) { | |||
| .iconsuse .image { | |||
| width: 50%; | |||
| } | |||
| } | |||
| .preview { | |||
| width: 100px; | |||
| display: inline-block; | |||
| margin: 10px; | |||
| } | |||
| .preview .inner { | |||
| display: inline-block; | |||
| width: 100%; | |||
| text-align: center; | |||
| background: #f5f5f5; | |||
| -webkit-border-radius: 3px 3px 0 0; | |||
| -moz-border-radius: 3px 3px 0 0; | |||
| border-radius: 3px 3px 0 0; | |||
| } | |||
| .preview .inner { | |||
| line-height: 85px; | |||
| font-size: 40px; | |||
| color: #333; | |||
| } | |||
| .label { | |||
| display: inline-block; | |||
| width: 100%; | |||
| box-sizing: border-box; | |||
| padding: 5px; | |||
| font-size: 10px; | |||
| font-family: Monaco, monospace; | |||
| color: #666; | |||
| white-space: nowrap; | |||
| overflow: hidden; | |||
| text-overflow: ellipsis; | |||
| background: #ddd; | |||
| -webkit-border-radius: 0 0 3px 3px; | |||
| -moz-border-radius: 0 0 3px 3px; | |||
| border-radius: 0 0 3px 3px; | |||
| color: #666; | |||
| } | |||
| </style> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <a href="https://www.flaticon.com/" target="_blank" class="logo"> | |||
| <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 394.3 76.5"> | |||
| <path d="M156.6,69.4H145.3V7.1h11.3Z" style="fill:#0e2a47"/> | |||
| <path d="M206.2,69.4h-11V64.8a15.4,15.4,0,0,1-12.6,5.7c-11.6,0-20.3-9.5-20.3-22.1s8.8-22.1,20.3-22.1a15.4,15.4,0,0,1,12.6,5.8V27.5h11Zm-32.4-21c0,6.4,4.2,11.6,10.8,11.6s10.8-4.9,10.8-11.6-4.4-11.6-10.8-11.6S173.9,42,173.9,48.4Z" | |||
| style="fill:#0e2a47"/> | |||
| <path d="M262.5,13.7a7.2,7.2,0,0,1-14.4,0,7.2,7.2,0,1,1,14.4,0ZM261,69.4H249.6v-42H261Z" | |||
| style="fill:#0e2a47"/> | |||
| <path id="_Trazado_" data-name="<Trazado>" | |||
| d="M139.6,17.8a16.6,16.6,0,0,0-8-1.4c-3.2.4-4.9,2-4.9,5.9v5.1h13V37.5h-13v32H115.4v-32h-7.8v-10h7.8V22.2c0-9.9,5.2-16.3,15-16.3a23.4,23.4,0,0,1,9.3,1.8Z" | |||
| style="fill:#0e2a47"/> | |||
| <path d="M235.1,60c-3.5,0-6.3-1.9-6.3-7.1V37.5H244v-10H228.8V15H217.5V27.5h-5.7v10h5.7V53.7c0,10.9,5.3,16.8,15.7,16.8A22.9,22.9,0,0,0,244,68l-4.3-9.1A12.3,12.3,0,0,1,235.1,60Z" | |||
| style="fill:#0e2a47"/> | |||
| <path d="M348.9,48.4c0,12.6-9.7,22.1-22.7,22.1s-22.7-9.4-22.7-22.1,9.6-22.1,22.7-22.1S348.9,35.8,348.9,48.4Zm-33.9,0c0,6.8,4.8,11.6,11.1,11.6s11.2-4.8,11.2-11.6-4.8-11.6-11.2-11.6S315.1,41.6,315.1,48.4Z" | |||
| style="fill:#0e2a47"/> | |||
| <path d="M394.3,42.7V69.4H382.9V46.3c0-6.1-3-9.4-8.2-9.4s-8.9,3.2-8.9,9.5v23H354.6v-42h11v4.9c3-4.5,7.6-6.1,12.3-6.1C387.5,26.3,394.3,33,394.3,42.7Z" | |||
| style="fill:#0e2a47"/> | |||
| <path d="M298,55.7h0a12.4,12.4,0,0,1-8.2,4.2h-.9l-1.8-.2a10,10,0,0,1-7.4-5.6,13.2,13.2,0,0,1-1.2-5.8,13,13,0,0,1,1.3-5.9,10.1,10.1,0,0,1,7.5-5.5h2.4a11.7,11.7,0,0,1,8.3,4.2l5.5-9.6a19.9,19.9,0,0,0-8.1-4.3,23.4,23.4,0,0,0-6.1-.8,25.2,25.2,0,0,0-7.5,1.1,20.9,20.9,0,0,0-8,4.6,21.9,21.9,0,0,0-6.8,16.4,21.9,21.9,0,0,0,6.7,16.3,20.9,20.9,0,0,0,8,4.6,25.2,25.2,0,0,0,7.7,1.2,23.6,23.6,0,0,0,6.2-.8,20,20,0,0,0,8.1-4.4Z" | |||
| style="fill:#0e2a47"/> | |||
| <path d="M46.3,26.5H26.9L20.8,16H52.4L61.6,0H9.4A9.3,9.3,0,0,0,1.3,4.7a9.3,9.3,0,0,0,0,9.4L34.6,71.8a9.4,9.4,0,0,0,16.2,0l1.1-1.9L36.6,43.3Z" | |||
| style="fill:#4ad295"/> | |||
| <path d="M84.2,4.7A9.3,9.3,0,0,0,76.1,0H73.8l-25,43.3,9.2,16L84.2,14A9.3,9.3,0,0,0,84.2,4.7Z" | |||
| style="fill:#4ad295"/> | |||
| </svg> | |||
| </a> | |||
| </header> | |||
| <section class="demo wrapper"> | |||
| <p class="title">Webfont Instructions</p> | |||
| <ul> | |||
| <li> | |||
| <span class="num">1. </span>Copy the "Fonts" files and CSS files to your website CSS folder. | |||
| </li> | |||
| <li> | |||
| <span class="num">2. </span>Add the CSS link to your website source code on header. | |||
| <code class="big"> | |||
| <<span class="red">head</span>> | |||
| <br/><span class="dots">...</span> | |||
| <br/><<span class="red">link</span> <span class="green">rel</span>=<span | |||
| class="yellow">"stylesheet"</span> <span class="green">type</span>=<span | |||
| class="yellow">"text/css"</span> <span class="green">href</span>=<span class="yellow">"your_website_domain/css_root/flaticon.css"</span>> | |||
| <br/><span class="dots">...</span> | |||
| <br/></<span class="red">head</span>> | |||
| </code> | |||
| </li> | |||
| <li> | |||
| <p> | |||
| <span class="num">3. </span>Use the icon class on <code>"<span class="blue">display</span>:<span | |||
| class="purple"> inline</span>"</code> elements: | |||
| <br/> | |||
| Use example: <code><<span class="red">i</span> <span class="green">class</span>=<span class="yellow">"flaticon-airplane49"</span>></<span | |||
| class="red">i</span>></code> or <code><<span class="red">span</span> <span | |||
| class="green">class</span>=<span class="yellow">"flaticon-airplane49"</span>></<span | |||
| class="red">span</span>></code> | |||
| </li> | |||
| </ul> | |||
| </section> | |||
| <section id="glyphs"> | |||
| <div class="glyph"> | |||
| <i class="flaticon flaticon-user"></i> | |||
| <div class="class-name">.flaticon-user</div> | |||
| <div class="author-name">Author: <a data-file="user" href="http://www.freepik.com">Freepik</a> </div> | |||
| </div> | |||
| <div class="glyph"> | |||
| <i class="flaticon flaticon-heart"></i> | |||
| <div class="class-name">.flaticon-heart</div> | |||
| <div class="author-name">Author: <a data-file="heart" href="http://www.freepik.com">Freepik</a> </div> | |||
| </div> | |||
| <div class="glyph"> | |||
| <i class="flaticon flaticon-shopping-bag"></i> | |||
| <div class="class-name">.flaticon-shopping-bag</div> | |||
| <div class="author-name">Author: <a data-file="shopping-bag" href="https://www.flaticon.com/authors/kmg-design">kmg design</a> </div> | |||
| </div> | |||
| <div class="glyph"> | |||
| <i class="flaticon flaticon-apple-black-logo"></i> | |||
| <div class="class-name">.flaticon-apple-black-logo</div> | |||
| <div class="author-name">Author: <a data-file="apple-black-logo" href="http://www.freepik.com">Freepik</a> </div> | |||
| </div> | |||
| <div class="glyph"> | |||
| <i class="flaticon flaticon-playstore"></i> | |||
| <div class="class-name">.flaticon-playstore</div> | |||
| <div class="author-name">Author: <a data-file="playstore" href="http://www.freepik.com">Freepik</a> </div> | |||
| </div> | |||
| <div class="glyph"> | |||
| <i class="flaticon flaticon-24-hours-support"></i> | |||
| <div class="class-name">.flaticon-24-hours-support</div> | |||
| <div class="author-name">Author: <a data-file="24-hours-support" href="http://www.freepik.com">Freepik</a> </div> | |||
| </div> | |||
| </section> | |||
| <section class="attribution wrapper" style="text-align:center;"> | |||
| <div class="title">License and attribution:</div><div class="attrDiv">Font generated by <a href="https://www.flaticon.com">flaticon.com</a>. <div><p>Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="24-hours-support" href="http://www.freepik.com">Freepik</a>, <a data-file="shopping-bag" href="https://www.flaticon.com/authors/kmg-design">kmg design</a></p> </div> | |||
| </div> | |||
| <div class="title">Copy the Attribution License:</div> | |||
| <textarea onclick="this.focus();this.select();">Font generated by <a href="https://www.flaticon.com">flaticon.com</a>. <p>Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="24-hours-support" href="http://www.freepik.com">Freepik</a>, <a data-file="shopping-bag" href="https://www.flaticon.com/authors/kmg-design">kmg design</a></p> | |||
| </textarea> | |||
| </section> | |||
| <section class="iconsuse"> | |||
| <div class="title">Examples:</div> | |||
| <div class="image"> | |||
| <p> | |||
| <i class="flaticon flaticon-user"></i> | |||
| <span><i class="flaticon-user"></i></span> | |||
| </p> | |||
| </div> | |||
| <div class="image"> | |||
| <p> | |||
| <i class="flaticon flaticon-heart"></i> | |||
| <span><i class="flaticon-heart"></i></span> | |||
| </p> | |||
| </div> | |||
| <div class="image"> | |||
| <p> | |||
| <i class="flaticon flaticon-shopping-bag"></i> | |||
| <span><i class="flaticon-shopping-bag"></i></span> | |||
| </p> | |||
| </div> | |||
| <div class="image"> | |||
| <p> | |||
| <i class="flaticon flaticon-apple-black-logo"></i> | |||
| <span><i class="flaticon-apple-black-logo"></i></span> | |||
| </p> | |||
| </div> | |||
| <div class="image"> | |||
+ 49
- 0
src/Web/WebUI/wwwroot/css/flaticon/flaticon.scss
View File
| @ -0,0 +1,49 @@ | |||
| $flaticon-font: "flaticon"; | |||
| @font-face { | |||
| font-family: $flaticon-font; | |||
| src: url("./flaticon.ttf?845a83d3775f78f799f148d44e25858f") format("truetype"), | |||
| url("./flaticon.woff?845a83d3775f78f799f148d44e25858f") format("woff"), | |||
| url("./flaticon.woff2?845a83d3775f78f799f148d44e25858f") format("woff2"), | |||
| url("./flaticon.eot?845a83d3775f78f799f148d44e25858f#iefix") format("embedded-opentype"), | |||
| url("./flaticon.svg?845a83d3775f78f799f148d44e25858f#flaticon") format("svg"); | |||
| } | |||
| i[class^="flaticon-"]:before, i[class*=" flaticon-"]:before { | |||
| font-family: flaticon !important; | |||
| font-style: normal; | |||
| font-weight: normal !important; | |||
| font-variant: normal; | |||
| text-transform: none; | |||
| line-height: 1; | |||
| -webkit-font-smoothing: antialiased; | |||
| -moz-osx-font-smoothing: grayscale; | |||
| } | |||
| $flaticon-map: ( | |||
| "user": "\f101", | |||
| "heart": "\f102", | |||
| "shopping-bag": "\f103", | |||
| "apple-black-logo": "\f104", | |||
| "playstore": "\f105", | |||
| "24-hours-support": "\f106", | |||
| ); | |||
| .flaticon-user:before { | |||
| content: map-get($flaticon-map, "user"); | |||
| } | |||
| .flaticon-heart:before { | |||
| content: map-get($flaticon-map, "heart"); | |||
| } | |||
| .flaticon-shopping-bag:before { | |||
| content: map-get($flaticon-map, "shopping-bag"); | |||
| } | |||
| .flaticon-apple-black-logo:before { | |||
| content: map-get($flaticon-map, "apple-black-logo"); | |||
| } | |||
| .flaticon-playstore:before { | |||
| content: map-get($flaticon-map, "playstore"); | |||
| } | |||
| .flaticon-24-hours-support:before { | |||
| content: map-get($flaticon-map, "24-hours-support"); | |||
| } | |||
+ 30
- 0
src/Web/WebUI/wwwroot/css/flaticon/flaticon.svg
File diff suppressed because it is too large
View File
BIN
src/Web/WebUI/wwwroot/css/flaticon/flaticon.ttf
View File
BIN
src/Web/WebUI/wwwroot/css/flaticon/flaticon.woff
View File
BIN
src/Web/WebUI/wwwroot/css/flaticon/flaticon.woff2
View File
+ 5
- 0
src/Web/WebUI/wwwroot/css/font-awesome-pro.css
File diff suppressed because it is too large
View File
+ 351
- 0
src/Web/WebUI/wwwroot/css/magnific-popup.css
View File
| @ -0,0 +1,351 @@ | |||
| /* Magnific Popup CSS */ | |||
| .mfp-bg { | |||
| top: 0; | |||
| left: 0; | |||
| width: 100%; | |||
| height: 100%; | |||
| z-index: 1042; | |||
| overflow: hidden; | |||
| position: fixed; | |||
| background: #0b0b0b; | |||
| opacity: 0.8; } | |||
| .mfp-wrap { | |||
| top: 0; | |||
| left: 0; | |||
| width: 100%; | |||
| height: 100%; | |||
| z-index: 1043; | |||
| position: fixed; | |||
| outline: none !important; | |||
| -webkit-backface-visibility: hidden; } | |||
| .mfp-container { | |||
| text-align: center; | |||
| position: absolute; | |||
| width: 100%; | |||
| height: 100%; | |||
| left: 0; | |||
| top: 0; | |||
| padding: 0 8px; | |||
| box-sizing: border-box; } | |||
| .mfp-container:before { | |||
| content: ''; | |||
| display: inline-block; | |||
| height: 100%; | |||
| vertical-align: middle; } | |||
| .mfp-align-top .mfp-container:before { | |||
| display: none; } | |||
| .mfp-content { | |||
| position: relative; | |||
| display: inline-block; | |||
| vertical-align: middle; | |||
| margin: 0 auto; | |||
| text-align: left; | |||
| z-index: 1045; } | |||
| .mfp-inline-holder .mfp-content, | |||
| .mfp-ajax-holder .mfp-content { | |||
| width: 100%; | |||
| cursor: auto; } | |||
| .mfp-ajax-cur { | |||
| cursor: progress; } | |||
| .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { | |||
| cursor: -moz-zoom-out; | |||
| cursor: -webkit-zoom-out; | |||
| cursor: zoom-out; } | |||
| .mfp-zoom { | |||
| cursor: pointer; | |||
| cursor: -webkit-zoom-in; | |||
| cursor: -moz-zoom-in; | |||
| cursor: zoom-in; } | |||
| .mfp-auto-cursor .mfp-content { | |||
| cursor: auto; } | |||
| .mfp-close, | |||
| .mfp-arrow, | |||
| .mfp-preloader, | |||
| .mfp-counter { | |||
| -webkit-user-select: none; | |||
| -moz-user-select: none; | |||
| user-select: none; } | |||
| .mfp-loading.mfp-figure { | |||
| display: none; } | |||
| .mfp-hide { | |||
| display: none !important; } | |||
| .mfp-preloader { | |||
| color: #CCC; | |||
| position: absolute; | |||
| top: 50%; | |||
| width: auto; | |||
| text-align: center; | |||
| margin-top: -0.8em; | |||
| left: 8px; | |||
| right: 8px; | |||
| z-index: 1044; } | |||
| .mfp-preloader a { | |||
| color: #CCC; } | |||
| .mfp-preloader a:hover { | |||
| color: #FFF; } | |||
| .mfp-s-ready .mfp-preloader { | |||
| display: none; } | |||
| .mfp-s-error .mfp-content { | |||
| display: none; } | |||
| button.mfp-close, | |||
| button.mfp-arrow { | |||
| overflow: visible; | |||
| cursor: pointer; | |||
| background: transparent; | |||
| border: 0; | |||
| -webkit-appearance: none; | |||
| display: block; | |||
| outline: none; | |||
| padding: 0; | |||
| z-index: 1046; | |||
| box-shadow: none; | |||
| touch-action: manipulation; } | |||
| button::-moz-focus-inner { | |||
| padding: 0; | |||
| border: 0; } | |||
| .mfp-close { | |||
| width: 44px; | |||
| height: 44px; | |||
| line-height: 44px; | |||
| position: absolute; | |||
| right: 0; | |||
| top: 0; | |||
| text-decoration: none; | |||
| text-align: center; | |||
| opacity: 0.65; | |||
| padding: 0 0 18px 10px; | |||
| color: #FFF; | |||
| font-style: normal; | |||
| font-size: 28px; | |||
| font-family: Arial, Baskerville, monospace; } | |||
| .mfp-close:hover, | |||
| .mfp-close:focus { | |||
| opacity: 1; } | |||
| .mfp-close:active { | |||
| top: 1px; } | |||
| .mfp-close-btn-in .mfp-close { | |||
| color: #333; } | |||
| .mfp-image-holder .mfp-close, | |||
| .mfp-iframe-holder .mfp-close { | |||
| color: #FFF; | |||
| right: -6px; | |||
| text-align: right; | |||
| padding-right: 6px; | |||
| width: 100%; } | |||
| .mfp-counter { | |||
| position: absolute; | |||
| top: 0; | |||
| right: 0; | |||
| color: #CCC; | |||
| font-size: 12px; | |||
| line-height: 18px; | |||
| white-space: nowrap; } | |||
| .mfp-arrow { | |||
| position: absolute; | |||
| opacity: 0.65; | |||
| margin: 0; | |||
| top: 50%; | |||
| margin-top: -55px; | |||
| padding: 0; | |||
| width: 90px; | |||
| height: 110px; | |||
| -webkit-tap-highlight-color: transparent; } | |||
| .mfp-arrow:active { | |||
| margin-top: -54px; } | |||
| .mfp-arrow:hover, | |||
| .mfp-arrow:focus { | |||
| opacity: 1; } | |||
| .mfp-arrow:before, | |||
| .mfp-arrow:after { | |||
| content: ''; | |||
| display: block; | |||
| width: 0; | |||
| height: 0; | |||
| position: absolute; | |||
| left: 0; | |||
| top: 0; | |||
| margin-top: 35px; | |||
| margin-left: 35px; | |||
| border: medium inset transparent; } | |||
| .mfp-arrow:after { | |||
| border-top-width: 13px; | |||
| border-bottom-width: 13px; | |||
| top: 8px; } | |||
| .mfp-arrow:before { | |||
| border-top-width: 21px; | |||
| border-bottom-width: 21px; | |||
| opacity: 0.7; } | |||
| .mfp-arrow-left { | |||
| left: 0; } | |||
| .mfp-arrow-left:after { | |||
| border-right: 17px solid #FFF; | |||
| margin-left: 31px; } | |||
| .mfp-arrow-left:before { | |||
| margin-left: 25px; | |||
| border-right: 27px solid #3F3F3F; } | |||
| .mfp-arrow-right { | |||
| right: 0; } | |||
| .mfp-arrow-right:after { | |||
| border-left: 17px solid #FFF; | |||
| margin-left: 39px; } | |||
| .mfp-arrow-right:before { | |||
| border-left: 27px solid #3F3F3F; } | |||
| .mfp-iframe-holder { | |||
| padding-top: 40px; | |||
| padding-bottom: 40px; } | |||
| .mfp-iframe-holder .mfp-content { | |||
| line-height: 0; | |||
| width: 100%; | |||
| max-width: 900px; } | |||
| .mfp-iframe-holder .mfp-close { | |||
| top: -40px; } | |||
| .mfp-iframe-scaler { | |||
| width: 100%; | |||
| height: 0; | |||
| overflow: hidden; | |||
| padding-top: 56.25%; } | |||
| .mfp-iframe-scaler iframe { | |||
| position: absolute; | |||
| display: block; | |||
| top: 0; | |||
| left: 0; | |||
| width: 100%; | |||
| height: 100%; | |||
| box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); | |||
| background: #000; } | |||
| /* Main image in popup */ | |||
| img.mfp-img { | |||
| width: auto; | |||
| max-width: 100%; | |||
| height: auto; | |||
| display: block; | |||
| line-height: 0; | |||
| box-sizing: border-box; | |||
| padding: 40px 0 40px; | |||
| margin: 0 auto; } | |||
| /* The shadow behind the image */ | |||
| .mfp-figure { | |||
| line-height: 0; } | |||
| .mfp-figure:after { | |||
| content: ''; | |||
| position: absolute; | |||
| left: 0; | |||
| top: 40px; | |||
| bottom: 40px; | |||
| display: block; | |||
| right: 0; | |||
| width: auto; | |||
| height: auto; | |||
| z-index: -1; | |||
| box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); | |||
| background: #444; } | |||
| .mfp-figure small { | |||
| color: #BDBDBD; | |||
| display: block; | |||
| font-size: 12px; | |||
| line-height: 14px; } | |||
| .mfp-figure figure { | |||
| margin: 0; } | |||
| .mfp-bottom-bar { | |||
| margin-top: -36px; | |||
| position: absolute; | |||
| top: 100%; | |||
| left: 0; | |||
| width: 100%; | |||
| cursor: auto; } | |||
| .mfp-title { | |||
| text-align: left; | |||
| line-height: 18px; | |||
| color: #F3F3F3; | |||
| word-wrap: break-word; | |||
| padding-right: 36px; } | |||
| .mfp-image-holder .mfp-content { | |||
| max-width: 100%; } | |||
| .mfp-gallery .mfp-image-holder .mfp-figure { | |||
| cursor: pointer; } | |||
| @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { | |||
| /** | |||
| * Remove all paddings around the image on small screen | |||
| */ | |||
| .mfp-img-mobile .mfp-image-holder { | |||
| padding-left: 0; | |||
| padding-right: 0; } | |||
| .mfp-img-mobile img.mfp-img { | |||
| padding: 0; } | |||
| .mfp-img-mobile .mfp-figure:after { | |||
| top: 0; | |||
| bottom: 0; } | |||
| .mfp-img-mobile .mfp-figure small { | |||
| display: inline; | |||
| margin-left: 5px; } | |||
| .mfp-img-mobile .mfp-bottom-bar { | |||
| background: rgba(0, 0, 0, 0.6); | |||
| bottom: 0; | |||
| margin: 0; | |||
| top: auto; | |||
| padding: 3px 5px; | |||
| position: fixed; | |||
| box-sizing: border-box; } | |||
| .mfp-img-mobile .mfp-bottom-bar:empty { | |||
| padding: 0; } | |||
| .mfp-img-mobile .mfp-counter { | |||
| right: 5px; | |||
| top: 3px; } | |||
| .mfp-img-mobile .mfp-close { | |||
| top: 0; | |||
| right: 0; | |||
| width: 35px; | |||
| height: 35px; | |||
| line-height: 35px; | |||
| background: rgba(0, 0, 0, 0.6); | |||
| position: fixed; | |||
| text-align: center; | |||
| padding: 0; } } | |||
| @media all and (max-width: 900px) { | |||
| .mfp-arrow { | |||
| -webkit-transform: scale(0.75); | |||
| transform: scale(0.75); } | |||
| .mfp-arrow-left { | |||
| -webkit-transform-origin: 0; | |||
| transform-origin: 0; } | |||
| .mfp-arrow-right { | |||
| -webkit-transform-origin: 100%; | |||
| transform-origin: 100%; } | |||
| .mfp-container { | |||
| padding-left: 6px; | |||
| padding-right: 6px; } } | |||
+ 156
- 0
src/Web/WebUI/wwwroot/css/meanmenu.css
View File
| @ -0,0 +1,156 @@ | |||
| /*! ####################################################################### | |||
| MeanMenu 2.0.7 | |||
| -------- | |||
| To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/) | |||
| ####################################################################### */ | |||
| /* hide the link until viewport size is reached */ | |||
| a.meanmenu-reveal { | |||
| display: none; | |||
| } | |||
| /* when under viewport size, .mean-container is added to body */ | |||
| .mean-container .mean-bar { | |||
| float: left; | |||
| width: 100%; | |||
| position: relative; | |||
| background: #070337; | |||
| padding: 4px 0; | |||
| min-height: 42px; | |||
| z-index: 999999; | |||
| } | |||
| .mean-container a.meanmenu-reveal { | |||
| width: 22px; | |||
| height: 22px; | |||
| padding: 13px 13px 11px 13px; | |||
| position: absolute; | |||
| top: 0; | |||
| right: 0; | |||
| cursor: pointer; | |||
| color: #fff; | |||
| text-decoration: none; | |||
| font-size: 16px; | |||
| text-indent: -9999em; | |||
| line-height: 22px; | |||
| font-size: 1px; | |||
| display: block; | |||
| font-family: Arial, Helvetica, sans-serif; | |||
| font-weight: 700; | |||
| } | |||
| .mean-container a.meanmenu-reveal span { | |||
| display: block; | |||
| background: #fff; | |||
| height: 3px; | |||
| margin-top: 3px; | |||
| } | |||
| .mean-container .mean-nav { | |||
| float: left; | |||
| width: 100%; | |||
| background: #070337; | |||
| margin-top: 44px; | |||
| } | |||
| .mean-container .mean-nav ul { | |||
| padding: 0; | |||
| margin: 0; | |||
| width: 100%; | |||
| list-style-type: none; | |||
| } | |||
| .mean-container .mean-nav ul li { | |||
| position: relative; | |||
| float: left; | |||
| width: 100%; | |||
| } | |||
| .mean-container .mean-nav ul li a { | |||
| display: block; | |||
| float: left; | |||
| width: 90%; | |||
| padding: 10px 5%; | |||
| margin: 0; | |||
| text-align: left; | |||
| color: #fff; | |||
| border-top: 1px solid #e0e3ed; | |||
| text-decoration: none; | |||
| text-transform: uppercase; | |||
| } | |||
| .mean-container .mean-nav ul li li a { | |||
| width: 80%; | |||
| padding: 10px 10%; | |||
| text-shadow: none !important; | |||
| visibility: visible; | |||
| } | |||
| .mean-container .mean-nav ul li.mean-last a { | |||
| border-bottom: none; | |||
| margin-bottom: 0; | |||
| } | |||
| .mean-container .mean-nav ul li li li a { | |||
| width: 70%; | |||
| padding: 10px 15%; | |||
| } | |||
| .mean-container .mean-nav ul li li li li a { | |||
| width: 60%; | |||
| padding: 10px 20%; | |||
| } | |||
| .mean-container .mean-nav ul li li li li li a { | |||
| width: 50%; | |||
| padding: 10px 25%; | |||
| } | |||
| .mean-container .mean-nav ul li a.mean-expand { | |||
| margin-top: 1px; | |||
| width: 26px; | |||
| height: 32px; | |||
| text-align: center; | |||
| position: absolute; | |||
| right: 0; | |||
| top: 0; | |||
| z-index: 2; | |||
| font-weight: 700; | |||
| background: transparent; | |||
| border: none !important; | |||
| font-size: 14px; | |||
| } | |||
| .mean-container .mean-push { | |||
| float: left; | |||
| width: 100%; | |||
| padding: 0; | |||
| margin: 0; | |||
| clear: both; | |||
| } | |||
| .mean-nav .wrapper { | |||
| width: 100%; | |||
| padding: 0; | |||
| margin: 0; | |||
| } | |||
| /* Fix for box sizing on Foundation Framework etc. */ | |||
| .mean-container .mean-bar, .mean-container .mean-bar * { | |||
| -webkit-box-sizing: content-box; | |||
| -moz-box-sizing: content-box; | |||
| box-sizing: content-box; | |||
| } | |||
| .mean-remove { | |||
| display: none !important; | |||
| } | |||
+ 181
- 0
src/Web/WebUI/wwwroot/css/nice-select.css
View File
| @ -0,0 +1,181 @@ | |||
| .nice-select { | |||
| -webkit-tap-highlight-color: transparent; | |||
| background-color: #fff; | |||
| border-radius: 5px; | |||
| border: solid 1px #e8e8e8; | |||
| box-sizing: border-box; | |||
| clear: both; | |||
| cursor: pointer; | |||
| display: block; | |||
| float: left; | |||
| font-family: inherit; | |||
| font-size: 14px; | |||
| font-weight: normal; | |||
| height: 42px; | |||
| line-height: 40px; | |||
| outline: none; | |||
| padding-left: 18px; | |||
| padding-right: 30px; | |||
| position: relative; | |||
| text-align: left !important; | |||
| -webkit-transition: all 0.2s ease-in-out; | |||
| transition: all 0.2s ease-in-out; | |||
| -webkit-user-select: none; | |||
| -moz-user-select: none; | |||
| -ms-user-select: none; | |||
| user-select: none; | |||
| white-space: nowrap; | |||
| width: auto; | |||
| } | |||
| .nice-select:hover { | |||
| border-color: #dbdbdb; | |||
| } | |||
| .nice-select:active, | |||
| .nice-select.open, | |||
| .nice-select:focus { | |||
| border-color: #999; | |||
| } | |||
| .nice-select:after { | |||
| border-bottom: 2px solid #999; | |||
| border-right: 2px solid #999; | |||
| content: ''; | |||
| display: block; | |||
| height: 5px; | |||
| margin-top: -4px; | |||
| pointer-events: none; | |||
| position: absolute; | |||
| right: 12px; | |||
| top: 50%; | |||
| -webkit-transform-origin: 66% 66%; | |||
| -ms-transform-origin: 66% 66%; | |||
| transform-origin: 66% 66%; | |||
| -webkit-transform: rotate(45deg); | |||
| -ms-transform: rotate(45deg); | |||
| transform: rotate(45deg); | |||
| -webkit-transition: all 0.15s ease-in-out; | |||
| transition: all 0.15s ease-in-out; | |||
| width: 5px; | |||
| } | |||
| .nice-select.open:after { | |||
| -webkit-transform: rotate(-135deg); | |||
| -ms-transform: rotate(-135deg); | |||
| transform: rotate(-135deg); | |||
| } | |||
| .nice-select.open .list { | |||
| opacity: 1; | |||
| pointer-events: auto; | |||
| -webkit-transform: scale(1) translateY(0); | |||
| -ms-transform: scale(1) translateY(0); | |||
| transform: scale(1) translateY(0); | |||
| } | |||
| .nice-select.disabled { | |||
| border-color: #ededed; | |||
| color: #999; | |||
| pointer-events: none; | |||
| } | |||
| .nice-select.disabled:after { | |||
| border-color: #cccccc; | |||
| } | |||
| .nice-select.wide { | |||
| width: 100%; | |||
| } | |||
| .nice-select.wide .list { | |||
| left: 0 !important; | |||
| right: 0 !important; | |||
| } | |||
| .nice-select.right { | |||
| float: right; | |||
| } | |||
| .nice-select.right .list { | |||
| left: auto; | |||
| right: 0; | |||
| } | |||
| .nice-select.small { | |||
| font-size: 12px; | |||
| height: 36px; | |||
| line-height: 34px; | |||
| } | |||
| .nice-select.small:after { | |||
| height: 4px; | |||
| width: 4px; | |||
| } | |||
| .nice-select.small .option { | |||
| line-height: 34px; | |||
| min-height: 34px; | |||
| } | |||
| .nice-select .list { | |||
| background-color: #fff; | |||
| border-radius: 5px; | |||
| box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); | |||
| box-sizing: border-box; | |||
| margin-top: 4px; | |||
| opacity: 0; | |||
| overflow: hidden; | |||
| padding: 0; | |||
| pointer-events: none; | |||
| position: absolute; | |||
| top: 100%; | |||
| left: 0; | |||
| -webkit-transform-origin: 50% 0; | |||
| -ms-transform-origin: 50% 0; | |||
| transform-origin: 50% 0; | |||
| -webkit-transform: scale(0.75) translateY(-21px); | |||
| -ms-transform: scale(0.75) translateY(-21px); | |||
| transform: scale(0.75) translateY(-21px); | |||
| -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; | |||
| transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; | |||
| z-index: 9; | |||
| } | |||
| .nice-select .option { | |||
| cursor: pointer; | |||
| font-weight: 400; | |||
| line-height: 40px; | |||
| list-style: none; | |||
| min-height: 40px; | |||
| outline: none; | |||
| padding-left: 18px; | |||
| padding-right: 29px; | |||
| text-align: left; | |||
| -webkit-transition: all 0.2s; | |||
| transition: all 0.2s; | |||
| } | |||
| .nice-select .option.selected { | |||
| font-weight: bold; | |||
| } | |||
| .nice-select .option.disabled { | |||
| background-color: transparent; | |||
| color: #999; | |||
| cursor: default; | |||
| } | |||
| .no-csspointerevents .nice-select .list { | |||
| display: none; | |||
| } | |||
| .no-csspointerevents .nice-select.open .list { | |||
| display: block; | |||
| } | |||
+ 6
- 0
src/Web/WebUI/wwwroot/css/owl-carousel.css
View File
| @ -0,0 +1,6 @@ | |||
| /** | |||
| * Owl Carousel v2.2.1 | |||
| * Copyright 2013-2017 David Deutsch | |||
| * Licensed under () | |||
| */ | |||
| .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} | |||
+ 39
- 0
src/Web/WebUI/wwwroot/css/preloader.css
View File
| @ -0,0 +1,39 @@ | |||
| #loading{ | |||
| background-color: #fff; | |||
| height: 100%; | |||
| width: 100%; | |||
| position: fixed; | |||
| z-index: 9999999999; | |||
| margin-top: 0px; | |||
| top: 0px; | |||
| } | |||
| #loading-center{ | |||
| width: 100%; | |||
| height: 100%; | |||
| position: relative; | |||
| } | |||
| #loading-center-absolute { | |||
| position: absolute; | |||
| left: 50%; | |||
| top: 50%; | |||
| transform: translate(-50%, -50%); | |||
| } | |||
| .cart-container { | |||
| width: 900px; | |||
| margin: auto; | |||
| } | |||
| #cart { | |||
| width: 150px; | |||
| display:inline-block; | |||
| } | |||
| .product { | |||
| width: 60px; | |||
| position: absolute; | |||
| left: 50%; | |||
| opacity: 0; | |||
| transform: scale(2); | |||
| } | |||
+ 6894
- 0
src/Web/WebUI/wwwroot/css/style.css
File diff suppressed because it is too large
View File
+ 1
- 0
src/Web/WebUI/wwwroot/css/style.css.map
File diff suppressed because it is too large
View File
+ 541
- 0
src/Web/WebUI/wwwroot/css/swiper-bundle.css
View File
| @ -0,0 +1,541 @@ | |||
| /** | |||
| * Swiper 6.5.0 | |||
| * Most modern mobile touch slider and framework with hardware accelerated transitions | |||
| * https://swiperjs.com | |||
| * | |||
| * Copyright 2014-2021 Vladimir Kharlampidi | |||
| * | |||
| * Released under the MIT License | |||
| * | |||
| * Released on: March 5, 2021 | |||
| */ | |||
| @font-face { | |||
| font-family: 'swiper-icons'; | |||
| src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff'); | |||
| font-weight: 400; | |||
| font-style: normal; | |||
| } | |||
| :root { | |||
| --swiper-theme-color: #007aff; | |||
| } | |||
| .swiper-container { | |||
| margin-left: auto; | |||
| margin-right: auto; | |||
| position: relative; | |||
| overflow: hidden; | |||
| list-style: none; | |||
| padding: 0; | |||
| /* Fix of Webkit flickering */ | |||
| z-index: 1; | |||
| } | |||
| .swiper-container-vertical > .swiper-wrapper { | |||
| flex-direction: column; | |||
| } | |||
| .swiper-wrapper { | |||
| position: relative; | |||
| width: 100%; | |||
| height: 100%; | |||
| z-index: 1; | |||
| display: flex; | |||
| transition-property: transform; | |||
| box-sizing: content-box; | |||
| } | |||
| .swiper-container-android .swiper-slide, | |||
| .swiper-wrapper { | |||
| transform: translate3d(0px, 0, 0); | |||
| } | |||
| .swiper-container-multirow > .swiper-wrapper { | |||
| flex-wrap: wrap; | |||
| } | |||
| .swiper-container-multirow-column > .swiper-wrapper { | |||
| flex-wrap: wrap; | |||
| flex-direction: column; | |||
| } | |||
| .swiper-container-free-mode > .swiper-wrapper { | |||
| transition-timing-function: ease-out; | |||
| margin: 0 auto; | |||
| } | |||
| .swiper-container-pointer-events { | |||
| touch-action: pan-y; | |||
| } | |||
| .swiper-container-pointer-events.swiper-container-vertical { | |||
| touch-action: pan-x; | |||
| } | |||
| .swiper-slide { | |||
| flex-shrink: 0; | |||
| width: 100%; | |||
| height: 100%; | |||
| position: relative; | |||
| transition-property: transform; | |||
| } | |||
| .swiper-slide-invisible-blank { | |||
| visibility: hidden; | |||
| } | |||
| /* Auto Height */ | |||
| .swiper-container-autoheight, | |||
| .swiper-container-autoheight .swiper-slide { | |||
| height: auto; | |||
| } | |||
| .swiper-container-autoheight .swiper-wrapper { | |||
| align-items: flex-start; | |||
| transition-property: transform, height; | |||
| } | |||
| /* 3D Effects */ | |||
| .swiper-container-3d { | |||
| perspective: 1200px; | |||
| } | |||
| .swiper-container-3d .swiper-wrapper, | |||
| .swiper-container-3d .swiper-slide, | |||
| .swiper-container-3d .swiper-slide-shadow-left, | |||
| .swiper-container-3d .swiper-slide-shadow-right, | |||
| .swiper-container-3d .swiper-slide-shadow-top, | |||
| .swiper-container-3d .swiper-slide-shadow-bottom, | |||
| .swiper-container-3d .swiper-cube-shadow { | |||
| transform-style: preserve-3d; | |||
| } | |||
| .swiper-container-3d .swiper-slide-shadow-left, | |||
| .swiper-container-3d .swiper-slide-shadow-right, | |||
| .swiper-container-3d .swiper-slide-shadow-top, | |||
| .swiper-container-3d .swiper-slide-shadow-bottom { | |||
| position: absolute; | |||
| left: 0; | |||
| top: 0; | |||
| width: 100%; | |||
| height: 100%; | |||
| pointer-events: none; | |||
| z-index: 10; | |||
| } | |||
| .swiper-container-3d .swiper-slide-shadow-left { | |||
| background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); | |||
| } | |||
| .swiper-container-3d .swiper-slide-shadow-right { | |||
| background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); | |||
| } | |||
| .swiper-container-3d .swiper-slide-shadow-top { | |||
| background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); | |||
| } | |||
| .swiper-container-3d .swiper-slide-shadow-bottom { | |||
| background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); | |||
| } | |||
| /* CSS Mode */ | |||
| .swiper-container-css-mode > .swiper-wrapper { | |||
| overflow: auto; | |||
| scrollbar-width: none; | |||
| /* For Firefox */ | |||
| -ms-overflow-style: none; | |||
| /* For Internet Explorer and Edge */ | |||
| } | |||
| .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { | |||
| display: none; | |||
| } | |||
| .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { | |||
| scroll-snap-align: start start; | |||
| } | |||
| .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { | |||
| scroll-snap-type: x mandatory; | |||
| } | |||
| .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { | |||
| scroll-snap-type: y mandatory; | |||
| } | |||
| :root { | |||
| --swiper-navigation-size: 44px; | |||
| /* | |||
| --swiper-navigation-color: var(--swiper-theme-color); | |||
| */ | |||
| } | |||
| .swiper-button-prev, | |||
| .swiper-button-next { | |||
| position: absolute; | |||
| top: 50%; | |||
| z-index: 10; | |||
| cursor: pointer; | |||
| display: flex; | |||
| align-items: center; | |||
| justify-content: center; | |||
| } | |||
| .swiper-button-prev.swiper-button-disabled, | |||
| .swiper-button-next.swiper-button-disabled { | |||
| opacity: 0.7; | |||
| cursor: auto; | |||
| pointer-events: none; | |||
| } | |||
| .swiper-button-prev:after, | |||
| .swiper-button-next:after { | |||
| font-family: swiper-icons; | |||
| text-transform: none !important; | |||
| letter-spacing: 0; | |||
| text-transform: none; | |||
| font-variant: initial; | |||
| line-height: 1; | |||
| } | |||
| .swiper-button-prev, | |||
| .swiper-container-rtl .swiper-button-next { | |||
| left: 10px; | |||
| right: auto; | |||
| } | |||
| .swiper-button-prev:after, | |||
| .swiper-container-rtl .swiper-button-next:after { | |||
| content: 'prev'; | |||
| } | |||
| .swiper-button-next, | |||
| .swiper-container-rtl .swiper-button-prev { | |||
| right: 10px; | |||
| left: auto; | |||
| } | |||
| .swiper-button-next:after, | |||
| .swiper-container-rtl .swiper-button-prev:after { | |||
| content: 'next'; | |||
| } | |||
| .swiper-button-prev.swiper-button-white, | |||
| .swiper-button-next.swiper-button-white { | |||
| --swiper-navigation-color: #ffffff; | |||
| } | |||
| .swiper-button-prev.swiper-button-black, | |||
| .swiper-button-next.swiper-button-black { | |||
| --swiper-navigation-color: #000000; | |||
| } | |||
| .swiper-button-lock { | |||
| display: none; | |||
| } | |||
| :root { | |||
| /* | |||
| --swiper-pagination-color: var(--swiper-theme-color); | |||
| */ | |||
| } | |||
| .swiper-pagination { | |||
| position: absolute; | |||
| text-align: center; | |||
| transition: 300ms opacity; | |||
| transform: translate3d(0, 0, 0); | |||
| z-index: 10; | |||
| } | |||
| .swiper-pagination.swiper-pagination-hidden { | |||
| opacity: 0; | |||
| } | |||
| /* Common Styles */ | |||
| .swiper-pagination-fraction, | |||
| .swiper-pagination-custom, | |||
| .swiper-container-horizontal > .swiper-pagination-bullets { | |||
| bottom: 10px; | |||
| left: 0; | |||
| width: 100%; | |||
| } | |||
| /* Bullets */ | |||
| .swiper-pagination-bullets-dynamic { | |||
| overflow: hidden; | |||
| font-size: 0; | |||
| } | |||
| .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { | |||
| transform: scale(0.33); | |||
| position: relative; | |||
| } | |||
| .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { | |||
| transform: scale(1); | |||
| } | |||
| .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { | |||
| transform: scale(1); | |||
| } | |||
| .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { | |||
| transform: scale(0.66); | |||
| } | |||
| .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { | |||
| transform: scale(0.33); | |||
| } | |||
| .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { | |||
| transform: scale(0.66); | |||
| } | |||
| .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { | |||
| transform: scale(0.33); | |||
| } | |||
| .swiper-pagination-bullet { | |||
| width: 8px; | |||
| height: 8px; | |||
| display: inline-block; | |||
| border-radius: 50%; | |||
| background: #000; | |||
| opacity: 0.2; | |||
| } | |||
| button.swiper-pagination-bullet { | |||
| border: none; | |||
| margin: 0; | |||
| padding: 0; | |||
| box-shadow: none; | |||
| -webkit-appearance: none; | |||
| -moz-appearance: none; | |||
| appearance: none; | |||
| } | |||
| .swiper-pagination-clickable .swiper-pagination-bullet { | |||
| cursor: pointer; | |||
| } | |||
| .swiper-pagination-bullet-active { | |||
| opacity: 1; | |||
| background: var(--swiper-pagination-color, var(--swiper-theme-color)); | |||
| } | |||
| .swiper-container-vertical > .swiper-pagination-bullets { | |||
| right: 10px; | |||
| top: 50%; | |||
| transform: translate3d(0px, -50%, 0); | |||
| } | |||
| .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { | |||
| margin: 6px 0; | |||
| display: block; | |||
| } | |||
| .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { | |||
| top: 50%; | |||
| transform: translateY(-50%); | |||
| width: 8px; | |||
| } | |||
| .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { | |||
| display: inline-block; | |||
| transition: 200ms transform, 200ms top; | |||
| } | |||
| .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { | |||
| margin: 0 4px; | |||
| } | |||
| .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { | |||
| left: 50%; | |||
| transform: translateX(-50%); | |||
| white-space: nowrap; | |||
| } | |||
| .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { | |||
| transition: 200ms transform, 200ms left; | |||
| } | |||
| .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { | |||
| transition: 200ms transform, 200ms right; | |||
| } | |||
| /* Progress */ | |||
| .swiper-pagination-progressbar { | |||
| background: rgba(0, 0, 0, 0.25); | |||
| position: absolute; | |||
| } | |||
| .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { | |||
| background: var(--swiper-pagination-color, var(--swiper-theme-color)); | |||
| position: absolute; | |||
| left: 0; | |||
| top: 0; | |||
| width: 100%; | |||
| height: 100%; | |||
| transform: scale(0); | |||
| transform-origin: left top; | |||
| } | |||
| .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { | |||
| transform-origin: right top; | |||
| } | |||
| .swiper-container-horizontal > .swiper-pagination-progressbar, | |||
| .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { | |||
| width: 100%; | |||
| height: 4px; | |||
| left: 0; | |||
| top: 0; | |||
| } | |||
| .swiper-container-vertical > .swiper-pagination-progressbar, | |||
| .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { | |||
| width: 4px; | |||
| height: 100%; | |||
| left: 0; | |||
| top: 0; | |||
| } | |||
| .swiper-pagination-white { | |||
| --swiper-pagination-color: #ffffff; | |||
| } | |||
| .swiper-pagination-black { | |||
| --swiper-pagination-color: #000000; | |||
| } | |||
| .swiper-pagination-lock { | |||
| display: none; | |||
| } | |||
| /* Scrollbar */ | |||
| .swiper-scrollbar { | |||
| border-radius: 10px; | |||
| position: relative; | |||
| -ms-touch-action: none; | |||
| background: rgba(0, 0, 0, 0.1); | |||
| } | |||
| .swiper-container-horizontal > .swiper-scrollbar { | |||
| position: absolute; | |||
| left: 1%; | |||
| bottom: 3px; | |||
| z-index: 50; | |||
| height: 5px; | |||
| width: 98%; | |||
| } | |||
| .swiper-container-vertical > .swiper-scrollbar { | |||
| position: absolute; | |||
| right: 3px; | |||
| top: 1%; | |||
| z-index: 50; | |||
| width: 5px; | |||
| height: 98%; | |||
| } | |||
| .swiper-scrollbar-drag { | |||
| height: 100%; | |||
| width: 100%; | |||
| position: relative; | |||
| background: rgba(0, 0, 0, 0.5); | |||
| border-radius: 10px; | |||
| left: 0; | |||
| top: 0; | |||
| } | |||
| .swiper-scrollbar-cursor-drag { | |||
| cursor: move; | |||
| } | |||
| .swiper-scrollbar-lock { | |||
| display: none; | |||
| } | |||
| .swiper-zoom-container { | |||
| width: 100%; | |||
| height: 100%; | |||
| display: flex; | |||
| justify-content: center; | |||
| align-items: center; | |||
| text-align: center; | |||
| } | |||
| .swiper-zoom-container > img, | |||
| .swiper-zoom-container > svg, | |||
| .swiper-zoom-container > canvas { | |||
| max-width: 100%; | |||
| max-height: 100%; | |||
| object-fit: contain; | |||
| } | |||
| .swiper-slide-zoomed { | |||
| cursor: move; | |||
| } | |||
| /* Preloader */ | |||
| :root { | |||
| /* | |||
| --swiper-preloader-color: var(--swiper-theme-color); | |||
| */ | |||
| } | |||
| .swiper-lazy-preloader { | |||
| width: 42px; | |||
| height: 42px; | |||
| position: absolute; | |||
| left: 50%; | |||
| top: 50%; | |||
| margin-left: -21px; | |||
| margin-top: -21px; | |||
| z-index: 10; | |||
| transform-origin: 50%; | |||
| animation: swiper-preloader-spin 1s infinite linear; | |||
| box-sizing: border-box; | |||
| border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); | |||
| border-radius: 50%; | |||
| border-top-color: transparent; | |||
| } | |||
| .swiper-lazy-preloader-white { | |||
| --swiper-preloader-color: #fff; | |||
| } | |||
| .swiper-lazy-preloader-black { | |||
| --swiper-preloader-color: #000; | |||
| } | |||
| @keyframes swiper-preloader-spin { | |||
| 100% { | |||
| transform: rotate(360deg); | |||
| } | |||
| } | |||
| /* a11y */ | |||
| .swiper-container .swiper-notification { | |||
| position: absolute; | |||
| left: 0; | |||
| top: 0; | |||
| pointer-events: none; | |||
| opacity: 0; | |||
| z-index: -1000; | |||
| } | |||
| .swiper-container-fade.swiper-container-free-mode .swiper-slide { | |||
| transition-timing-function: ease-out; | |||
| } | |||
| .swiper-container-fade .swiper-slide { | |||
| pointer-events: none; | |||
| transition-property: opacity; | |||
| } | |||
| .swiper-container-fade .swiper-slide .swiper-slide { | |||
| pointer-events: none; | |||
| } | |||
| .swiper-container-fade .swiper-slide-active, | |||
| .swiper-container-fade .swiper-slide-active .swiper-slide-active { | |||
| pointer-events: auto; | |||
| } | |||
| .swiper-container-cube { | |||
| overflow: visible; | |||
| } | |||
| .swiper-container-cube .swiper-slide { | |||
| pointer-events: none; | |||
| -webkit-backface-visibility: hidden; | |||
| backface-visibility: hidden; | |||
| z-index: 1; | |||
| visibility: hidden; | |||
| transform-origin: 0 0; | |||
| width: 100%; | |||
| height: 100%; | |||
| } | |||
| .swiper-container-cube .swiper-slide .swiper-slide { | |||
| pointer-events: none; | |||
| } | |||
| .swiper-container-cube.swiper-container-rtl .swiper-slide { | |||
| transform-origin: 100% 0; | |||
| } | |||
| .swiper-container-cube .swiper-slide-active, | |||
| .swiper-container-cube .swiper-slide-active .swiper-slide-active { | |||
| pointer-events: auto; | |||
| } | |||
| .swiper-container-cube .swiper-slide-active, | |||
| .swiper-container-cube .swiper-slide-next, | |||
| .swiper-container-cube .swiper-slide-prev, | |||
| .swiper-container-cube .swiper-slide-next + .swiper-slide { | |||
| pointer-events: auto; | |||
| visibility: visible; | |||
| } | |||
| .swiper-container-cube .swiper-slide-shadow-top, | |||
| .swiper-container-cube .swiper-slide-shadow-bottom, | |||
| .swiper-container-cube .swiper-slide-shadow-left, | |||
| .swiper-container-cube .swiper-slide-shadow-right { | |||
| z-index: 0; | |||
| -webkit-backface-visibility: hidden; | |||
| backface-visibility: hidden; | |||
| } | |||
| .swiper-container-cube .swiper-cube-shadow { | |||
| position: absolute; | |||
| left: 0; | |||
| bottom: 0px; | |||
| width: 100%; | |||
| height: 100%; | |||
| opacity: 0.6; | |||
| z-index: 0; | |||
| } | |||
| .swiper-container-cube .swiper-cube-shadow:before { | |||
| content: ''; | |||
| background: #000; | |||
| position: absolute; | |||
| left: 0; | |||
| top: 0; | |||
| bottom: 0; | |||
| right: 0; | |||
| -webkit-filter: blur(50px); | |||
| filter: blur(50px); | |||
| } | |||
| .swiper-container-flip { | |||
| overflow: visible; | |||
| } | |||
| .swiper-container-flip .swiper-slide { | |||
| pointer-events: none; | |||
| -webkit-backface-visibility: hidden; | |||
| backface-visibility: hidden; | |||
| z-index: 1; | |||
| } | |||
| .swiper-container-flip .swiper-slide .swiper-slide { | |||
| pointer-events: none; | |||
| } | |||
| .swiper-container-flip .swiper-slide-active, | |||
| .swiper-container-flip .swiper-slide-active .swiper-slide-active { | |||
| pointer-events: auto; | |||
| } | |||
| .swiper-container-flip .swiper-slide-shadow-top, | |||
| .swiper-container-flip .swiper-slide-shadow-bottom, | |||
| .swiper-container-flip .swiper-slide-shadow-left, | |||
| .swiper-container-flip .swiper-slide-shadow-right { | |||
| z-index: 0; | |||
| -webkit-backface-visibility: hidden; | |||
| backface-visibility: hidden; | |||
| } | |||
+ 1311
- 0
src/Web/WebUI/wwwroot/css/ui-range-slider.css
File diff suppressed because it is too large
View File
BIN
src/Web/WebUI/wwwroot/img/about/ab-01.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 690 | Height: 400 | Size: 3.6 KiB |
BIN
src/Web/WebUI/wwwroot/img/about/ab-02.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 690 | Height: 400 | Size: 3.6 KiB |
BIN
src/Web/WebUI/wwwroot/img/about/about-b.png
View File
| Before | After |
|---|---|
|
|
| Width: 690 | Height: 498 | Size: 41 KiB |
BIN
src/Web/WebUI/wwwroot/img/about/c-icon-01.png
View File
| Before | After |
|---|---|
|
|
| Width: 24 | Height: 33 | Size: 164 B |
BIN
src/Web/WebUI/wwwroot/img/author/author-sm-1.jpeg
View File
| Before | After |
|---|---|
|
|
| Width: 60 | Height: 60 | Size: 297 B |
BIN
src/Web/WebUI/wwwroot/img/banner/404.png
View File
| Before | After |
|---|---|
|
|
| Width: 566 | Height: 490 | Size: 136 KiB |
BIN
src/Web/WebUI/wwwroot/img/banner/banner-1.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 450 | Height: 200 | Size: 2.1 KiB |
BIN
src/Web/WebUI/wwwroot/img/banner/banner-10.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 350 | Height: 200 | Size: 1.5 KiB |
BIN
src/Web/WebUI/wwwroot/img/banner/banner-11.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 350 | Height: 200 | Size: 1.5 KiB |
BIN
src/Web/WebUI/wwwroot/img/banner/banner-12.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 350 | Height: 200 | Size: 1.5 KiB |
BIN
src/Web/WebUI/wwwroot/img/banner/banner-13.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 350 | Height: 200 | Size: 1.5 KiB |
BIN
src/Web/WebUI/wwwroot/img/banner/banner-14.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 564 | Height: 200 | Size: 2.8 KiB |
BIN
src/Web/WebUI/wwwroot/img/banner/banner-15.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 564 | Height: 200 | Size: 2.8 KiB |
BIN
src/Web/WebUI/wwwroot/img/banner/banner-16.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 564 | Height: 200 | Size: 2.8 KiB |
BIN
src/Web/WebUI/wwwroot/img/banner/banner-17.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 338 | Height: 240 | Size: 1.6 KiB |
BIN
src/Web/WebUI/wwwroot/img/banner/banner-18.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 338 | Height: 240 | Size: 1.6 KiB |
BIN
src/Web/WebUI/wwwroot/img/banner/banner-19.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 338 | Height: 500 | Size: 1.6 KiB |
BIN
src/Web/WebUI/wwwroot/img/banner/banner-2.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 450 | Height: 200 | Size: 2.1 KiB |
BIN
src/Web/WebUI/wwwroot/img/banner/banner-3.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 450 | Height: 200 | Size: 2.1 KiB |
BIN
src/Web/WebUI/wwwroot/img/banner/banner-4.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 690 | Height: 200 | Size: 3.4 KiB |
BIN
src/Web/WebUI/wwwroot/img/banner/banner-5.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 690 | Height: 200 | Size: 3.4 KiB |
BIN
src/Web/WebUI/wwwroot/img/banner/banner-6.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 450 | Height: 450 | Size: 2.4 KiB |
BIN
src/Web/WebUI/wwwroot/img/banner/banner-7.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 450 | Height: 210 | Size: 2.2 KiB |
BIN
src/Web/WebUI/wwwroot/img/banner/banner-8.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 450 | Height: 210 | Size: 2.2 KiB |
BIN
src/Web/WebUI/wwwroot/img/banner/banner-9.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 450 | Height: 450 | Size: 2.4 KiB |
BIN
src/Web/WebUI/wwwroot/img/banner/page-banner-1.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 1920 | Height: 600 | Size: 13 KiB |
BIN
src/Web/WebUI/wwwroot/img/banner/page-banner-2.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 1920 | Height: 600 | Size: 13 KiB |
BIN
src/Web/WebUI/wwwroot/img/banner/page-banner-3.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 1920 | Height: 600 | Size: 13 KiB |
BIN
src/Web/WebUI/wwwroot/img/banner/page-banner-4.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 1920 | Height: 360 | Size: 13 KiB |
BIN
src/Web/WebUI/wwwroot/img/banner/sl-banner-sm.png
View File
| Before | After |
|---|---|
|
|
| Width: 479 | Height: 185 | Size: 13 KiB |
BIN
src/Web/WebUI/wwwroot/img/banner/sl-banner.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 1080 | Height: 230 | Size: 5.9 KiB |
BIN
src/Web/WebUI/wwwroot/img/bg/about-bg.png
View File
| Before | After |
|---|---|
|
|
| Width: 1410 | Height: 576 | Size: 3.8 KiB |
BIN
src/Web/WebUI/wwwroot/img/bg/img-4.png
View File
| Before | After |
|---|---|
|
|
| Width: 550 | Height: 310 | Size: 2.7 KiB |
BIN
src/Web/WebUI/wwwroot/img/bg/img-5.png
View File
| Before | After |
|---|---|
|
|
| Width: 550 | Height: 310 | Size: 2.7 KiB |
BIN
src/Web/WebUI/wwwroot/img/bg/menu-item.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 390 | Height: 292 | Size: 2.1 KiB |
BIN
src/Web/WebUI/wwwroot/img/blog/blog-thumb.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 850 | Height: 450 | Size: 4.4 KiB |
BIN
src/Web/WebUI/wwwroot/img/blog/incen.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 465 | Height: 290 | Size: 2.5 KiB |
BIN
src/Web/WebUI/wwwroot/img/blog/news-author.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 300 | Height: 280 | Size: 1.4 KiB |
BIN
src/Web/WebUI/wwwroot/img/blog/p-author-1.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 100 | Height: 100 | Size: 391 B |
BIN
src/Web/WebUI/wwwroot/img/blog/p-author-2.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 100 | Height: 100 | Size: 391 B |
BIN
src/Web/WebUI/wwwroot/img/blog/p-author-3.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 100 | Height: 100 | Size: 391 B |
BIN
src/Web/WebUI/wwwroot/img/blog/sm-b-1.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 272 | Height: 170 | Size: 1.1 KiB |
BIN
src/Web/WebUI/wwwroot/img/blog/sm-b-2.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 272 | Height: 170 | Size: 1.1 KiB |
BIN
src/Web/WebUI/wwwroot/img/blog/sm-b-3.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 272 | Height: 170 | Size: 1.1 KiB |
BIN
src/Web/WebUI/wwwroot/img/blog/sm-b-4.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 272 | Height: 170 | Size: 1.1 KiB |
BIN
src/Web/WebUI/wwwroot/img/blog/sm-b-5.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 272 | Height: 170 | Size: 1.1 KiB |
BIN
src/Web/WebUI/wwwroot/img/blog/sm-b-6.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 272 | Height: 170 | Size: 1.1 KiB |
BIN
src/Web/WebUI/wwwroot/img/blog/sm-b2-1.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 505 | Height: 316 | Size: 2.6 KiB |
BIN
src/Web/WebUI/wwwroot/img/blog/sm-b2-2.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 505 | Height: 316 | Size: 2.6 KiB |
BIN
src/Web/WebUI/wwwroot/img/blog/sm-b2-3.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 505 | Height: 316 | Size: 2.6 KiB |
BIN
src/Web/WebUI/wwwroot/img/blog/sm-b2-4.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 505 | Height: 316 | Size: 2.6 KiB |
BIN
src/Web/WebUI/wwwroot/img/blog/sm-b2-5.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 505 | Height: 316 | Size: 2.6 KiB |
BIN
src/Web/WebUI/wwwroot/img/blog/sm-b2-6.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 505 | Height: 316 | Size: 2.6 KiB |
BIN
src/Web/WebUI/wwwroot/img/blog/sponsor-3.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 286 | Height: 241 | Size: 1.3 KiB |
BIN
src/Web/WebUI/wwwroot/img/brand/app_android.png
View File
| Before | After |
|---|---|
|
|
| Width: 181 | Height: 45 | Size: 3.9 KiB |
BIN
src/Web/WebUI/wwwroot/img/brand/app_ios.png
View File
| Before | After |
|---|---|
|
|
| Width: 181 | Height: 45 | Size: 3.7 KiB |
BIN
src/Web/WebUI/wwwroot/img/brand/brand-1.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 170 | Height: 40 | Size: 8.4 KiB |
BIN
src/Web/WebUI/wwwroot/img/brand/brand-2.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 170 | Height: 40 | Size: 6.4 KiB |
BIN
src/Web/WebUI/wwwroot/img/brand/brand-3.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 170 | Height: 40 | Size: 6.5 KiB |
BIN
src/Web/WebUI/wwwroot/img/brand/brand-4.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 170 | Height: 40 | Size: 8.2 KiB |
BIN
src/Web/WebUI/wwwroot/img/brand/brand-5.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 170 | Height: 40 | Size: 7.6 KiB |
BIN
src/Web/WebUI/wwwroot/img/brand/brand-6.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 170 | Height: 40 | Size: 9.4 KiB |
BIN
src/Web/WebUI/wwwroot/img/cart/20.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 800 | Height: 800 | Size: 3.7 KiB |
BIN
src/Web/WebUI/wwwroot/img/cart/shop-p-10.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 327 | Height: 327 | Size: 1.2 KiB |
BIN
src/Web/WebUI/wwwroot/img/cart/shop-p-11.jpg
View File
| Before | After |
|---|---|
|
|
| Width: 327 | Height: 327 | Size: 1.2 KiB |