[Flask] Simple ERP for a farm.

Stylesheets.

Commit
1727413d592302a1198b6cad8ee0d1cf9b5d50f5
Author
Marius Peter <marius.peter@tutanota.com>
Author date
Committer
Marius Peter <marius.peter@tutanota.com>
Committer date
Changed files
app/static/styles/invoice.css
index 00000000..2b863f94 000000..100644
@@ -0,0 +1,204 @@
1 Added: @font-face {
2 Added: font-family: "Public Sans";
3 Added: src: url("/static/fonts/PublicSans-Regular.otf");
4 Added: }
5 Added:
6 Added: @font-face {
7 Added: font-family: "Inconsolata";
8 Added: src: url("/static/fonts/Inconsolata.otf");
9 Added: }
10 Added:
11 Added: .clearfix:after {
12 Added: content: "";
13 Added: display: table;
14 Added: clear: both;
15 Added: }
16 Added:
17 Added: a {
18 Added: color: #0087C3;
19 Added: text-decoration: none;
20 Added: }
21 Added:
22 Added: body {
23 Added: position: relative;
24 Added: width: 21cm;
25 Added: height: 29.7cm;
26 Added: margin: 0 auto;
27 Added: color: #555555;
28 Added: background: #FFFFFF;
29 Added: font-family: Arial, sans-serif;
30 Added: font-size: 14px;
31 Added: font-family: "Public Sans";
32 Added: }
33 Added:
34 Added: header {
35 Added: padding: 10px 0;
36 Added: margin-bottom: 20px;
37 Added: border-bottom: 1px solid #AAAAAA;
38 Added: }
39 Added:
40 Added: #logo {
41 Added: float: left;
42 Added: margin-top: 8px;
43 Added: }
44 Added:
45 Added: #logo img {
46 Added: height: 70px;
47 Added: }
48 Added:
49 Added: #company {
50 Added: float: right;
51 Added: text-align: right;
52 Added: }
53 Added:
54 Added:
55 Added: #details {
56 Added: margin-bottom: 50px;
57 Added: }
58 Added:
59 Added: #client {
60 Added: padding-left: 6px;
61 Added: border-left: 6px solid #0087C3;
62 Added: float: left;
63 Added: }
64 Added:
65 Added: #client .to {
66 Added: color: #777777;
67 Added: }
68 Added:
69 Added: h2.name {
70 Added: font-size: 1.4em;
71 Added: font-weight: normal;
72 Added: margin: 0;
73 Added: }
74 Added:
75 Added: #invoice {
76 Added: float: right;
77 Added: text-align: right;
78 Added: }
79 Added:
80 Added: #invoice h1 {
81 Added: color: #0087C3;
82 Added: font-size: 2.4em;
83 Added: line-height: 1em;
84 Added: font-weight: normal;
85 Added: margin: 0 0 10px 0;
86 Added: }
87 Added:
88 Added: #invoice .date {
89 Added: font-size: 1.1em;
90 Added: color: #777777;
91 Added: }
92 Added:
93 Added: table {
94 Added: width: 100%;
95 Added: border-collapse: collapse;
96 Added: border-spacing: 0;
97 Added: margin-bottom: 20px;
98 Added: }
99 Added:
100 Added: table th,
101 Added: table td {
102 Added: padding: 20px;
103 Added: background: #EEEEEE;
104 Added: text-align: center;
105 Added: border-bottom: 1px solid #FFFFFF;
106 Added: }
107 Added:
108 Added: table th {
109 Added: white-space: nowrap;
110 Added: font-weight: normal;
111 Added: }
112 Added:
113 Added: table td {
114 Added: text-align: right;
115 Added: }
116 Added:
117 Added: table td h3{
118 Added: color: #57B223;
119 Added: font-size: 1.2em;
120 Added: font-weight: normal;
121 Added: margin: 0 0 0.2em 0;
122 Added: }
123 Added:
124 Added: table .no {
125 Added: color: #FFFFFF;
126 Added: font-size: 1.6em;
127 Added: background: #57B223;
128 Added: }
129 Added:
130 Added: table .desc {
131 Added: text-align: left;
132 Added: }
133 Added:
134 Added: table .unit {
135 Added: background: #DDDDDD;
136 Added: }
137 Added:
138 Added: table .qty {
139 Added: }
140 Added:
141 Added: table .total {
142 Added: background: #57B223;
143 Added: color: #FFFFFF;
144 Added: }
145 Added:
146 Added: table td.unit,
147 Added: table td.qty,
148 Added: table td.total {
149 Added: font-size: 1.2em;
150 Added: }
151 Added:
152 Added: table tbody tr:last-child td {
153 Added: border: none;
154 Added: }
155 Added:
156 Added: table tfoot td {
157 Added: padding: 10px 20px;
158 Added: background: #FFFFFF;
159 Added: border-bottom: none;
160 Added: font-size: 1.2em;
161 Added: white-space: nowrap;
162 Added: border-top: 1px solid #AAAAAA;
163 Added: }
164 Added:
165 Added: table tfoot tr:first-child td {
166 Added: border-top: none;
167 Added: }
168 Added:
169 Added: table tfoot tr:last-child td {
170 Added: color: #57B223;
171 Added: font-size: 1.4em;
172 Added: border-top: 1px solid #57B223;
173 Added:
174 Added: }
175 Added:
176 Added: table tfoot tr td:first-child {
177 Added: border: none;
178 Added: }
179 Added:
180 Added: #thanks{
181 Added: font-size: 2em;
182 Added: margin-bottom: 50px;
183 Added: }
184 Added:
185 Added: #notices{
186 Added: padding-left: 6px;
187 Added: border-left: 6px solid #0087C3;
188 Added: }
189 Added:
190 Added: #notices .notice {
191 Added: font-size: 1.2em;
192 Added: }
193 Added:
194 Added: footer {
195 Added: color: #777777;
196 Added: width: 100%;
197 Added: height: 30px;
198 Added: position: absolute;
199 Added: bottom: 0;
200 Added: border-top: 1px solid #AAAAAA;
201 Added: padding: 8px 0;
202 Added: text-align: center;
203 Added: }
204 Added:
app/static/styles/style.css
index ca60a7ba..402e8029 100644..100644
@@ -11,7 +11,7 @@
11 11 }
12 12
13 13 body {
14 Removed: font-family: 'Public Sans', sans-serif;
14 Added: font-family: "Public Sans", sans-serif;
15 15 line-height: 1.2;
16 16 margin: 0;
17 17 padding: 0;
@@ -38,12 +38,18 @@
38 38 src: url("/static/fonts/PublicSans-Regular.otf");
39 39 }
40 40
41 Added: @font-face {
42 Added: font-family: "Inconsolata";
43 Added: src: url("/static/fonts/Inconsolata.otf");
44 Added: }
45 Added:
41 46 nav {
42 47 display: flex;
43 48 background: darkgrey;
44 49 color: white;
45 Removed: margin: 0.5em;
50 Added: /* margin: 0.5em; */
46 51 padding: 0.5em;
52 Added: justify-content: space-between;
47 53 }
48 54
49 55 h1 {
@@ -71,9 +77,80 @@
71 77 color: white;
72 78 border-radius: 8px;
73 79 text-decoration: none;
80 Added: border: 1px dimgray solid;
74 81 }
75 82
76 83 .button:hover {
77 84 background: white;
78 85 color: black;
86 Added: border: 1px dimgray solid;
87 Added: }
88 Added:
89 Added: table {
90 Added: font-family: "Inconsolata";
91 Added: line-height: 1.5;
92 Added: /* border-collapse: collapse; */
93 Added: width: 80vw;
94 Added: margin: 2em auto;
95 Added: }
96 Added:
97 Added: table thead {
98 Added: background: dimgray;
99 Added: color: white;
100 Added: }
101 Added:
102 Added: table tr:nth-child(even) {
103 Added: background: lightgray;
104 Added: }
105 Added:
106 Added: #actions {
107 Added: background: darkgray;
108 Added: padding: 1em 0.5em;
109 Added: top: 0;
110 Added: position: sticky;
111 Added: }
112 Added:
113 Added: .flashes {
114 Added: position: fixed;
115 Added: width: 30%;
116 Added: bottom: 0;
117 Added: right: 0;
118 Added: margin: 1em;
119 Added: list-style-type: none;
120 Added: padding: 0;
121 Added: }
122 Added:
123 Added: @keyframes fadeIn {
124 Added: 0% {
125 Added: opacity: 0;
126 Added: transform: translateY(100%);
127 Added: }
128 Added: 100% {
129 Added: opacity: 0.7;
130 Added: transform: translateY(0);
131 Added: }
132 Added: }
133 Added:
134 Added: .alert {
135 Added: padding: 1em;
136 Added: border-radius: 8px;
137 Added: margin: 1em;
138 Added: border: 1px dimgray solid;
139 Added: opacity: 0.7;
140 Added: animation: 0.5s ease-out 0s 1 fadeIn;
141 Added: }
142 Added:
143 Added: .alert-info {
144 Added: background: darkblue;
145 Added: color: white;
146 Added: }
147 Added:
148 Added: .alert-error {
149 Added: background: maroon;
150 Added: color: white;
151 Added: }
152 Added:
153 Added: fieldset {
154 Added: margin: 0 auto;
155 Added: width: 12em;
79 156 }