// Global variable overrides. Must be declared before importing Valo. // Defines the plaintext font size, weight and family. Font size affects general component sizing. //$v-font-size: 16px; //$v-font-weight: 300; //$v-font-family: "Open Sans", sans-serif; // Defines the border used by all components. //$v-border: 1px solid (v-shade 0.7); //$v-border-radius: 4px; // Affects the color of some component elements, e.g Button, Panel title, etc //$v-background-color: hsl(210, 0%, 98%); // Affects the color of content areas, e.g Panel and Window content, TextField input etc //$v-app-background-color: $v-background-color; // Affects the visual appearance of all components //$v-gradient: v-linear 8%; //$v-bevel-depth: 30%; //$v-shadow-opacity: 5%; // Defines colors for indicating status (focus, success, failure) //$v-focus-color: valo-focus-color(); // Calculates a suitable color automatically //$v-friendly-color: #2c9720; //$v-error-indicator-color: #ed473b; // For more information, see: https://vaadin.com/book/-/page/themes.valo.html // Example variants can be copy/pasted from https://vaadin.com/wiki/-/wiki/Main/Valo+Examples @import "../valo/valo.scss"; @mixin vaadin-clubhelpertheme { @include valo; // Insert your own theme rules here .title_caption { font-weight: bold; font-size: xx-large; } .title_label { font-weight: bold; font-size: large; } .v-caption-bold-caption { font-weight: bolder !important; font-size: large !important; } .v-calendar-next { height: 50px; width: 50px; background:url(images/arrowRight.png); background-size: cover; cursor: pointer; /* Mouse pointer on hover */ } .v-calendar-back { height: 50px; width: 50px; background:url(images/arrowLeft.png); background-size: cover; cursor: pointer; /* Mouse pointer on hover */ } .mtv_allgemein { background:#ffff00; } .v-calendar-event-mtv_allgemein { background:#ffff00; } .v-calendar-event-mtv_allgemein-all-day { background:#ffff00; } .mtv_wettkampf { background:#99ff33; } .v-calendar-event-mtv_wettkampf { background:#99ff33; } .v-calendar-event-mtv_wettkampf-all-day { background:#99ff33; } .Schulferien { } .v-calendar-event-Schulferien { } }