diff options
Diffstat (limited to 'WebContent/VAADIN/themes/reindeer/table/table.scss')
| -rw-r--r-- | WebContent/VAADIN/themes/reindeer/table/table.scss | 293 |
1 files changed, 0 insertions, 293 deletions
diff --git a/WebContent/VAADIN/themes/reindeer/table/table.scss b/WebContent/VAADIN/themes/reindeer/table/table.scss deleted file mode 100644 index 5896bef014..0000000000 --- a/WebContent/VAADIN/themes/reindeer/table/table.scss +++ /dev/null @@ -1,293 +0,0 @@ -@mixin reindeer-table($primaryStyleName : v-table) { - -/* Table on blue background */ -.blue .#{$primaryStyleName}-header-wrap { - border-color: #92a2aa; -} -.blue .#{$primaryStyleName}-body { - border-color: #92a2aa; - border-top-color: #c2c3c4; -} - -/* Default & white style */ -.#{$primaryStyleName}-header-wrap, -.white .#{$primaryStyleName}-header-wrap, -.#{$primaryStyleName}-footer-wrap, -.white .#{$primaryStyleName}-footer-wrap, -.#{$primaryStyleName}-header-drag { - border-color: #c2c3c4; - background: transparent repeat-x; - background-image: url(img/header-bg-light.png); /** sprite-ref: verticals; sprite-alignment: repeat */ - height: 20px; - text-transform: uppercase; - font-size: 10px; - font-weight: bold; - color: #222; - text-shadow: #f3f5f8 0 1px 0; - line-height: normal; -} - -.#{$primaryStyleName}-footer-wrap, -.white .#{$primaryStyleName}-footer-wrap { - text-transform: none; - font-size: 12px; - font-weight: normal; -} - -.#{$primaryStyleName}-footer td, -.white .#{$primaryStyleName}-footer td { - border-color: #c2c3c4; -} - -.#{$primaryStyleName}-footer-container { - padding-right: 7px; -} - - -.#{$primaryStyleName}-header, -.#{$primaryStyleName}-footer, -.#{$primaryStyleName}-footer table { - height: 20px; -} - -.#{$primaryStyleName}-caption-container, -.#{$primaryStyleName}-header-drag { - padding-top: 4px; - padding-right: 4px; -} -.#{$primaryStyleName}-caption-container .v-icon, -.#{$primaryStyleName}-header-drag .v-icon { - height: 16px; - margin: -4px 3px 0 0; - vertical-align: middle; -} -.v-ie & .#{$primaryStyleName}-caption-container .v-icon, -.v-ie & .#{$primaryStyleName}-header-drag .v-icon { - margin-top: -3px; -} -.#{$primaryStyleName}-resizer { - height: 20px; - width: 2px; - background: transparent; - border-right: 1px solid #c2c3c4; -} - -.#{$primaryStyleName}-sort-indicator { - background: transparent; - width: 0px; - height: 20px; -} - -.#{$primaryStyleName}-header-cell-asc .#{$primaryStyleName}-sort-indicator { - background: transparent no-repeat right 7px; - background-image: url(img/asc-light.png); /** sprite-ref: verticals; sprite-alignment: right; sprite-margin-top: 7px; sprite-margin-bottom: 6px; sprite-margin-right: 6px; */ - width: 16px; -} -.#{$primaryStyleName}-header-cell-desc .#{$primaryStyleName}-sort-indicator { - background: transparent no-repeat right 7px; - background-image: url(img/desc-light.png); /** sprite-ref: verticals; sprite-alignment: right; sprite-margin-top: 7px; sprite-margin-bottom: 6px; sprite-margin-right: 6px; */ - width: 16px; -} -.#{$primaryStyleName}-body, -.white .#{$primaryStyleName}-body { - border-color: #c2c3c4; - background: #fff; -} -.#{$primaryStyleName}-cell-content { - padding-top: 0; - border-right-color: #d3d4d5; - vertical-align: top; -} -.#{$primaryStyleName}-cell-wrapper { - padding-top: 3px; - padding-bottom: 3px; -} -.#{$primaryStyleName}-row-odd { - background: #eff0f1; -} -.#{$primaryStyleName}-generated-row { - background: #dcdee0; - text-transform: uppercase; - font-size: 10px; - font-weight: bold; - color: #222; - text-shadow: #f3f5f8 0 1px 0; - line-height: normal; -} -.#{$primaryStyleName}-generated-row .#{$primaryStyleName}-cell-wrapper { - padding-top: 4px; - padding-bottom: 5px; -} -.#{$primaryStyleName}-cell-content:last-child { - border-right-color: transparent; -} -.#{$primaryStyleName} .v-selected, -.black .#{$primaryStyleName} .v-selected { - background: #4d749f url(../common/img/sel-bg.png) repeat-x; /* We can't include this in the sprite, since we don't know the row height */ - color: #fff; - text-shadow: #3b5a7a 0 1px 0; -} -.#{$primaryStyleName} .v-selected .#{$primaryStyleName}-cell-content { - border-right-color: #466c90; -} -.#{$primaryStyleName}-column-selector { - width: 16px; - height: 20px; - margin-top: -20px; - background: transparent no-repeat; - background-image: url(img/col-sel-light.png); /** sprite-ref: verticals */ -} -.#{$primaryStyleName}-column-selector:active { - background-image: url(img/col-sel-light-pressed.png); /** sprite-ref: verticals */ -} -.#{$primaryStyleName}-focus-slot-left { - border-left: 1px solid #222; - margin-bottom: -20px; - width: auto; -} -.#{$primaryStyleName}-focus-slot-right { - border-right-color: #222; - margin-right: 0; -} -.#{$primaryStyleName}-header-drag { - padding-left: 6px; - height: 16px; -} -.#{$primaryStyleName}-header-drag img { - height: 16px; - margin: -3px 3px 0 0; -} -.#{$primaryStyleName}-scrollposition { - width: auto; - background: transparent; - border: none; -} -.#{$primaryStyleName}-scrollposition span { - background: transparent repeat-x; - background-image: url(img/scroll-indic-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ - border: 1px solid #939494; - border: none; - border-radius-bottomleft: 4px; - border-radius-bottomright: 4px; - -moz-border-radius-bottomleft: 4px; - -moz-border-radius-bottomright: 4px; - -webkit-border-bottom-left-radius: 4px; - -webkit-border-bottom-right-radius: 4px; - height: 13px; - padding: 4px 30px; - white-space: nowrap; - color: #222; - text-shadow: #fff 0 1px 0; - position: relative; - top: 1px; - -webkit-box-shadow: rgba(0,0,0,.5) 0 1px 2px; - -moz-box-shadow: rgba(0,0,0,.5) 0 1px 2px; -} -.#{$primaryStyleName}-borderless .#{$primaryStyleName}-scrollposition span { - top: 0; -} -/* row in column selector */ -.v-contextmenu .v-on, -.v-contextmenu .v-off { - display: inline-block; - zoom: 1; - background: transparent no-repeat 0 4px; - background-image: url(../common/icons/bullet.png); /** sprite-ref: verticals; sprite-margin-top: 4px; sprite-margin-bottom: 4px */ - padding-left: 12px; - padding-right: 4px; -} -.v-contextmenu .v-off { - background-image: none; - color: #666; -} -.v-contextmenu .gwt-MenuItem-selected .v-on { - background-image: url(../common/icons/bullet-white.png); /** sprite-ref: verticals; sprite-margin-top: 4px; sprite-margin-bottom: 5px */ -} - - -/* Strong style */ -.#{$primaryStyleName}-strong .#{$primaryStyleName}-header-wrap, -.#{$primaryStyleName}-strong .#{$primaryStyleName}-header-drag { - border-color: #2b3033; - border-top-color: #2b3033; - background-image: url(img/header-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ - color: #e7e9ea; - text-shadow: #000 0 -1px 0; -} -.#{$primaryStyleName}-strong .#{$primaryStyleName}-body { - border-top-color: #2b3033; -} -.#{$primaryStyleName}-strong .#{$primaryStyleName}-resizer { - border-right-color: #1c1f21; -} -.#{$primaryStyleName}-strong .#{$primaryStyleName}-header-cell-asc .#{$primaryStyleName}-sort-indicator { - background-image: url(img/asc.png); /** sprite-ref: verticals; sprite-alignment: right; sprite-margin-top: 7px; sprite-margin-bottom: 6px; sprite-margin-right: 6px; */ -} -.#{$primaryStyleName}-strong .#{$primaryStyleName}-header-cell-desc .#{$primaryStyleName}-sort-indicator { - background-image: url(img/desc.png); /** sprite-ref: verticals; sprite-alignment: right; sprite-margin-top: 7px; sprite-margin-bottom: 6px; sprite-margin-right: 6px; */ -} -.#{$primaryStyleName}-strong .#{$primaryStyleName}-column-selector { - background-image: url(img/col-sel.png); /** sprite-ref: verticals */ -} -.#{$primaryStyleName}-strong .#{$primaryStyleName}-column-selector:active { - background-image: url(img/col-sel-pressed.png); /** sprite-ref: verticals */ -} -.#{$primaryStyleName}-strong .#{$primaryStyleName}-focus-slot-left, -.#{$primaryStyleName}-strong .#{$primaryStyleName}-focus-slot-right { - border-color: #9ca1a5; -} - - -/* Table on black background (normal style) */ -.black .#{$primaryStyleName}-header-wrap, -.black .#{$primaryStyleName}-header-drag { - border-color: #252729; - background-image: url(img/header-bg-black.png); /** sprite-ref: black-verticals; sprite-alignment: repeat */ - color: #e7eaee; - text-shadow: #000 0 -1px 0; -} -.black .#{$primaryStyleName}-resizer { - border-right-color: #252729; -} -.black .#{$primaryStyleName}-header-cell-asc .#{$primaryStyleName}-sort-indicator { - background-image: url(img/asc.png); /** sprite-ref: black-verticals; sprite-alignment: right; sprite-margin-top: 7px; sprite-margin-bottom: 6px; sprite-margin-right: 6px; */ -} -.black .#{$primaryStyleName}-header-cell-desc .#{$primaryStyleName}-sort-indicator { - background-image: url(img/desc.png); /** sprite-ref: black-verticals; sprite-alignment: right; sprite-margin-top: 7px; sprite-margin-bottom: 6px; sprite-margin-right: 6px; */ -} -.black .#{$primaryStyleName}-column-selector { - background-image: url(img/col-sel-black.png); /** sprite-ref: black-verticals */ -} -.black .#{$primaryStyleName}-column-selector:active { - background-image: url(img/col-sel-black-pressed.png); /** sprite-ref: black-verticals */ -} -.black .#{$primaryStyleName}-focus-slot-left, -.black .#{$primaryStyleName}-focus-slot-right { - border-color: #9ca1a5; -} -.black .#{$primaryStyleName}-body { - border-color: #252729; - background: transparent; -} -.black .#{$primaryStyleName}-cell-content { - border-right-color: #252729; - border-bottom: 1px solid #252729; -} -.black .#{$primaryStyleName}-cell-wrapper { - padding-bottom: 2px; -} -.black .#{$primaryStyleName}-row-odd { - background: transparent; -} -/* Selection background-color combined with the default (white) style selector, so we don't have to duplicate the sprite image in the final sprite collection */ -.black .#{$primaryStyleName} .v-selected .#{$primaryStyleName}-cell-content { - border-bottom: 1px solid #4d749f; -} - -/* Borderless style */ -.#{$primaryStyleName}-borderless .#{$primaryStyleName}-header-wrap, -.#{$primaryStyleName}-borderless .#{$primaryStyleName}-body { - border: none; -} - -}
\ No newline at end of file |