mirror of
https://github.com/invoiceninja/invoiceninja.git
synced 2024-09-22 17:31:35 +02:00
ba75a44eb8
* Adopt Laravel coding style The Laravel framework adopts the PSR-2 coding style with some additions. Laravel apps *should* adopt this coding style as well. However, Shift allows you to customize the adopted coding style by adding your own [PHP CS Fixer][1] `.php_cs` config to your project. You may use [Shift's .php_cs][2] file as a base. [1]: https://github.com/FriendsOfPHP/PHP-CS-Fixer [2]: https://gist.github.com/laravel-shift/cab527923ed2a109dda047b97d53c200 * Shift bindings PHP 5.5.9+ adds the new static `class` property which provides the fully qualified class name. This is preferred over using class name strings as these references are checked by the parser. * Shift core files * Shift to Throwable * Add laravel/ui dependency * Unindent vendor mail templates * Shift config files * Default config files In an effort to make upgrading the constantly changing config files easier, Shift defaulted them so you can review the commit diff for changes. Moving forward, you should use ENV variables or create a separate config file to allow the core config files to remain automatically upgradeable. * Shift Laravel dependencies * Shift cleanup * Upgrade to Laravel 7 Co-authored-by: Laravel Shift <shift@laravelshift.com>
291 lines
3.9 KiB
CSS
Vendored
291 lines
3.9 KiB
CSS
Vendored
/* Base */
|
|
|
|
body, body *:not(html):not(style):not(br):not(tr):not(code) {
|
|
font-family: Avenir, Helvetica, sans-serif;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
background-color: #f5f8fa;
|
|
color: #74787E;
|
|
height: 100%;
|
|
hyphens: auto;
|
|
line-height: 1.4;
|
|
margin: 0;
|
|
-moz-hyphens: auto;
|
|
-ms-word-break: break-all;
|
|
width: 100% !important;
|
|
-webkit-hyphens: auto;
|
|
-webkit-text-size-adjust: none;
|
|
word-break: break-all;
|
|
word-break: break-word;
|
|
}
|
|
|
|
p,
|
|
ul,
|
|
ol,
|
|
blockquote {
|
|
line-height: 1.4;
|
|
text-align: left;
|
|
}
|
|
|
|
a {
|
|
color: #3869D4;
|
|
}
|
|
|
|
a img {
|
|
border: none;
|
|
}
|
|
|
|
/* Typography */
|
|
|
|
h1 {
|
|
color: #2F3133;
|
|
font-size: 19px;
|
|
font-weight: bold;
|
|
margin-top: 0;
|
|
text-align: left;
|
|
}
|
|
|
|
h2 {
|
|
color: #2F3133;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
margin-top: 0;
|
|
text-align: left;
|
|
}
|
|
|
|
h3 {
|
|
color: #2F3133;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
margin-top: 0;
|
|
text-align: left;
|
|
}
|
|
|
|
p {
|
|
color: #74787E;
|
|
font-size: 16px;
|
|
line-height: 1.5em;
|
|
margin-top: 0;
|
|
text-align: left;
|
|
}
|
|
|
|
p.sub {
|
|
font-size: 12px;
|
|
}
|
|
|
|
img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
/* Layout */
|
|
|
|
.wrapper {
|
|
background-color: #f5f8fa;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
-premailer-cellpadding: 0;
|
|
-premailer-cellspacing: 0;
|
|
-premailer-width: 100%;
|
|
}
|
|
|
|
.content {
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
-premailer-cellpadding: 0;
|
|
-premailer-cellspacing: 0;
|
|
-premailer-width: 100%;
|
|
}
|
|
|
|
/* Header */
|
|
|
|
.header {
|
|
padding: 25px 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.header a {
|
|
color: #bbbfc3;
|
|
font-size: 19px;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
text-shadow: 0 1px 0 white;
|
|
}
|
|
|
|
/* Body */
|
|
|
|
.body {
|
|
background-color: #FFFFFF;
|
|
border-bottom: 1px solid #EDEFF2;
|
|
border-top: 1px solid #EDEFF2;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
-premailer-cellpadding: 0;
|
|
-premailer-cellspacing: 0;
|
|
-premailer-width: 100%;
|
|
}
|
|
|
|
.inner-body {
|
|
background-color: #FFFFFF;
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
width: 570px;
|
|
-premailer-cellpadding: 0;
|
|
-premailer-cellspacing: 0;
|
|
-premailer-width: 570px;
|
|
}
|
|
|
|
/* Subcopy */
|
|
|
|
.subcopy {
|
|
border-top: 1px solid #EDEFF2;
|
|
margin-top: 25px;
|
|
padding-top: 25px;
|
|
}
|
|
|
|
.subcopy p {
|
|
font-size: 12px;
|
|
}
|
|
|
|
/* Footer */
|
|
|
|
.footer {
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
text-align: center;
|
|
width: 570px;
|
|
-premailer-cellpadding: 0;
|
|
-premailer-cellspacing: 0;
|
|
-premailer-width: 570px;
|
|
}
|
|
|
|
.footer p {
|
|
color: #AEAEAE;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
}
|
|
|
|
/* Tables */
|
|
|
|
.table table {
|
|
margin: 30px auto;
|
|
width: 100%;
|
|
-premailer-cellpadding: 0;
|
|
-premailer-cellspacing: 0;
|
|
-premailer-width: 100%;
|
|
}
|
|
|
|
.table th {
|
|
border-bottom: 1px solid #EDEFF2;
|
|
padding-bottom: 8px;
|
|
margin: 0;
|
|
}
|
|
|
|
.table td {
|
|
color: #74787E;
|
|
font-size: 15px;
|
|
line-height: 18px;
|
|
padding: 10px 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.content-cell {
|
|
padding: 35px;
|
|
}
|
|
|
|
/* Buttons */
|
|
|
|
.action {
|
|
margin: 30px auto;
|
|
padding: 0;
|
|
text-align: center;
|
|
width: 100%;
|
|
-premailer-cellpadding: 0;
|
|
-premailer-cellspacing: 0;
|
|
-premailer-width: 100%;
|
|
}
|
|
|
|
.button {
|
|
border-radius: 3px;
|
|
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16);
|
|
color: #FFF;
|
|
display: inline-block;
|
|
text-decoration: none;
|
|
-webkit-text-size-adjust: none;
|
|
}
|
|
|
|
.button-blue,
|
|
.button-primary {
|
|
background-color: #3097D1;
|
|
border-top: 10px solid #3097D1;
|
|
border-right: 18px solid #3097D1;
|
|
border-bottom: 10px solid #3097D1;
|
|
border-left: 18px solid #3097D1;
|
|
}
|
|
|
|
.button-green,
|
|
.button-success {
|
|
background-color: #2ab27b;
|
|
border-top: 10px solid #2ab27b;
|
|
border-right: 18px solid #2ab27b;
|
|
border-bottom: 10px solid #2ab27b;
|
|
border-left: 18px solid #2ab27b;
|
|
}
|
|
|
|
.button-red,
|
|
.button-error {
|
|
background-color: #bf5329;
|
|
border-top: 10px solid #bf5329;
|
|
border-right: 18px solid #bf5329;
|
|
border-bottom: 10px solid #bf5329;
|
|
border-left: 18px solid #bf5329;
|
|
}
|
|
|
|
/* Panels */
|
|
|
|
.panel {
|
|
margin: 0 0 21px;
|
|
}
|
|
|
|
.panel-content {
|
|
background-color: #EDEFF2;
|
|
padding: 16px;
|
|
}
|
|
|
|
.panel-item {
|
|
padding: 0;
|
|
}
|
|
|
|
.panel-item p:last-of-type {
|
|
margin-bottom: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
/* Promotions */
|
|
|
|
.promotion {
|
|
background-color: #FFFFFF;
|
|
border: 2px dashed #9BA2AB;
|
|
margin: 0;
|
|
margin-bottom: 25px;
|
|
margin-top: 25px;
|
|
padding: 24px;
|
|
width: 100%;
|
|
-premailer-cellpadding: 0;
|
|
-premailer-cellspacing: 0;
|
|
-premailer-width: 100%;
|
|
}
|
|
|
|
.promotion h1 {
|
|
text-align: center;
|
|
}
|
|
|
|
.promotion p {
|
|
font-size: 15px;
|
|
text-align: center;
|
|
}
|