diff options
Diffstat (limited to 'WebContent/VAADIN/themes/reindeer/window/window.scss')
| -rw-r--r-- | WebContent/VAADIN/themes/reindeer/window/window.scss | 186 |
1 files changed, 186 insertions, 0 deletions
diff --git a/WebContent/VAADIN/themes/reindeer/window/window.scss b/WebContent/VAADIN/themes/reindeer/window/window.scss new file mode 100644 index 0000000000..ac8fa9c2c9 --- /dev/null +++ b/WebContent/VAADIN/themes/reindeer/window/window.scss @@ -0,0 +1,186 @@ +@mixin reindeer-window { + +.v-window { + background: transparent; +} +.v-window-wrap { + border: 1px solid #808386; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.v-sa .v-window-wrap, +.v-op .v-window-wrap { + border-color: rgba(0,0,0,.2); +} +.v-window-outerheader { + padding: 12px 32px 0 14px; + height: 37px; + background: black repeat-x; + background-image: url(img/header-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ +} +.v-window-header { + font-weight: bold; + font-size: 12px; + line-height: normal; + color: #fff; + text-shadow: #000 0 -1px 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + -ms-text-overflow: ellipsis; +} +.v-window-error .v-window-header { + padding-left: 13px; + background: transparent url(../common/icons/error.png) no-repeat 0 50%; +} +.v-window-resizebox { + width: 15px; + height: 15px; + cursor: se-resize; + background: transparent; + background-image: url(img/resize.png); /** sprite-ref: verticals */ +} +.v-window-footer { + background-color:white; + background-repeat: repeat-x; + background-image: url(img/footer-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ + height: 15px; +} +.v-window-closebox { + top: 12px; + right: 10px; + width: 15px; + height: 16px; + background: transparent; + background-image: url(img/close.png); /** sprite-ref: verticals */ +} +.v-window-closebox:hover { + background-image: url(img/close-hover.png); /** sprite-ref: verticals */ +} +.v-window-closebox:active { + background-image: url(img/close-pressed.png); /** sprite-ref: verticals */ +} +.v-window-contents { + background: #fff; +} +.v-window-modalitycurtain { + background: #56595b; +} + + + + + + +/** + Light style window ----------------------------- +**/ + +.v-window-light .v-window-outerheader { + background: transparent; + padding: 15px 32px 0 18px; + height: 23px; +} +.v-window-light .v-window-header { + font-size: 16px; + color: #292e34; + text-shadow: none; +} +.v-window-light .v-window-resizebox { + width: 12px; + height: 12px; + background-image: url(img/resize-light.png); /** sprite-ref: verticals */ +} +.v-window-light .v-window-footer { + background: transparent; + height: 12px; +} +.v-window-light .v-window-closebox { + right: 1px; + top: 17px; + width: 19px; + height: 15px; + background-image: url(img/close-light.png); /** sprite-ref: verticals */ +} +.v-window-light .v-window-closebox:hover { + background-image: url(img/close-light-hover.png); /** sprite-ref: verticals */ +} +.v-window-light .v-window-closebox:active { + background-image: url(img/close-light-pressed.png); /** sprite-ref: verticals */ +} +.v-window-light .v-window-contents { + background: transparent; +} +/* This must be the last sprite added to the verticals-sprite image */ +.v-window-light .v-window-wrap2 { + background: #f7f7f8 repeat-x; + background-image: url(img/content-bg-light.png); /** sprite-ref: verticals; sprite-alignment: repeat */ +} + + +/** + Black style 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-op .v-window-black .v-window-wrap { + border-color: rgba(0,0,0,.8); +} +.v-window-black .v-window-wrap2 { + background-color: #1d2021; + -moz-border-radius: 7px; + -webkit-border-radius: 7px; +} +.v-sa .v-window-black .v-window-wrap2, +.v-op .v-window-black .v-window-wrap2 { + background-color: rgba(29,32,33,.9); +} +.v-window-black .v-window-outerheader { + height: auto; + padding: 7px 14px; + height: 15px; + 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: 7px; + -moz-border-radius-topleft: 7px; + -webkit-border-top-right-radius: 7px; + -webkit-border-top-left-radius: 7px; + overflow: hidden; + border: none; +} +.v-window-black .v-window-header { + font-size: 12px; + font-weight: normal; + color: #dddfe1; +} +.v-window-black .v-window-closebox { + top: 8px; +} +.v-window-black .v-window-footer { + background: transparent; + border: none; + height: 14px; +} +.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; +} +/* Must be last to make this image last in the sprites */ +.v-window-black .v-window-contents { + border: none; + 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 |