formular.css
5.91 KB
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
@CHARSET "UTF-8";
/* setFormular.jsp */
.formular_info{width: 90%;margin: 0px auto;color: #888;position: relative;height: 100%;;}
.head{font-size: 18px;padding-top: 10px;color: #505050}
.formular_info .formular_name{width: 90%;padding-top: 20px;overflow: hidden;box-sizing: border-box;color: #505050}
.formular_info .formular_name > span{float: left;width: 20%;}
.formular_info .formular_name > input{float: left;width: 80%;height: 30px;line-height: 30px;padding-left:10px;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;}
.formular_info .selectFn{width: 90%;width: 80%;border: 1px solid #828790;margin: 5px auto 5px;height: 120px;padding:10px;height: 100px;overflow-y:scroll;
border-radius: 4px;}
.formular_info .selectFn p{padding-left:7px}
.formular_info .description{width: 90%;width: 80%;border: 1px solid #828790;margin: 5px auto;padding: 10px;border-radius: 4px;}
.formular_info .description div:not(:first-child){display: none}
.formular_info .word_description{color: #999;font-size: 14px;padding: 5px 10px;border-radius: 4px;}
/* topFormula.jsp */
#topFormula_Input{border-bottom:1px solid #4FBE6D;padding:0px 10px;overflow: hidden;color: #666;height: 30px;line-height: 30px;display: none;}
#topFormula_Input .topFormula_left{float: left;text-align: center;width: 200px;}
#topFormula_Input .topFormula_right{float: left;width: calc(100% - 220px);}
#topFormula_Input .topFormula_right span:nth-child(1){display: inline-block;background: radial-gradient(circle at 30% 25%, white, lightblue);
border-left: #688CAF;border-right: #688CAF;border-radius: 30px 0 0 30px;width: 100px;text-align: center;}
#topFormula_edit{display: inline-block;margin-left: 10px;background:#2db7f5;border-radius: 4px;color: #fff;text-align: center;height: 22px;line-height: 22px;width:40px;
font-size: 12px}
#topFormula_edit:hover{background:#2690e3;}
#topFormula_Input .topFormula_right input{border: none;color: #666;padding-left: 10px;}
.formular_info_footer{width: calc(100% + 10%);text-align: right;position: absolute;bottom: 0px;left: -5%;border-top: 1px solid #ccc;height: 50px;line-height: 50px;}
.formular_info_footer button{margin-right: 15px;}
#weaver-fna-formular-footer-sure{background-color: #2db7f5;color: #fff;text-align: center;height: 28px;line-height: 28px;border-radius: 4px;width: 50px;font-size:12px;}
#weaver-fna-formular-footer-cancel{background:#fff;border-radius: 4px;color: #000;text-align: center;height: 28px;line-height: 28px;width:50px;font-size: 12px;
border:1px solid #d9d9d9;border-radius: 3px;}
#weaver-fna-formular-footer-sure:hover{background:#2690e3}
#weaver-fna-formular-footer-cancel:hover{border:1px solid #2db7f5;color: #2db7f5;}
#custom_input{background: #fff;width:60%;}
#custom_input{margin-top: -3px}
#topFormula_edit{display: none;}
/* setFormulaCondition.jsp */
#formular_box{position:absolute;z-index:99;width:500px;height:220px;top:50%;left:50%;margin-left:-300px;margin-top:-100px;border:1px solid #ccc;
background: #fff;border-radius: 6px;box-shadow:0px 0px 0px 2px rgba(204, 204, 204, 0.966);display: none;
}
.formular_header{height: 45px;line-height: 45px;padding: 0px 12px;border-bottom: 1px solid #ccc;overflow: hidden;background: #2db7f5;color: #fff;
border-radius:6px 6px 0 0;position: relative;font-size: 18px;}
#formular_Content{width: 84%;margin:30px auto 10px;margin-top: 30px;}
#formular_box .custom_fna{width: 84%;margin: 10px auto;overflow: hidden;}
.focus_box div{margin-top:10px;overflow: hidden;}
.focus_box div span,#formular_box .custom_fna span{width: 25%;font-size: 16px;color: #9c9c9c;float: left;height: 30px;line-height: 30px;}
.focus_box div input,#formular_box .custom_fna div{width: 70%;height: 30px;line-height: 30px;padding-left:10px;float: left;border: 1px solid #ccc;border-radius: 4px;}
#formular_box .custom_fna div{width: 80px;text-align: center;padding-left:0px;background:#2db7f5;border-radius: 4px;color: #fff;}
#formular_box .custom_fna div:hover{background: #2690e3}
.formular_footer{height: 50px;line-height: 50px;width: 100%;border-top:1px solid #ccc;position: absolute;bottom: 0;text-align: right;}
.formular_footer button{margin-right: 15px}
#weaver-fna-formular-sure{background-color: #2db7f5;color: #fff;text-align: center;height: 30px;line-height: 30px;border-radius: 4px;width: 60px;}
#boxCancel{background:#fff;border-radius: 4px;color: #000;border: 1px solid #d9d9d9;text-align: center;height: 30px;line-height: 30px;width:60px;}
#weaver-fna-formular-sure:hover{background:#2690e3}
#boxCancel:hover{border:1px solid #2690e3;color: #2690e3;}
/* formulaList.jsp */
#formulaListModal{display: none;position: relative;}
#formulaListModal .coverFormula{width: 100%;height: 100%;position: fixed;background: #000;opacity: 0.4;z-index: 100;top: 0;left: 0;}
#formulaListModal .contentFormula{width: 1000px;height: 500px;position: absolute;z-index:100;top:50%;left:50%;border:1px solid #ccc;
background: #fff;border-radius: 6px;margin-left:-500px;margin-top:50px;}
#formulaListModal .listHead{height: 48px;line-height: 48px;padding: 0px 20px;border-bottom: 1px solid #e9e9e9;overflow: hidden;background: #F9F9F9;color: #666;
border-radius:6px 6px 0 0;position: relative;overflow: hidden;}
#formulaListModal .listHead span{float:right;font-size: 18px}
#formulaListModal .contentFormula table{width: 90%;max-height: 300px;color: #333333;border: 1px solid #e8e8e8;overflow: auto;margin: 20px auto;}
#formulaListModal .contentFormula table thead tr th{border-bottom: 1px solid #e8e8e8;border-right: 1px solid #e8e8e8;color: rgba(0,0,0,0.85);
font-weight: 500;text-align: left;padding: 14px 14px;}
#formulaListModal .contentFormula table thead tr th:nth-child(4) {max-width:550px;}
#formulaListModal .contentFormula table tbody tr td{padding: 10px 10px;border-right:1px solid #e8e8ee;border-bottom:1px solid #e8e8ee;}
#formulaListModal .contentFormula table tbody tr td:nth-child(4) {white-space: pre-line;word-break: break-all;word-wrap: break-word;max-width:550px;}
#formulaListModal .contentFormula table tbody tr:hover{background: #F0F6F6}