forked from direct-fuel-injection/bbGrid
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbbGrid.css
58 lines (58 loc) · 4.71 KB
/
bbGrid.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
/*! bbGrid.css 0.6.4
*
* (c) 2012-2013 Minin Alexey, direct-fuel-injection.
* bbGrid may be freely distributed under the MIT license.
* For all details and documentation:
* http://direct-fuel-injection.github.com/bbGrid/
*
* This is a forked version, maintained by Dirk Bunk: https://github.com/krix/bbGrid/blob/master/bbGrid.js
* Changes:
* 25.03.2014, Dirk Bunk: Removed 'tr:hover' pseudoselector due to mobile performance issues.
* 31.03.2014, Dirk Bunk: Changed table-style of subgrid-row.
* Changed main font size of bbGrid-grid to better fit personal needs.
* Changed 'bbGrid-subgrid-control' font-size and padding to better fit Bootstrap 3 Glyphicons.
*/
.bbGrid-grid { table-layout: fixed; font-size: 12px}
.bbGrid-grid td{ cursor: default; overflow: hidden; white-space:nowrap; line-height: 1; vertical-align: middle}
.bbGrid-grid tr{height:2.4em;}
.bbGrid-grid .bbGrid-grid-head{font-size: 12px; cursor: pointer}
.bbGrid-grid .bbGrid-grid-head th, .bbGrid-grid .bbGrid-grid-head td{overflow: hidden; white-space: normal; background-color: #F5F5F5}
.bbGrid-grid .bbGrid-grid-head i{ float: right}
.bbGrid-grid .bbGrid-grid-head .bbGrid-filter-bar input,.bbGrid-grid .bbGrid-grid-head .bbGrid-filter-bar select{display: block;padding: 1px 6px;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0px; font-size: 12px; width:100%; height: 22px}
.bbGrid-grid .bbGrid-grid-head .bbGrid-filter-bar select{height: 24px;padding:2px 2px;}
.bbGrid-grid .bbGrid-actions-cell { padding: 2px 5px; text-align: center}
.bbGrid-grid .bbGrid-subgrid-control { font-size: 12px; padding-left: 4px; text-align: center}
.bbGrid-grid .bbGrid-multiselect-control input{margin: 0}
.bbGrid-container {width: auto}
.bbGrid-container .bbGrid-loading{ margin: 3px 0 2px 40%;width: 20% }
.bbGrid-container .bbGrid-loading .bbGrid-loading-progress{ width: 100%; line-height: 20px}
.bbGrid-container .table{ margin: 0 }
.bbGrid-container .bbGrid-pager-container{height: 26px; width: 380px; left: 50%; margin-left:-190px; position: absolute}
.bbGrid-container .bbGrid-pager-container-norowslist{width: 205px; margin-left:-100px}
.bbGrid-container .bbGrid-grid-nav{ margin: 0; background-color: #F5F5F5; background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #A2A2A2; border-image: none; border-radius: 4px 4px 4px 4px; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); color: #333333; padding: 0 0 1px 1px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; position: relative; height: 28px}
.bbGrid-subgrid-row .table.bbGrid-grid { border: 1px solid #DDDDDD; }
.bbGrid-container .bbGrid-pager{ margin: 2px 0 0; cursor: pointer}
.bbGrid-container .bbGrid-pager .nav{ margin-bottom: 0; padding-bottom: 0}
.bbGrid-container .bbGrid-pager i{ margin: 0}
.bbGrid-container .bbGrid-pager a{margin: 0 1px; padding: 4px; border: 1px solid #CCCCCC}
.bbGrid-container .bbGrid-pager a:hover{background-color: #FAF2CC;}
.bbGrid-container .bbGrid-pager a:active{box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);}
.bbGrid-container .bbGrid-pager li.active a{ background-color:#F5F5F5}
.bbGrid-container .bbGrid-pager li.active a:active{box-shadow: none;}
.bbGrid-container .bbGrid-page-counter {font-size: 11px; padding: 2px 0px 0px 4px}
.bbGrid-container .bbGrid-page-counter-right {font-size: 11px; padding: 2px 2px 0px 4px}
.bbGrid-container .bbGrid-grid-nav .bbGrid-page-input{float: left; padding: 1px; margin: 0 0 0 1px; width: 30px; font-size: 11px;text-align: center }
.bbGrid-grid-nav .bbGrid-navBar-buttonsContainer {margin: 2px 0 0}
.bbGrid-navBar-buttonsContainer button{margin-right: 1px}
.bbGrid-container .bbGrid-grid-nav .bbGrid-pager-rowlist {width: 56px; margin-top: 2px; margin-left:2px; padding: 3px 2px; height: 24px; font-size: 11px}
.bbGrid-pager-container .bbGrid-pager ul li {list-style:none;padding-left: 0;}
.bbGrid-container .bbGrid-pager-rowlist-label {line-height: 20px; font-size: 11px; margin-top:2px; padding: 2px 0px 0px 4px}
.bbGrid-grid caption{font-size: 1.4em;font-weight: bold;line-height: 2em}
.bbGrid-search-bar {padding: 2px}
.bbGrid-search-bar input, .bbGrid-search-bar button{padding: 1px 6px;}
.bbGrid-search-bar input{ font-size: 12px}
.bbGrid-search-bar li > a{font-size: 12px; padding-top: 1px; padding-bottom: 1px}
.bbGrid-rshandle-container {position: relative;}
.bbGrid-rshandle {position: absolute;width: 7px;cursor: ew-resize;margin-left: -3px;z-index: 2;}
.bbGrid-table-resizing {cursor: ew-resize;}
.bbGrid-table-resizing thead, .bbGrid-table-resizing thead > th, .bbGrid-table-resizing thead > th > a {cursor: ew-resize;}