summaryrefslogtreecommitdiffstats
path: root/WebContent/VAADIN/themes/runo/common/common.scss
blob: 36447d95936d50cdf65ffbc5ca12a2c7b1f9a338 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
@mixin runo-common {

&.v-app {
	background: #e9eced url(img/main-bg.png) repeat-x;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", geneva, helvetica, arial, tahoma, verdana, sans-serif;
	color: #464f52;
	font-size: $font-size;
	line-height: $line-height;
}
/* Global font styles */
&.v-app,
.v-window,
.v-popupview-popup,
.v-tooltip,
&.v-app input,
&.v-app select,
&.v-app button,
&.v-app textarea,
.v-window input,
.v-window select,
.v-window button,
.v-window textarea,
.v-popupview-popup input,
.v-popupview-popup select,
.v-popupview-popup button,
.v-popupview-popup textarea,
.v-filterselect-suggestpopup,
.v-datefield-popup,
.v-contextmenu,
.v-Notification,
.v-menubar-submenu,
.v-drag-element {
	font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
	color: #464f52;
	font-size: $font-size;
}
&.v-app select,
.v-window select {
	padding: 0;
}
/* Custom tooltip */
.v-tooltip {
	background-color: #fffcdd;
	border: 1px solid #b8b295;
	border-top-color: #d5d2c1;
	border-left-color: #d5d2c1;
	font-size: 11px;
	line-height: 14px;
	font-family: arial, helvetica, tahoma, verdana, sans-serif;
	color: #5d5444;
}
.v-tooltip-text {
	padding: 2px 4px;
	border: none;
	border-top: 1px solid #fffef5;
	border-bottom: 1px solid #fbf8d9;
}
.v-tooltip .v-errormessage {
	padding: 3px 4px 3px 4px;
	background: #ffecc6;
	color: #b74100;
	border: none;
	border-top: 1px solid #fff3dc;
	border-bottom: 1px solid #ead7b1;
}
.v-tooltip .v-errormessage h2 {
	font-size: 16px;
	font-weight: normal;
	color: #ab3101;
	margin: 2px 0 8px 0;
}
.v-tooltip .v-errormessage h3 {
	font-size: 13px;
	font-weight: bold;
	margin: 1px 0 4px 0;
}
.v-contextmenu {
	background: #e9eced url(../tabsheet/img/tab-bg.png);
	font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
	background-color: #f6f7f7;
	color: #464f52;
	font-size: 12px;
	line-height: 14px;
}
.v-contextmenu .gwt-MenuBar {
	border-right: 1px solid #c6cbcc;
	border-bottom: 1px solid #c6cbcc;
	border-top: 1px solid #d0d4d5;
	border-left: 1px solid #d0d4d5;
}
.v-contextmenu .gwt-MenuItem {
	padding: 2px 0;
}
.v-contextmenu .gwt-MenuItem div {
	padding: 1px 20px 1px 8px;
}
.v-contextmenu .gwt-MenuItem-selected div {
	color: #fff;
	background: #5daee8;
}
.v-contextmenu .gwt-MenuItem img {
	margin-right: 10px;
}
/* Fix icon height to help browsers to load page smoother */
.v-embedded-icon-16 img {
	width:16px;
	height:16px;
}

}