From 7d6f8963342a5336663a50f76fd28e29db1ebd2b Mon Sep 17 00:00:00 2001 From: Miral Achmed Date: Sat, 23 Feb 2019 13:26:04 +0700 Subject: [PATCH] MODIFY data-background's value to fix image not found --- assets/css/rtl.css | 576 +++++++++++--------------- pages/components-article.html | 22 +- pages/components-gallery.html | 66 +-- pages/features-tickets.html | 8 +- sources/pages/components-article.html | 22 +- sources/pages/components-gallery.html | 66 +-- sources/pages/features-tickets.html | 8 +- 7 files changed, 332 insertions(+), 436 deletions(-) diff --git a/assets/css/rtl.css b/assets/css/rtl.css index 04874c7..7e371fa 100644 --- a/assets/css/rtl.css +++ b/assets/css/rtl.css @@ -1,503 +1,399 @@ @charset "UTF-8"; /** + * Stisla * - * This is a clean & modern HTML5 admin template based on Bootstrap 4. - * Using this template, will make it easier for you to create your own admin interface. + * Stisla is a clean & modern HTML5 admin template based on Bootstrap 4. + * Stisla will make it easier for you to create your own admin interface. + * + * @package Stisla + * @version 2.3.0 + * @author Muhamad Nauval Azhar & Team + * @url https://getstisla.com * - * @version 2.1.0 - * @sellers Mahdi khanzadi & mahyar ansary - * @url https://Kodinger.com or https://www.rtl-theme.com/author/mahyar78/ - * */ @font-face { - font-family: Vazir; - src: url('../fonts/vazir/Vazir.eot'); - src: url('../fonts/vazir/Vazir.eot?#iefix') format('embedded-opentype'), - url('../fonts/vazir/Vazir.woff2') format('woff2'), - url('../fonts/vazir/Vazir.woff') format('woff'), - url('../fonts/vazir/Vazir.ttf') format('truetype'); - font-weight: normal; - font-style: normal; -} + font-family: Vazir; + src: url("../fonts/vazir/Vazir.eot"); + src: url("../fonts/vazir/Vazir.eot?#iefix") format("embedded-opentype"), url("../fonts/vazir/Vazir.woff2") format("woff2"), url("../fonts/vazir/Vazir.woff") format("woff"), url("../fonts/vazir/Vazir.ttf") format("truetype"); + font-weight: normal; + font-style: normal; } @font-face { - font-family: Vazir; - src: url('../fonts/vazir/Vazir-Bold.eot'); - src: url('../fonts/vazir/Vazir-Bold.eot?#iefix') format('embedded-opentype'), - url('../fonts/vazir/Vazir-Bold.woff2') format('woff2'), - url('../fonts/vazir/Vazir-Bold.woff') format('woff'), - url('../fonts/vazir/Vazir-Bold.ttf') format('truetype'); - font-weight: bold; - font-style: normal; -} + font-family: Vazir; + src: url("../fonts/vazir/Vazir-Bold.eot"); + src: url("../fonts/vazir/Vazir-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/vazir/Vazir-Bold.woff2") format("woff2"), url("../fonts/vazir/Vazir-Bold.woff") format("woff"), url("../fonts/vazir/Vazir-Bold.ttf") format("truetype"); + font-weight: bold; + font-style: normal; } @font-face { - font-family: Vazir; - src: url('../fonts/vazir/Vazir-Black.eot'); - src: url('../fonts/vazir/Vazir-Black.eot?#iefix') format('embedded-opentype'), - url('../fonts/vazir/Vazir-Black.woff2') format('woff2'), - url('../fonts/vazir/Vazir-Black.woff') format('woff'), - url('../fonts/vazir/Vazir-Black.ttf') format('truetype'); - font-weight: 900; - font-style: normal; -} + font-family: Vazir; + src: url("../fonts/vazir/Vazir-Black.eot"); + src: url("../fonts/vazir/Vazir-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/vazir/Vazir-Black.woff2") format("woff2"), url("../fonts/vazir/Vazir-Black.woff") format("woff"), url("../fonts/vazir/Vazir-Black.ttf") format("truetype"); + font-weight: 900; + font-style: normal; } @font-face { - font-family: Vazir; - src: url('../fonts/vazir/Vazir-Medium.eot'); - src: url('../fonts/vazir/Vazir-Medium.eot?#iefix') format('embedded-opentype'), - url('../fonts/vazir/Vazir-Medium.woff2') format('woff2'), - url('../fonts/vazir/Vazir-Medium.woff') format('woff'), - url('../fonts/vazir/Vazir-Medium.ttf') format('truetype'); - font-weight: 500; - font-style: normal; -} + font-family: Vazir; + src: url("../fonts/vazir/Vazir-Medium.eot"); + src: url("../fonts/vazir/Vazir-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/vazir/Vazir-Medium.woff2") format("woff2"), url("../fonts/vazir/Vazir-Medium.woff") format("woff"), url("../fonts/vazir/Vazir-Medium.ttf") format("truetype"); + font-weight: 500; + font-style: normal; } @font-face { - font-family: Vazir; - src: url('../fonts/vazir/Vazir-Light.eot'); - src: url('../fonts/vazir/Vazir-Light.eot?#iefix') format('embedded-opentype'), - url('../fonts/vazir/Vazir-Light.woff2') format('woff2'), - url('../fonts/vazir/Vazir-Light.woff') format('woff'), - url('../fonts/vazir/Vazir-Light.ttf') format('truetype'); - font-weight: 300; - font-style: normal; -} + font-family: Vazir; + src: url("../fonts/vazir/Vazir-Light.eot"); + src: url("../fonts/vazir/Vazir-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/vazir/Vazir-Light.woff2") format("woff2"), url("../fonts/vazir/Vazir-Light.woff") format("woff"), url("../fonts/vazir/Vazir-Light.ttf") format("truetype"); + font-weight: 300; + font-style: normal; } @font-face { - font-family: Vazir; - src: url('../fonts/vazir/Vazir-Thin.eot'); - src: url('../fonts/vazir/Vazir-Thin.eot?#iefix') format('embedded-opentype'), - url('../fonts/vazir/Vazir-Thin.woff2') format('woff2'), - url('../fonts/vazir/Vazir-Thin.woff') format('woff'), - url('../fonts/vazir/Vazir-Thin.ttf') format('truetype'); - font-weight: 100; - font-style: normal; -} + font-family: Vazir; + src: url("../fonts/vazir/Vazir-Thin.eot"); + src: url("../fonts/vazir/Vazir-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/vazir/Vazir-Thin.woff2") format("woff2"), url("../fonts/vazir/Vazir-Thin.woff") format("woff"), url("../fonts/vazir/Vazir-Thin.ttf") format("truetype"); + font-weight: 100; + font-style: normal; } body, html { - direction: rtl; - font-family: Vazir, Tahoma, Arial; -} + direction: rtl; + font-family: Vazir, Tahoma, Arial; } .ltr { - direction: ltr; -} + direction: ltr; } .rtl { - direction: rtl; -} + direction: rtl; } -h1, h2, h3, h4, h5, h6, p, a, span, -input, textarea, select, option, label { - font-family: Vazir, Tahoma, Arial; -} +h1, h2, h3, h4, h5, h6, p, a, span, input, textarea, select, option, label { + font-family: Vazir, Tahoma, Arial; } .main-sidebar { - right: 0; - left: auto; -} + right: 0; + left: auto; } .main-content { - padding-right: 280px; - padding-left: 30px; -} + padding-right: 280px; + padding-left: 30px; } .section .section-header { - font: normal normal 24px "IRANSans Bold"; -} - -.section .section-header div { - float: right; -} + font: normal normal 24px "IRANSans Bold"; } + .section .section-header div { + float: right; } .navbar-expand-lg .navbar-nav { - padding-right: 0px; -} + padding-right: 0px; } body.sidebar-mini .main-sidebar:after { - box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03); - content: " "; - position: fixed; - width: 65px; - height: 100%; - left: auto; - right: 0; - top: 0; - z-index: -1; - opacity: 0; - animation-name: mini-sidebar; - animation-duration: 1.5s; - animation-fill-mode: forwards; -} + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03); + content: " "; + position: fixed; + width: 65px; + height: 100%; + left: auto; + right: 0; + top: 0; + z-index: -1; + opacity: 0; + -webkit-animation-name: mini-sidebar; + animation-name: mini-sidebar; + -webkit-animation-duration: 1.5s; + animation-duration: 1.5s; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; } .dropdown-toggle::after { - display: inline-block; - width: 0; - height: 0; - margin-left: .255em; - vertical-align: .255em; - content: ""; - border-top: .3em solid; - border-left: .4em solid transparent; - border-bottom: 0; - border-right: .4em solid transparent; - padding: 0px; - margin-right: 3px; -} + display: inline-block; + width: 0; + height: 0; + margin-left: .255em; + vertical-align: .255em; + content: ""; + border-top: .3em solid; + border-left: .4em solid transparent; + border-bottom: 0; + border-right: .4em solid transparent; + padding: 0px; + margin-right: 3px; } .main-sidebar .sidebar-menu li ul.dropdown-menu li a { - padding-left: auto !important; - padding-right: 65px; -} + padding-left: auto !important; + padding-right: 65px; } body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu li.active ul.dropdown-menu li a { - padding-left: 0; -} + padding-left: 0; } body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu { - left: auto; - right: 65px; -} + left: auto; + right: 65px; } body.layout-2 .main-sidebar .sidebar-menu li a.has-dropdown::after { - left: 0; - right:auto; -} + left: 0; + right: auto; } body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu > li.active > a::before { - right: 0; -} + right: 0; } body.layout-2 .main-content { - padding-top: 107px; - padding-right: 30px; - padding-left: 0; - width: calc(100% - 200px); -} + padding-top: 107px; + padding-right: 30px; + padding-left: 0; + width: calc(100% - 200px); } body.layout-2 .main-sidebar .sidebar-menu li ul.dropdown-menu li a { - padding-right: 34px; - padding-left: 0; -} + padding-right: 34px; + padding-left: 0; } .main-sidebar .sidebar-menu li a.has-dropdown::after { - left: 20px; - right: auto; -} + left: 20px; + right: auto; } body.sidebar-mini .navbar { - right: 65px; - left: 0px; -} + right: 65px; + left: 0px; } body.sidebar-mini .main-content, body.sidebar-mini .main-footer { - padding-right: 90px; - padding-left: 30px; -} + padding-right: 90px; + padding-left: 30px; } body.layout-2 .main-footer { - margin-right: 230px; - width: calc(100% - 230px); - padding-right: 20px; -} + margin-right: 230px; + width: calc(100% - 230px); + padding-right: 20px; } .main-sidebar .sidebar-menu li { - text-align: right; -} + text-align: right; } .navbar { - right: 250px; - left: 0px; -} + right: 250px; + left: 0px; } .progress { - direction: ltr; -} + direction: ltr; } -.btn.btn-icon-split i, -.dropdown-item.has-icon i, -.btn.btn-icon-split i, -.dropdown-item.has-icon i { - text-align: center; - width: 15px; - font-size: 15px; - float: right; - margin-right: 10px; -} +.btn.btn-icon-split i, .dropdown-item.has-icon i, .btn.btn-icon-split i, .dropdown-item.has-icon i { + text-align: center; + width: 15px; + font-size: 15px; + float: right; + margin-right: 10px; } .dropdown-list .dropdown-list-icons .dropdown-item .dropdown-item-desc { - margin-right: 15px; - margin-left: 0; -} + margin-right: 15px; + margin-left: 0; } body.layout-2 .navbar { - right: 0; -} + right: 0; } .main-sidebar .sidebar-menu li a i { - float: right; - margin-left: 15px !important; - text-align: center; -} + float: right; + margin-left: 15px !important; + text-align: center; } -a:not(.btn-social-icon):not(.btn-social):not(.page-link) .ion, -a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fas, -a:not(.btn-social-icon):not(.btn-social):not(.page-link) .far, -a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fal, -a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fab { - margin: 4px; -} +a:not(.btn-social-icon):not(.btn-social):not(.page-link) .ion, a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fas, a:not(.btn-social-icon):not(.btn-social):not(.page-link) .far, a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fal, a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fab { + margin: 4px; } .dropdown-list .dropdown-item .dropdown-item-avatar { - float: right; -} + float: right; } .dropdown-list .dropdown-item .dropdown-item-desc { - margin-right: 60px; - margin-left: 0; -} + margin-right: 60px; + margin-left: 0; } .main-sidebar .sidebar-menu li a.has-dropdown::after { - float: left; -} + float: left; } body.sidebar-gone .main-sidebar { - right: -250px; -} + right: -250px; } body.sidebar-gone .main-content { - padding-right: 30px; -} + padding-right: 30px; } body.sidebar-gone .navbar { - right: 0; -} + right: 0; } .card.card-sm-3 .card-icon, .card.card-sm-4 .card-icon { - float: right; - margin-left: 15px; - margin-right: 10px; -} + float: right; + margin-left: 15px; + margin-right: 10px; } .card.card-sm .card-icon { - float: right; - text-align: left; - padding-left: 15px; -} + float: right; + text-align: left; + padding-left: 15px; } .card.card-sm .card-options { - float: left; - margin-left: 20px; -} + float: left; + margin-left: 20px; } .card.card-sm .card-wrap { - margin-right: 30px; - margin-left: 15px; -} + margin-right: 30px; + margin-left: 15px; } .card.card-sm-2 .card-icon { - left: 20px; - right: auto; -} + left: 20px; + right: auto; } .main-sidebar .sidebar-menu li a .badge { - float: left; -} + float: left; } .card .card-header h4 + .card-header-action, .card .card-header h4 + .card-header-form { - margin-right: auto; - margin-left: 0px; -} + margin-right: auto; + margin-left: 0px; } .card .card-header h4 + .card-header-action .btn-group .btn:first-child, .card .card-header h4 + .card-header-form .btn-group .btn:first-child { - border-radius: 0 30px 30px 0 !important; -} + border-radius: 0 30px 30px 0 !important; } .list-unstyled-border li .custom-checkbox { - margin-left: 15px; - margin-right: 0; -} + margin-left: 15px; + margin-right: 0; } .card.card-statistic-1 .card-icon, .card.card-statistic-2 .card-icon { - float: right; -} + float: right; } .form-group label { - font-weight: normal; - font-family: Vazir, Tahoma, Arial; - letter-spacing: 0; -} + font-weight: normal; + font-family: Vazir, Tahoma, Arial; + letter-spacing: 0; } .dropdown-list .dropdown-header { - letter-spacing: 0; - overflow: hidden; -} + letter-spacing: 0; + overflow: hidden; } .media .media-left { - float: left; - font-weight: 600; - font-size: 16px; -} + float: left; + font-weight: 600; + font-size: 16px; } .card.card-sm-3 .card-header h4, .card.card-sm-4 .card-header h4 { - letter-spacing: 0; - font-family: Vazir, Tahoma, Arial; -} + letter-spacing: 0; + font-family: Vazir, Tahoma, Arial; } .main-sidebar .sidebar-user .sidebar-user-picture { - float: right; - margin-left: 10px; -} + float: right; + margin-left: 10px; } .main-footer { - font-family: Vazir, Tahoma, Arial; - padding: 20px 280px 20px 30px; - font-size: 90%; - border-top: solid 1px #EEE; - background-color: #FFF; - box-shadow: -3px 0px 7px 1px #EEE; - margin-bottom: -5px; -} + font-family: Vazir, Tahoma, Arial; + padding: 20px 280px 20px 30px; + font-size: 90%; + border-top: solid 1px #EEE; + background-color: #FFF; + box-shadow: -3px 0px 7px 1px #EEE; + margin-bottom: -5px; } -body.layout-2 .main-footer, -body.layout-3 .main-footer { - background-color: transparent; - box-shadow: none; - margin-bottom: -5px; -} +body.layout-2 .main-footer, body.layout-3 .main-footer { + background-color: transparent; + box-shadow: none; + margin-bottom: -5px; } .btn.btn-icon-split i, .dropdown-item.has-icon i { - font-size: 15px !important; - float: right !important; - margin: 0px !important; - margin-left: 15px !important; -} + font-size: 15px !important; + float: right !important; + margin: 0px !important; + margin-left: 15px !important; } .navbar .form-inline .search-result::before { - right: 34px; -} + right: 34px; } .navbar .form-inline .form-control { - padding-right: 20px; - padding-left: 0; - margin-left: -6px; - margin-right: inherit; - border-radius: 0 3px 3px 0px; -} + padding-right: 20px; + padding-left: 0; + margin-left: -6px; + margin-right: inherit; + border-radius: 0 3px 3px 0px; } .navbar .form-inline .btn { - border-radius: 3px 0 0 3px; - padding: 9px 15px; -} + border-radius: 3px 0 0 3px; + padding: 9px 15px; } .dropdown-menu-right { - left: 0px; - right: auto; -} + left: 0px; + right: auto; } .budget-price .budget-price-label { - margin-right: 5px; -} + margin-right: 5px; } .section .section-header .section-header-breadcrumb { - margin-left: 0px; - margin-right: auto; -} + margin-left: 0px; + margin-right: auto; } .breadcrumb-item + .breadcrumb-item { - padding-right: .5rem; - padding-left: 0; -} - -.breadcrumb-item + .breadcrumb-item::before { + padding-right: .5rem; + padding-left: 0; } + .breadcrumb-item + .breadcrumb-item::before { padding-left: .5rem; padding-right: 0; display: inline-block; color: #6c757d; - content: "»"; -} + content: "»"; } .section .section-title::before { - float: right; - margin-left: 15px; - margin-right: 0; -} - -body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link.has-dropdown::after { - position: absolute; - top: 50%; - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - font-size: 12px; - right: unset; - left: -20px; -} + float: right; + margin-left: 15px; + margin-right: 0; } body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link.has-dropdown { - margin-left: 35px; - margin-right: 0; -} - -body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item.active > .nav-link::before { - right: 35px; - left: 0; -} - -.dropdown-menu-left { - right: 0; -} - -.dropdown-menu-left .dropdown-menu-left { - right: 100%; -} - -body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item .nav-link.has-dropdown::after { + margin-left: 35px; + margin-right: 0; } + body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link.has-dropdown::after { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 12px; right: unset; - left: 15px; -} + left: -20px; } + +body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item.active > .nav-link::before { + right: 35px; + left: 0; } + +.dropdown-menu-left { + right: 0; } + .dropdown-menu-left .dropdown-menu-left { + right: 100%; } + +body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item .nav-link.has-dropdown::after { + position: absolute; + top: 50%; + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + font-size: 12px; + right: unset; + left: 15px; } .alert-dismissible .close { - position: absolute; - top: 0; - right: unset; - left: 0; -} + position: absolute; + top: 0; + right: unset; + left: 0; } .card .card-header h4 + .card-header-action .btn-group .btn:last-child, .card .card-header h4 + .card-header-form .btn-group .btn:last-child { - border-radius: 30px 0 0 30px !important; -} + border-radius: 30px 0 0 30px !important; } -.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text { - border-radius: 0 5px 5px 0; -} +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-radius: 0 5px 5px 0; } + +.input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text { + border-radius: 0 5px 5px 0; } + +.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text { + border-radius: 0 5px 5px 0; } .input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) { - border-radius: 5px 0 0 5px; -} + border-radius: 5px 0 0 5px; } .card .card-header h4 + .card-header-action .input-group .form-control, .card .card-header h4 + .card-header-form .input-group .form-control { - border-radius: 0 30px 30px 0 !important; -} + border-radius: 0 30px 30px 0 !important; } .card .card-header h4 + .card-header-action .input-group .form-control + .input-group-btn .btn, .card .card-header h4 + .card-header-form .input-group .form-control + .input-group-btn .btn { - border-radius: 30px 0 0 30px !important; -} + border-radius: 30px 0 0 30px !important; } .btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) { - border-radius: 5px 0px 0px 5px; -} + border-radius: 5px 0px 0px 5px; } .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { - border-radius: 0px 5px 5px 0px; -} + border-radius: 0px 5px 5px 0px; } .dropleft .dropdown-toggle::before { - margin-left: .255em; - margin-right: unset; -} + margin-left: .255em; + margin-right: unset; } diff --git a/pages/components-article.html b/pages/components-article.html index 731f684..56274f1 100644 --- a/pages/components-article.html +++ b/pages/components-article.html @@ -416,7 +416,7 @@
-
+

Excepteur sint occaecat cupidatat non proident

@@ -434,7 +434,7 @@
-
+

Excepteur sint occaecat cupidatat non proident

@@ -452,7 +452,7 @@
-
+

Excepteur sint occaecat cupidatat non proident

@@ -470,7 +470,7 @@
-
+

Excepteur sint occaecat cupidatat non proident

@@ -492,7 +492,7 @@
-
+
Trending
@@ -513,7 +513,7 @@
-
+
@@ -531,7 +531,7 @@
-
+
@@ -549,7 +549,7 @@
-
+
@@ -570,7 +570,7 @@
-
+
@@ -595,7 +595,7 @@
-
+
@@ -620,7 +620,7 @@
-
+
diff --git a/pages/components-gallery.html b/pages/components-gallery.html index afdf1f0..de85169 100644 --- a/pages/components-gallery.html +++ b/pages/components-gallery.html @@ -423,14 +423,14 @@
@@ -442,17 +442,17 @@
@@ -466,20 +466,20 @@
@@ -491,12 +491,12 @@
diff --git a/pages/features-tickets.html b/pages/features-tickets.html index 61766ca..b3cd084 100644 --- a/pages/features-tickets.html +++ b/pages/features-tickets.html @@ -489,10 +489,10 @@ proident, sunt in culpa qui officia deserunt mollit anim id est laborum.