Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
malwaredllc
GitHub Repository: malwaredllc/byob
 Path: blob/master/web-gui/buildyourownbotnet/assets/js/datatables/Buttons-1.0.3/css/buttons.jqueryui.css
1293 views
1
div.dt-button-info {

2
  position: fixed;

3
  top: 50%;

4
  left: 50%;

5
  width: 400px;

6
  margin-top: -100px;

7
  margin-left: -200px;

8
  background-color: white;

9
  border: 2px solid #111;

10
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);

11
  border-radius: 3px;

12
  text-align: center;

13
  z-index: 21;

14
}

15
div.dt-button-info h2 {

16
  padding: 0.5em;

17
  margin: 0;

18
  font-weight: normal;

19
  border-bottom: 1px solid #ddd;

20
  background-color: #f3f3f3;

21
}

22
div.dt-button-info > div {

23
  padding: 1em;

24
}

25


26
div.dt-buttons {

27
  position: relative;

28
  float: left;

29
}

30
div.dt-buttons .dt-button {

31
  margin-right: 0;

32
}

33
div.dt-buttons .dt-button span.ui-icon {

34
  display: inline-block;

35
  vertical-align: middle;

36
  margin-top: -2px;

37
}

38
div.dt-buttons .dt-button:active {

39
  outline: none;

40
}

41
div.dt-buttons .dt-button:hover > span {

42
  background-color: rgba(0, 0, 0, 0.05);

43
}

44


45
div.dt-button-collection {

46
  position: absolute;

47
  top: 0;

48
  left: 0;

49
  width: 150px;

50
  margin-top: 3px;

51
  padding: 8px 8px 4px 8px;

52
  border: 1px solid #ccc;

53
  border: 1px solid rgba(0, 0, 0, 0.4);

54
  background-color: #f3f3f3;

55
  background-color: rgba(255, 255, 255, 0.3);

56
  overflow: hidden;

57
  z-index: 2002;

58
  border-radius: 5px;

59
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);

60
  z-index: 2002;

61
  -webkit-column-gap: 8px;

62
  -moz-column-gap: 8px;

63
  -ms-column-gap: 8px;

64
  -o-column-gap: 8px;

65
  column-gap: 8px;

66
  -webkit-column-gap: 0;

67
  -moz-column-gap: 0;

68
  -ms-column-gap: 0;

69
  -o-column-gap: 0;

70
  column-gap: 0;

71
}

72
div.dt-button-collection .dt-button {

73
  position: relative;

74
  left: 0;

75
  right: 0;

76
  display: block;

77
  float: none;

78
  margin-right: 0;

79
}

80
div.dt-button-collection .dt-button:last-child {

81
  margin-bottom: 4px;

82
}

83
div.dt-button-collection .dt-button:hover > span {

84
  background-color: rgba(0, 0, 0, 0.05);

85
}

86
div.dt-button-collection.fixed {

87
  position: fixed;

88
  top: 50%;

89
  left: 50%;

90
  margin-left: -75px;

91
}

92
div.dt-button-collection.fixed.two-column {

93
  margin-left: -150px;

94
}

95
div.dt-button-collection.fixed.three-column {

96
  margin-left: -225px;

97
}

98
div.dt-button-collection.fixed.four-column {

99
  margin-left: -300px;

100
}

101
div.dt-button-collection > * {

102
  -webkit-column-break-inside: avoid;

103
  break-inside: avoid;

104
}

105
div.dt-button-collection.two-column {

106
  width: 300px;

107
  padding-bottom: 1px;

108
  -webkit-column-count: 2;

109
  -moz-column-count: 2;

110
  -ms-column-count: 2;

111
  -o-column-count: 2;

112
  column-count: 2;

113
}

114
div.dt-button-collection.three-column {

115
  width: 450px;

116
  padding-bottom: 1px;

117
  -webkit-column-count: 3;

118
  -moz-column-count: 3;

119
  -ms-column-count: 3;

120
  -o-column-count: 3;

121
  column-count: 3;

122
}

123
div.dt-button-collection.four-column {

124
  width: 600px;

125
  padding-bottom: 1px;

126
  -webkit-column-count: 4;

127
  -moz-column-count: 4;

128
  -ms-column-count: 4;

129
  -o-column-count: 4;

130
  column-count: 4;

131
}

132


133
div.dt-button-background {

134
  position: fixed;

135
  top: 0;

136
  left: 0;

137
  width: 100%;

138
  height: 100%;

139
  background: rgba(0, 0, 0, 0.7);

140
  /* Fallback */

141
  background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);

142
  /* IE10 Consumer Preview */

143
  background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);

144
  /* Firefox */

145
  background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);

146
  /* Opera */

147
  background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7)));

148
  /* Webkit (Safari/Chrome 10) */

149
  background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);

150
  /* Webkit (Chrome 11+) */

151
  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);

152
  /* W3C Markup, IE10 Release Preview */

153
  z-index: 2001;

154
}

155


156
@media screen and (max-width: 640px) {

157
  div.dt-buttons {

158
    float: none !important;

159
    text-align: center;

160
  }

161
}

162


163