FilesExpand file tree

 master

/

datatable.css

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

116 lines (102 loc) · 2.93 KB

 master

/

datatable.css

Copy path

Top

File metadata and controls

• Code
• Blame

116 lines (102 loc) · 2.93 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

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

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

.datatable {

margin:40px auto;

}

.datatable table {

background-color:#fff;

border:solid #ccc 1px;

*border-collapse:collapse;

-moz-border-radius:6px;

-webkit-border-radius:6px;

border-radius:6px;

border-spacing:0;

-webkit-box-shadow:0 1px 1px #ccc;

-moz-box-shadow:0 1px 1px #ccc;

box-shadow:0 1px 1px #ccc;

width:100%;

}

.datatable table tr:nth-child(even) {

background:#fefdfa;

}

.datatable table tr:hover {

background:#fbf8e9;

-o-transition:all 0.1s ease-in-out;

-webkit-transition:all 0.1s ease-in-out;

-moz-transition:all 0.1s ease-in-out;

-ms-transition:all 0.1s ease-in-out;

transition:all 0.1s ease-in-out;

}

.datatable table td,

.datatable table th {

border-left:1px solid #ccc;

border-top:1px solid #ccc;

padding:10px;

text-align:left;

}

.datatable table th {

background-color:#dce9f9;

background-image:-webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));

background-image:-webkit-linear-gradient(top, #ebf3fc, #dce9f9);

background-image:-moz-linear-gradient(top, #ebf3fc, #dce9f9);

background-image:-ms-linear-gradient(top, #ebf3fc, #dce9f9);

background-image:-o-linear-gradient(top, #ebf3fc, #dce9f9);

background-image:linear-gradient(top, #ebf3fc, #dce9f9);

border-top:none;

-webkit-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;

-moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;

box-shadow:0 1px 0 rgba(255,255,255,.8) inset;

cursor:pointer;

padding-right:28px;

position:relative;

text-shadow:0 1px 0 rgba(255,255,255,.5);

-webkit-user-select:none;

-moz-user-select:none;

-ms-user-select:none;

-o-user-select:none;

user-select:none;

}

.datatable table th .fa {

position:absolute;

right:10px;

}

.datatable table th .fa-sort-asc,

.datatable table th .fa-sort-desc {

color:#ffbb1e;

}

.datatable table th:active {

background-color:#c2d8f4;

background-image:-webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#c2d8f4));

background-image:-webkit-linear-gradient(top, #ebf3fc, #c2d8f4);

background-image:-moz-linear-gradient(top, #ebf3fc, #c2d8f4);

background-image:-ms-linear-gradient(top, #ebf3fc, #c2d8f4);

background-image:-o-linear-gradient(top, #ebf3fc, #c2d8f4);

background-image:linear-gradient(top, #ebf3fc, #c2d8f4);

}

.datatable table td:first-child,

.datatable table th:first-child {

border-left:none;

}

.datatable table th:first-child {

-moz-border-radius:6px 0 0 0;

-webkit-border-radius:6px 0 0 0;

border-radius:6px 0 0 0;

}

.datatable table th:last-child {

-moz-border-radius:0 6px 0 0;

-webkit-border-radius:0 6px 0 0;

border-radius:0 6px 0 0;

}

.datatable table th:only-child {

-moz-border-radius:6px 6px 0 0;

-webkit-border-radius:6px 6px 0 0;

border-radius:6px 6px 0 0;

}

.datatable table tr:last-child td:first-child {

-moz-border-radius:0 0 0 6px;

-webkit-border-radius:0 0 0 6px;

border-radius:0 0 0 6px;

}

.datatable table tr:last-child td:last-child {

-moz-border-radius:0 0 6px 0;

-webkit-border-radius:0 0 6px 0;

border-radius:0 0 6px 0;

}