From 7a247679644fadb7bb6bbd2e9949f7631e2d709e Mon Sep 17 00:00:00 2001
From: batuhanbas <b1atuhanb1as@gmail.com>
Date: Tue, 25 Feb 2020 16:25:44 +0300
Subject: [PATCH] styling updated and unnecessary classes deleted

---
 public/css/custom.css                         | 231 ++++++-------
 public/css/print.css                          | 311 ++++++++++--------
 .../views/partials/admin/empty_page.blade.php |   2 +-
 3 files changed, 280 insertions(+), 264 deletions(-)

diff --git a/public/css/custom.css b/public/css/custom.css
index 74313b6e3..61fb23e3b 100644
--- a/public/css/custom.css
+++ b/public/css/custom.css
@@ -79,6 +79,51 @@
 /*--------Overflow Styles Finish--------*/
 
 
+/*--------Akaunting Backgrounds--------*/
+/*--Login Page Background--*/
+.login-page
+{
+    background: url('../img/login.png') no-repeat center center fixed;
+    height: 100%;
+    width: 100%;
+    padding: 5% 0;
+    background-size: cover;
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+}
+/*--Login Page Background Finish--*/
+
+/*--Wizard Page Background--*/
+.wizard-page
+{
+    background: url('../img/login.png') no-repeat center center fixed;
+    height: 100%;
+    width: 100%;
+    padding: 5% 0;
+    background-size: cover;
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+}
+/*--Wizard Page Background Finish--*/
+
+/*--Installation Page Background--*/
+.installation-page
+{
+    background: url('../img/login.png') no-repeat center center fixed;
+    height: 100%;
+    width: 100%;
+    padding: 5% 0;
+    background-size: cover;
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+}
+/*--Installation Page Background Finish--*/
+/*--------Akaunting Backgrounds Finish--------*/
+
+
 /*--------Credit Card--------*/
 .card-input__input:hover, .card-input__input:focus
 {
@@ -86,6 +131,7 @@
 }
 /*--------Credit Card Finish--------*/
 
+
 /*--------Custom Toggle--------*/
 .custom-toggle
 {
@@ -147,8 +193,6 @@ button:focus
     overflow: hidden;
 }
 
-
-
 /*--------Customer/Vendor Show--------*/
 .show-transaction-card-header
 {
@@ -206,14 +250,13 @@ button:focus
 {
     position: absolute !important;
     left: 1.2rem;
-
 }
+
 .menu-dropdown-width
 {
     min-width: 13rem !important;
 }
 
-
 .g-sidenav-hidden .navbar-vertical.navbar-expand-xs
 {
     overflow: hidden !important;
@@ -236,6 +279,7 @@ button:focus
 }
 /*--------Form Group Finish--------*/
 
+
 /*--Long Texts--*/
 .long-texts
 {
@@ -246,6 +290,14 @@ button:focus
 /*--Long Texts Finish--*/
 
 
+/*--Akaunting Column Style--*/
+.col-aka
+{
+    margin-left: -51px;
+}
+/*--Akaunting Column Styl Finish--*/
+
+
 /*--------Table Head Row Margin--------*/
 .thead-light .row
 {
@@ -280,13 +332,6 @@ button:focus
 /*--------Item Column Image Finish--------*/
 
 
-/*--------Border Top--------*/
-.border-top-1
-{
-    border-top: 1px solid #e9ecef !important;
-}
-/*--------Border Top Finish--------*/
-
 /*--------Border--------*/
 .border-1
 {
@@ -294,6 +339,12 @@ button:focus
 }
 /*--------Border Finish--------*/
 
+/*--------Border Top--------*/
+.border-top-1
+{
+    border-top: 1px solid #e9ecef !important;
+}
+/*--------Border Top Finish--------*/
 
 /*--------Border Bottom--------*/
 .border-bottom-1
@@ -341,12 +392,12 @@ button:focus
 /*--------Table Head Line Finish--------*/
 
 
-/*--------Company Name--------*/
+/*--Display Grid--*/
 .d-grid
 {
     display: grid !important;
 }
-/*--------Company Name Finish--------*/
+/*--Display Grid Finish--*/
 
 
 /*--------Card Header Bulk Action--------*/
@@ -377,12 +428,12 @@ button:focus
 /*--------Card Action Button Finish--------*/
 
 
-/*--------Table Layout Fixed--------*/
+/*--Table Layout Fixed--*/
 .table-layout-fixed
 {
     table-layout: fixed;
 }
-/*--------Table Layout Fixed Finish--------*/
+/*--Table Layout Fixed Finish--*/
 
 
 /*--Akaunting Button Animation--*/
@@ -439,7 +490,8 @@ button:focus
     }
 }
 
-.btn-outline-confirm:disabled span {
+.btn-outline-confirm:disabled span
+{
     opacity: 1 !important;
 }
 
@@ -457,15 +509,6 @@ button:focus
 {
     display: block !important;
 }
-
-.btn-delete{
-    width: 73.10px;
-}
-
-.btn-confirm
-{
-    width: 86px;
-}
 /*--Akaunting Button Animation Finish--*/
 
 
@@ -483,7 +526,8 @@ button:focus
 /*--------Settings Icons Finish--------*/
 
 /*--------Settings Button Focus--------*/
-.btn-icon-clipboard:focus {
+.btn-icon-clipboard:focus
+{
     outline: none;
 }
 /*--------Settings Button Focus Finish--------*/
@@ -507,59 +551,6 @@ button:focus
 /*--------Pagination Alignment Finish--------*/
 
 
-/*--------Akaunting Style Table Column--------*/
-.col-aka
-{
-    margin-left: -51px;
-}
-/*--------Akaunting Style Table Column Finish--------*/
-
-
-/*--------Akaunting Backgrounds--------*/
-/*--Login Page Background--*/
-.login-page
-{
-    background: url('../img/login.png') no-repeat center center fixed;
-    height: 100%;
-    width: 100%;
-    padding: 5% 0;
-    background-size: cover;
-    -webkit-background-size: cover;
-    -moz-background-size: cover;
-    -o-background-size: cover;
-}
-/*--Login Page Background Finish--*/
-
-/*--Wizard Page Background--*/
-.wizard-page
-{
-    background: url('../img/login.png') no-repeat center center fixed;
-    height: 100%;
-    width: 100%;
-    padding: 5% 0;
-    background-size: cover;
-    -webkit-background-size: cover;
-    -moz-background-size: cover;
-    -o-background-size: cover;
-}
-/*--Wizard Page Background Finish--*/
-
-/*--Installation Page Background--*/
-.installation-page
-{
-    background: url('../img/login.png') no-repeat center center fixed;
-    height: 100%;
-    width: 100%;
-    padding: 5% 0;
-    background-size: cover;
-    -webkit-background-size: cover;
-    -moz-background-size: cover;
-    -o-background-size: cover;
-}
-/*--Installation Page Background Finish--*/
-/*--------Akaunting Backgrounds Finish--------*/
-
-
 /*--------Font Size 1--------*/
 .font-size-1
 {
@@ -606,21 +597,13 @@ button:focus
     border-bottom: 0;
 }
 
-.table-flush tbody tr td {
+.table-flush tbody tr td
+{
     border: 0 !important;
 }
 /*--------Custom Table Finish--------*/
 
 
-/*--------Add Item Show--------*/
-.item-show
-{
-    min-width: 253px;
-    border-radius: 0.4375rem;
-}
-/*--------Add Item Show Finish--------*/
-
-
 /*--------Height 0--------*/
 .h-0
 {
@@ -636,7 +619,8 @@ button:focus
 }
 /*--------Editor text Finish--------*/
 
-table .align-items-center td span.badge {
+table .align-items-center td span.badge
+{
     height: 24px;
     padding-top: 8px;
     font-size: 9px;
@@ -665,13 +649,6 @@ table .align-items-center td span.badge {
 /*--------Print Template Finish--------*/
 
 
-/*--------Font Size 50--------*/
-.font-size-50
-{
-    font-size: 50px !important;
-}
-/*--------Font Size 50 Finish--------*/
-
 /*--------Report Column--------*/
 .report-column
 {
@@ -690,12 +667,13 @@ table .align-items-center td span.badge {
 }
 /*--------App Comment Finish--------*/
 
-/*--------Empty Page Image--------*/
-.empty-image
+
+/*--------Blank Page Image--------*/
+.blank-image
 {
     height: 300px;
 }
-/*--------Empty Page Image Finish--------*/
+/*--------Blank Page Image Finish--------*/
 
 
 /*--------Text Pre Nowrap--------*/
@@ -725,7 +703,8 @@ table .align-items-center td span.badge {
 
 
 /*--------From Group Disabled--------*/
-.form-group.disabled .input-group-text, .form-group.readonly .input-group-text {
+.form-group.disabled .input-group-text, .form-group.readonly .input-group-text
+{
     background-color: #e9ecef;
 }
 /*--------From Group Disabled Finish--------*/
@@ -751,32 +730,46 @@ table .align-items-center td span.badge {
 
 
 /*--Left Menu Stabilize--*/
-.g-sidenav-show .sidenav {
+.g-sidenav-show .sidenav
+{
     max-width: 250px !important;
-  }
+}
 
-  .g-sidenav-show .sidenav .navbar-brand,
-  .g-sidenav-show .sidenav .navbar-heading {
+.g-sidenav-show .sidenav .navbar-brand,
+.g-sidenav-show .sidenav .navbar-heading
+{
     display: block;
-  }
+}
 
-  .g-sidenav-show .sidenav.fixed-left + .main-content {
+.g-sidenav-show .sidenav.fixed-left + .main-content
+{
     margin-left: 250px;
-  }
+}
 
-  .g-sidenav-show .sidenav.fixed-right + .main-content {
+.g-sidenav-show .sidenav.fixed-right + .main-content
+{
     margin-right: 250px;
-  }
+}
 
-  .g-sidenav-show .sidenav {
+.g-sidenav-show .sidenav
+{
     -webkit-transform: translateX(0);
             transform: translateX(0);
-  }
+}
 
-  .sidenav-show .navbar-top .navbar-brand {
+.sidenav-show .navbar-top .navbar-brand
+{
     display: none;
-  }
-  /*--Left Menu Stabilize Finish--*/
+}
+/*--Left Menu Stabilize Finish--*/
+
+
+  /*--Index Pages Badge Min Width--*/
+.mw-60
+{
+    min-width: 60px;
+}
+  /*--Index Pages Badge Min Width Finish--*/
 
 
 /*--------Responsive--------*/
@@ -838,7 +831,7 @@ table .align-items-center td span.badge {
         font-size: 0.75rem !important;
     }
 
-    .empty-image
+    .blank-image
     {
         height: 200px;
     }
@@ -938,9 +931,3 @@ table .align-items-center td span.badge {
 }
 /*--Lg Breakpoint Finish--*/
 /*--------Responsive Finish--------*/
-
-/*--------Index Pages Badge Min Width--------*/
-.mw-60 {
-    min-width: 60px;
-}
-/*--------Index Pages Badge Min Finish--------*/
diff --git a/public/css/print.css b/public/css/print.css
index db808fc78..f507e508f 100644
--- a/public/css/print.css
+++ b/public/css/print.css
@@ -1,235 +1,267 @@
 @charset "UTF-8";
 
-/*!
-
-=========================================================
-* Print Template - Default ------------ Start
-=========================================================
-
-*/
-
-body {
+/*--General Start--*/
+body
+{
     margin: 0;
     padding: 0;
     font-family: Arial, sans-serif;
     color: #3c3f72;
 }
 
-table {
+table
+{
     width: 100%;
 }
 
-th, td {
+th, td
+{
     padding: 18px 9px 18px 9px;
 }
 
-.row {
+.row
+{
     font-size: 0;
 }
 
-.mb-1 {
+.mb-1
+{
     margin-bottom: 8px;
 }
 
-.mt-1 {
+.mt-1
+{
     margin-top: 8px;
 }
 
-.ml-1 {
+.ml-1
+{
     margin-left: 8px;
 }
 
-.mt-2 {
+.mt-2
+{
     margin-top: 16px;
 }
 
-.mt-3 {
+.mt-3
+{
     margin-top: 24px;
 }
 
-.mt-4 {
+.mt-4
+{
     margin-top: 32px;
 }
 
-.mt-5 {
+.mt-5
+{
     margin-top: 40px;
 }
 
-.mt-6 {
+.mt-6
+{
     margin-top: 48px;
 }
 
-.mt-7 {
+.mt-7
+{
     margin-top: 56px;
 }
 
-.mt-8 {
+.mt-8
+{
     margin-top: 64px;
 }
 
-.mt-9 {
+.mt-9
+{
     margin-top: 72px;
 }
 
-.pb-0 {
+.pb-0
+{
     padding-bottom: 0;
 }
 
-.pb-1 {
+.pb-1
+{
     padding-bottom: 8px;
 }
 
-.py-1 {
-  padding-bottom: 8px;
-  padding-top: 8px;
+.py-1
+{
+    padding-bottom: 8px;
+    padding-top: 8px;
 }
 
-.py-2 {
+.py-2
+{
     padding-bottom: 16px;
     padding-top: 16px;
-  }
+}
 
-.pr-2 {
+.pr-2
+{
     padding-right: 16px;
 }
 
-.pl-2 {
+.pl-2
+{
     padding-left: 16px;
 }
 
-.col-58 {
-    display: inline-block;
-    width: 58%;
-    vertical-align: top;
-}
-
-.col-42 {
-    display: inline-block;
-    width: 42%;
-    vertical-align: top;
-}
-
-.col-100 {
-    display: inline-block;
-    width: 100%;
-    vertical-align: top;
-}
-
-.border-1 {
+.border-1
+{
     border: 1px solid #e5e5e5;
 }
 
-.border-top-1 {
+.border-top-1
+{
      border-top: 1px solid #e5e5e5;
 }
 
-.border-bottom-1 {
+.border-bottom-1
+{
     border-bottom: 1px solid #e5e5e5;
 }
 
-.border-radius-default {
+.border-radius-default
+{
     border-radius: 0.25rem
 }
 
-.float-left {
+.float-left
+{
     float: left !important;
 }
 
-
-.float-right {
+.float-right
+{
     float: right !important;
 }
 
-.text {
+.text
+{
     color: #3c3f72;
     margin-top:10px;
     font-size: 13px;
 }
 
-.text-nowrap {
+.text-nowrap
+{
     white-space: nowrap;
 }
 
-.text-left {
+.text-left
+{
     text-align: left;
 }
 
-.text-right {
+.text-right
+{
     text-align: right;
 }
 
-.text-center {
+.text-center
+{
     text-align: center;
 }
 
-.text-white {
+.text-white
+{
     color: #ffffff;
 }
 
-.bg-default {
+.bg-default
+{
     background-color: #3c3f72;
 }
 
-.bg-primary {
+.bg-primary
+{
     background-color: #55588b;
 }
+/*--General Finish--*/
 
-.lines {
+/*--Print Template Default Start--*/
+.col-58
+{
+    display: inline-block;
+    width: 58%;
+    vertical-align: top;
+}
+
+.col-42
+{
+    display: inline-block;
+    width: 42%;
+    vertical-align: top;
+}
+
+.col-100
+{
+    display: inline-block;
+    width: 100%;
+    vertical-align: top;
+}
+
+.lines
+{
     border-collapse: collapse;
     table-layout: fixed;
     border-bottom: 1px solid #e5e5e5;
 }
 
-.lines tbody td {
+.lines tbody td
+{
     border-bottom: 1px solid #e5e5e5;
 }
 
-.lines .item {
+.lines .item
+{
     width: 50%;
 }
 
-.lines .quantity {
+.lines .quantity
+{
     width: 10%;
     text-align: center;
 }
 
-.lines .price {
+.lines .price
+{
     width: 20%;
     text-align: right;
 }
 
-.lines .total {
+.lines .total
+{
     width: 20%;
     text-align: right;
 }
 
-.d-logo {
+.d-logo
+{
     padding-top: 35px;
     padding-bottom:64.5px;
 }
 
-.d-note {
+.d-note
+{
     width: 80%;
     background-color: #e5e5e5;
 }
+/*--Print Template Default Finish--*/
 
-/*!
-
-=========================================================
-* Print Template - Default ------------ Finish
-=========================================================
-
-=========================================================
-* Print Template - Classic ------------ Start
-=========================================================
-
-*/
-
-.c-logo {
+/*--Print Template Classic Start--*/
+.c-logo
+{
     padding-top: 25px;
 }
 
-.c-note {
+.c-note
+{
     width: 80%;
 }
 
@@ -253,122 +285,123 @@ th, td {
     border: 3px solid #3c3f72;
 }
 
-.col-33 {
+.col-33
+{
     display: inline-block;
     width: 33%;
     vertical-align: top;
 }
 
-.c-lines thead th {
+.c-lines thead th
+{
     border-top: 1px dashed #e5e5e5;
 }
 
-.c-lines tbody td {
+.c-lines tbody td
+{
     border-top: 1px dashed #e5e5e5;
 }
 
-.c-lines .item {
+.c-lines .item
+{
     width: 50%;
 }
 
-.c-lines .quantity {
+.c-lines .quantity
+{
     width: 10%;
     text-align: center;
 }
 
-.c-lines .price {
+.c-lines .price
+{
     width: 20%;
     text-align: right;
 }
 
-.c-lines .total {
+.c-lines .total
+{
     width: 20%;
     text-align: right;
 }
 
-.border-top-dashed {
+.border-top-dashed
+{
     border-top: 1px dashed #e5e5e5;
 }
+/*--Print Template Classic Finish--*/
 
-/*!
-
-=========================================================
-* Print Template - Classic ------------ Finish
-=========================================================
-
-=========================================================
-* Print Template - Modern ------------ Start
-=========================================================
-
-*/
-
-.m-first-column {
+/*--Print Template Modern Start--*/
+.m-first-column
+{
     padding-top: 15px;
     padding-bottom:48px;
 }
 
-.m-fc-left {
+.m-fc-left
+{
     padding-right: 30px;
 }
 
-.m-fc-right {
+.m-fc-right
+{
     padding-left: 170px;
      margin-top: -70px;
 }
 
-.m-note {
+.m-note
+{
     width: 80%;
 }
 
-.m-lines {
+.m-lines
+{
     border-collapse: collapse;
     table-layout: fixed;
 }
 
-.m-lines .item {
+.m-lines .item
+{
     width: 50%;
 }
 
-.m-lines .quantity {
+.m-lines .quantity
+{
     width: 10%;
     text-align: center;
 }
 
-.m-lines .price {
+.m-lines .price
+{
     width: 20%;
     text-align: right;
 }
 
-.m-lines .total {
+.m-lines .total
+{
     width: 20%;
     text-align: right;
 }
+/*--Print Template Modern Finish--*/
 
-/*!
-
-=========================================================
-* Print Template - Modern ------------ Finish
-=========================================================
-
-=========================================================
-* Print Reports  ------------ Start
-=========================================================
-
-*/
-
-.rp-border-top-1 {
+/*--Print Reports Start--*/
+.rp-border-top-1
+{
     border-top: 1px solid #e5e5e5;
 }
 
-.rp-border-bottom-1 {
+.rp-border-bottom-1
+{
     border-bottom: 1px solid #e5e5e5;
 }
 
-.rp-border-top-1 {
+.rp-border-top-1
+{
     border-top: 1px solid #e5e5e5;
 }
 
-.rp-border-0 {
+.rp-border-0
+{
     border: 0 !important;
 }
 
@@ -377,18 +410,14 @@ th, td {
     border-collapse: collapse;
 }
 
-.rp-float-left {
+.rp-float-left
+{
     float: left;
 }
 
-.rp-float-right {
+.rp-float-right
+{
     float: right;
 }
+/*--Print Reports Finish--*/
 
-/*!
-
-=========================================================
-* Print Reports ------------ Finish
-=========================================================
-
-*/
diff --git a/resources/views/partials/admin/empty_page.blade.php b/resources/views/partials/admin/empty_page.blade.php
index 8efeb5404..a0fc572c4 100644
--- a/resources/views/partials/admin/empty_page.blade.php
+++ b/resources/views/partials/admin/empty_page.blade.php
@@ -1,7 +1,7 @@
 <div class="card">
     <div class="row align-items-center">
         <div class="col-xs-12 col-sm-6 text-center p-5">
-            <img class="empty-image" src="{{ asset('public/img/empty_pages/' . $page . '.png') }}" alt="@yield('title')"/>
+            <img class="blank-image" src="{{ asset('public/img/empty_pages/' . $page . '.png') }}" alt="@yield('title')"/>
         </div>
 
         <div class="col-xs-12 col-sm-6 text-center p-5">