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,306 @@
1
+ /* Europass Modern 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&display=swap');
4
+
5
+ :root {
6
+ --europass-blue: #0e2d65;
7
+ --europass-accent: #0056a1;
8
+ --europass-light-bg: #f3f5f8;
9
+ --europass-border: #dcdcdc;
10
+ --text-dark: #333333;
11
+ --text-light: #555555;
12
+ --white: #ffffff;
13
+ }
14
+
15
+ * {
16
+ box-sizing: border-box;
17
+ margin: 0;
18
+ padding: 0;
19
+ }
20
+
21
+ body {
22
+ font-family: 'Open Sans', Arial, sans-serif;
23
+ font-size: 13px;
24
+ line-height: 1.5;
25
+ color: var(--text-dark);
26
+ background-color: #e9ecef;
27
+ }
28
+
29
+ /* Base Layout Structure */
30
+ .container {
31
+ display: flex;
32
+ max-width: 960px;
33
+ margin: 20px auto;
34
+ background-color: var(--white);
35
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
36
+ min-height: 100vh;
37
+ }
38
+
39
+ /* Left Sidebar - Europass Blue Section Screen View */
40
+ .contact-information {
41
+ width: 32%;
42
+ background-color: var(--europass-blue);
43
+ color: var(--white);
44
+ padding: 30px 20px;
45
+ }
46
+
47
+ .contact-information .fullname-title {
48
+ display: none; /* Replicated in main section */
49
+ }
50
+
51
+ .contact-information h2 {
52
+ font-size: 14px;
53
+ text-transform: uppercase;
54
+ letter-spacing: 0.8px;
55
+ color: var(--white);
56
+ border-bottom: 2px solid rgba(255, 255, 255, 0.2);
57
+ padding-bottom: 5px;
58
+ margin-bottom: 15px;
59
+ }
60
+
61
+ .contact-information .section {
62
+ margin-bottom: 25px;
63
+ }
64
+
65
+ .contact-information .item {
66
+ margin-bottom: 12px;
67
+ word-break: break-word;
68
+ }
69
+
70
+ .contact-information .label {
71
+ display: block;
72
+ font-size: 10px;
73
+ text-transform: uppercase;
74
+ color: rgba(255, 255, 255, 0.65);
75
+ font-weight: 600;
76
+ margin-bottom: 2px;
77
+ }
78
+
79
+ .contact-information .value {
80
+ font-size: 12px;
81
+ color: var(--white);
82
+ }
83
+
84
+ .contact-information .value .street,
85
+ .contact-information .value .postal-code,
86
+ .contact-information .value .city {
87
+ display: block;
88
+ }
89
+
90
+ /* Right Main Section */
91
+ .main {
92
+ width: 68%;
93
+ padding: 30px 35px;
94
+ background-color: var(--white);
95
+ }
96
+
97
+ .main .fullname-title {
98
+ font-size: 24px;
99
+ font-weight: 700;
100
+ color: var(--europass-blue);
101
+ text-transform: uppercase;
102
+ letter-spacing: 0.5px;
103
+ margin-bottom: 25px;
104
+ border-bottom: 2px solid var(--europass-blue);
105
+ padding-bottom: 10px;
106
+ }
107
+
108
+ .main .section {
109
+ margin-bottom: 25px;
110
+ }
111
+
112
+ .main h2 {
113
+ font-size: 15px;
114
+ color: var(--europass-accent);
115
+ text-transform: uppercase;
116
+ font-weight: 700;
117
+ margin-bottom: 15px;
118
+ border-bottom: 1px solid var(--europass-border);
119
+ padding-bottom: 4px;
120
+ }
121
+
122
+ /* Item Content Layouts */
123
+ .main .item,
124
+ .main .visit {
125
+ margin-bottom: 16px;
126
+ position: relative;
127
+ }
128
+
129
+ /* Period / Dates Styling */
130
+ .period,
131
+ .year,
132
+ .date {
133
+ display: inline-block;
134
+ font-weight: 600;
135
+ color: var(--europass-accent);
136
+ font-size: 12px;
137
+ background-color: var(--europass-light-bg);
138
+ padding: 2px 8px;
139
+ border-radius: 3px;
140
+ margin-bottom: 4px;
141
+ }
142
+
143
+ .position,
144
+ .degree,
145
+ .subject {
146
+ font-size: 14px;
147
+ font-weight: 700;
148
+ color: var(--text-dark);
149
+ }
150
+
151
+ .name,
152
+ .school,
153
+ .venue,
154
+ .publisher {
155
+ font-size: 13px;
156
+ font-weight: 600;
157
+ color: var(--text-light);
158
+ }
159
+
160
+ .authors {
161
+ font-style: italic;
162
+ color: var(--text-light);
163
+ }
164
+
165
+ .address {
166
+ font-size: 12px;
167
+ color: var(--text-light);
168
+ }
169
+
170
+ .summary {
171
+ margin-top: 5px;
172
+ color: var(--text-dark);
173
+ }
174
+
175
+ .summary p {
176
+ margin-bottom: 6px;
177
+ }
178
+
179
+ .summary p:last-child {
180
+ margin-bottom: 0;
181
+ }
182
+
183
+ /* Language Section Specifics */
184
+ .languages .item {
185
+ margin-bottom: 10px;
186
+ }
187
+
188
+ .mother-tongue,
189
+ .foreign-language {
190
+ display: flex;
191
+ align-items: center;
192
+ justify-content: space-between;
193
+ background-color: var(--europass-light-bg);
194
+ padding: 6px 12px;
195
+ border-radius: 4px;
196
+ margin-top: 5px;
197
+ }
198
+
199
+ .language {
200
+ font-weight: 600;
201
+ text-transform: capitalize;
202
+ }
203
+
204
+ .level {
205
+ font-size: 11px;
206
+ text-transform: uppercase;
207
+ background-color: var(--europass-accent);
208
+ color: var(--white);
209
+ padding: 1px 6px;
210
+ border-radius: 3px;
211
+ }
212
+
213
+ .level:empty {
214
+ display: none;
215
+ }
216
+
217
+ /* Committee Section */
218
+ .committee.item {
219
+ display: flex;
220
+ justify-content: space-between;
221
+ align-items: center;
222
+ border-bottom: 1px dashed var(--europass-border);
223
+ padding-bottom: 6px;
224
+ }
225
+
226
+ .committee .editions {
227
+ font-size: 12px;
228
+ color: var(--europass-accent);
229
+ font-weight: 600;
230
+ }
231
+
232
+ /* Print Styles with White Sidebar */
233
+ @media print {
234
+ @page {
235
+ size: A4;
236
+ margin: 12mm 15mm;
237
+ }
238
+
239
+ body {
240
+ background-color: var(--white);
241
+ font-size: 11px;
242
+ -webkit-print-color-adjust: exact;
243
+ print-color-adjust: exact;
244
+ }
245
+
246
+ .container {
247
+ max-width: 100%;
248
+ margin: 0;
249
+ box-shadow: none;
250
+ min-height: auto;
251
+ }
252
+
253
+ /* Sidebar styling for print */
254
+ .contact-information {
255
+ width: 30%;
256
+ padding: 15px 15px 15px 0;
257
+ background-color: var(--white) !important;
258
+ color: var(--text-dark) !important;
259
+ border-right: 1px solid var(--europass-border);
260
+ }
261
+
262
+ .contact-information h2 {
263
+ color: var(--europass-blue) !important;
264
+ border-bottom: 2px solid var(--europass-blue) !important;
265
+ }
266
+
267
+ .contact-information .label {
268
+ color: var(--text-light) !important;
269
+ }
270
+
271
+ .contact-information .value {
272
+ color: var(--text-dark) !important;
273
+ }
274
+
275
+ .main {
276
+ width: 70%;
277
+ padding: 15px 0 15px 20px;
278
+ }
279
+
280
+ .main .fullname-title {
281
+ font-size: 20px;
282
+ margin-bottom: 15px;
283
+ }
284
+
285
+ .main .section {
286
+ margin-bottom: 15px;
287
+ page-break-inside: avoid;
288
+ }
289
+
290
+ .main .item,
291
+ .main .visit {
292
+ page-break-inside: avoid;
293
+ margin-bottom: 10px;
294
+ }
295
+
296
+ .period,
297
+ .year,
298
+ .date {
299
+ background-color: var(--europass-light-bg) !important;
300
+ }
301
+
302
+ .level {
303
+ background-color: var(--europass-accent) !important;
304
+ color: var(--white) !important;
305
+ }
306
+ }
@@ -0,0 +1,309 @@
1
+ /* Europass "Progress" Template - Shair.Tech Theme with Official EU Flag */
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
+ /* Shair.Tech Brand Colors */
7
+ --shair-blue-dark: #0f2d4a;
8
+ --shair-blue-medium: #163a5f;
9
+ --shair-green-main: #22a06b;
10
+ --shair-green-dark: #1b7a52;
11
+ --shair-green-light: #e8f6f0;
12
+ --shair-bg-sidebar: #f4f8fa;
13
+ --shair-border: #d3dfeb;
14
+
15
+ --text-dark: #232c33;
16
+ --text-muted: #5a6872;
17
+ --white: #ffffff;
18
+ }
19
+
20
+ * {
21
+ box-sizing: border-box;
22
+ margin: 0;
23
+ padding: 0;
24
+ }
25
+
26
+ body {
27
+ font-family: 'Open Sans', Arial, Helvetica, sans-serif;
28
+ font-size: 13px;
29
+ line-height: 1.5;
30
+ color: var(--text-dark);
31
+ background-color: #e5ebf0;
32
+ }
33
+
34
+ /* Base Container */
35
+ .container {
36
+ display: flex;
37
+ max-width: 960px;
38
+ margin: 30px auto;
39
+ background-color: var(--white);
40
+ box-shadow: 0 4px 20px rgba(15, 45, 74, 0.08);
41
+ border-radius: 6px;
42
+ overflow: hidden;
43
+ min-height: 100vh;
44
+ }
45
+
46
+ /* Left Sidebar Layout */
47
+ .contact-information {
48
+ width: 32%;
49
+ background-color: var(--shair-bg-sidebar);
50
+ padding: 30px 20px;
51
+ border-right: 1px solid var(--shair-border);
52
+ position: relative;
53
+ }
54
+
55
+ /* Embedded EU Flag + Europass Logo (Shair.Tech Blue & Green Palette) */
56
+ .contact-information::before {
57
+ content: "";
58
+ display: block;
59
+ width: 180px;
60
+ height: 42px;
61
+ margin-bottom: 28px;
62
+ background-image: url("");
63
+ background-repeat: no-repeat;
64
+ background-size: contain;
65
+ }
66
+
67
+ .contact-information .fullname-title {
68
+ display: none;
69
+ }
70
+
71
+ .contact-information h2 {
72
+ font-size: 13px;
73
+ font-weight: 700;
74
+ text-transform: uppercase;
75
+ color: var(--shair-blue-dark);
76
+ letter-spacing: 0.6px;
77
+ border-bottom: 2px solid var(--shair-green-main);
78
+ padding-bottom: 4px;
79
+ margin-bottom: 15px;
80
+ }
81
+
82
+ .contact-information .section {
83
+ margin-bottom: 22px;
84
+ }
85
+
86
+ .contact-information .item {
87
+ margin-bottom: 10px;
88
+ word-break: break-word;
89
+ }
90
+
91
+ .contact-information .label {
92
+ display: block;
93
+ font-size: 11px;
94
+ font-weight: 700;
95
+ text-transform: capitalize;
96
+ color: var(--shair-green-dark);
97
+ }
98
+
99
+ .contact-information .value {
100
+ font-size: 12.5px;
101
+ color: var(--text-dark);
102
+ }
103
+
104
+ .contact-information .value .street,
105
+ .contact-information .value .postal-code,
106
+ .contact-information .value .city {
107
+ display: block;
108
+ }
109
+
110
+ /* Right Main Content Area */
111
+ .main {
112
+ width: 68%;
113
+ padding: 30px 35px;
114
+ background-color: var(--white);
115
+ }
116
+
117
+ .main .fullname-title {
118
+ font-size: 26px;
119
+ font-weight: 700;
120
+ color: var(--shair-blue-dark);
121
+ letter-spacing: 0.2px;
122
+ margin-bottom: 25px;
123
+ border-bottom: 3px solid var(--shair-green-main);
124
+ padding-bottom: 8px;
125
+ }
126
+
127
+ .main .section {
128
+ margin-bottom: 25px;
129
+ }
130
+
131
+ .main h2 {
132
+ font-size: 14.5px;
133
+ font-weight: 700;
134
+ color: var(--shair-blue-medium);
135
+ text-transform: uppercase;
136
+ border-bottom: 1.5px solid var(--shair-border);
137
+ padding-bottom: 4px;
138
+ margin-bottom: 14px;
139
+ }
140
+
141
+ /* Items formatting */
142
+ .main .item,
143
+ .main .visit {
144
+ margin-bottom: 16px;
145
+ }
146
+
147
+ .period,
148
+ .year,
149
+ .date {
150
+ display: inline-block;
151
+ font-weight: 700;
152
+ font-size: 11.5px;
153
+ color: var(--shair-green-dark);
154
+ background-color: var(--shair-green-light);
155
+ border: 1px solid rgba(34, 160, 107, 0.25);
156
+ padding: 1px 8px;
157
+ border-radius: 12px;
158
+ margin-bottom: 4px;
159
+ }
160
+
161
+ .position,
162
+ .degree,
163
+ .subject {
164
+ font-size: 14px;
165
+ font-weight: 700;
166
+ color: var(--shair-blue-dark);
167
+ }
168
+
169
+ .name,
170
+ .school,
171
+ .venue,
172
+ .publisher {
173
+ font-size: 13px;
174
+ font-weight: 600;
175
+ color: var(--shair-blue-medium);
176
+ }
177
+
178
+ .authors {
179
+ font-style: italic;
180
+ color: var(--text-muted);
181
+ }
182
+
183
+ .address {
184
+ font-size: 12px;
185
+ color: var(--text-muted);
186
+ }
187
+
188
+ .summary {
189
+ margin-top: 4px;
190
+ font-size: 12.5px;
191
+ color: var(--text-dark);
192
+ }
193
+
194
+ .summary p {
195
+ margin-bottom: 6px;
196
+ }
197
+
198
+ .summary p:last-child {
199
+ margin-bottom: 0;
200
+ }
201
+
202
+ /* Language Table Styling */
203
+ .languages .item {
204
+ margin-bottom: 10px;
205
+ }
206
+
207
+ .mother-tongue,
208
+ .foreign-language {
209
+ display: flex;
210
+ align-items: center;
211
+ justify-content: space-between;
212
+ border-bottom: 1px dashed var(--shair-border);
213
+ padding: 4px 0;
214
+ }
215
+
216
+ .language {
217
+ font-weight: 600;
218
+ text-transform: capitalize;
219
+ }
220
+
221
+ .level {
222
+ font-size: 11px;
223
+ font-weight: 700;
224
+ text-transform: uppercase;
225
+ color: var(--shair-green-dark);
226
+ background-color: var(--shair-green-light);
227
+ border: 1px solid rgba(34, 160, 107, 0.25);
228
+ padding: 1px 8px;
229
+ border-radius: 10px;
230
+ }
231
+
232
+ .level:empty {
233
+ display: none;
234
+ }
235
+
236
+ /* Committees section */
237
+ .committee.item {
238
+ display: flex;
239
+ justify-content: space-between;
240
+ align-items: center;
241
+ border-bottom: 1px dashed var(--shair-border);
242
+ padding-bottom: 4px;
243
+ }
244
+
245
+ .committee .editions {
246
+ font-size: 12px;
247
+ font-weight: 600;
248
+ color: var(--shair-green-dark);
249
+ }
250
+
251
+ /* Print Optimization with White Background */
252
+ @media print {
253
+ @page {
254
+ size: A4;
255
+ margin: 12mm 15mm;
256
+ }
257
+
258
+ body {
259
+ background-color: var(--white);
260
+ font-size: 11px;
261
+ -webkit-print-color-adjust: exact;
262
+ print-color-adjust: exact;
263
+ }
264
+
265
+ .container {
266
+ max-width: 100%;
267
+ margin: 0;
268
+ box-shadow: none;
269
+ border: none;
270
+ border-radius: 0;
271
+ min-height: auto;
272
+ }
273
+
274
+ .contact-information {
275
+ width: 30%;
276
+ padding: 0 15px 0 0;
277
+ background-color: var(--white) !important;
278
+ border-right: 1px solid var(--shair-border);
279
+ }
280
+
281
+ .main {
282
+ width: 70%;
283
+ padding: 0 0 0 20px;
284
+ }
285
+
286
+ .main .fullname-title {
287
+ font-size: 21px;
288
+ margin-bottom: 15px;
289
+ }
290
+
291
+ .main .section {
292
+ margin-bottom: 14px;
293
+ page-break-inside: avoid;
294
+ }
295
+
296
+ .main .item,
297
+ .main .visit {
298
+ page-break-inside: avoid;
299
+ margin-bottom: 10px;
300
+ }
301
+
302
+ .period,
303
+ .year,
304
+ .date,
305
+ .level {
306
+ background-color: var(--shair-green-light) !important;
307
+ border: 1px solid rgba(34, 160, 107, 0.25) !important;
308
+ }
309
+ }