Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
malwaredllc
GitHub Repository: malwaredllc/byob
 Path: blob/master/web-gui/buildyourownbotnet/assets/js/jcrop/jquery.Jcrop.css
1293 views
1
/* jquery.Jcrop.css v0.9.12 - MIT License */

2
/*

3
  The outer-most container in a typical Jcrop instance

4
  If you are having difficulty with formatting related to styles

5
  on a parent element, place any fixes here or in a like selector

6


7
  You can also style this element if you want to add a border, etc

8
  A better method for styling can be seen below with .jcrop-light

9
  (Add a class to the holder and style elements for that extended class)

10
*/

11
.jcrop-holder {

12
  direction: ltr;

13
  text-align: left;

14
  /* IE10 touch compatibility */

15
  -ms-touch-action: none;

16
}

17
/* Selection Border */

18
.jcrop-vline,

19
.jcrop-hline {

20
  background: #ffffff url("Jcrop.gif");

21
  font-size: 0;

22
  position: absolute;

23
}

24
.jcrop-vline {

25
  height: 100%;

26
  width: 1px !important;

27
}

28
.jcrop-vline.right {

29
  right: 0;

30
}

31
.jcrop-hline {

32
  height: 1px !important;

33
  width: 100%;

34
}

35
.jcrop-hline.bottom {

36
  bottom: 0;

37
}

38
/* Invisible click targets */

39
.jcrop-tracker {

40
  height: 100%;

41
  width: 100%;

42
  /* "turn off" link highlight */

43
  -webkit-tap-highlight-color: transparent;

44
  /* disable callout, image save panel */

45
  -webkit-touch-callout: none;

46
  /* disable cut copy paste */

47
  -webkit-user-select: none;

48
}

49
/* Selection Handles */

50
.jcrop-handle {

51
  background-color: #333333;

52
  border: 1px #eeeeee solid;

53
  width: 7px;

54
  height: 7px;

55
  font-size: 1px;

56
}

57
.jcrop-handle.ord-n {

58
  left: 50%;

59
  margin-left: -4px;

60
  margin-top: -4px;

61
  top: 0;

62
}

63
.jcrop-handle.ord-s {

64
  bottom: 0;

65
  left: 50%;

66
  margin-bottom: -4px;

67
  margin-left: -4px;

68
}

69
.jcrop-handle.ord-e {

70
  margin-right: -4px;

71
  margin-top: -4px;

72
  right: 0;

73
  top: 50%;

74
}

75
.jcrop-handle.ord-w {

76
  left: 0;

77
  margin-left: -4px;

78
  margin-top: -4px;

79
  top: 50%;

80
}

81
.jcrop-handle.ord-nw {

82
  left: 0;

83
  margin-left: -4px;

84
  margin-top: -4px;

85
  top: 0;

86
}

87
.jcrop-handle.ord-ne {

88
  margin-right: -4px;

89
  margin-top: -4px;

90
  right: 0;

91
  top: 0;

92
}

93
.jcrop-handle.ord-se {

94
  bottom: 0;

95
  margin-bottom: -4px;

96
  margin-right: -4px;

97
  right: 0;

98
}

99
.jcrop-handle.ord-sw {

100
  bottom: 0;

101
  left: 0;

102
  margin-bottom: -4px;

103
  margin-left: -4px;

104
}

105
/* Dragbars */

106
.jcrop-dragbar.ord-n,

107
.jcrop-dragbar.ord-s {

108
  height: 7px;

109
  width: 100%;

110
}

111
.jcrop-dragbar.ord-e,

112
.jcrop-dragbar.ord-w {

113
  height: 100%;

114
  width: 7px;

115
}

116
.jcrop-dragbar.ord-n {

117
  margin-top: -4px;

118
}

119
.jcrop-dragbar.ord-s {

120
  bottom: 0;

121
  margin-bottom: -4px;

122
}

123
.jcrop-dragbar.ord-e {

124
  margin-right: -4px;

125
  right: 0;

126
}

127
.jcrop-dragbar.ord-w {

128
  margin-left: -4px;

129
}

130
/* The "jcrop-light" class/extension */

131
.jcrop-light .jcrop-vline,

132
.jcrop-light .jcrop-hline {

133
  background: #ffffff;

134
  filter: alpha(opacity=70) !important;

135
  opacity: .70!important;

136
}

137
.jcrop-light .jcrop-handle {

138
  -moz-border-radius: 3px;

139
  -webkit-border-radius: 3px;

140
  background-color: #000000;

141
  border-color: #ffffff;

142
  border-radius: 3px;

143
}

144
/* The "jcrop-dark" class/extension */

145
.jcrop-dark .jcrop-vline,

146
.jcrop-dark .jcrop-hline {

147
  background: #000000;

148
  filter: alpha(opacity=70) !important;

149
  opacity: 0.7 !important;

150
}

151
.jcrop-dark .jcrop-handle {

152
  -moz-border-radius: 3px;

153
  -webkit-border-radius: 3px;

154
  background-color: #ffffff;

155
  border-color: #000000;

156
  border-radius: 3px;

157
}

158
/* Simple macro to turn off the antlines */

159
.solid-line .jcrop-vline,

160
.solid-line .jcrop-hline {

161
  background: #ffffff;

162
}

163
/* Fix for twitter bootstrap et al. */

164
.jcrop-holder img,

165
img.jcrop-preview {

166
  max-width: none;

167
}

168


169