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--------*/
/*--------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--------*/

311
public/css/print.css vendored
View File

@ -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
=========================================================
*/

View File

@ -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">