jquery-table/jquery.table.css at gh-pages · notxx/jquery-table · GitHub

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
@charset "utf-8";

table.ui-table { table-layout: fixed; }
table.ui-table tr { -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; -o-user-select: none; }
table.ui-table thead { }
table.ui-table thead tr td { font-weight: bolder; font-size: larger; text-align: center; }
table.ui-table tbody { }
table.ui-table tbody tr { }
table.ui-table tbody tr td { padding: 0.4em; overflow: hidden; text-overflow: ellipsis; }
table.ui-table tbody tr.ui-state-active td { font-weight: bolder; font-size: larger;  }

/* loading thx to https://github.com/tobiasahlin/SpinKit */
table.ui-table caption.more { margin: .4em auto; text-align: center; height: 1em; }
div.loading, div.loading:before, div.loading:after { position: absolute; display: block; left: 50%; width: 1em; height: 1em; margin-left: -.5em; border-radius: 100%; background-color: transparent; }
div.loading:before, div.loading:after { content: " "; opacity: 0.6; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; }
div.loading:before { background-color: red; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
div.loading:after { background-color: blue;  }
@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

table.ui-table .ui-icon { display: inline-block; }

table.ui-table.embed { width: 100%; margin: 0.1em auto; }