Styling with CSS

Styling with CSS


// Create a sub-window and add it to the main window
Window sub = new Window("Life beneath the waves");
mainWindow.addWindow(sub);
sub.center();

// For themeing just this sub-window
sub.addStyleName("yellowsub");

/* Yellow window header */
.v-window-yellowsub .v-window-outerheader {
  background: yellow;
}

/* Blue window caption text */
.v-window-yellowsub .v-window-header {
  color: blue;
}

/* Pale yellow window contents */
.v-window-yellowsub .v-window-contents {
  background: #ffffc0; /* Pale yellow */
}

/* Close button */
.v-window-yellowsub .v-window-closebox {
  background: url('img/checkbox-checked.png');
}