@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 */ } }