1 files changed, 255 insertions, 0 deletions
diff --git a/WebContent/VAADIN/themes/base/common/common.scss b/WebContent/VAADIN/themes/base/common/common.scss
new file mode 100644
index 0000000000..40bea2c9d6
--- /dev/null
+++ b/WebContent/VAADIN/themes/base/common/common.scss
@@ -0,0 +1,255 @@
+@mixin base-common {
+
+/* References the BODY tag generated by Vaadin application servlet */
+.v-generated-body {
+	width: 100%;
+	height: 100%;
+	border: 0;
+	margin: 0;
+	overflow: hidden;
+}
+.v-app {
+	height: 100%;
+}
+/* Force arrow cursor for all elements inside the app */
+.v-app,
+.v-window,
+.v-popupview-popup,
+.v-label,
+.v-caption {
+	cursor: default;
+}
+div.v-app-loading {
+	/* You can use this to provide indication for the user that the application is loading. */
+	/* It is applied to the same element as .v-app */
+	background-image: url(img/loading-indicator.gif);
+	background-repeat: no-repeat;
+	background-position: 50%;
+	width: 100%;
+	height: 100%;
+}
+.v-view {
+	height: 100%;
+	width: 100%;
+	/* avoid scrollbars with margins in root layout */
+	outline: none;
+	position: relative;
+}
+/* Prevent margin collapse */
+.v-view.v-view-embedded {
+	margin-top: -1px;
+	border-top: 1px solid transparent;
+}
+/**
+ * Try to handle printing somehow. Reasonable printing support 
+ * needs application specific planning and CSS tuning.
+ */
+@media print {
+	.v-generated-body {
+		height: auto;
+		min-height: 20cm;
+		overflow: visible;
+	}
+	.v-app {
+		height: auto;
+		min-height: 20cm;
+	}
+	.v-view {
+		overflow: visible;
+	}
+	.v-gridlayout {
+		overflow: visible !important;
+	}
+}
+.v-view:active,
+.v-view:focus {
+	outline: none;
+}
+.v-app select,
+.v-window select {
+	margin: 0;
+}
+.v-disabled {
+	opacity: .3;
+	filter: alpha(opacity=30);
+	cursor: default;
+}
+.v-disabled * {
+	cursor: default;
+}
+* html .v-disabled {
+	zoom: 1;
+}
+*+html .v-disabled {
+	zoom: 1;
+}
+.v-disabled .v-disabled {
+	opacity: 1;
+}
+.v-required-field-indicator {
+	padding-left: 2px;
+	color: red;
+}
+.v-form fieldset {
+	border: none;
+	padding: 0;
+	margin: 0;
+	height: 100%;
+}
+.v-form-content {
+	height: 100%;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+/* Field modified */ /* Disabled by default
+.v-modified,
+.v-richtextarea.v-modified iframe.gwt-RichTextArea,
+.v-checkbox.v-modified,
+.v-modified .v-select-option,
+.v-modified .v-textfield,
+.v-modified .v-datefield-calendarpanel,
+.v-modified .v-select-select,
+.v-modified .v-select-twincol-selections,
+.v-modified .v-select-twincol-options,
+.v-modified .v-slider-base {
+	background: #ffffe0;
+}
+*/
+.v-tooltip {
+	cursor: default;
+	background: #fff;
+}
+.v-tooltip-text {
+	overflow: auto;
+}
+.v-tooltip .v-errormessage {
+	overflow: auto;
+}
+.v-contextmenu {
+	background: #fff;
+}
+.v-contextmenu .gwt-MenuItem {
+	cursor: pointer;
+	vertical-align: middle;
+	padding: 0;
+	border: 0;
+	margin: 0;
+}
+.v-contextmenu .gwt-MenuItem div {
+	cursor: pointer;
+	vertical-align: middle;
+	white-space: nowrap;
+}
+.v-contextmenu .gwt-MenuItem-selected div {
+	background: #aaa;
+	color: #fff;
+}
+.v-contextmenu table {
+	border-collapse: collapse;
+	margin: 0;
+	padding: 0;
+}
+.v-contextmenu .gwt-MenuItem img {
+	margin-right: 1em;
+	vertical-align: middle;
+}
+/* Margins are not supported within Label */
+.v-label pre {
+	margin: 0;
+}
+/* A label with undefined width is always considered to be on one line */
+.v-label-undef-w {
+	white-space: nowrap;
+}
+/* Revert line-height for heading elements inside labels */
+.v-label h1,
+.v-label h2,
+.v-label h3,
+.v-label h4,
+.v-label h5,
+.v-label h6 {
+	line-height: normal;
+} 
+/* Loading indicator states
+ * Note: client side expects that loading indicator has a height. It depends on
+ * this css property to ensure browsers have applied all required styles.
+ */
+.v-loading-indicator,
+.v-loading-indicator-delay,
+.v-loading-indicator-wait {
+	position: absolute;
+	top: 0;
+	right: 0;
+	z-index: 30000;
+	width: 31px;
+	height: 31px;
+	background: transparent url(img/loading-indicator.gif);
+	margin-right: 5px;
+	margin-top: 5px;
+}
+.v-loading-indicator-delay {
+	background-image: url(img/loading-indicator-delay.gif);
+}
+.v-loading-indicator-wait {
+	background-image: url(img/loading-indicator-wait.gif);
+}
+/* Debug dialog */
+.v-debug-console {
+	background: #fff;
+	opacity: .9;
+	border: 1px solid #000;
+	font-family: sans-serif;
+}
+.v-debug-console-caption {
+	background: #000;
+	border-bottom: 1px solid grey;
+	color: white;
+	font-weight: bold;
+}
+.v-debug-console-content {
+	font-size: x-small;
+	overflow: auto;
+	white-space: pre;
+}
+.v-debug-console-content input {
+	font-size: xx-small;
+}
+/* Debug style */
+.v-app .invalidlayout,
+.v-app .invalidlayout * {
+	background: #f99 !important;
+}
+/* Fix for Liferay, issue #2384 */
+.v-app input[type="text"],
+.v-app input[type="password"],
+.v-app input[type="reset"],
+.v-app select,
+.v-app textarea ,
+.v-window input[type="text"],
+.v-window input[type="password"],
+.v-window input[type="reset"],
+.v-window select,
+.v-window textarea {
+	padding: 2px;
+}
+
+.v-drag-element {
+	z-index: 60000;
+	/* override any other position: properties */
+	position: absolute !important;
+	opacity: 0.5;
+	filter: alpha(opacity=50);
+	cursor: default;
+}
+
+.v-clip {
+	overflow: hidden;
+}
+
+.v-scrollable {
+	overflow: auto;
+}
+
+}
+\ No newline at end of file