@bchr/bchr-front-lib 0.3.85 → 0.3.89

package/lib/style/bchrCommonClass.css

@@ -0,0 +1,344 @@
+/** 全局颜色 **/
+/** 常用色值 **/
+/** 常用字体大小 **/
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video,
+input {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font-weight: normal;
+  vertical-align: baseline;
+}
+body {
+  overflow-y: hidden;
+}
+a {
+  -webkit-backface-visibility: hidden;
+  text-decoration: none;
+}
+a:hover {
+  text-decoration: none !important;
+}
+ul {
+  margin: 0 !important;
+}
+li {
+  list-style: none;
+}
+.flex-row {
+  /* 容器内水平排列 */
+  position: relative;
+  display: flex;
+}
+.flex-column {
+  /* 容器内竖直排列 */
+  position: relative;
+  display: flex;
+  flex-direction: column;
+}
+.flex-between {
+  /* 分居容器内两侧 */
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+}
+.text_circle {
+  /* 行内圆形 */
+  position: relative;
+  display: inline-block;
+  box-sizing: border-box;
+  border-radius: 50%;
+}
+.block_circle {
+  /* 块圆形 */
+  position: relative;
+  display: block;
+  box-sizing: border-box;
+  border-radius: 50%;
+}
+.block_square_circle {
+  position: relative;
+  display: inline-block;
+  border-radius: 10px 10px;
+}
+.square {
+  /* 正方形 */
+  position: relative;
+  width: 100%;
+  padding-bottom: 100%;
+  height: 0;
+}
+.triangle {
+  /* 上三角 */
+  position: relative;
+  width: 0px;
+  height: 0px;
+  display: block;
+  border-left: 25px solid transparent;
+  border-right: 25px solid transparent;
+  border-bottom: 25px solid #5C9ACF;
+}
+.center-center {
+  /* 全局居中 */
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  text-align: center;
+  transform: translate(-50%, -50%);
+}
+.text-center {
+  /* 文本居中 */
+  text-align: center;
+}
+.can-move {
+  /* 可拖动 */
+  cursor: move;
+}
+.nobr {
+  /* 不换行 */
+  white-space: nowrap;
+}
+.text_overflow {
+  /* 单行文本的溢出显示省略号 */
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.text_overflow_more {
+  /* 单行文本的溢出显示省略号 */
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+.text_cannot_selected {
+  /* 禁止文本被选中 */
+  moz-user-select: -moz-none;
+  -moz-user-select: none;
+  -o-user-select: none;
+  -khtml-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.drop_down {
+  /* 下拉菜单 */
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 1000;
+  display: none;
+  float: left;
+  min-width: 160px;
+  padding: 5px 0;
+  margin: 2px 0 0;
+  list-style: none;
+  font-size: 14px;
+  text-align: left;
+  background-color: #ffffff;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  border-radius: 4px;
+  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
+}
+.right_line:after {
+  position: absolute;
+  top: 34px;
+  right: 0;
+  content: "";
+  width: 1px;
+  height: 80px;
+  background-color: #fff;
+  opacity: 0.4;
+}
+.tree-view-tool-bar {
+  border-bottom: 1px solid #e7e7e7;
+  height: 45px;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding: 0;
+}
+.tree-view-tool-bar .input-group {
+  margin-top: 5px;
+}
+.tree-view-tool-bar .input-group .tree-view-search-input {
+  border: none;
+  border-radius: 0px;
+  box-shadow: inset 0px 0px 0px #000000;
+  background-color: #f7f7f7 !important;
+  padding-top: 9px;
+  padding-bottom: 9px;
+  padding-left: 12px;
+  height: 35px;
+  font-size: 14px;
+  color: #666;
+}
+.tree-view-tool-bar .input-group .input-group-btn {
+  position: absolute;
+  right: 0px;
+  top: 0px;
+  z-index: 999;
+  cursor: pointer;
+}
+.tree-view-tool-bar .input-group .input-group-btn .search-in-tree-view {
+  display: block;
+  color: #03A9F4;
+  height: 40px;
+  width: 40px;
+  line-height: 40px;
+  text-align: center;
+}
+.react-grid-layout {
+  position: relative;
+  transition: height 200ms ease;
+  background-color: #e9ecf3;
+}
+.react-grid-item {
+  transition: all 200ms ease;
+  transition-property: left, top;
+  background-color: #fff;
+}
+.react-grid-item.cssTransforms {
+  transition-property: transform;
+}
+.react-grid-item.resizing {
+  z-index: 1;
+  will-change: width, height;
+}
+.react-grid-item.react-draggable-dragging {
+  transition: none;
+  z-index: 3;
+  will-change: transform;
+}
+.react-grid-item.react-grid-placeholder {
+  background: #000;
+  opacity: 0.2;
+  transition-duration: 100ms;
+  z-index: 2;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  -o-user-select: none;
+  user-select: none;
+}
+.react-grid-item > .react-resizable-handle {
+  position: absolute;
+  width: 20px;
+  height: 20px;
+  bottom: 0;
+  right: 0;
+  cursor: se-resize;
+}
+.react-grid-item > .react-resizable-handle::after {
+  content: "";
+  position: absolute;
+  right: 3px;
+  bottom: 3px;
+  width: 5px;
+  height: 5px;
+  border-right: 2px solid rgba(0, 0, 0, 0.4);
+  border-bottom: 2px solid rgba(0, 0, 0, 0.4);
+}
+.grad-icon {
+  position: relative;
+  top: -1px;
+  right: 2px;
+  font-size: 18px;
+}
+.grad-icon.delete {
+  top: -7px;
+  right: -5px;
+}
+.grad-icon.big {
+  font-size: 25px;
+  font-weight: 800;
+}
+.grad-icon.red {
+  color: #f36a5a;
+}
+.grad-icon.green {
+  color: #8bc34a;
+}