Liferay Alloy UI theme for Vaadin

svn changeset:14986/svn branch:6.4

WebContent/VAADIN/themes/liferay/accordion/accordion.css

@@ -0,0 +1,28 @@
+.v-accordion {
+	border: 1px solid #999;
+	-webkit-border-radius: 4px;
+	-moz-border-radius: 4px;
+	border-radius: 4px;
+}
+
+.v-accordion-item-caption {
+	color: #222;
+	text-shadow: 1px 1px #FFFFFF;
+	font-size: 12px;
+	font-weight: bold;
+	background: #c0c2c5 url(/html/themes/classic/images/application/panel_header_bg.png) repeat-x scroll 0 0;
+	border-top: 1px solid #999;
+	border-bottom: none;
+	padding: 4px 5px 5px 5px;
+}
+
+.v-accordion-item-first .v-accordion-item-caption {
+	border-top: none;
+	-webkit-border-radius: 4px 4px 0 0;
+	-moz-border-radius: 4px 4px 0 0;
+	border-radius: 4px 4px 0 0;
+}
+
+.v-accordion-item-open .v-accordion-item-caption {
+	border-bottom: 1px solid #999;
+}

WebContent/VAADIN/themes/liferay/button/button.css

@@ -0,0 +1,87 @@
+.v-button:focus {
+	outline: none;
+}
+
+.v-button:hover {
+	background: #b9ced9 url(/html/themes/classic/images/application/state_hover_bg.png) repeat-x 0 0;
+	border-color: #627782;
+	color: #369;
+}
+
+.v-button:active,
+.v-button.v-pressed,
+.v-button:focus {
+	background: #ebebeb url(/html/themes/classic/images/application/state_active_bg.png) repeat-x 0 0;
+	border-color: #555;
+}
+
+.v-button,
+.v-disabled.v-button  {
+	display: block;
+	font-size: 11px;
+	font-weight: bold;
+	border: 1px solid #c8c9ca;
+	border-right-color: #9e9e9e;
+	border-bottom-color: #9e9e9e;
+	background: #d4d4d4 url(/html/themes/classic/images/portlet/header_bg.png) repeat-x 0 0;
+	-webkit-background-origin: padding;
+	-moz-background-origin: padding;
+	padding: 3px 8px 4px 8px;
+	-webkit-border-radius: 4px;
+	-moz-border-radius: 4px;
+	border-radius: 4px;
+	line-height: 16px;
+	min-height: 16px;
+	text-shadow: 1px 1px #fff;
+	color: #34404f;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+/* Link style button */
+.v-button-link,
+.v-disabled.v-button-link,
+.v-button-link:focus,
+.v-button-link:active,
+.v-button-link:hover,
+.v-button-link-pressed,
+button.v-nativebutton-link,
+.v-disabled.v-nativebutton-link,
+button.v-nativebutton-link:focus,
+button.v-nativebutton-link:active,
+button.v-nativebutton-link:hover,
+button.v-nativebutton-link-pressed  {
+	color: #5B677D;
+	font-weight: normal;
+	border: none;
+	border-style: none;
+	background: transparent;
+	padding: 0;
+	font-size: inherit;
+	-webkit-box-shadow: none;
+	-mox-box-shadow: none;
+	-webkit-border-radius: 0;
+	-moz-border-radius: 0;
+	border-radius: 0;
+	text-shadow: none;
+}
+
+.v-button-link:hover {
+	color: #0066cc;
+	text-decoration: none;
+}
+
+.v-button-link:focus,
+.v-nativebutton-link:focus {
+	outline: 1px dotted #1b699f;
+	outline-offset: -1px;
+}
+
+.v-sa .v-button-link:focus {
+	outline-offset: -1px;
+}
+
+/* CheckBox */
+.v-checkbox input {
+	margin-right: 3px;	
+}

WebContent/VAADIN/themes/liferay/common/common.css

@@ -0,0 +1,7 @@
+div.v-app {
+	background-color: transparent;
+}
+
+.v-caption {
+	font-weight: bold;
+}

WebContent/VAADIN/themes/liferay/contextmenu/contextmenu.css

@@ -0,0 +1,40 @@
+.v-contextmenu {
+	background: #ccc9c9 url(/html/themes/classic/images/application/menu_bg.png) repeat-x 0 0;
+	border: 1px solid;
+	border-color: #aeafb1 #777879 #777879 #aeafb1;
+	-webkit-border-radius: 4px;
+	-moz-border-radius: 4px;
+	border-radius: 4px;
+}
+
+.v-contextmenu table {
+	border-collapse: separate;	
+}
+
+.v-contextmenu .gwt-MenuItem {
+	padding: 3px 8px 2px 8px;
+	height: 16px;
+	color: #2c2f34;
+	text-shadow: -1px -1px #fff;
+	font-weight: bold;
+	border-bottom: 1px solid #bcbbbb;
+	border-top: 1px solid #eee;
+}
+
+.v-contextmenu tr:last-child .gwt-MenuItem {
+	border-bottom-width: 0;	
+}
+
+.v-contextmenu .gwt-MenuItem img {
+	margin-right: 4px;	
+}
+
+.v-contextmenu .gwt-MenuItem-selected {
+	background-color: #5b677d;
+	color: #FFF;
+	text-shadow: -1px -1px #2c2f34;	
+}
+
+.v-contextmenu .gwt-MenuItem-selected div {
+	background: transparent;	
+}

WebContent/VAADIN/themes/liferay/datefield/datefield.css

@@ -0,0 +1,169 @@
+.v-datefield-popup {
+	padding: 3px;
+	-webkit-border-radius: 4px;
+	-moz-border-radius: 4px;
+	border-radius: 4px;
+}
+
+.v-datefield-calendarpanel:focus {
+	outline: none;	
+}
+
+.v-datefield-calendarpanel-body {
+	text-align: right;
+	vertical-align: top;
+}
+
+.v-datefield-popupcalendar .v-datefield-button {
+	background: transparent url(../common/buttons_sprites.png) no-repeat 0 -48px;
+	width: 24px;
+	height: 24px;
+	border: none;
+}
+
+.v-datefield-popupcalendar .v-datefield-button:hover {
+	background-position: 0px -72px;
+}
+
+.v-datefield-popupcalendar .v-datefield-button:focus {
+	background-position: 0px -96px;
+}
+
+.v-datefield-month .v-datefield-calendarpanel-month,
+.v-datefield-day .v-datefield-calendarpanel-month,
+.v-datefield-full .v-datefield-calendarpanel-month {
+	width: 124px;
+}
+
+.v-datefield-year .v-datefield-calendarpanel-month {
+	width: 35px;
+}
+
+.v-datefield-calendarpanel-month {
+	background: transparent url(datefield_sprites.png) repeat-x 0 -112px;
+	font-weight: bold;
+}
+
+span.v-datefield-calendarpanel-month {
+	display: block;
+	text-align: center;
+	background: transparent;
+	overflow: hidden;
+	padding: 1px 3px 0;
+}
+
+.v-datefield-calendarpanel-prevyear,
+.v-datefield-calendarpanel-nextyear {
+	width: 22px;	
+}
+	
+.v-datefield-calendarpanel-prevyear button,
+.v-datefield-calendarpanel-prevmonth button,
+.v-datefield-calendarpanel-nextmonth button,
+.v-datefield-calendarpanel-nextyear button {
+	width: 22px;
+	height: 28px;
+	border: none;
+	background: transparent;
+	background-repeat: no-repeat;
+	background-image: url(datefield_sprites.png);
+  	background-position: 0 0;
+	overflow: hidden;
+	padding: 0;
+	text-indent: -9999px;
+	outline: none;
+	-webkit-border-radius: 0;
+	-moz-border-radius: 0;
+	border-radius: 0;
+}
+
+.v-ie .v-datefield-calendarpanel-prevyear button,
+.v-ie .v-datefield-calendarpanel-nextyear button,
+.v-ie .v-datefield-calendarpanel-prevmonth button,
+.v-ie .v-datefield-calendarpanel-nextmonth button {
+	text-indent: 0;
+	font-size: 1px;
+}
+
+.v-datefield-calendarpanel-prevmonth button {
+	background-position: 0 -56px;
+}
+
+.v-datefield-calendarpanel-prevmonth {
+	background: transparent url(datefield_sprites.png) repeat-x 0 -112px;
+}
+
+.v-datefield-calendarpanel-nextyear button {
+	background-position: 0 -28px;
+	width: 100%;
+	min-width: 22px;
+}
+
+.v-datefield-calendarpanel-nextmonth button {
+	background-position: 0 -84px;
+}
+
+.v-datefield-calendarpanel-nextmonth {
+	background: transparent url(datefield_sprites.png) repeat-x 0 -112px;
+}
+
+.v-datefield-calendarpanel-prevyear button {
+	width: 100%;
+	min-width: 22px;
+}
+
+.v-ie6 .v-datefield-calendarpanel-prevyear button,
+.v-ie6 .v-datefield-calendarpanel-nextyear button,
+.v-ie7 .v-datefield-calendarpanel-prevyear button,
+.v-ie7 .v-datefield-calendarpanel-nextyear button {
+	width: 22px;
+}
+
+.v-datefield-calendarpanel-day {
+	display: block;
+	width: 22px;
+	margin: 0 0 3px 3px;
+	text-align: center;
+	background: #d4d4d4 url(/html/themes/classic/images/application/state_default_bg.png) repeat-x 0 0;
+	border-color: #c8c9ca #9e9e9e #9e9e9e #c8c9ca;
+	border-style: solid;
+	border-width: 1px;
+	-webkit-border-radius: 4px;
+	-moz-border-radius: 4px;
+	border-radius: 4px;
+}
+
+.v-datefield-calendarpanel-day-today {
+	font-weight: bold;
+}
+
+.v-datefield-calendarpanel-day-selected {
+	background: #b5b5b5 url(/html/themes/classic/images/application/state_active_bg.png) repeat-x 0 0;
+	color: #000;
+	border-color: #555;
+}
+
+.v-datefield-calendarpanel-day-focused {
+	outline: 1px dotted #555;
+}
+
+
+.v-datefield-calendarpanel-weekdays {
+	text-align: center;
+}
+
+.v-datefield-calendarpanel-weekdays strong {
+	font-weight: normal;
+}
+
+.v-datefield-calendarpanel-weeknumber {
+	display: block;
+	border: none;
+	padding: 2px 0 2px 0;
+	margin: 0;
+}
+
+.v-datefield-calendarpanel-body table {
+	margin: 0 auto;
+	width: 200px;	
+}

WebContent/VAADIN/themes/liferay/formlayout/formlayout.css

@@ -0,0 +1,3 @@
+.v-formlayout .v-caption {
+	font-weight: normal;
+}

WebContent/VAADIN/themes/liferay/menubar/menubar.css

@@ -0,0 +1,64 @@
+.v-menubar {
+	background: #97A1AE url(/html/themes/classic/images/dockbar/dockbar_bg.png) repeat-x 0 0;
+	border-bottom: 1px solid #636364;
+}
+
+.v-menubar-separator span {
+	display: none;
+}
+
+.v-menubar-menuitem {
+	padding: 3px 8px;
+	line-height: 16px;
+	font-weight: bold;
+	color: #2c2f34;
+	text-shadow: -1px -1px #FFF;
+}
+
+.v-menubar-menuitem-selected {
+	color: #FFF;
+	text-shadow: -1px -1px #2c2f34;
+}
+
+.v-menubar-submenu {
+	background: #CCC9C9 url(/html/themes/classic/images/application/menu_bg.png) repeat-x 0 0;
+	border: 1px solid;
+	border-color: #aeafb1 #777879 #777879 #aeafb1;
+	-webkit-border-radius: 0 0 4px 4px;
+	-moz-border-radius: 0 0 4px 4px;
+	border-radius: 0 0 4px 4px;
+	padding: 2px 0;
+}
+
+.v-menubar-submenu .v-menubar-menuitem {
+	color: #2c2f34;
+	font-weight: bold;
+	text-shadow: 1px 1px #fff;
+	padding: 1px 26px 1px 10px;
+	line-height: 16px;
+	border-bottom: 1px solid #bcbbbb;
+	border-top: 1px solid #eee;
+}
+
+.v-menubar-submenu .v-menubar-menuitem:last-child {
+	border-bottom-width: 0;
+}
+
+.v-menubar-submenu .v-menubar-menuitem-caption * { 
+	vertical-align: middle;
+}
+
+.v-menubar .v-menubar-menuitem-selected,
+.v-menubar-submenu .v-menubar-menuitem-selected {
+	color: #fff;
+	text-shadow: 1px 1px #000;
+	background-color: #5b677d;
+}
+
+.v-menubar-menuitem-disabled,
+.v-menubar-submenu .v-menubar-menuitem-disabled,
+.v-menubar span.v-menubar-menuitem-disabled:hover,
+.v-menubar span.v-menubar-menuitem-disabled:focus,
+.v-menubar span.v-menubar-menuitem-disabled:active {
+	color: #999;
+}

WebContent/VAADIN/themes/liferay/notofication/notification.css

@@ -0,0 +1,48 @@
+.v-Notification {
+	background: #dff4ff;
+	color: #34404F;
+	font-weight: bold;
+	cursor: pointer;
+	overflow: hidden;
+	padding: 1em;
+	max-width: 85%;
+	border: 1px solid #a7cedf;
+}
+
+.v-Notification h1,
+.v-Notification p,
+.v-Notification-error h1,
+.v-Notification-error p,
+.v-Notification-warning h1,
+.v-Notification-warning p {
+	display: inline;
+	margin: 0 0.5em 0 0;
+}
+.v-Notification-warning {
+	background: #ffc;
+	border-color: #fc0;
+}
+.v-Notification-error {
+	background-color: #ffdddd;
+	border-color: #ff0000;
+}
+
+.v-Notification-tray {
+	color: #111111;
+	background-color: #e5e5e5;
+	border-color: #b5b5b5;
+}
+.v-Notification-tray h1 {
+	display: block;
+}
+.v-Notification-tray p {
+	display: block;
+}
+.v-Notification-system {
+	background-color: #ffdddd;
+	border-color: #ff0000;
+}
+.v-Notification-system h1 {
+	display: block;
+	margin: 0;
+}

WebContent/VAADIN/themes/liferay/panel/panel.css

@@ -0,0 +1,54 @@
+.v-panel-caption {
+	text-shadow: 1px 1px #fff;
+	font-size: 12px;
+	color: #222;
+	background: #c0c2c5 url(/html/themes/classic/images/application/panel_header_bg.png) repeat-x 0 0;
+	border: 1px solid #999;
+	-webkit-border-radius: 4px 4px 0 0;
+	-moz-border-radius: 4px 4px 0 0;
+	border-radius: 4px 4px 0 0;
+	padding: 4px 5px 5px 5px;
+}
+
+.v-panel-nocaption {
+	height: 4px;
+	border: 1px solid #999;
+	border-bottom: none;
+	-webkit-border-radius: 4px 4px 0 0;
+	-moz-border-radius: 4px 4px 0 0;
+	border-radius: 4px 4px 0 0;
+}
+
+.v-panel-caption .v-icon { 
+	padding-right: 2px;
+}
+
+.v-panel-content {
+	border: 1px solid #999;
+	border-top: none;
+	-webkit-border-radius: 0 0 4px 4px;
+	-moz-border-radius: 0 0 4px 4px;
+	border-radius: 0 0 4px 4px;
+}
+
+/* Light style Panel */
+
+.v-panel-caption-light,
+.v-panel-nocaption-light {
+	border: none;
+	background: none;
+}
+
+.v-panel-caption-light {
+	border-bottom: 1px solid #999;
+}
+
+.v-panel-content-light {
+	border: none;
+}
+.v-panel-content-light > div {
+	background: transparent;
+}
+.v-ie6 .v-panel-content-light {
+	background: transparent;
+}

WebContent/VAADIN/themes/liferay/popupview/popupview.css

@@ -0,0 +1,9 @@
+.v-popupview-popup {
+	background: #d4d4d4 url(/html/themes/classic/images/application/state_default_bg.png) repeat-x 0 0;
+	padding: 8px;
+	-webkit-border-radius: 4px;
+	-moz-border-radius: 4px;
+	border-radius: 4px;
+	border: 1px solid #c8c9ca;
+	border-color :#c8c9ca #9e9e9e #9e9e9e #c8c9ca; 
+}

WebContent/VAADIN/themes/liferay/progressindicator/progressindicator.css

@@ -0,0 +1,12 @@
+.v-progressindicator-wrapper {
+	background: #dfe2e4 url(../../reindeer/progressindicator/img/base.gif) repeat-x;
+	border: 1px solid #bfbfbf;
+}
+
+.v-disabled .v-progressindicator-wrapper {
+	background-image: url(../../reindeer/progressindicator/img/disabled.gif);
+}
+
+.v-progressindicator-indicator {
+	background: #f7f9f9 url(../../reindeer/progressindicator/img/progress.png);
+}

WebContent/VAADIN/themes/liferay/select/select.css

@@ -0,0 +1,64 @@
+.v-app select,
+.v-window select {
+	padding: 1px;	
+}
+
+.v-filterselect-button {
+	width: 24px;
+	height: 24px;
+	background: transparent url(../common/buttons_sprites.png) no-repeat 0 0;
+}
+
+.v-filterselect-button:hover {
+	background-position: 0px -24px;
+}
+
+.v-filterselect-suggestpopup {
+	border: 1px solid #98C0F4;	
+}
+
+.v-filterselect-suggestmenu {
+	min-height: 2px;	
+}
+
+.v-filterselect-prevpage,
+.v-filterselect-prevpage-off,
+.v-filterselect-nextpage,
+.v-filterselect-nextpage-off {
+	background-color: #fff;
+}
+
+.v-filterselect-prevpage span,
+.v-filterselect-prevpage-off span,
+.v-filterselect-nextpage span,
+.v-filterselect-nextpage-off span {
+	display: block;
+	height: 8px;
+	width: 16px;
+	margin-left: auto;
+	margin-right: auto;
+	text-indent: -99999px;
+}
+
+.v-filterselect-prevpage span, .v-filterselect-nextpage span {
+	background: transparent no-repeat 0 -4px;
+  	background-image: url(/html/themes/classic/images/aui/icon_sprite.png);
+}
+
+.v-filterselect-nextpage span {
+	background-position: -65px -4px;
+}
+.v-filterselect-suggestmenu .gwt-MenuItem span {
+	display: block;
+	width: 100%;
+	height: 18px;
+	border: 1px solid #fff;
+	border-style: solid none;
+	
+}
+
+.v-filterselect-suggestmenu .gwt-MenuItem-selected span {
+	color: #000;
+	background: #dfe8f6;
+	border-color: #a3bae9;
+}

WebContent/VAADIN/themes/liferay/slider/slider.css

@@ -0,0 +1,29 @@
+.v-slider {
+	border: 1px solid #9e9e9e;
+	border-right: 1px solid #c8c9ca;
+	border-bottom: 1px solid #c8c9ca;
+	margin: 4px 0;
+}
+
+.v-slider-base {
+	height: 1px;
+}
+
+.v-slider-vertical {
+	margin: 0 5px;
+	width: 2px;	
+}
+
+.v-slider-vertical .v-slider-base {
+	width: 1px;
+}
+
+.v-slider-handle {
+	background: transparent url(/html/themes/classic/images/aui/icon_sprite.png) no-repeat -115px -147px;
+	width: 10px;
+	height: 10px;
+}
+
+.v-slider-feedback {
+	background: #33;
+}

WebContent/VAADIN/themes/liferay/splitpanel/splitpanel.css

@@ -0,0 +1,63 @@
+.v-splitpanel-hsplitter, 
+.v-splitpanel-hsplitter-locked {
+	font-size: 1px;
+	width: 3px;
+	background-color: #c8c9ca;
+}
+
+.v-splitpanel-hsplitter div {
+	font-size: 1px;
+	width: 3px;
+	background: transparent;
+	background-repeat: no-repeat;
+  	background-image: url(hsplit.png);
+  	background-position: center;
+}
+
+.v-splitpanel-hsplitter-locked div {
+	font-size: 1px;
+	width: 3px;
+}
+
+.v-splitpanel-vsplitter,
+.v-splitpanel-vsplitter-locked {
+	font-size: 1px;
+	height: 3px;
+}
+
+.v-splitpanel-vsplitter div {
+	font-size: 1px;
+	height: 3px;
+	background: transparent;
+	background-color: #c8c9ca;
+	background-repeat: no-repeat;
+  	background-image: url(vsplit.png);
+  	background-position: center;
+}
+
+.v-splitpanel-vsplitter-locked,
+.v-splitpanel-vsplitter-locked div {
+	font-size: 1px;
+	height: 3px;
+	background-color: #c8c9ca;
+}
+
+/* Small SplitPanel */
+
+.v-splitpanel-hsplitter-small,
+.v-splitpanel-hsplitter-small div,
+.v-splitpanel-hsplitter-small-locked,
+.v-splitpanel-hsplitter-small-locked div {
+	font-size: 1px;
+	width: 1px;
+	background: #c8c9ca;
+}
+
+.v-splitpanel-vsplitter-small,
+.v-splitpanel-vsplitter-small div,
+.v-splitpanel-vsplitter-small-locked,
+.v-splitpanel-vsplitter-small-locked div {
+	font-size: 1px;
+	height: 1px;
+	background: #c8c9ca;
+}

WebContent/VAADIN/themes/liferay/table/table.css

@@ -0,0 +1,115 @@
+.v-table-body {
+	border: 1px solid #999;
+}
+
+.v-table-body:focus,
+.v-table-body-wrapper:focus {
+	outline: none;
+}
+
+.v-table-body.focused {
+	border-color: #555;
+}
+
+.v-table-focus .v-table-cell-content {
+	border-top: 1px dotted #555;
+	border-bottom: 1px dotted #555;
+}
+
+.v-table-header-wrap,
+.v-table-footer-wrap {
+	border-color: #999;
+	background: #c0c2c5 url(/html/themes/classic/images/application/panel_header_bg.png) repeat-x 0 0;
+	height: 26px;
+}
+
+.v-table-footer-wrap {
+	border: 1px solid #999;
+	border-top: none;
+}
+
+.v-table-footer td {
+	height: 100%;
+	border-right: 1px solid #999;
+	padding-bottom: 5px;
+	padding-top: 5px;
+}
+
+.v-table-footer-container {
+	height: 16px;
+	float: right;
+	padding-right: 7px;
+	overflow: hidden;
+	white-space: nowrap;
+}
+
+.v-table-caption-container {
+	color: #336699;
+	font-weight: bold;
+	font-size: 11px;
+	padding-right: 4px;
+	padding-top: 6px;
+}
+
+.v-table-caption-container .v-icon {
+	height: 16px;
+	margin: -4px 3px 0 0;
+}
+
+.v-ie .v-table-caption-container .v-icon {
+	margin-top: -2px;
+}
+
+
+.v-table-header-cell-asc .v-table-caption-container {
+	background: transparent url(/html/themes/control_panel/images/arrows/05_up.png) no-repeat right 8px;
+}
+
+.v-table-header-cell-desc .v-table-caption-container {
+	background: transparent url(/html/themes/control_panel/images/arrows/05_down.png) no-repeat right 10px;
+}
+
+.v-table-resizer {
+	height: 26px;
+	background: #999;
+}
+
+.v-table-column-selector {
+	background: transparent url(columnselect.png);
+	width: 16px;
+	height: 26px;
+	margin: -26px 0 0;
+}
+
+.v-table-row-odd {
+	background: #dde1e6;
+}
+
+.v-table .v-selected {
+	background-color: #5B677D;
+	color: #FFF;
+	text-shadow: -1px -1px #2C2F34;	
+}
+
+.v-table-cell-wrapper {
+	padding-top: 3px;
+	padding-bottom: 3px;
+}
+
+.v-table-focus .v-table-cell-wrapper {
+	padding-top: 2px;
+	padding-bottom: 2px;
+}
+
+.v-table-cell-content {
+	border-right: 1px solid #999;
+	padding: 0 6px;
+}
+
+.v-table-cell-content:last-child {
+	border-right-color: transparent;
+}
+
+.v-off {
+	color: #999;
+}

WebContent/VAADIN/themes/liferay/tabsheet/tabsheet.css

@@ -0,0 +1,142 @@
+.v-tabsheet-content {
+	border: none;
+}
+
+.v-tabsheet-deco {
+	background: transparent;
+}
+
+.v-tabsheet-tabitem {
+	border: none;
+}
+
+.v-tabsheet-tabitem .v-caption {
+	height: 14px;
+	padding: 3px 10px;
+}
+
+.v-tabsheet-tabitem .v-captiontext {
+	color: #336699;
+	font-size: 11px;
+	font-weight: bold;
+	text-decoration: underline;
+}
+
+.v-tabsheet-tabitem-selected .v-caption {
+	background: none repeat scroll 0 0 #333;
+	-webkit-border-radius: 4px;
+	-moz-border-radius: 4px;
+	border-radius: 4px;
+}
+
+.v-tabsheet-tabitem-selected .v-captiontext {
+	color: #fff;
+	text-decoration: none;
+	text-shadow: -1px -1px #000;
+}
+
+.v-tabsheet-tabitem-selected {
+	position: relative;
+}
+
+.v-tabsheet-tabitem-selected:after {
+	border: 10px solid;
+	border-bottom-width: 0;
+	border-color: #333 transparent transparent;
+	bottom: -6px;
+	content: '-';
+	display: block;
+	height: 0;
+	left: 50%;
+	margin-left: -10px;
+	position: absolute;
+	text-indent: -9999px;
+	z-index: 9999;
+	width: 0;
+}
+
+.v-tabsheet-tabcontainer,
+.v-tabsheet-tabs {
+	overflow: visible !important;
+}
+
+.v-tabsheet-tabitemcell-first .v-tabsheet-tabitem {
+	border-left: 1px solid #c8c9ca;
+	-webkit-border-radius: 4px 0 0 4px;
+	-moz-border-radius: 4px 0 0 4px;
+	border-radius: 4px 0 0 4px;
+}
+
+.v-tabsheet-spacertd div {
+	height: 23px;
+	border: 1px solid #c8c9ca;
+	border-left: none;
+	-webkit-border-radius: 0 4px 4px 0;
+	-moz-border-radius: 0 4px 4px 0;
+	border-radius: 0 4px 4px 0;
+}
+
+.v-ie6 .v-tabsheet-spacertd div,
+.v-ie7 .v-tabsheet-spacertd div,
+.v-op .v-tabsheet-spacertd div,
+.v-sa .v-tabsheet-spacertd div {
+	height: 24px;
+}
+
+.v-tabsheet-tabitem {
+	height: 20px;
+	border-top: 1px solid #c8c9ca;
+	border-bottom: 1px solid #c8c9ca;
+	padding: 4px;
+}
+
+.v-tabsheet-scroller {
+	float: right;
+	width: 33px;
+	height: 28px;
+	margin-top: -30px;
+	background-color: #eef0f2;
+	border: 1px solid #c8c9ca;
+	border-left: none;
+	-webkit-border-radius: 0 4px 4px 0;
+	-moz-border-radius: 0 4px 4px 0;
+	border-radius: 0 4px 4px 0;
+	position: relative;
+}
+	
+.v-tabsheet-scroller button {
+	padding: 0;
+	margin-top: 6px;
+	width: 16px;
+	height: 16px;
+	border: none;
+	background: transparent;	
+}
+
+.v-tabsheet-scroller .v-tabsheet-scrollerPrev,
+.v-tabsheet-scroller .v-tabsheet-scrollerPrev-disabled {
+	background: transparent url(/html/themes/classic/images/aui/icon_sprite.png) no-repeat -80px -192px;
+}
+
+.v-tabsheet-scroller .v-tabsheet-scrollerNext,
+.v-tabsheet-scroller .v-tabsheet-scrollerNext-disabled {
+	background: transparent url(/html/themes/classic/images/aui/icon_sprite.png) no-repeat -48px -192px;
+}
+
+.v-tabsheet-scrollerPrev-disabled,
+.v-tabsheet-scrollerNext-disabled {
+	opacity: 0.5;
+	filter: alpha(opacity=50);
+}
+
+.v-tabsheet-caption-close {
+	background: transparent url(/html/themes/classic/images/aui/icon_sprite.png) no-repeat -80px -128px;
+	cursor: default;
+	float: right;
+	margin: -1px -1px 0;
+	overflow: hidden;
+	padding-left: 2px;
+	text-indent: -999px;
+	width: 10px;
+	height: 16px;
+}

WebContent/VAADIN/themes/liferay/textfield/textfield.css

@@ -0,0 +1,15 @@
+.v-app input[type="text"],
+.v-app input[type="password"],
+.v-app input[type="reset"],
+.v-app textarea ,
+.v-window input[type="text"],
+.v-window input[type="password"],
+.v-window input[type="reset"],
+.v-window textarea {
+	padding: 5px 1px;
+}
+
+input.v-textfield-prompt, 
+textarea.v-textarea-prompt {
+	font-style: normal;	
+}

WebContent/VAADIN/themes/liferay/tree/tree.css

@@ -0,0 +1,62 @@
+.v-tree {
+	outline: none;
+}
+
+.v-tree-node {
+	background: transparent url(arrows_sprites.png) no-repeat -42px 1px;
+}
+
+.v-tree-node span {
+	color: #336699;
+	padding: 1px 2px;
+	display: inline-block;
+}
+
+.v-tree-node:hover {
+	background-position: -14px -30px;
+}
+
+.v-tree-node-expanded {
+	background-position: -28px -14px;
+}
+
+.v-tree-node-expanded:hover {
+	background-position: 0 -47px;
+}
+
+.v-tree .v-tree-node-drag-top {
+	background-position: -42px 0px;
+}
+
+.v-tree .v-tree-node-drag-top.v-tree-node-expanded {
+	background-position: -28px -15px;
+}
+
+.v-tree-node-selected {
+	background: #333;
+	-webkit-border-radius: 4px;
+	-moz-border-radius: 4px;
+	border-radius: 4px;
+}
+
+.v-tree-node-selected span {
+	display: inline-block;
+	background: transparent;
+	color: #fff;
+	text-shadow: -1px -1px #000;
+	padding: 1px 2px;
+}
+
+.v-tree-node-caption {
+	margin-left: 14px;
+	padding: 1px;
+}
+
+.v-tree-node-focused {
+	border: 1px dotted #555;
+	padding: 0;
+}
+
+.v-tree-node-children {
+	padding-left: 14px;
+}

WebContent/VAADIN/themes/liferay/window/window.css

@@ -0,0 +1,68 @@
+.v-window {
+	background: none;
+}
+
+.v-window-wrap {
+	border: 1px solid #c8c9ca;
+	-webkit-border-radius: 4px;
+	-moz-border-radius: 4px;
+	border-radius: 4px;
+	background: #fff;
+}
+
+.v-window-outerheader {
+	background: #c0c2c5 url(/html/themes/classic/images/application/panel_header_bg.png) repeat-x 0 0;
+	border-color: #c8c9ca #aeb2b8 #aeb2b8 #c8c9ca;
+	border-style: solid;
+	border-width: 0 0 1px;
+	padding-left: 10px;
+	height: 16px;
+	padding: 6px 32px 6px 10px;
+	-webkit-border-radius: 4px;
+	-moz-border-radius: 4px;
+	border-radius: 4px;
+	margin: 5px;
+}
+
+.v-ie6 .v-window-outerheader,
+.v-ie7 .v-window-outerheader {
+	margin-bottom: 0;
+}
+
+.v-window-header {
+	color: #000;
+	font-size: 12px;
+	text-shadow: 1px 1px #fff;	
+}
+
+.v-window-contents {
+	padding: 0 5px 0 5px;
+}
+
+.v-window-closebox {
+	background: url(closebutton_sprites.png) no-repeat scroll 0 0 transparent;
+	position: absolute;
+	width: 24px;
+	height: 24px;
+	right: 9px;
+	top: 8px;
+}
+
+.v-ie6 .v-window-closebox,
+.v-ie7 .v-window-closebox {
+	top: 4px;
+}
+
+.v-window-closebox:hover {
+	background-position: 0 -24px;	
+}
+
+.v-window-closebox:active {
+	background-position: 0 -48px;	
+}
+
+.v-window-resizebox {
+	background: transparent url(/html/themes/classic/images/aui/icon_sprite.png) no-repeat scroll -64px -228px;
+	width: 14px;
+	height: 16px;	
+}

build/buildhelpers/com/vaadin/buildhelpers/CompileDefaultTheme.java

@@ -25,6 +25,7 @@ public class CompileDefaultTheme {
     private static final String BASE = "base";
     private static final String RUNO = "runo";
     private static final String REINDEER = "reindeer";
+    private static final String LIFERAY = "liferay";
 
     /**
      * @param args
@@ -43,6 +44,7 @@ public class CompileDefaultTheme {
         combineTheme(new String[] { BASE }, false, ver);
         combineTheme(new String[] { BASE, RUNO }, false, ver);
         combineTheme(new String[] { BASE, REINDEER }, true, ver);
+        combineTheme(new String[] { BASE, LIFERAY }, false, ver);
     }
 
     /**
@@ -163,7 +165,9 @@ public class CompileDefaultTheme {
                     urlPrefix = "../" + themeName + "/";
                 }
 
-                if (strLine.indexOf("url(../") > 0) {
+                if (strLine.indexOf("url(/") > 0) {
+                    // Do nothing for urls beginning with /
+                } else if (strLine.indexOf("url(../") > 0) {
                     strLine = strLine.replaceAll("url\\(../",
                             ("url\\(" + urlPrefix));