resme 2.0.0 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,346 @@
1
+ /* Europass "Kyvernetes" Template - Full Width Header & Top Contact Block */
2
+
3
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
4
+
5
+ :root {
6
+ /* Template Palette Custom Variables */
7
+ --kyv-primary: #0f172a; /* Dark Slate Navy */
8
+ --kyv-secondary: #334155; /* Medium Charcoal */
9
+ --kyv-accent: #2563eb; /* Classic Royal Blue */
10
+ --kyv-highlight: #0284c7; /* Sky/Cyan Accent */
11
+ --kyv-badge-bg: #f0f9ff; /* Light Blue Tint for Badges */
12
+ --kyv-bg-card: #f8fafc; /* Neutral Card Background */
13
+ --kyv-bg-header: #f1f5f9; /* Light Block Header Background */
14
+ --kyv-border: #cbd5e1; /* Divider Line Color */
15
+
16
+ --text-dark: #1e293b;
17
+ --text-muted: #64748b;
18
+ --white: #ffffff;
19
+ }
20
+
21
+ * {
22
+ box-sizing: border-box;
23
+ margin: 0;
24
+ padding: 0;
25
+ }
26
+
27
+ body {
28
+ font-family: 'Inter', system-ui, -apple-system, sans-serif;
29
+ font-size: 13px;
30
+ line-height: 1.55;
31
+ color: var(--text-dark);
32
+ background-color: #e2e8f0;
33
+ }
34
+
35
+ /* Container Switch to Single Column Stack */
36
+ .container {
37
+ display: flex;
38
+ flex-direction: column-reverse; /* Reorders DOM: .main on top for header, .contact-information below */
39
+ max-width: 880px;
40
+ margin: 30px auto;
41
+ background-color: var(--white);
42
+ box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.12);
43
+ border-radius: 4px;
44
+ position: relative;
45
+ padding: 40px;
46
+ overflow: hidden;
47
+ }
48
+
49
+ /* Top Right Europass Logo */
50
+ .container::after {
51
+ content: "";
52
+ position: absolute;
53
+ top: 35px;
54
+ right: 40px;
55
+ width: 175px;
56
+ height: 40px;
57
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 60'%3E%3Crect width='60' height='40' y='10' fill='%230f172a' rx='2'/%3E%3Cg fill='%230284c7'%3E%3Cpolygon points='30,14 30.8,16.5 33.4,16.5 31.3,18 32.1,20.5 30,19 27.9,20.5 28.7,18 26.6,16.5 29.2,16.5'/%3E%3Cpolygon points='30,40 30.8,42.5 33.4,42.5 31.3,44 32.1,46.5 30,45 27.9,46.5 28.7,44 26.6,42.5 29.2,42.5'/%3E%3Cpolygon points='17,27 17.8,29.5 20.4,29.5 18.3,31 19.1,33.5 17,32 14.9,33.5 15.7,31 13.6,29.5 16.2,29.5'/%3E%3Cpolygon points='43,27 43.8,29.5 46.4,29.5 44.3,31 45.1,33.5 43,32 40.9,33.5 41.7,31 39.6,29.5 42.2,29.5'/%3E%3Cpolygon points='20.5,17.5 21.3,20 23.9,20 21.8,21.5 22.6,24 20.5,22.5 18.4,24 19.2,21.5 17.1,20 19.7,20'/%3E%3Cpolygon points='39.5,17.5 40.3,20 42.9,20 40.8,21.5 41.6,24 39.5,22.5 37.4,24 38.2,21.5 36.1,20 38.7,20'/%3E%3Cpolygon points='20.5,36.5 21.3,39 23.9,39 21.8,40.5 22.6,43 20.5,41.5 18.4,43 19.2,40.5 17.1,39 19.7,39'/%3E%3Cpolygon points='39.5,36.5 40.3,39 42.9,39 40.8,40.5 41.6,43 39.5,41.5 37.4,43 38.2,40.5 36.1,39 38.7,39'/%3E%3Cpolygon points='13.5,21 14.3,23.5 16.9,23.5 14.8,25 15.6,27.5 13.5,26 11.4,27.5 12.2,25 10.1,23.5 12.7,23.5'/%3E%3Cpolygon points='46.5,21 47.3,23.5 49.9,23.5 47.8,25 48.6,27.5 46.5,26 44.4,27.5 45.2,25 43.1,23.5 45.7,23.5'/%3E%3Cpolygon points='13.5,33 14.3,35.5 16.9,35.5 14.8,37 15.6,39.5 13.5,38 11.4,39.5 12.2,37 10.1,35.5 12.7,35.5'/%3E%3Cpolygon points='46.5,33 47.3,35.5 49.9,35.5 47.8,37 48.6,39.5 46.5,38 44.4,39.5 45.2,37 43.1,35.5 45.7,35.5'/%3E%3C/g%3E%3Cg transform='translate(75, 2)'%3E%3Cpath fill='%230284c7' d='M23.1 11.2C13.2 11.2 5 18.3 3.2 28h13.2c1.5-3.3 5-5.6 9-5.6 5.5 0 10 4.5 10 10s-4.5 10-10 10c-4 0-7.5-2.3-9-5.6H3.2c1.8 9.7 10 16.8 19.9 16.8 11.2 0 20.3-9.1 20.3-20.3S34.3 11.2 23.1 11.2z'/%3E%3Cpath fill='%230f172a' d='M62.4 12.1h-8.8v31.1h8.8V12.1zm21.3 0h-8.8v18.7c0 4.1-2.9 6.2-6.2 6.2s-6.2-2.1-6.2-6.2V12.1h-8.8v19.4c0 8.3 5.9 12.4 15 12.4s15-4.1 15-12.4V12.1zm17.9 11.7c-5.3 0-8.8 3.8-8.8 9.5s3.5 9.5 8.8 9.5 8.8-3.8 8.8-9.5zm0-6.6c10.1 0 17.6 7 17.6 16.1s-7.5 16.1-17.6 16.1S84 32.4 84 23.3s7.5-16.1 17.6-16.1zm29.8 6.6c-4.8 0-8 3.5-8 8.8s3.2 8.8 8 8.8 8-3.5 8-8.8-3.2-8.8-8-8.8zm-16.8-11.7h8.8v4.5c2.3-3.4 6.2-5.1 10.7-5.1 8.5 0 14.8 6.2 14.8 15.6s-6.3 15.6-14.8 15.6c-4.5 0-8.4-1.7-10.7-5.1v12h-8.8V12.1zm59.2 11.7c-4.8 0-8 3.5-8 8.8s3.2 8.8 8 8.8 8-3.5 8-8.8-3.2-8.8-8-8.8zm-16.8-11.7h8.8v4.5c2.3-3.4 6.2-5.1 10.7-5.1 8.5 0 14.8 6.2 14.8 15.6s-6.3 15.6-14.8 15.6c-4.5 0-8.4-1.7-10.7-5.1v4.5h-8.8V12.1z'/%3E%3C/g%3E%3C/svg%3E");
58
+ background-repeat: no-repeat;
59
+ background-size: contain;
60
+ z-index: 10;
61
+ }
62
+
63
+ /* Main Section Wrapper */
64
+ .main {
65
+ width: 100%;
66
+ }
67
+
68
+ .main .fullname-title {
69
+ font-size: 32px;
70
+ font-weight: 700;
71
+ color: var(--kyv-primary);
72
+ letter-spacing: -0.4px;
73
+ margin-bottom: 25px;
74
+ padding-right: 185px;
75
+ border-bottom: 3px solid var(--kyv-highlight);
76
+ padding-bottom: 12px;
77
+ }
78
+
79
+ /* Contact Information Block (Moved Below Header, Displayed Horizontally) */
80
+ .contact-information {
81
+ width: 100%;
82
+ background-color: var(--kyv-bg-card);
83
+ border: 1px solid var(--kyv-border);
84
+ border-radius: 4px;
85
+ padding: 20px 24px;
86
+ margin-bottom: 30px;
87
+ }
88
+
89
+ .contact-information .fullname-title {
90
+ display: none;
91
+ }
92
+
93
+ .contact-information h2 {
94
+ font-size: 12px;
95
+ font-weight: 700;
96
+ text-transform: uppercase;
97
+ letter-spacing: 0.8px;
98
+ color: var(--kyv-primary);
99
+ border-left: 3px solid var(--kyv-highlight);
100
+ padding-left: 8px;
101
+ margin-bottom: 12px;
102
+ }
103
+
104
+ .contact-information .section {
105
+ display: flex;
106
+ flex-wrap: wrap;
107
+ gap: 16px 30px;
108
+ margin-bottom: 0;
109
+ }
110
+
111
+ .contact-information .item {
112
+ margin-bottom: 0;
113
+ min-width: 200px;
114
+ flex: 1 1 200px;
115
+ }
116
+
117
+ .contact-information .label {
118
+ display: block;
119
+ font-size: 10.5px;
120
+ font-weight: 700;
121
+ text-transform: uppercase;
122
+ color: var(--kyv-accent);
123
+ letter-spacing: 0.3px;
124
+ }
125
+
126
+ .contact-information .value {
127
+ font-size: 12.5px;
128
+ color: var(--text-dark);
129
+ font-weight: 500;
130
+ }
131
+
132
+ .contact-information .value .street,
133
+ .contact-information .value .postal-code,
134
+ .contact-information .value .city {
135
+ display: inline;
136
+ margin-right: 4px;
137
+ }
138
+
139
+ /* Main Content Section Formatting */
140
+ .main .section {
141
+ margin-bottom: 28px;
142
+ }
143
+
144
+ /* Kyvernetes Section Header Bars */
145
+ .main h2 {
146
+ font-size: 13.5px;
147
+ font-weight: 700;
148
+ text-transform: uppercase;
149
+ letter-spacing: 0.8px;
150
+ color: var(--kyv-primary);
151
+ background-color: var(--kyv-bg-header);
152
+ padding: 8px 12px;
153
+ border-left: 4px solid var(--kyv-highlight);
154
+ border-bottom: 1px solid var(--kyv-border);
155
+ margin-bottom: 18px;
156
+ }
157
+
158
+ /* Items */
159
+ .main .item,
160
+ .main .visit {
161
+ margin-bottom: 18px;
162
+ padding-bottom: 14px;
163
+ border-bottom: 1px dashed #e2e8f0;
164
+ }
165
+
166
+ .main .item:last-child,
167
+ .main .visit:last-child {
168
+ border-bottom: none;
169
+ padding-bottom: 0;
170
+ }
171
+
172
+ /* Dates & Badges */
173
+ .period,
174
+ .year,
175
+ .date {
176
+ display: inline-block;
177
+ font-weight: 600;
178
+ font-size: 11px;
179
+ color: var(--kyv-primary);
180
+ background-color: var(--kyv-badge-bg);
181
+ border: 1px solid rgba(2, 132, 199, 0.3);
182
+ padding: 2px 10px;
183
+ border-radius: 3px;
184
+ margin-bottom: 6px;
185
+ letter-spacing: 0.2px;
186
+ }
187
+
188
+ .position,
189
+ .degree,
190
+ .subject {
191
+ font-size: 14.5px;
192
+ font-weight: 700;
193
+ color: var(--kyv-primary);
194
+ }
195
+
196
+ .name,
197
+ .school,
198
+ .venue,
199
+ .publisher {
200
+ font-size: 13px;
201
+ font-weight: 600;
202
+ color: var(--kyv-accent);
203
+ }
204
+
205
+ .authors {
206
+ font-style: italic;
207
+ color: var(--text-muted);
208
+ }
209
+
210
+ .address {
211
+ font-size: 12px;
212
+ color: var(--text-muted);
213
+ }
214
+
215
+ .summary {
216
+ margin-top: 6px;
217
+ font-size: 12.5px;
218
+ color: var(--text-dark);
219
+ }
220
+
221
+ .summary p {
222
+ margin-bottom: 6px;
223
+ }
224
+
225
+ .summary p:last-child {
226
+ margin-bottom: 0;
227
+ }
228
+
229
+ /* Languages Area */
230
+ .languages .item {
231
+ border-bottom: none;
232
+ padding-bottom: 0;
233
+ margin-bottom: 10px;
234
+ }
235
+
236
+ .mother-tongue,
237
+ .foreign-language {
238
+ display: flex;
239
+ align-items: center;
240
+ justify-content: space-between;
241
+ border-bottom: 1px solid #f1f5f9;
242
+ padding: 6px 0;
243
+ }
244
+
245
+ .language {
246
+ font-weight: 600;
247
+ color: var(--kyv-primary);
248
+ text-transform: capitalize;
249
+ }
250
+
251
+ .level {
252
+ font-size: 10.5px;
253
+ font-weight: 700;
254
+ text-transform: uppercase;
255
+ color: var(--kyv-primary);
256
+ background-color: var(--kyv-badge-bg);
257
+ border: 1px solid rgba(2, 132, 199, 0.3);
258
+ padding: 2px 8px;
259
+ border-radius: 3px;
260
+ }
261
+
262
+ .level:empty {
263
+ display: none;
264
+ }
265
+
266
+ /* Committee Section */
267
+ .committee.item {
268
+ display: flex;
269
+ justify-content: space-between;
270
+ align-items: center;
271
+ border-bottom: 1px dashed var(--kyv-border);
272
+ padding-bottom: 6px;
273
+ }
274
+
275
+ .committee .editions {
276
+ font-size: 12px;
277
+ font-weight: 600;
278
+ color: var(--kyv-accent);
279
+ }
280
+
281
+ /* Print Rules */
282
+ @media print {
283
+ @page {
284
+ size: A4;
285
+ margin: 12mm 15mm;
286
+ }
287
+
288
+ body {
289
+ background-color: var(--white);
290
+ font-size: 11px;
291
+ -webkit-print-color-adjust: exact;
292
+ print-color-adjust: exact;
293
+ }
294
+
295
+ .container {
296
+ max-width: 100%;
297
+ margin: 0;
298
+ padding: 0;
299
+ box-shadow: none;
300
+ border: none;
301
+ border-radius: 0;
302
+ }
303
+
304
+ .container::after {
305
+ top: 0;
306
+ right: 0;
307
+ width: 140px;
308
+ height: 32px;
309
+ }
310
+
311
+ .contact-information {
312
+ background-color: var(--white) !important;
313
+ border: 1px solid var(--kyv-border);
314
+ padding: 12px 16px;
315
+ margin-bottom: 20px;
316
+ }
317
+
318
+ .main .fullname-title {
319
+ font-size: 22px;
320
+ padding-right: 140px;
321
+ margin-bottom: 18px;
322
+ }
323
+
324
+ .main h2 {
325
+ background-color: var(--kyv-bg-header) !important;
326
+ }
327
+
328
+ .main .section {
329
+ margin-bottom: 16px;
330
+ page-break-inside: avoid;
331
+ }
332
+
333
+ .main .item,
334
+ .main .visit {
335
+ page-break-inside: avoid;
336
+ margin-bottom: 12px;
337
+ }
338
+
339
+ .period,
340
+ .year,
341
+ .date,
342
+ .level {
343
+ background-color: var(--kyv-badge-bg) !important;
344
+ border: 1px solid rgba(2, 132, 199, 0.3) !important;
345
+ }
346
+ }
@@ -0,0 +1,305 @@
1
+ /* Europass "Progress" Template Stylesheet */
2
+
3
+ @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,400;1,600&display=swap');
4
+
5
+ :root {
6
+ --europass-blue: #003399;
7
+ --europass-accent: #0056a1;
8
+ --europass-light-bg: #f3f6fa;
9
+ --europass-sidebar-bg: #f8fafc;
10
+ --europass-border: #d0d7de;
11
+ --text-dark: #222222;
12
+ --text-muted: #57606a;
13
+ --white: #ffffff;
14
+ }
15
+
16
+ * {
17
+ box-sizing: border-box;
18
+ margin: 0;
19
+ padding: 0;
20
+ }
21
+
22
+ body {
23
+ font-family: 'Open Sans', Arial, Helvetica, sans-serif;
24
+ font-size: 13px;
25
+ line-height: 1.5;
26
+ color: var(--text-dark);
27
+ background-color: #eaedf1;
28
+ }
29
+
30
+ /* Base Container */
31
+ .container {
32
+ display: flex;
33
+ max-width: 960px;
34
+ margin: 30px auto;
35
+ background-color: var(--white);
36
+ box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
37
+ border-radius: 4px;
38
+ overflow: hidden;
39
+ min-height: 100vh;
40
+ }
41
+
42
+ /* Left Sidebar - Progress Style */
43
+ .contact-information {
44
+ width: 32%;
45
+ background-color: var(--europass-sidebar-bg);
46
+ padding: 30px 20px;
47
+ border-right: 1px solid var(--europass-border);
48
+ position: relative;
49
+ }
50
+
51
+ /* Embed Europass Logo above sidebar */
52
+ .contact-information::before {
53
+ content: "";
54
+ display: block;
55
+ width: 140px;
56
+ height: 35px;
57
+ margin-bottom: 30px;
58
+ background-image: url("");
59
+ background-repeat: no-repeat;
60
+ background-size: contain;
61
+ }
62
+
63
+ .contact-information .fullname-title {
64
+ display: none;
65
+ }
66
+
67
+ .contact-information h2 {
68
+ font-size: 13px;
69
+ font-weight: 700;
70
+ text-transform: uppercase;
71
+ color: var(--europass-blue);
72
+ letter-spacing: 0.6px;
73
+ border-bottom: 2px solid var(--europass-blue);
74
+ padding-bottom: 4px;
75
+ margin-bottom: 15px;
76
+ }
77
+
78
+ .contact-information .section {
79
+ margin-bottom: 22px;
80
+ }
81
+
82
+ .contact-information .item {
83
+ margin-bottom: 10px;
84
+ word-break: break-word;
85
+ }
86
+
87
+ .contact-information .label {
88
+ display: block;
89
+ font-size: 11px;
90
+ font-weight: 700;
91
+ text-transform: capitalize;
92
+ color: var(--text-muted);
93
+ }
94
+
95
+ .contact-information .value {
96
+ font-size: 12.5px;
97
+ color: var(--text-dark);
98
+ }
99
+
100
+ .contact-information .value .street,
101
+ .contact-information .value .postal-code,
102
+ .contact-information .value .city {
103
+ display: block;
104
+ }
105
+
106
+ /* Right Main Content Area */
107
+ .main {
108
+ width: 68%;
109
+ padding: 30px 35px;
110
+ background-color: var(--white);
111
+ }
112
+
113
+ .main .fullname-title {
114
+ font-size: 26px;
115
+ font-weight: 700;
116
+ color: var(--europass-blue);
117
+ letter-spacing: 0.2px;
118
+ margin-bottom: 25px;
119
+ border-bottom: 3px solid var(--europass-blue);
120
+ padding-bottom: 8px;
121
+ }
122
+
123
+ .main .section {
124
+ margin-bottom: 25px;
125
+ }
126
+
127
+ .main h2 {
128
+ font-size: 15px;
129
+ font-weight: 700;
130
+ color: var(--europass-blue);
131
+ text-transform: uppercase;
132
+ border-bottom: 1.5px solid var(--europass-border);
133
+ padding-bottom: 4px;
134
+ margin-bottom: 14px;
135
+ }
136
+
137
+ /* Items formatting */
138
+ .main .item,
139
+ .main .visit {
140
+ margin-bottom: 16px;
141
+ }
142
+
143
+ .period,
144
+ .year,
145
+ .date {
146
+ display: inline-block;
147
+ font-weight: 700;
148
+ font-size: 11.5px;
149
+ color: var(--europass-blue);
150
+ background-color: var(--europass-light-bg);
151
+ border: 1px solid #dbe3ed;
152
+ padding: 1px 8px;
153
+ border-radius: 12px;
154
+ margin-bottom: 4px;
155
+ }
156
+
157
+ .position,
158
+ .degree,
159
+ .subject {
160
+ font-size: 14px;
161
+ font-weight: 700;
162
+ color: var(--text-dark);
163
+ }
164
+
165
+ .name,
166
+ .school,
167
+ .venue,
168
+ .publisher {
169
+ font-size: 13px;
170
+ font-weight: 600;
171
+ color: var(--europass-accent);
172
+ }
173
+
174
+ .authors {
175
+ font-style: italic;
176
+ color: var(--text-muted);
177
+ }
178
+
179
+ .address {
180
+ font-size: 12px;
181
+ color: var(--text-muted);
182
+ }
183
+
184
+ .summary {
185
+ margin-top: 4px;
186
+ font-size: 12.5px;
187
+ color: var(--text-dark);
188
+ }
189
+
190
+ .summary p {
191
+ margin-bottom: 6px;
192
+ }
193
+
194
+ .summary p:last-child {
195
+ margin-bottom: 0;
196
+ }
197
+
198
+ /* Language Table Styling */
199
+ .languages .item {
200
+ margin-bottom: 10px;
201
+ }
202
+
203
+ .mother-tongue,
204
+ .foreign-language {
205
+ display: flex;
206
+ align-items: center;
207
+ justify-content: space-between;
208
+ border-bottom: 1px dashed var(--europass-border);
209
+ padding: 4px 0;
210
+ }
211
+
212
+ .language {
213
+ font-weight: 600;
214
+ text-transform: capitalize;
215
+ }
216
+
217
+ .level {
218
+ font-size: 11px;
219
+ font-weight: 700;
220
+ text-transform: uppercase;
221
+ color: var(--europass-blue);
222
+ background-color: var(--europass-light-bg);
223
+ border: 1px solid #dbe3ed;
224
+ padding: 1px 8px;
225
+ border-radius: 10px;
226
+ }
227
+
228
+ .level:empty {
229
+ display: none;
230
+ }
231
+
232
+ /* Committees section */
233
+ .committee.item {
234
+ display: flex;
235
+ justify-content: space-between;
236
+ align-items: center;
237
+ border-bottom: 1px dashed var(--europass-border);
238
+ padding-bottom: 4px;
239
+ }
240
+
241
+ .committee .editions {
242
+ font-size: 12px;
243
+ font-weight: 600;
244
+ color: var(--europass-blue);
245
+ }
246
+
247
+ /* Print Optimization with White Sidebar */
248
+ @media print {
249
+ @page {
250
+ size: A4;
251
+ margin: 12mm 15mm;
252
+ }
253
+
254
+ body {
255
+ background-color: var(--white);
256
+ font-size: 11px;
257
+ -webkit-print-color-adjust: exact;
258
+ print-color-adjust: exact;
259
+ }
260
+
261
+ .container {
262
+ max-width: 100%;
263
+ margin: 0;
264
+ box-shadow: none;
265
+ border: none;
266
+ border-radius: 0;
267
+ min-height: auto;
268
+ }
269
+
270
+ .contact-information {
271
+ width: 30%;
272
+ padding: 0 15px 0 0;
273
+ background-color: var(--white) !important;
274
+ border-right: 1px solid var(--europass-border);
275
+ }
276
+
277
+ .main {
278
+ width: 70%;
279
+ padding: 0 0 0 20px;
280
+ }
281
+
282
+ .main .fullname-title {
283
+ font-size: 21px;
284
+ margin-bottom: 15px;
285
+ }
286
+
287
+ .main .section {
288
+ margin-bottom: 14px;
289
+ page-break-inside: avoid;
290
+ }
291
+
292
+ .main .item,
293
+ .main .visit {
294
+ page-break-inside: avoid;
295
+ margin-bottom: 10px;
296
+ }
297
+
298
+ .period,
299
+ .year,
300
+ .date,
301
+ .level {
302
+ background-color: var(--europass-light-bg) !important;
303
+ border: 1px solid #dbe3ed !important;
304
+ }
305
+ }