styling updated and unnecessary classes deleted

This commit is contained in:
batuhanbas 2020-02-25 16:25:44 +03:00
parent 084b597bc5
commit 7a24767964
3 changed files with 280 additions and 264 deletions

231
public/css/custom.css vendored
View File

@ -79,6 +79,51 @@
/*--------Overflow Styles Finish--------*/ /*--------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--------*/ /*--------Credit Card--------*/
.card-input__input:hover, .card-input__input:focus .card-input__input:hover, .card-input__input:focus
{ {
@ -86,6 +131,7 @@
} }
/*--------Credit Card Finish--------*/ /*--------Credit Card Finish--------*/
/*--------Custom Toggle--------*/ /*--------Custom Toggle--------*/
.custom-toggle .custom-toggle
{ {
@ -147,8 +193,6 @@ button:focus
overflow: hidden; overflow: hidden;
} }
/*--------Customer/Vendor Show--------*/ /*--------Customer/Vendor Show--------*/
.show-transaction-card-header .show-transaction-card-header
{ {
@ -206,14 +250,13 @@ button:focus
{ {
position: absolute !important; position: absolute !important;
left: 1.2rem; left: 1.2rem;
} }
.menu-dropdown-width .menu-dropdown-width
{ {
min-width: 13rem !important; min-width: 13rem !important;
} }
.g-sidenav-hidden .navbar-vertical.navbar-expand-xs .g-sidenav-hidden .navbar-vertical.navbar-expand-xs
{ {
overflow: hidden !important; overflow: hidden !important;
@ -236,6 +279,7 @@ button:focus
} }
/*--------Form Group Finish--------*/ /*--------Form Group Finish--------*/
/*--Long Texts--*/ /*--Long Texts--*/
.long-texts .long-texts
{ {
@ -246,6 +290,14 @@ button:focus
/*--Long Texts Finish--*/ /*--Long Texts Finish--*/
/*--Akaunting Column Style--*/
.col-aka
{
margin-left: -51px;
}
/*--Akaunting Column Styl Finish--*/
/*--------Table Head Row Margin--------*/ /*--------Table Head Row Margin--------*/
.thead-light .row .thead-light .row
{ {
@ -280,13 +332,6 @@ button:focus
/*--------Item Column Image Finish--------*/ /*--------Item Column Image Finish--------*/
/*--------Border Top--------*/
.border-top-1
{
border-top: 1px solid #e9ecef !important;
}
/*--------Border Top Finish--------*/
/*--------Border--------*/ /*--------Border--------*/
.border-1 .border-1
{ {
@ -294,6 +339,12 @@ button:focus
} }
/*--------Border Finish--------*/ /*--------Border Finish--------*/
/*--------Border Top--------*/
.border-top-1
{
border-top: 1px solid #e9ecef !important;
}
/*--------Border Top Finish--------*/
/*--------Border Bottom--------*/ /*--------Border Bottom--------*/
.border-bottom-1 .border-bottom-1
@ -341,12 +392,12 @@ button:focus
/*--------Table Head Line Finish--------*/ /*--------Table Head Line Finish--------*/
/*--------Company Name--------*/ /*--Display Grid--*/
.d-grid .d-grid
{ {
display: grid !important; display: grid !important;
} }
/*--------Company Name Finish--------*/ /*--Display Grid Finish--*/
/*--------Card Header Bulk Action--------*/ /*--------Card Header Bulk Action--------*/
@ -377,12 +428,12 @@ button:focus
/*--------Card Action Button Finish--------*/ /*--------Card Action Button Finish--------*/
/*--------Table Layout Fixed--------*/ /*--Table Layout Fixed--*/
.table-layout-fixed .table-layout-fixed
{ {
table-layout: fixed; table-layout: fixed;
} }
/*--------Table Layout Fixed Finish--------*/ /*--Table Layout Fixed Finish--*/
/*--Akaunting Button Animation--*/ /*--Akaunting Button Animation--*/
@ -439,7 +490,8 @@ button:focus
} }
} }
.btn-outline-confirm:disabled span { .btn-outline-confirm:disabled span
{
opacity: 1 !important; opacity: 1 !important;
} }
@ -457,15 +509,6 @@ button:focus
{ {
display: block !important; display: block !important;
} }
.btn-delete{
width: 73.10px;
}
.btn-confirm
{
width: 86px;
}
/*--Akaunting Button Animation Finish--*/ /*--Akaunting Button Animation Finish--*/
@ -483,7 +526,8 @@ button:focus
/*--------Settings Icons Finish--------*/ /*--------Settings Icons Finish--------*/
/*--------Settings Button Focus--------*/ /*--------Settings Button Focus--------*/
.btn-icon-clipboard:focus { .btn-icon-clipboard:focus
{
outline: none; outline: none;
} }
/*--------Settings Button Focus Finish--------*/ /*--------Settings Button Focus Finish--------*/
@ -507,59 +551,6 @@ button:focus
/*--------Pagination Alignment Finish--------*/ /*--------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--------*/
.font-size-1 .font-size-1
{ {
@ -606,21 +597,13 @@ button:focus
border-bottom: 0; border-bottom: 0;
} }
.table-flush tbody tr td { .table-flush tbody tr td
{
border: 0 !important; border: 0 !important;
} }
/*--------Custom Table Finish--------*/ /*--------Custom Table Finish--------*/
/*--------Add Item Show--------*/
.item-show
{
min-width: 253px;
border-radius: 0.4375rem;
}
/*--------Add Item Show Finish--------*/
/*--------Height 0--------*/ /*--------Height 0--------*/
.h-0 .h-0
{ {
@ -636,7 +619,8 @@ button:focus
} }
/*--------Editor text Finish--------*/ /*--------Editor text Finish--------*/
table .align-items-center td span.badge { table .align-items-center td span.badge
{
height: 24px; height: 24px;
padding-top: 8px; padding-top: 8px;
font-size: 9px; font-size: 9px;
@ -665,13 +649,6 @@ table .align-items-center td span.badge {
/*--------Print Template Finish--------*/ /*--------Print Template Finish--------*/
/*--------Font Size 50--------*/
.font-size-50
{
font-size: 50px !important;
}
/*--------Font Size 50 Finish--------*/
/*--------Report Column--------*/ /*--------Report Column--------*/
.report-column .report-column
{ {
@ -690,12 +667,13 @@ table .align-items-center td span.badge {
} }
/*--------App Comment Finish--------*/ /*--------App Comment Finish--------*/
/*--------Empty Page Image--------*/
.empty-image /*--------Blank Page Image--------*/
.blank-image
{ {
height: 300px; height: 300px;
} }
/*--------Empty Page Image Finish--------*/ /*--------Blank Page Image Finish--------*/
/*--------Text Pre Nowrap--------*/ /*--------Text Pre Nowrap--------*/
@ -725,7 +703,8 @@ table .align-items-center td span.badge {
/*--------From Group Disabled--------*/ /*--------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; background-color: #e9ecef;
} }
/*--------From Group Disabled Finish--------*/ /*--------From Group Disabled Finish--------*/
@ -751,32 +730,46 @@ table .align-items-center td span.badge {
/*--Left Menu Stabilize--*/ /*--Left Menu Stabilize--*/
.g-sidenav-show .sidenav { .g-sidenav-show .sidenav
{
max-width: 250px !important; max-width: 250px !important;
} }
.g-sidenav-show .sidenav .navbar-brand, .g-sidenav-show .sidenav .navbar-brand,
.g-sidenav-show .sidenav .navbar-heading { .g-sidenav-show .sidenav .navbar-heading
{
display: block; display: block;
} }
.g-sidenav-show .sidenav.fixed-left + .main-content { .g-sidenav-show .sidenav.fixed-left + .main-content
{
margin-left: 250px; margin-left: 250px;
} }
.g-sidenav-show .sidenav.fixed-right + .main-content { .g-sidenav-show .sidenav.fixed-right + .main-content
{
margin-right: 250px; margin-right: 250px;
} }
.g-sidenav-show .sidenav { .g-sidenav-show .sidenav
{
-webkit-transform: translateX(0); -webkit-transform: translateX(0);
transform: translateX(0); transform: translateX(0);
} }
.sidenav-show .navbar-top .navbar-brand { .sidenav-show .navbar-top .navbar-brand
{
display: none; 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--------*/ /*--------Responsive--------*/
@ -838,7 +831,7 @@ table .align-items-center td span.badge {
font-size: 0.75rem !important; font-size: 0.75rem !important;
} }
.empty-image .blank-image
{ {
height: 200px; height: 200px;
} }
@ -938,9 +931,3 @@ table .align-items-center td span.badge {
} }
/*--Lg Breakpoint Finish--*/ /*--Lg Breakpoint Finish--*/
/*--------Responsive Finish--------*/ /*--------Responsive Finish--------*/
/*--------Index Pages Badge Min Width--------*/
.mw-60 {
min-width: 60px;
}
/*--------Index Pages Badge Min Finish--------*/

307
public/css/print.css vendored
View File

@ -1,235 +1,267 @@
@charset "UTF-8"; @charset "UTF-8";
/*! /*--General Start--*/
body
========================================================= {
* Print Template - Default ------------ Start
=========================================================
*/
body {
margin: 0; margin: 0;
padding: 0; padding: 0;
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
color: #3c3f72; color: #3c3f72;
} }
table { table
{
width: 100%; width: 100%;
} }
th, td { th, td
{
padding: 18px 9px 18px 9px; padding: 18px 9px 18px 9px;
} }
.row { .row
{
font-size: 0; font-size: 0;
} }
.mb-1 { .mb-1
{
margin-bottom: 8px; margin-bottom: 8px;
} }
.mt-1 { .mt-1
{
margin-top: 8px; margin-top: 8px;
} }
.ml-1 { .ml-1
{
margin-left: 8px; margin-left: 8px;
} }
.mt-2 { .mt-2
{
margin-top: 16px; margin-top: 16px;
} }
.mt-3 { .mt-3
{
margin-top: 24px; margin-top: 24px;
} }
.mt-4 { .mt-4
{
margin-top: 32px; margin-top: 32px;
} }
.mt-5 { .mt-5
{
margin-top: 40px; margin-top: 40px;
} }
.mt-6 { .mt-6
{
margin-top: 48px; margin-top: 48px;
} }
.mt-7 { .mt-7
{
margin-top: 56px; margin-top: 56px;
} }
.mt-8 { .mt-8
{
margin-top: 64px; margin-top: 64px;
} }
.mt-9 { .mt-9
{
margin-top: 72px; margin-top: 72px;
} }
.pb-0 { .pb-0
{
padding-bottom: 0; padding-bottom: 0;
} }
.pb-1 { .pb-1
{
padding-bottom: 8px; padding-bottom: 8px;
} }
.py-1 { .py-1
{
padding-bottom: 8px; padding-bottom: 8px;
padding-top: 8px; padding-top: 8px;
} }
.py-2 { .py-2
{
padding-bottom: 16px; padding-bottom: 16px;
padding-top: 16px; padding-top: 16px;
} }
.pr-2 { .pr-2
{
padding-right: 16px; padding-right: 16px;
} }
.pl-2 { .pl-2
{
padding-left: 16px; padding-left: 16px;
} }
.col-58 { .border-1
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: 1px solid #e5e5e5; border: 1px solid #e5e5e5;
} }
.border-top-1 { .border-top-1
{
border-top: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;
} }
.border-bottom-1 { .border-bottom-1
{
border-bottom: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;
} }
.border-radius-default { .border-radius-default
{
border-radius: 0.25rem border-radius: 0.25rem
} }
.float-left { .float-left
{
float: left !important; float: left !important;
} }
.float-right
.float-right { {
float: right !important; float: right !important;
} }
.text { .text
{
color: #3c3f72; color: #3c3f72;
margin-top:10px; margin-top:10px;
font-size: 13px; font-size: 13px;
} }
.text-nowrap { .text-nowrap
{
white-space: nowrap; white-space: nowrap;
} }
.text-left { .text-left
{
text-align: left; text-align: left;
} }
.text-right { .text-right
{
text-align: right; text-align: right;
} }
.text-center { .text-center
{
text-align: center; text-align: center;
} }
.text-white { .text-white
{
color: #ffffff; color: #ffffff;
} }
.bg-default { .bg-default
{
background-color: #3c3f72; background-color: #3c3f72;
} }
.bg-primary { .bg-primary
{
background-color: #55588b; 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; border-collapse: collapse;
table-layout: fixed; table-layout: fixed;
border-bottom: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;
} }
.lines tbody td { .lines tbody td
{
border-bottom: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;
} }
.lines .item { .lines .item
{
width: 50%; width: 50%;
} }
.lines .quantity { .lines .quantity
{
width: 10%; width: 10%;
text-align: center; text-align: center;
} }
.lines .price { .lines .price
{
width: 20%; width: 20%;
text-align: right; text-align: right;
} }
.lines .total { .lines .total
{
width: 20%; width: 20%;
text-align: right; text-align: right;
} }
.d-logo { .d-logo
{
padding-top: 35px; padding-top: 35px;
padding-bottom:64.5px; padding-bottom:64.5px;
} }
.d-note { .d-note
{
width: 80%; width: 80%;
background-color: #e5e5e5; background-color: #e5e5e5;
} }
/*--Print Template Default Finish--*/
/*! /*--Print Template Classic Start--*/
.c-logo
========================================================= {
* Print Template - Default ------------ Finish
=========================================================
=========================================================
* Print Template - Classic ------------ Start
=========================================================
*/
.c-logo {
padding-top: 25px; padding-top: 25px;
} }
.c-note { .c-note
{
width: 80%; width: 80%;
} }
@ -253,122 +285,123 @@ th, td {
border: 3px solid #3c3f72; border: 3px solid #3c3f72;
} }
.col-33 { .col-33
{
display: inline-block; display: inline-block;
width: 33%; width: 33%;
vertical-align: top; vertical-align: top;
} }
.c-lines thead th { .c-lines thead th
{
border-top: 1px dashed #e5e5e5; border-top: 1px dashed #e5e5e5;
} }
.c-lines tbody td { .c-lines tbody td
{
border-top: 1px dashed #e5e5e5; border-top: 1px dashed #e5e5e5;
} }
.c-lines .item { .c-lines .item
{
width: 50%; width: 50%;
} }
.c-lines .quantity { .c-lines .quantity
{
width: 10%; width: 10%;
text-align: center; text-align: center;
} }
.c-lines .price { .c-lines .price
{
width: 20%; width: 20%;
text-align: right; text-align: right;
} }
.c-lines .total { .c-lines .total
{
width: 20%; width: 20%;
text-align: right; text-align: right;
} }
.border-top-dashed { .border-top-dashed
{
border-top: 1px dashed #e5e5e5; border-top: 1px dashed #e5e5e5;
} }
/*--Print Template Classic Finish--*/
/*! /*--Print Template Modern Start--*/
.m-first-column
========================================================= {
* Print Template - Classic ------------ Finish
=========================================================
=========================================================
* Print Template - Modern ------------ Start
=========================================================
*/
.m-first-column {
padding-top: 15px; padding-top: 15px;
padding-bottom:48px; padding-bottom:48px;
} }
.m-fc-left { .m-fc-left
{
padding-right: 30px; padding-right: 30px;
} }
.m-fc-right { .m-fc-right
{
padding-left: 170px; padding-left: 170px;
margin-top: -70px; margin-top: -70px;
} }
.m-note { .m-note
{
width: 80%; width: 80%;
} }
.m-lines { .m-lines
{
border-collapse: collapse; border-collapse: collapse;
table-layout: fixed; table-layout: fixed;
} }
.m-lines .item { .m-lines .item
{
width: 50%; width: 50%;
} }
.m-lines .quantity { .m-lines .quantity
{
width: 10%; width: 10%;
text-align: center; text-align: center;
} }
.m-lines .price { .m-lines .price
{
width: 20%; width: 20%;
text-align: right; text-align: right;
} }
.m-lines .total { .m-lines .total
{
width: 20%; width: 20%;
text-align: right; text-align: right;
} }
/*--Print Template Modern Finish--*/
/*! /*--Print Reports Start--*/
.rp-border-top-1
========================================================= {
* Print Template - Modern ------------ Finish
=========================================================
=========================================================
* Print Reports ------------ Start
=========================================================
*/
.rp-border-top-1 {
border-top: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;
} }
.rp-border-bottom-1 { .rp-border-bottom-1
{
border-bottom: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;
} }
.rp-border-top-1 { .rp-border-top-1
{
border-top: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;
} }
.rp-border-0 { .rp-border-0
{
border: 0 !important; border: 0 !important;
} }
@ -377,18 +410,14 @@ th, td {
border-collapse: collapse; border-collapse: collapse;
} }
.rp-float-left { .rp-float-left
{
float: left; float: left;
} }
.rp-float-right { .rp-float-right
{
float: right; float: right;
} }
/*--Print Reports Finish--*/
/*!
=========================================================
* Print Reports ------------ Finish
=========================================================
*/

View File

@ -1,7 +1,7 @@
<div class="card"> <div class="card">
<div class="row align-items-center"> <div class="row align-items-center">
<div class="col-xs-12 col-sm-6 text-center p-5"> <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>
<div class="col-xs-12 col-sm-6 text-center p-5"> <div class="col-xs-12 col-sm-6 text-center p-5">