Multiple other fixes to Reindeer theme. Some fixes to base and Runo themes involving window styles.
svn changeset:7988/svn branch:6.0
}
.v-window-footer {
overflow: hidden;
+ zoom: 1;
}
.v-window-resizebox {
display: inline; /* fix IE6 double float margin bug */
background: #ddd;
overflow: hidden;
}
+/* IE7 fails with the float:right */
+.v-ie7 .v-window-footer {
+ position: relative;
+ height: 10px;
+}
+.v-ie7 .v-window-resizebox {
+ position: absolute;
+ float: none;
+ right: 0;
+}
+.v-ie7 .v-window-footer-noresize {
+ height: 0;
+}
.v-window-resizebox-disabled {
cursor: default;
display: none;
}
.v-window-footer {
overflow: hidden;
+ zoom: 1;
}
.v-window-resizebox {
display: inline; /* fix IE6 double float margin bug */
background: #ddd;
overflow: hidden;
}
+/* IE7 fails with the float:right */
+.v-ie7 .v-window-footer {
+ position: relative;
+ height: 10px;
+}
+.v-ie7 .v-window-resizebox {
+ position: absolute;
+ float: none;
+ right: 0;
+}
+.v-ie7 .v-window-footer-noresize {
+ height: 0;
+}
.v-window-resizebox-disabled {
cursor: default;
display: none;
/** sprite: verticals; sprite-image: url(../common/img/vertical-sprites.png); sprite-layout: vertical */
/** sprite: horizontals; sprite-image: url(../common/img/horizontal-sprites.png); sprite-layout: horizontal */
-/** sprite: black-verticals; sprite-image: url(../common/img/black-vertical-sprites.png); sprite-layout: vertical */
-/** sprite: black-horizontals; sprite-image: url(../common/img/black-horizontal-sprites.png); sprite-layout: horizontal */
+/** sprite: black-verticals; sprite-image: url(../common/img/black-vertical-sprites.png); sprite-layout: vertical; sprite-matte-color: #0b0e0f */
+/** sprite: black-horizontals; sprite-image: url(../common/img/black-horizontal-sprites.png); sprite-layout: horizontal; sprite-matte-color: #0b0e0f */
/*------------
* Buttons
.v-Notification {
font-family: Helvetica, Arial, "Lucida Grande", Geneva, Tahoma, Verdana, sans-serif;
}
+/* Fonts on black background */
+.v-app .black,
+.v-window-black,
+.v-popupview-popup .black {
+ color: #c9ccce;
+ text-shadow: #000 0 0 1px;
+}
.v-errorindicator {
width: 13px;
height: 16px;
.v-datefield-full .v-datefield-calendarpanel-month {
width: 124px;
}
+.v-datefield-month,
+.v-datefield-day,
+.v-datefield-full {
+ min-width: 240px;
+}
.v-datefield-year .v-datefield-calendarpanel {
width: 100px;
}
.black span.v-datefield-calendarpanel-month {
border-left: 1px solid #333638;
border-right: 1px solid #232527;
+ color: #c9ccce;
text-shadow: #000 0 -1px 0;
+ padding: 4px 10px 1px 10px;
+ margin-top: 0;
}
.black .v-datefield-calendarpanel-prevyear button,
.black .v-datefield-calendarpanel-nextyear button,
}
.black .v-datefield-calendarpanel .v-last {
background-image: url(img/weekday-last-black.png); /** sprite-ref: black-verticals; sprite-alignment: right */
-}
-/* IE fails to position backgrounds inside table element */
-.v-ie .black .v-datefield-calendarpanel-weekdays td {
- background: url(img/weekday-bg-black.png) repeat-x;
-}
-.v-ie .black .v-datefield-calendarpanel .v-first {
- background: url(img/weekday-first-black.png) no-repeat;
-}
-.v-ie .black .v-datefield-calendarpanel .v-last {
- background: url(img/weekday-last-black.png) no-repeat right top;
}
\ No newline at end of file
.black .v-caption-h2 {
color: #fff;
text-shadow: rgba(0,0,0,.8) 0 2px 2px;
+}
+.black .v-label-light {
+ color: #72787c;
}
\ No newline at end of file
.v-horizontallayout-black,
.v-orderedlayout-black {
background: #16181a url(img/black-bg.png) repeat-x;
- color: #c9ccce;
- text-shadow: #000 0 0 1px;
}
\ No newline at end of file
}
.v-app .black .v-filterselect-input,
.v-window .black .v-filterselect-input,
+.v-window-black .v-filterselect-input,
.v-popupview-popup .black .v-filterselect-input {
color: #c9ccce;
background-image: url(img/center-black.png); /** sprite-ref: black-verticals; sprite-alignment: repeat; sprite-margin-bottom: 1px */
}
.v-window-footer {
overflow: hidden;
+ zoom: 1;
}
.v-window-resizebox {
display: inline; /* fix IE6 double float margin bug */
background: #ddd;
overflow: hidden;
}
+/* IE7 fails with the float:right */
+.v-ie7 .v-window-footer {
+ position: relative;
+ height: 10px;
+}
+.v-ie7 .v-window-resizebox {
+ position: absolute;
+ float: none;
+ right: 0;
+}
+.v-ie7 .v-window-footer-noresize {
+ height: 0;
+}
.v-window-resizebox-disabled {
cursor: default;
display: none;
.v-Notification {
font-family: Helvetica, Arial, "Lucida Grande", Geneva, Tahoma, Verdana, sans-serif;
}
+/* Fonts on black background */
+.v-app .black,
+.v-window-black,
+.v-popupview-popup .black {
+ color: #c9ccce;
+ text-shadow: #000 0 0 1px;
+}
.v-errorindicator {
width: 13px;
height: 16px;
.v-datefield-full .v-datefield-calendarpanel-month {
width: 124px;
}
+.v-datefield-month,
+.v-datefield-day,
+.v-datefield-full {
+ min-width: 240px;
+}
.v-datefield-year .v-datefield-calendarpanel {
width: 100px;
}
.black span.v-datefield-calendarpanel-month {
border-left: 1px solid #333638;
border-right: 1px solid #232527;
+ color: #c9ccce;
text-shadow: #000 0 -1px 0;
+ padding: 4px 10px 1px 10px;
+ margin-top: 0;
}
.black .v-datefield-calendarpanel-prevyear button,
.black .v-datefield-calendarpanel-nextyear button,
-background-image: url(common/img/black-vertical-sprites-ie6.png);
background-position: right -294px;
}
-/* IE fails to position backgrounds inside table element */
-.v-ie .black .v-datefield-calendarpanel-weekdays td {
- background: url(datefield/img/weekday-bg-black.png) repeat-x;
-}
-.v-ie .black .v-datefield-calendarpanel .v-first {
- background: url(datefield/img/weekday-first-black.png) no-repeat;
-}
-.v-ie .black .v-datefield-calendarpanel .v-last {
- background: url(datefield/img/weekday-last-black.png) no-repeat right top;
-}
/* ./WebContent/VAADIN/themes/reindeer/formlayout/formlayout.css */
.v-formlayout-cell .v-errorindicator {
color: #fff;
text-shadow: rgba(0,0,0,.8) 0 2px 2px;
}
+.black .v-label-light {
+ color: #72787c;
+}
/* ./WebContent/VAADIN/themes/reindeer/layouts/layouts.css */
.v-orderedlayout-margin-top,
.v-horizontallayout-black,
.v-orderedlayout-black {
background: #16181a url(layouts/img/black-bg.png) repeat-x;
- color: #c9ccce;
- text-shadow: #000 0 0 1px;
}
/* ./WebContent/VAADIN/themes/reindeer/notification/notification.css */
}
.v-app .black .v-filterselect-input,
.v-window .black .v-filterselect-input,
+.v-window-black .v-filterselect-input,
.v-popupview-popup .black .v-filterselect-input {
color: #c9ccce;
background-image: url(common/img/black-vertical-sprites.png);
text-shadow: #000 0 0 1px;
}
.v-app .black .v-textfield-focus,
+.v-window-black .v-textfield-focus,
.v-window .black .v-textfield-focus,
.v-popupview-popup .black .v-textfield-focus {
border-color: #4e6a80;
.v-window-wrap {
border: 1px solid #808386;
}
+/* IE6 needs border on the outer element */
+.v-ie6 .v-window {
+ border: 1px solid #808386;
+}
+.v-ie6 .v-window-wrap {
+ border: none;
+}
.v-sa .v-window-wrap,
.v-ff3 .v-window-wrap,
.v-op .v-window-wrap {
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1257px;
}
-.v-ie6 .v-window-footer {
- zoom: 1;
+.v-ie7 .v-window-footer {
+ height: 15px;
+}
+.v-ie7 .v-window-footer-noresize {
+ height: 0;
}
.v-window-closebox {
top: 12px;
.v-window-modalitycurtain {
background: #56595b;
}
+
+
+
+
+
+/**
+ Black window -----------------------------
+**/
+
+.v-window-black .v-window-wrap {
+ border-color: #2e3030;
+ border-radius: 8px;
+ -webkit-border-radius: 8px;
+ -moz-border-radius: 8px;
+ overflow: hidden;
+}
+.v-sa .v-window-black .v-window-wrap,
+.v-ff3 .v-window-black .v-window-wrap,
+.v-op .v-window-black .v-window-wrap {
+ border-color: rgba(0,0,0,.9);
+}
+.v-window-black .v-window-wrap2 {
+ background-color: #0b0e0f;
+ -moz-border-radius: 8px;
+}
+.v-sa .v-window-black .v-window-wrap2,
+.v-ff3 .v-window-black .v-window-wrap2,
+.v-op .v-window-black .v-window-wrap2 {
+ background-color: rgba(11,14,15,.9);
+}
+.v-window-black .v-window-outerheader {
+ height: auto;
+ padding: 0;
+ background: transparent;
+}
+.v-window-black .v-window-header {
+ height: auto;
+ padding: 7px 0 7px 0;
+ height: 15px;
+ font-size: 12px;
+ font-weight: normal;
+ color: #dddfe1;
+ background: transparent repeat-x;
+ background-image: url(common/img/black-vertical-sprites.png);
+ -background-image: url(common/img/black-vertical-sprites-ie6.png);
+ background-position: left -549px;
+ text-align: center;
+ -moz-border-radius-topright: 8px;
+ -moz-border-radius-topleft: 8px;
+}
+.v-window-black .v-window-closebox {
+ top: 8px;
+}
+.v-window-black .v-window-footer {
+ background: transparent;
+}
+.v-window-black .v-window-resizebox {
+ background: transparent no-repeat;
+ background-image: url(common/img/black-vertical-sprites.png);
+ -background-image: url(common/img/black-vertical-sprites-ie6.png);
+ background-position: left -578px;
+ width: 14px;
+ height: 14px;
+}
+.v-ie6 .v-window-black .v-window-resizebox {
+ background-image: url(common/img/black-vertical-sprites.png);
+ -background-image: url(common/img/black-vertical-sprites-ie6.png);
+ background-position: left -592px;
+}
+.v-ie6 .v-window-black .v-window-contents {
+ background: transparent url(window/img/black/content-bg-ie6.png) repeat-x;
+}
+
+/* Must be last to make this image last in the sprites */
+.v-window-black .v-window-contents {
+ background: transparent repeat-x;
+ background-image: url(common/img/black-vertical-sprites.png);
+ -background-image: url(common/img/black-vertical-sprites-ie6.png);
+ background-position: left -606px;
+}
text-shadow: #000 0 0 1px;
}
.v-app .black .v-textfield-focus,
+.v-window-black .v-textfield-focus,
.v-window .black .v-textfield-focus,
.v-popupview-popup .black .v-textfield-focus {
border-color: #4e6a80;
.v-window-wrap {
border: 1px solid #808386;
}
+/* IE6 needs border on the outer element */
+.v-ie6 .v-window {
+ border: 1px solid #808386;
+}
+.v-ie6 .v-window-wrap {
+ border: none;
+}
.v-sa .v-window-wrap,
.v-ff3 .v-window-wrap,
.v-op .v-window-wrap {
background-repeat: repeat-x;
background-image: url(img/footer-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */
}
-.v-ie6 .v-window-footer {
- zoom: 1;
+.v-ie7 .v-window-footer {
+ height: 15px;
+}
+.v-ie7 .v-window-footer-noresize {
+ height: 0;
}
.v-window-closebox {
top: 12px;
}
.v-window-modalitycurtain {
background: #56595b;
+}
+
+
+
+
+
+/**
+ Black window -----------------------------
+**/
+
+.v-window-black .v-window-wrap {
+ border-color: #2e3030;
+ border-radius: 8px;
+ -webkit-border-radius: 8px;
+ -moz-border-radius: 8px;
+ overflow: hidden;
+}
+.v-sa .v-window-black .v-window-wrap,
+.v-ff3 .v-window-black .v-window-wrap,
+.v-op .v-window-black .v-window-wrap {
+ border-color: rgba(0,0,0,.9);
+}
+.v-window-black .v-window-wrap2 {
+ background-color: #0b0e0f;
+ -moz-border-radius: 8px;
+}
+.v-sa .v-window-black .v-window-wrap2,
+.v-ff3 .v-window-black .v-window-wrap2,
+.v-op .v-window-black .v-window-wrap2 {
+ background-color: rgba(11,14,15,.9);
+}
+.v-window-black .v-window-outerheader {
+ height: auto;
+ padding: 0;
+ background: transparent;
+}
+.v-window-black .v-window-header {
+ height: auto;
+ padding: 7px 0 7px 0;
+ height: 15px;
+ font-size: 12px;
+ font-weight: normal;
+ color: #dddfe1;
+ background: transparent repeat-x;
+ background-image: url(img/black/header-bg.png); /** sprite-ref: black-verticals; sprite-alignment: repeat */
+ text-align: center;
+ -moz-border-radius-topright: 8px;
+ -moz-border-radius-topleft: 8px;
+}
+.v-window-black .v-window-closebox {
+ top: 8px;
+}
+.v-window-black .v-window-footer {
+ background: transparent;
+}
+.v-window-black .v-window-resizebox {
+ background: transparent no-repeat;
+ background-image: url(img/black/resize.png); /** sprite-ref: black-verticals; sprite-margin-bottom: 4px */
+ width: 14px;
+ height: 14px;
+}
+.v-ie6 .v-window-black .v-window-resizebox {
+ background-image: url(img/black/resize-ie6.png); /** sprite-ref: black-verticals; sprite-margin-bottom: 4px */
+}
+.v-ie6 .v-window-black .v-window-contents {
+ background: transparent url(img/black/content-bg-ie6.png) repeat-x;
+}
+
+/* Must be last to make this image last in the sprites */
+.v-window-black .v-window-contents {
+ background: transparent repeat-x;
+ background-image: url(img/black/content-bg.png); /** sprite-ref: black-verticals; sprite-alignment: repeat */
}
\ No newline at end of file
}
.v-window-footer {
overflow: hidden;
+ zoom: 1;
}
.v-window-resizebox {
display: inline; /* fix IE6 double float margin bug */
background: #ddd;
overflow: hidden;
}
+/* IE7 fails with the float:right */
+.v-ie7 .v-window-footer {
+ position: relative;
+ height: 10px;
+}
+.v-ie7 .v-window-resizebox {
+ position: absolute;
+ float: none;
+ right: 0;
+}
+.v-ie7 .v-window-footer-noresize {
+ height: 0;
+}
.v-window-resizebox-disabled {
cursor: default;
display: none;
.v-window-footer {
height: 8px;
margin-left: 9px;
- background: transparent url(window/img/bottom-right.png) no-repeat right top;
+ background: transparent url(window/img/bottom-right.png) no-repeat right top;
+ overflow: visible;
}
.v-ie7 .v-window-footer {
position: relative;
+ overflow: visible;
}
-.v-window-resizebox {
+.v-window-resizebox,
+.v-ie7 .v-window-resizebox {
position: absolute; /* Needed to position the element over ScrollPanel, which is relatively positioned */
right: 5px;
width: 10px;
.v-window-footer {
height: 8px;
margin-left: 9px;
- background: transparent url(img/bottom-right.png) no-repeat right top;
+ background: transparent url(img/bottom-right.png) no-repeat right top;
+ overflow: visible;
}
.v-ie7 .v-window-footer {
position: relative;
+ overflow: visible;
}
-.v-window-resizebox {
+.v-window-resizebox,
+.v-ie7 .v-window-resizebox {
position: absolute; /* Needed to position the element over ScrollPanel, which is relatively positioned */
right: 5px;
width: 10px;
width: 1px;
background: #aeb0b5;
}
+.v-app-SamplerApplication .v-splitpanel-hsplitter-main-split-locked {
+ width: 0px;
+}
.v-app-SamplerApplication .v-splitpanel-hsplitter-main-split div {
width: 3px;
background: transparent;