Project

General

Profile

« Previous | Next » 

Revision 77864135

Added by Alexander Oppermann almost 9 years ago

remove old theme

View differences:

.gitattributes
118 118
src/main/webapp/VAADIN/themes/macosx/images/logo.png -text
119 119
src/main/webapp/VAADIN/themes/macosx/images/table-header-bg.png -text
120 120
src/main/webapp/VAADIN/themes/macosx/styles.css -text
121
src/main/webapp/VAADIN/themes/mytheme/addons.scss -text
122
src/main/webapp/VAADIN/themes/mytheme/favicon.ico -text
123
src/main/webapp/VAADIN/themes/mytheme/icons/32/Thumbs.db -text
124
src/main/webapp/VAADIN/themes/mytheme/icons/32/VLineSeparator.png -text
125
src/main/webapp/VAADIN/themes/mytheme/icons/32/arrow-down.png -text
126
src/main/webapp/VAADIN/themes/mytheme/icons/32/arrow-left.png -text
127
src/main/webapp/VAADIN/themes/mytheme/icons/32/arrow-right.png -text
128
src/main/webapp/VAADIN/themes/mytheme/icons/32/arrow-up.png -text
129
src/main/webapp/VAADIN/themes/mytheme/icons/32/attention.png -text
130
src/main/webapp/VAADIN/themes/mytheme/icons/32/bg-column.jpg -text
131
src/main/webapp/VAADIN/themes/mytheme/icons/32/bg-right-column.jpg -text
132
src/main/webapp/VAADIN/themes/mytheme/icons/32/bottom-left.png -text
133
src/main/webapp/VAADIN/themes/mytheme/icons/32/bottom-right.png -text
134
src/main/webapp/VAADIN/themes/mytheme/icons/32/calendar.png -text
135
src/main/webapp/VAADIN/themes/mytheme/icons/32/cancel.png -text
136
src/main/webapp/VAADIN/themes/mytheme/icons/32/document-add.png -text
137
src/main/webapp/VAADIN/themes/mytheme/icons/32/document-delete.png -text
138
src/main/webapp/VAADIN/themes/mytheme/icons/32/document-doc.png -text
139
src/main/webapp/VAADIN/themes/mytheme/icons/32/document-edit.png -text
140
src/main/webapp/VAADIN/themes/mytheme/icons/32/document-image.png -text
141
src/main/webapp/VAADIN/themes/mytheme/icons/32/document-pdf.png -text
142
src/main/webapp/VAADIN/themes/mytheme/icons/32/document-ppt.png -text
143
src/main/webapp/VAADIN/themes/mytheme/icons/32/document-save.png -text
144
src/main/webapp/VAADIN/themes/mytheme/icons/32/document-txt.png -text
145
src/main/webapp/VAADIN/themes/mytheme/icons/32/document-web.png -text
146
src/main/webapp/VAADIN/themes/mytheme/icons/32/document-xsl.png -text
147
src/main/webapp/VAADIN/themes/mytheme/icons/32/document.png -text
148
src/main/webapp/VAADIN/themes/mytheme/icons/32/email-reply.png -text
149
src/main/webapp/VAADIN/themes/mytheme/icons/32/email-send.png -text
150
src/main/webapp/VAADIN/themes/mytheme/icons/32/email.png -text
151
src/main/webapp/VAADIN/themes/mytheme/icons/32/folder-add.png -text
152
src/main/webapp/VAADIN/themes/mytheme/icons/32/folder-delete.png -text
153
src/main/webapp/VAADIN/themes/mytheme/icons/32/folder.png -text
154
src/main/webapp/VAADIN/themes/mytheme/icons/32/globe.png -text
155
src/main/webapp/VAADIN/themes/mytheme/icons/32/help.png -text
156
src/main/webapp/VAADIN/themes/mytheme/icons/32/lock.png -text
157
src/main/webapp/VAADIN/themes/mytheme/icons/32/loginpanel.png -text
158
src/main/webapp/VAADIN/themes/mytheme/icons/32/note.png -text
159
src/main/webapp/VAADIN/themes/mytheme/icons/32/ok.png -text
160
src/main/webapp/VAADIN/themes/mytheme/icons/32/reload.png -text
161
src/main/webapp/VAADIN/themes/mytheme/icons/32/settings.png -text
162
src/main/webapp/VAADIN/themes/mytheme/icons/32/top-left.png -text
163
src/main/webapp/VAADIN/themes/mytheme/icons/32/top-right.png -text
164
src/main/webapp/VAADIN/themes/mytheme/icons/32/trash-full.png -text
165
src/main/webapp/VAADIN/themes/mytheme/icons/32/trash.png -text
166
src/main/webapp/VAADIN/themes/mytheme/icons/32/user.png -text
167
src/main/webapp/VAADIN/themes/mytheme/icons/32/users.png -text
168
src/main/webapp/VAADIN/themes/mytheme/icons/32/vseparator.png -text
169
src/main/webapp/VAADIN/themes/mytheme/icons/32/vseparator1.png -text
170
src/main/webapp/VAADIN/themes/mytheme/icons/wizard/OSStack.png -text
171
src/main/webapp/VAADIN/themes/mytheme/icons/wizard/arrow-down.png -text
172
src/main/webapp/VAADIN/themes/mytheme/icons/wizard/arrow-up.png -text
173
src/main/webapp/VAADIN/themes/mytheme/icons/wizard/red_nose_reindeer.jpg -text
174
src/main/webapp/VAADIN/themes/mytheme/icons/wizard/reindeer.jpg -text
175
src/main/webapp/VAADIN/themes/mytheme/icons/wizard/vaadin.png -text
176
src/main/webapp/VAADIN/themes/mytheme/images/document-edit.png -text
177
src/main/webapp/VAADIN/themes/mytheme/images/gradient.png -text
178
src/main/webapp/VAADIN/themes/mytheme/images/logo.png -text
179
src/main/webapp/VAADIN/themes/mytheme/images/table-header-bg.png -text
180
src/main/webapp/VAADIN/themes/mytheme/mytheme.scss -text
181
src/main/webapp/VAADIN/themes/mytheme/styles.css -text
182
src/main/webapp/VAADIN/themes/mytheme/styles.scss -text
183 121
src/main/webapp/WEB-INF/applicationContext.xml -text
184 122
src/main/webapp/WEB-INF/cdm-vaadin-servlet.xml -text
185 123
src/main/webapp/WEB-INF/datasources/configurable.xml -text
src/main/java/eu/etaxonomy/cdm/vaadin/ui/CheckUI.java
12 12
import com.vaadin.ui.UI;
13 13
import com.vaadin.ui.VerticalLayout;
14 14

  
15
@Theme("mytheme")
15
@Theme("valo")
16 16
@SuppressWarnings("serial")
17 17
public class CheckUI extends UI
18 18
{
src/main/java/eu/etaxonomy/cdm/vaadin/ui/StatusEditorUI.java
29 29
import eu.etaxonomy.cdm.vaadin.view.StatusEditorView;
30 30

  
31 31

  
32
@Theme("mytheme")
32
@Theme("valo")
33 33
public class StatusEditorUI extends AbstractAuthenticatedUI {
34 34

  
35 35
    Navigator navigator;
src/main/webapp/VAADIN/themes/mytheme/addons.scss
1
/* This file is automatically managed and will be overwritten from time to time. */
2
/* Do not manually edit this file. */
3

  
4
/* Import and include this mixin into your project theme to include the addon themes */
5
@mixin addons {
6
}
7

  
src/main/webapp/VAADIN/themes/mytheme/mytheme.scss
1
// Global variable overrides. Must be declared before importing Valo.
2

  
3
// Defines the plaintext font size, weight and family. Font size affects general component sizing.
4
//$v-font-size: 16px;
5
//$v-font-weight: 300;
6
//$v-font-family: "Open Sans", sans-serif;
7

  
8
// Defines the border used by all components.
9
//$v-border: 1px solid (v-shade 0.7);
10
//$v-border-radius: 4px;
11

  
12
// Affects the color of some component elements, e.g Button, Panel title, etc
13
//$v-background-color: hsl(210, 0%, 98%);
14
// Affects the color of content areas, e.g  Panel and Window content, TextField input etc
15
//$v-app-background-color: $v-background-color;
16

  
17
// Affects the visual appearance of all components
18
//$v-gradient: v-linear 8%;
19
//$v-bevel-depth: 30%;
20
//$v-shadow-opacity: 5%;
21

  
22
// Defines colors for indicating status (focus, success, failure)
23
//$v-focus-color: valo-focus-color(); // Calculates a suitable color automatically
24
//$v-friendly-color: #2c9720;
25
//$v-error-indicator-color: #ed473b;
26

  
27
// For more information, see: https://vaadin.com/book/-/page/themes.valo.html
28
// Example variants can be copy/pasted from https://vaadin.com/wiki/-/wiki/Main/Valo+Examples
29

  
30
@import "../valo/valo.scss";
31

  
32
@mixin mytheme {
33
  @include valo;
34
  // Insert your own theme rules here
35
}
src/main/webapp/VAADIN/themes/mytheme/styles.css
1
/**
2
 * Checks if a list contains a certain value.
3
 * 
4
 * @param {list} $list - the list to check
5
 * @param {value} $var - the value to search for
6
 * @param {bool} $recursive (false) - should any contained lists be checked for the value
7
 * 
8
 * @return {bool} true if the value is found from the list, false otherwise
9
 * 
10
 * @group lists
11
 */
12

  
13
/**
14
 * Cross-browser opacity.
15
 *
16
 * @param {number} $value - opacity value from 0 to 1
17
 * @param {bool} $important (false) - should the property value be declared with !important
18
 *
19
 * @group util
20
 */
21

  
22
@-webkit-keyframes valo-animate-in-fade {
23
		0% {
24
		opacity: 0;
25
	}
26
	}
27

  
28
@-moz-keyframes valo-animate-in-fade {
29
		0% {
30
		opacity: 0;
31
	}
32
	}
33

  
34
@keyframes valo-animate-in-fade {
35
		0% {
36
		opacity: 0;
37
	}
38
	}
39

  
40
@-webkit-keyframes valo-animate-out-fade {
41
		100% {
42
		opacity: 0;
43
	}
44
	}
45

  
46
@-moz-keyframes valo-animate-out-fade {
47
		100% {
48
		opacity: 0;
49
	}
50
	}
51

  
52
@keyframes valo-animate-out-fade {
53
		100% {
54
		opacity: 0;
55
	}
56
	}
57

  
58
@-webkit-keyframes valo-animate-in-slide-down {
59
		0% {
60
		-webkit-transform: translateY(-100%);
61
	}
62
	}
63

  
64
@-moz-keyframes valo-animate-in-slide-down {
65
		0% {
66
		-moz-transform: translateY(-100%);
67
	}
68
	}
69

  
70
@keyframes valo-animate-in-slide-down {
71
		0% {
72
		-webkit-transform: translateY(-100%);
73
		transform: translateY(-100%);
74
	}
75
	}
76

  
77
@-webkit-keyframes valo-animate-in-slide-up {
78
		0% {
79
		-webkit-transform: translateY(100%);
80
	}
81
	}
82

  
83
@-moz-keyframes valo-animate-in-slide-up {
84
		0% {
85
		-moz-transform: translateY(100%);
86
	}
87
	}
88

  
89
@keyframes valo-animate-in-slide-up {
90
		0% {
91
		-webkit-transform: translateY(100%);
92
		transform: translateY(100%);
93
	}
94
	}
95

  
96
@-webkit-keyframes valo-animate-in-slide-left {
97
		0% {
98
		-webkit-transform: translateX(100%);
99
	}
100
	}
101

  
102
@-moz-keyframes valo-animate-in-slide-left {
103
		0% {
104
		-moz-transform: translateX(100%);
105
	}
106
	}
107

  
108
@keyframes valo-animate-in-slide-left {
109
		0% {
110
		-webkit-transform: translateX(100%);
111
		transform: translateX(100%);
112
	}
113
	}
114

  
115
@-webkit-keyframes valo-animate-in-slide-right {
116
		0% {
117
		-webkit-transform: translateX(-100%);
118
	}
119
	}
120

  
121
@-moz-keyframes valo-animate-in-slide-right {
122
		0% {
123
		-moz-transform: translateX(-100%);
124
	}
125
	}
126

  
127
@keyframes valo-animate-in-slide-right {
128
		0% {
129
		-webkit-transform: translateX(-100%);
130
		transform: translateX(-100%);
131
	}
132
	}
133

  
134
@-webkit-keyframes valo-animate-out-slide-down {
135
		100% {
136
		-webkit-transform: translateY(100%);
137
	}
138
	}
139

  
140
@-moz-keyframes valo-animate-out-slide-down {
141
		100% {
142
		-moz-transform: translateY(100%);
143
	}
144
	}
145

  
146
@keyframes valo-animate-out-slide-down {
147
		100% {
148
		-webkit-transform: translateY(100%);
149
		transform: translateY(100%);
150
	}
151
	}
152

  
153
@-webkit-keyframes valo-animate-out-slide-up {
154
		100% {
155
		-webkit-transform: translateY(-100%);
156
	}
157
	}
158

  
159
@-moz-keyframes valo-animate-out-slide-up {
160
		100% {
161
		-moz-transform: translateY(-100%);
162
	}
163
	}
164

  
165
@keyframes valo-animate-out-slide-up {
166
		100% {
167
		-webkit-transform: translateY(-100%);
168
		transform: translateY(-100%);
169
	}
170
	}
171

  
172
@-webkit-keyframes valo-animate-out-slide-left {
173
		100% {
174
		-webkit-transform: translateX(-100%);
175
	}
176
	}
177

  
178
@-moz-keyframes valo-animate-out-slide-left {
179
		100% {
180
		-moz-transform: translateX(-100%);
181
	}
182
	}
183

  
184
@keyframes valo-animate-out-slide-left {
185
		100% {
186
		-webkit-transform: translateX(-100%);
187
		transform: translateX(-100%);
188
	}
189
	}
190

  
191
@-webkit-keyframes valo-animate-out-slide-right {
192
		100% {
193
		-webkit-transform: translateX(100%);
194
	}
195
	}
196

  
197
@-moz-keyframes valo-animate-out-slide-right {
198
		100% {
199
		-moz-transform: translateX(100%);
200
	}
201
	}
202

  
203
@keyframes valo-animate-out-slide-right {
204
		100% {
205
		-webkit-transform: translateX(100%);
206
		transform: translateX(100%);
207
	}
208
	}
209

  
210
@-webkit-keyframes valo-overlay-animate-in {
211
		0% {
212
		-webkit-transform: translatey(-4px);
213
		opacity: 0;
214
	}
215
	}
216

  
217
@-moz-keyframes valo-overlay-animate-in {
218
		0% {
219
		-moz-transform: translatey(-4px);
220
		opacity: 0;
221
	}
222
	}
223

  
224
@keyframes valo-overlay-animate-in {
225
		0% {
226
		-webkit-transform: translatey(-4px);
227
		transform: translatey(-4px);
228
		opacity: 0;
229
	}
230
	}
231

  
232
@-webkit-keyframes valo-animate-out-slide-down-fade {
233
		100% {
234
		opacity: 0;
235
		-webkit-transform: translatey(30%);
236
	}
237
	}
238

  
239
@-moz-keyframes valo-animate-out-slide-down-fade {
240
		100% {
241
		opacity: 0;
242
		-moz-transform: translatey(30%);
243
	}
244
	}
245

  
246
@keyframes valo-animate-out-slide-down-fade {
247
		100% {
248
		opacity: 0;
249
		-webkit-transform: translatey(30%);
250
		transform: translatey(30%);
251
	}
252
	}
253

  
254
/**
255
 * Outputs cross-browser Valo-specific linear gradient background-image declarations.
256
 * 
257
 * @group style
258
 * 
259
 * @param {color} $color ($v-background-color) - The base color for the gradient color stops
260
 * @param {list} $gradient ($v-gradient) - Valo-specific gradient value. See the documentation for $v-gradient.
261
 * @param {color} $fallback (null) - A fallback color for browser which do not support linear gradients (IE8 and IE9 in particular). If null, the base $color is used instead.
262
 * @param {string} $direction (to bottom) - the direction of the linear gradient. The color stops are by default so that a lighter shade is at the start and a darker shade is at the end.
263
 */
264

  
265
/**
266
 * Computes a CSS border property value for the given base color.
267
 *
268
 * @group style
269
 *
270
 * @param {list} $border ($v-border) - CSS border value which can contain any of the color keywords
271
 * @param {color} $color ($v-background-color) - the base color to which the color keywords are applied to
272
 * @param {color} $context (null) - context/surrounding color where the border is expected to appear. The color of the final border is the darker of the two parameters passed to this function.
273
 * @param {number} $strength (1) - adjustment for the border contrast
274
 *
275
 * @return {list} The input $border value with any color keyword replaced with the corresponding actual color
276
 */
277

  
278
/**
279
 * Ouput selectors and properties to vertically center elements inside their parent.
280
 * 
281
 * @param {string} $to-align (()) - The selector to match the elements which you wish to align vertically. The targeted elements should be inline or inline-block elements.
282
 * @param {string} $align (middle) - The vertical-align value, e.g. top, middle, bottom
283
 * @param {string} $pseudo-element (after) - Which pseudo element to use for the vertical align guide
284
 * 
285
 * @group util
286
 */
287

  
288
@font-face {
289
	font-family: FontAwesome;
290
	font-weight: normal;
291
	font-style: normal;
292
	src: url(../valo/util/bourbon/css3/../../../../base/fonts/fontawesome-webfont.eot);
293
	src: url(../valo/util/bourbon/css3/../../../../base/fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(../valo/util/bourbon/css3/../../../../base/fonts/fontawesome-webfont.woff) format("woff"), url(../valo/util/bourbon/css3/../../../../base/fonts/fontawesome-webfont.ttf) format("truetype"), url(../valo/util/bourbon/css3/../../../../base/fonts/fontawesome-webfont.svg#FontAwesome) format("svg");
294
}
295

  
296
.FontAwesome {
297
	font-family: FontAwesome;
298
	font-style: normal;
299
	font-weight: normal;
300
	-webkit-font-smoothing: antialiased;
301
	-moz-osx-font-smoothing: grayscale;
302
	display: inline-block;
303
	text-align: center;
304
}
305

  
306
@font-face {
307
	font-family: "Open Sans";
308
	src: url(../valo/fonts/open-sans/OpenSans-Light-webfont.eot);
309
	src: url(../valo/fonts/open-sans/OpenSans-Light-webfont.eot?#iefix) format("embedded-opentype"), url(../valo/fonts/open-sans/OpenSans-Light-webfont.woff) format("woff"), url(../valo/fonts/open-sans/OpenSans-Light-webfont.ttf) format("truetype");
310
	font-weight: 300;
311
	font-style: normal;
312
}
313

  
314
@font-face {
315
	font-family: "Open Sans";
316
	src: url(../valo/fonts/open-sans/OpenSans-Regular-webfont.eot);
317
	src: url(../valo/fonts/open-sans/OpenSans-Regular-webfont.eot?#iefix) format("embedded-opentype"), url(../valo/fonts/open-sans/OpenSans-Regular-webfont.woff) format("woff"), url(../valo/fonts/open-sans/OpenSans-Regular-webfont.ttf) format("truetype");
318
	font-weight: 400;
319
	font-style: normal;
320
}
321

  
322
@font-face {
323
	font-family: "Open Sans";
324
	src: url(../valo/fonts/open-sans/OpenSans-Semibold-webfont.eot);
325
	src: url(../valo/fonts/open-sans/OpenSans-Semibold-webfont.eot?#iefix) format("embedded-opentype"), url(../valo/fonts/open-sans/OpenSans-Semibold-webfont.woff) format("woff"), url(../valo/fonts/open-sans/OpenSans-Semibold-webfont.ttf) format("truetype");
326
	font-weight: 600;
327
	font-style: normal;
328
}
329

  
330
@-webkit-keyframes v-rotate-360 {
331
		to {
332
		-webkit-transform: rotate(360deg);
333
	}
334
	}
335

  
336
@-moz-keyframes v-rotate-360 {
337
		to {
338
		-moz-transform: rotate(360deg);
339
	}
340
	}
341

  
342
@-o-keyframes v-rotate-360 {
343
		to {
344
		-o-transform: rotate(360deg);
345
	}
346
	}
347

  
348
@keyframes v-rotate-360 {
349
		to {
350
		transform: rotate(360deg);
351
	}
352
	}
353

  
354
@-webkit-keyframes v-progress-start {
355
		0% {
356
		width: 0%;
357
	}
358
		100% {
359
		width: 50%;
360
	}
361
	}
362

  
363
@-moz-keyframes v-progress-start {
364
		0% {
365
		width: 0%;
366
	}
367
		100% {
368
		width: 50%;
369
	}
370
	}
371

  
372
@keyframes v-progress-start {
373
		0% {
374
		width: 0%;
375
	}
376
		100% {
377
		width: 50%;
378
	}
379
	}
380

  
381
@-webkit-keyframes v-progress-delay {
382
		0% {
383
		width: 50%;
384
	}
385
		100% {
386
		width: 90%;
387
	}
388
	}
389

  
390
@-moz-keyframes v-progress-delay {
391
		0% {
392
		width: 50%;
393
	}
394
		100% {
395
		width: 90%;
396
	}
397
	}
398

  
399
@keyframes v-progress-delay {
400
		0% {
401
		width: 50%;
402
	}
403
		100% {
404
		width: 90%;
405
	}
406
	}
407

  
408
@-webkit-keyframes v-progress-wait {
409
		0% {
410
		width: 90%;
411
		height: 4px;
412
	}
413
		3% {
414
		width: 91%;
415
		height: 7px;
416
	}
417
		100% {
418
		width: 96%;
419
		height: 7px;
420
	}
421
	}
422

  
423
@-moz-keyframes v-progress-wait {
424
		0% {
425
		width: 90%;
426
		height: 4px;
427
	}
428
		3% {
429
		width: 91%;
430
		height: 7px;
431
	}
432
		100% {
433
		width: 96%;
434
		height: 7px;
435
	}
436
	}
437

  
438
@keyframes v-progress-wait {
439
		0% {
440
		width: 90%;
441
		height: 4px;
442
	}
443
		3% {
444
		width: 91%;
445
		height: 7px;
446
	}
447
		100% {
448
		width: 96%;
449
		height: 7px;
450
	}
451
	}
452

  
453
@-webkit-keyframes v-progress-wait-pulse {
454
		0% {
455
		opacity: 1;
456
	}
457
		50% {
458
		opacity: 0.1;
459
	}
460
		100% {
461
		opacity: 1;
462
	}
463
	}
464

  
465
@-moz-keyframes v-progress-wait-pulse {
466
		0% {
467
		opacity: 1;
468
	}
469
		50% {
470
		opacity: 0.1;
471
	}
472
		100% {
473
		opacity: 1;
474
	}
475
	}
476

  
477
@keyframes v-progress-wait-pulse {
478
		0% {
479
		opacity: 1;
480
	}
481
		50% {
482
		opacity: 0.1;
483
	}
484
		100% {
485
		opacity: 1;
486
	}
487
	}
488

  
489
/**
490
 * Outputs the context menu selectors and styles, which is used by Table and Tree for instance.
491
 * 
492
 * @requires {mixin} valo-selection-item-style
493
 * @requires {mixin} valo-selection-item-selected-style
494
 */
495

  
496
/**
497
 * The background color for overlay elements.
498
 *
499
 * @type color
500
 * @group overlay
501
 */
502

  
503
.v-shadow, .v-shadow-window {
504
	display: none;
505
}
506

  
507
.v-ie8 .v-shadow, .v-ie8 .v-shadow-window {
508
	display: block;
509
}
510

  
511
.v-ie8 .v-shadow .top, .v-ie8 .v-shadow-window .top {
512
	position: absolute;
513
	top: -6px;
514
	right: 10px;
515
	bottom: 6px;
516
	left: -10px;
517
	background: black;
518
	filter: alpha(opacity=5) progid:DXImageTransform.Microsoft.blur(pixelradius=10, makeShadow=false);
519
}
520

  
521
.v-ie8 .v-shadow .top-left, .v-ie8 .v-shadow-window .top-left {
522
	position: absolute;
523
	top: -1px;
524
	right: -1px;
525
	bottom: -1px;
526
	left: -1px;
527
	background: black;
528
	filter: alpha(opacity=9) progid:DXImageTransform.Microsoft.blur(pixelradius=0, makeShadow=false);
529
}
530

  
531
/**
532
 * The backgound color for tooltips.
533
 *
534
 * @type color
535
 * @group tooltip
536
 */
537

  
538
/**
539
 *
540
 *
541
 * @param {string} $primary-stylename (v-absolutelayout) - 
542
 *
543
 * @group absolutelayout
544
 */
545

  
546
/**
547
 * Outputs the selectors and properties for the Accordion component.
548
 *
549
 * @param {string} $primary-stylename (v-accordion) - the primary style name for the selectors
550
 * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
551
 * @group accordion
552
 */
553

  
554
/**
555
 * Outputs the selectors and properties for the Button component.
556
 *
557
 * @param {string} $primary-stylename (v-button) - the primary style name for the selectors
558
 * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
559
 *
560
 * @group button
561
 */
562

  
563
/**
564
 * A list of colors for custom event colors. Can be an empty list of you don't 
565
 * need any custom event colors.
566
 * 
567
 * @example javascript
568
 * // Java code
569
 * // 'event' is an instance of EditableCalendarEvent
570
 * event.setStyleName("color1"); // 1st color in the list
571
 * event.setStyleName("color2"); // 2nd color in the list
572
 * // etc.
573
 * 
574
 * @group calendar
575
 */
576

  
577
/**
578
 * Outputs the selectors and properties for the CheckBox component.
579
 *
580
 * @param {string} $primary-stylename (v-checkbox) - the primary style name for the selectors
581
 * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
582
 *
583
 * @group checkbox
584
 */
585

  
586
/**
587
 * Outputs the global selectors and properties for the ColorPicker component - styles which are 
588
 * considered mandatory for the component to work properly.
589
 *
590
 * @param {string} $primary-stylename (v-colorpicker) - the primary style name for the selectors
591
 *
592
 * @group colorpicker
593
 */
594

  
595
/**
596
 * Outputs the selectors and properties for the ComboBox component.
597
 *
598
 * @param {string} $primary-stylename (v-filterselect) - the primary style name for the selectors
599
 * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
600
 *
601
 * @group combobox
602
 */
603

  
604
/**
605
 * The amount of spacing between different widgets in a component group.
606
 * If null, a computed value is used ($v-border size * -1, or 1px if $v-border size is 0)
607
 * 
608
 * @group csslayout
609
 */
610

  
611
/**
612
 *
613
 *
614
 * @param {string} $primary-stylename (v-customcomponent) - 
615
 *
616
 * @group customcomponent
617
 */
618

  
619
/**
620
 *
621
 *
622
 * @param {string} $primary-stylename (v-customlayout) - 
623
 *
624
 * @group customlayout
625
 */
626

  
627
/**
628
 * Outputs the selectors and properties for the DateField component.
629
 *
630
 * @param {string} $primary-stylename (v-datefield) - the primary style name for the selectors
631
 * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
632
 *
633
 * @group datefield
634
 */
635

  
636
/**
637
 * Outputs the styles and selectors for the DragAndDropWrapper component.
638
 * 
639
 * @param {string} $primary-stylename (v-ddwrapper) - the primary style name for the selectors
640
 * 
641
 * @group drag-n-drop
642
 */
643

  
644
/**
645
 *
646
 *
647
 * @param {string} $primary-stylename (v-form) - 
648
 *
649
 * @group form
650
 */
651

  
652
/**
653
 * Outputs the selectors and properties for the FormLayout component.
654
 *
655
 * @param {string} $primary-stylename (v-formlayout) - the primary style name for the selectors
656
 * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
657
 *
658
 * @group formlayout
659
 */
660

  
661
/**
662
 *
663
 *
664
 * @param {string} $primaryStyleName (v-escalator) - 
665
 *
666
 * @group escalator
667
 */
668

  
669
/**
670
 *
671
 *
672
 * @param {string} $primary-stylename (v-gridlayout) - 
673
 *
674
 * @group gridlayout
675
 */
676

  
677
/**
678
 * The font weight for headers.
679
 * 
680
 * @group label
681
 */
682

  
683
/**
684
 *
685
 * @group link
686
 */
687

  
688
/**
689
 *
690
 *
691
 * @param {string} $primary-stylename (v-loginform) - 
692
 *
693
 * @group loginform
694
 */
695

  
696
/**
697
 *
698
 *
699
 * @param {string} $primary-stylename (v-menubar) - 
700
 * @param {bool} $include-additional-styles - 
701
 *
702
 * @group menubar
703
 */
704

  
705
/**
706
 *
707
 *
708
 * @param {string} $primary-stylename (v-nativebutton) - 
709
 *
710
 * @group nativebutton
711
 */
712

  
713
/**
714
 *
715
 *
716
 * @param {string} $primary-stylename (v-select) - 
717
 *
718
 * @group nativeselect
719
 */
720

  
721
/**
722
 *
723
 * @group notification
724
 */
725

  
726
/**
727
 *
728
 *
729
 * @param {string} $primary-stylename (v-select-optiongroup) - 
730
 * @param {bool} $include-additional-styles - 
731
 *
732
 * @group optiongroup
733
 */
734

  
735
/**
736
 *
737
 *
738
 *
739
 * @group orderedlayout
740
 */
741

  
742
/**
743
 *
744
 * @group panel
745
 */
746

  
747
@-webkit-keyframes v-popupview-animate-in {
748
		0% {
749
		-webkit-transform: scale(0);
750
	}
751
	}
752

  
753
@-moz-keyframes v-popupview-animate-in {
754
		0% {
755
		-moz-transform: scale(0);
756
	}
757
	}
758

  
759
@keyframes v-popupview-animate-in {
760
		0% {
761
		-webkit-transform: scale(0);
762
		transform: scale(0);
763
	}
764
	}
765

  
766
/**
767
 *
768
 * @group progressbar
769
 */
770

  
771
/**
772
 *
773
 * @group richtextarea
774
 */
775

  
776
/**
777
 *
778
 * @group slider
779
 */
780

  
781
/**
782
 *
783
 *
784
 * @param {string} $primary-stylename (v-splitpanel) - 
785
 * @param {bool} $include-additional-styles - 
786
 *
787
 * @group splitpanel
788
 */
789

  
790
/**
791
 *
792
 * @group table
793
 */
794

  
795
/**
796
 * Should the tabsheet content changes be animated.
797
 * 
798
 * @group tabsheet
799
 */
800

  
801
/**
802
 * The background color for text fields.
803
 * @group textfield
804
 */
805

  
806
/**
807
 * Outputs the selectors and properties for the TextArea component.
808
 *
809
 * @param {string} $primary-stylename (v-textarea) - the primary style name for the selectors
810
 * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
811
 *
812
 * @group textarea
813
 */
814

  
815
/**
816
 *
817
 * @group tree
818
 */
819

  
820
/**
821
 *
822
 *
823
 * @param {string} $primary-stylename (v-treetable) - 
824
 *
825
 * @group treetable
826
 */
827

  
828
/**
829
 *
830
 *
831
 * @param {string} $primary-stylename (v-select-twincol) - 
832
 *
833
 * @group twin-column-select
834
 */
835

  
836
/**
837
 *
838
 *
839
 * @param {string} $primary-stylename (v-upload) -
840
 *
841
 * @group upload
842
 */
843

  
844
/**
845
 *
846
 */
847

  
848
/**
849
 * @group window
850
 */
851

  
852
@-webkit-keyframes valo-modal-window-indication {
853
		0% {
854
		opacity: 0;
855
	}
856
		100% {
857
		opacity: 1;
858
	}
859
	}
860

  
861
@-moz-keyframes valo-modal-window-indication {
862
		0% {
863
		opacity: 0;
864
	}
865
		100% {
866
		opacity: 1;
867
	}
868
	}
869

  
870
@keyframes valo-modal-window-indication {
871
		0% {
872
		opacity: 0;
873
	}
874
		100% {
875
		opacity: 1;
876
	}
877
	}
878

  
879
@-webkit-keyframes valo-animate-out-scale-down-fade {
880
		100% {
881
		-webkit-transform: scale(0.8);
882
		opacity: 0;
883
	}
884
	}
885

  
886
@-moz-keyframes valo-animate-out-scale-down-fade {
887
		100% {
888
		-moz-transform: scale(0.8);
889
		opacity: 0;
890
	}
891
	}
892

  
893
@keyframes valo-animate-out-scale-down-fade {
894
		100% {
895
		-webkit-transform: scale(0.8);
896
		transform: scale(0.8);
897
		opacity: 0;
898
	}
899
	}
900

  
901
/**
902
 * @group valo-menu
903
 */
904

  
905
.v-vaadin-version:after {
906
	content: "7.3.5";
907
}
908

  
909
.v-widget {
910
	-webkit-box-sizing: border-box;
911
	-moz-box-sizing: border-box;
912
	box-sizing: border-box;
913
	display: inline-block;
914
	vertical-align: top;
915
	text-align: left;
916
	white-space: normal;
917
}
918

  
919
.v-generated-body {
920
	overflow: hidden;
921
	margin: 0;
922
	padding: 0;
923
	border: 0;
924
}
925

  
926
.v-app {
927
	height: 100%;
928
	-webkit-tap-highlight-color: transparent;
929
	-webkit-text-size-adjust: 100%;
930
	-ms-text-size-adjust: 100%;
931
	-webkit-text-size-adjust: 100%;
932
	-webkit-user-select: none;
933
	-moz-user-select: none;
934
	-ms-user-select: none;
935
	user-select: none;
936
}
937

  
938
.v-app input[type="text"], .v-app .v-slot > .v-caption, .v-app .v-gridlayout-slot > .v-caption, .v-app .v-has-caption > .v-caption, .v-app .v-formlayout-captioncell > .v-caption, .v-app .v-csslayout > .v-caption {
939
	-webkit-user-select: text;
940
	-moz-user-select: text;
941
	-ms-user-select: text;
942
	user-select: text;
943
}
944

  
945
.v-app input::-ms-clear {
946
	display: none;
947
}
948

  
949
.v-ui {
950
	position: relative;
951
}
952

  
953
.v-ui.v-ui-embedded {
954
	margin-top: -1px;
955
	border-top: 1px solid transparent;
956
}
957

  
958
.v-ui:focus {
959
	outline: none;
960
}
961

  
962
.v-overlay-container {
963
	width: 0;
964
	height: 0;
965
}
966

  
967
.v-drag-element {
968
	z-index: 60000;
969
	position: absolute !important;
970
	cursor: default;
971
}
972

  
973
.v-clip {
974
	overflow: hidden;
975
}
976

  
977
.v-scrollable {
978
	overflow: auto;
979
}
980

  
981
.v-scrollable  > .v-widget {
982
	vertical-align: middle;
983
	overflow: hidden;
984
}
985

  
986
.v-ios.v-webkit .v-scrollable {
987
	-webkit-overflow-scrolling: touch;
988
}
989

  
990
.v-ios5.v-webkit .v-scrollable {
991
	-webkit-overflow-scrolling: none;
992
}
993

  
994
.v-webkit.v-ios .v-browserframe {
995
	-webkit-overflow-scrolling: touch;
996
	overflow: auto;
997
}
998

  
999
.v-assistive-device-only {
1000
	position: absolute;
1001
	top: -2000px;
1002
	left: -2000px;
1003
	width: 10px;
1004
	overflow: hidden;
1005
}
1006

  
1007
.v-icon {
1008
	cursor: inherit;
1009
	-webkit-user-select: none;
1010
	-moz-user-select: none;
1011
	-ms-user-select: none;
1012
	user-select: none;
1013
}
1014

  
1015
.v-icon, .v-errorindicator, .v-required-field-indicator {
1016
	display: inline-block;
1017
	line-height: inherit;
1018
}
1019

  
1020
.v-caption {
1021
	display: inline-block;
1022
	white-space: nowrap;
1023
	line-height: 1.55;
1024
}
1025

  
1026
.v-captiontext {
1027
	display: inline-block;
1028
	line-height: inherit;
1029
}
1030

  
1031
div.v-layout.v-horizontal.v-widget {
1032
	white-space: nowrap;
1033
}
1034

  
1035
.v-layout.v-vertical > .v-expand, .v-layout.v-horizontal > .v-expand {
1036
	-webkit-box-sizing: border-box;
1037
	-moz-box-sizing: border-box;
1038
	box-sizing: border-box;
1039
	width: 100%;
1040
	height: 100%;
1041
}
1042

  
1043
.v-slot, .v-spacing {
1044
	display: inline-block;
1045
	white-space: nowrap;
1046
	vertical-align: top;
1047
}
1048

  
1049
.v-vertical > .v-slot:after {
1050
	display: inline-block;
1051
	clear: both;
1052
	width: 0;
1053
	height: 0;
1054
	overflow: hidden;
1055
}
1056

  
1057
.v-vertical > .v-slot, .v-vertical > .v-expand > .v-slot {
1058
	display: block;
1059
	clear: both;
1060
}
1061

  
1062
.v-horizontal > .v-slot, .v-horizontal > .v-expand > .v-slot {
1063
	height: 100%;
1064
}
1065

  
1066
.v-vertical > .v-spacing, .v-vertical > .v-expand > .v-spacing {
1067
	width: 0 !important;
1068
	display: block;
1069
	clear: both;
1070
}
1071

  
1072
.v-horizontal > .v-spacing, .v-horizontal > .v-expand > .v-spacing {
1073
	height: 0 !important;
1074
}
1075

  
1076
.v-align-middle:before, .v-align-bottom:before, .v-expand > .v-align-middle:before, .v-expand > .v-align-bottom:before {
1077
	content: "";
1078
	display: inline-block;
1079
	height: 100%;
1080
	vertical-align: middle;
1081
	width: 0;
1082
}
1083

  
1084
.v-align-middle, .v-align-bottom {
1085
	white-space: nowrap;
1086
}
1087

  
1088
.v-align-middle > .v-widget, .v-align-bottom > .v-widget {
1089
	display: inline-block;
1090
}
1091

  
1092
.v-align-middle, .v-align-middle > .v-widget {
1093
	vertical-align: middle;
1094
}
1095

  
1096
.v-align-bottom, .v-align-bottom > .v-widget {
1097
	vertical-align: bottom;
1098
}
1099

  
1100
.v-align-center {
1101
	text-align: center;
1102
}
1103

  
... This diff was truncated because it exceeds the maximum size that can be displayed.

Also available in: Unified diff