summaryrefslogtreecommitdiffstats
path: root/vaadin-grid/vaadin-grid.css
blob: 24f5ab5fe5f7f10bbf395a4b167fbf68fc4d17d9 (plain)
1
@-webkit-keyframes valo-grid-editor-footer-animate-in{0%{margin-top:-37px}}@keyframes valo-grid-editor-footer-animate-in{0%{margin-top:-37px}}@-webkit-keyframes valo-grid-editor-footer-animate-in-alt{0%{margin-bottom:-38px}100%{margin-bottom:-1px}}@keyframes valo-grid-editor-footer-animate-in-alt{0%{margin-bottom:-38px}100%{margin-bottom:-1px}}v-grid{font:300 16px/1.55 "Open Sans",sans-serif;display:block}v-grid .v-grid{position:relative}v-grid .v-grid-scroller{position:absolute;z-index:1;outline:none;box-sizing:border-box}v-grid .v-grid-scroller-horizontal{left:0;right:0;bottom:0;overflow-y:hidden;-ms-overflow-y:hidden}v-grid .v-grid-scroller-vertical{right:0;top:0;bottom:0;overflow-x:hidden;-ms-overflow-x:hidden}v-grid .v-grid-tablewrapper{position:absolute;overflow:hidden;box-sizing:border-box;z-index:5}v-grid .v-grid-tablewrapper>table{border-spacing:0;table-layout:fixed;width:inherit;position:static}v-grid .v-grid-header-deco,v-grid .v-grid-footer-deco{position:absolute;right:0;box-sizing:border-box}v-grid .v-grid-horizontal-scrollbar-deco{position:absolute;bottom:0;left:0;right:0;box-sizing:border-box}v-grid .v-grid-header,v-grid .v-grid-body,v-grid .v-grid-footer{position:absolute;left:0;width:inherit;z-index:10}v-grid .v-grid-header,v-grid .v-grid-header-deco{top:0}v-grid .v-grid-footer,v-grid .v-grid-footer-deco{bottom:0}v-grid .v-grid-body{z-index:0;top:0}v-grid .v-grid-body .v-grid-row{position:absolute;top:0;left:0}v-grid .v-grid-row{display:block}.v-ie8 v-grid .v-grid-row,.v-ie9 v-grid .v-grid-row{float:left;clear:left;margin-top:0}v-grid .v-grid-row>td,v-grid .v-grid-row>th{background-color:#fff}v-grid .v-grid-row{width:inherit}v-grid .v-grid-cell{display:block;float:left;padding:2px;white-space:nowrap;box-sizing:border-box;overflow:hidden;font-size:16px}v-grid .v-grid-cell.frozen{position:relative;z-index:1}v-grid .v-grid{outline:none}v-grid .v-grid-scroller-vertical,v-grid .v-grid-scroller-horizontal{border:1px solid #d4d4d4}v-grid .v-grid-scroller-vertical{border-left:none}v-grid .v-grid-scroller-horizontal{border-top:none}v-grid .v-grid-tablewrapper{border:1px solid #d4d4d4}v-grid .v-grid-cell{background-color:#fff;padding:0 12px;line-height:37px;text-overflow:ellipsis}v-grid .v-grid-cell>*{line-height:1.55;vertical-align:middle}v-grid .v-grid-cell>div{display:inline-block}v-grid .v-grid-cell.frozen{box-shadow:1px 0 2px rgba(0,0,0,0.1);border-right:1px solid #d4d4d4}v-grid .v-grid-cell.frozen+th,v-grid .v-grid-cell.frozen+td{border-left:none}v-grid .v-grid-row>td,v-grid .v-grid-editor-cells>div{border-left:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4}v-grid .v-grid-row>td:first-child,v-grid .v-grid-editor-cells>div:first-child{border-left:none}v-grid .v-grid-row-stripe>td{background-color:#f5f5f5}v-grid .v-grid-row-selected>td{background:#197de1}v-grid .v-grid-header th{position:relative;background-color:#fafafa;font-size:14px;font-weight:inherit;border-left:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;text-align:left}v-grid .v-grid-header th:first-child{border-left:none}v-grid .v-grid-header .sort-asc,v-grid .v-grid-header .sort-desc{padding-right:29px}v-grid .v-grid-header .sort-asc:after,v-grid .v-grid-header .sort-desc:after{font-family:sans-serif;content:"▲" " " attr(sort-order);position:absolute;right:12px;font-size:12px}v-grid .v-grid-header .sort-desc:after{content:"▼" " " attr(sort-order)}v-grid .v-grid-footer td{background-color:#fafafa;font-size:14px;font-weight:inherit;border-left:1px solid #d4d4d4;border-top:1px solid #d4d4d4;border-bottom:none}v-grid .v-grid-footer td:first-child{border-left:none}v-grid .v-grid-header-deco{border-top:1px solid #d4d4d4;border-right:1px solid #d4d4d4;background-color:#fafafa}v-grid .v-grid-footer-deco{border-bottom:1px solid #d4d4d4;border-right:1px solid #d4d4d4;background-color:#fafafa}v-grid .v-grid-horizontal-scrollbar-deco{background-color:#fafafa;border:1px solid #d4d4d4;border-top:none}v-grid .v-grid-cell-focused{position:relative}v-grid .v-grid-cell-focused:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #197de1;display:none;pointer-events:none}.ie8 v-grid .v-grid-cell-focused:before,.ie9 v-grid .v-grid-cell-focused:before,.ie10 v-grid .v-grid-cell-focused:before{content:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==)}v-grid .v-grid:focus .v-grid-cell-focused:before{display:block}v-grid .v-grid.v-disabled:focus .v-grid-cell-focused:before{display:none}v-grid .v-grid-editor{position:absolute;z-index:20;overflow:hidden;left:0;right:0;border:1px solid #d4d4d4;margin-top:-1px;box-shadow:0 0 9px rgba(0,0,0,0.2)}v-grid .v-grid-editor-cells{position:relative;white-space:nowrap}v-grid .v-grid-editor-cells>div{display:inline-block;box-sizing:border-box;vertical-align:middle;background:#fff}v-grid .v-grid-editor-cells>div:first-child{border-left:none}v-grid .v-grid-editor-cells>div>*{vertical-align:middle;display:inline-block}v-grid .v-grid-editor-cells>div .v-textfield,v-grid .v-grid-editor-cells>div .v-datefield,v-grid .v-grid-editor-cells>div .v-filterselect{min-width:100%;max-width:100%;min-height:100%;max-height:100%}v-grid .v-grid-editor-cells>div .v-select,v-grid .v-grid-editor-cells>div .v-select-select{min-width:100%;max-width:100%}v-grid .v-grid-editor-cells .error::before{position:absolute;display:block;height:0;width:0;content:"";border-top:5px solid red;border-right:5px solid transparent}v-grid .v-grid-editor-cells .error,v-grid .v-grid-editor-cells .error>input{background-color:#fee}v-grid .v-grid-editor-footer{display:table;height:37px;border-top:1px solid #d4d4d4;margin-top:-1px;background:#fff;padding:0 5px}v-grid .v-grid-editor-footer+.v-grid-editor-cells>div{border-bottom:none;border-top:1px solid #d4d4d4}v-grid .v-grid-editor-footer:first-child{border-top:none;margin-top:0;border-bottom:1px solid #d4d4d4;margin-bottom:-1px}v-grid .v-grid-editor-message,v-grid .v-grid-editor-buttons{display:table-cell;white-space:nowrap;vertical-align:middle}v-grid .v-grid-editor-message{width:100%;position:relative}v-grid .v-grid-editor-message>div{position:absolute;width:100%;overflow:hidden;text-overflow:ellipsis;line-height:37px;top:0}v-grid .v-grid-editor-save{margin-right:4px}v-grid .v-grid-cell>.v-progressbar{width:100%}v-grid .v-grid{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;background-color:#fafafa}v-grid .v-grid-header .v-grid-cell{background:linear-gradient(to bottom, #fafafa 2%,#f0f0f0 98%);text-shadow:0 1px 0 rgba(255,255,255,0.05)}v-grid .v-grid-footer .v-grid-cell{background:linear-gradient(to bottom, #fafafa 2%,#f0f0f0 98%);text-shadow:0 1px 0 rgba(255,255,255,0.05)}v-grid .v-grid-header-deco{background:linear-gradient(to bottom, #fafafa 2%,#f0f0f0 98%)}v-grid .v-grid-footer-deco,v-grid .v-grid-horizontal-scrollbar-deco{background:linear-gradient(to bottom, #fafafa 2%,#f0f0f0 98%)}v-grid .v-grid-row-selected>.v-grid-cell{background:linear-gradient(to bottom, #1b87e3 2%,#166ed6 98%);color:#c8dbed;text-shadow:0 -1px 0 rgba(0,0,0,0.05);border-color:#1d69b4}v-grid .v-grid-row-selected>.v-grid-cell-focused:before{border-color:#71b0ef}v-grid .v-grid-editor{box-shadow:0 0 0 2px rgba(25,125,225,0.5);border-color:#197de1}v-grid .v-grid-editor-footer{font-size:14px;padding:0 6px;background:#fafafa;-webkit-animation:valo-grid-editor-footer-animate-in 200ms 120ms backwards;animation:valo-grid-editor-footer-animate-in 200ms 120ms backwards}v-grid .v-grid-editor-footer:first-child{-webkit-animation:valo-grid-editor-footer-animate-in-alt 200ms 120ms backwards;animation:valo-grid-editor-footer-animate-in-alt 200ms 120ms backwards}v-grid .v-grid-editor-cells{z-index:1}v-grid .v-grid-editor-cells>div:before{content:"";display:inline-block;height:100%;vertical-align:middle}v-grid .v-grid-editor-cells>div .error::before{border-top:9px solid #ed473b;border-right:9px solid transparent}v-grid .v-grid-editor-cells>div .error,v-grid .v-grid-editor-cells>div .error>input{background-color:#fffbfb}v-grid .v-grid-editor-cells>div .v-textfield,v-grid .v-grid-editor-cells>div .v-textfield-focus,v-grid .v-grid-editor-cells>div .v-datefield,v-grid .v-grid-editor-cells>div .v-datefield .v-textfield-focus,v-grid .v-grid-editor-cells>div .v-filterselect-input,v-grid .v-grid-editor-cells>div .v-filterselect-input:focus{border:none;border-radius:0;background:transparent;box-shadow:inset 0 1px 0 #f2f2f2}v-grid .v-grid-editor-cells>div .v-textfield-focus,v-grid .v-grid-editor-cells>div .v-datefield .v-textfield-focus,v-grid .v-grid-editor-cells>div .v-filterselect-input:focus{position:relative}v-grid .v-grid-editor-cells>div .v-select{padding-left:6px;padding-right:6px}v-grid .v-grid-editor-cells>div .v-checkbox{margin:0 6px}v-grid .v-grid-editor-cells>div .v-checkbox label{white-space:nowrap}v-grid .v-grid-editor-message>div:before{display:inline-block;color:#ed473b;font-weight:600;width:19px;text-align:center;content:"!"}v-grid .v-grid-editor-save,v-grid .v-grid-editor-cancel{cursor:pointer;color:#197de1;text-decoration:underline;font-weight:inherit;transition:color 140ms;font-weight:400;text-decoration:none;border:none;background:transparent;padding:6px 6px;margin:0;outline:none}v-grid .v-grid-editor-save:hover,v-grid .v-grid-editor-cancel:hover{color:#4396ea}v-grid .v-grid-editor-save.v-disabled,v-grid .v-grid-editor-cancel.v-disabled{opacity:0.5}v-grid .v-grid-scroller::-webkit-scrollbar{border:none}v-grid .v-grid-scroller::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;background:rgba(0,0,0,0.3);background-clip:content-box}v-grid .v-grid-scroller-vertical::-webkit-scrollbar-thumb{min-height:30px}v-grid .v-grid-scroller-horizontal::-webkit-scrollbar-thumb{min-width:30px}