123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291 |
- @orange: #f6b37f;
- @green: #4caf50;
- @cyan: #00bcd4;
- @blue: #3B9ED0;
- @red:#ff0000;
- @extBlue:#71A9FE;
- @tab-color:#3B9ED0;
- @ipt-color:#E9F5FA;
- @ipt-bg-color:#F0F0F0;
- @ipt-wrap-color:#e2e2e2;
- /***按钮hover***/
- @button-hover: #aaa;
- @base-color: #dbdfe8;
- @body-bg: @base-color;
- @btn-text-color: #fff;
- @text-color: #333;
- @placeholder-color: #716e6e;
- @link-hover-decoration: underline;
- /* 个人信息,表格边框颜色 */
- @person-table-color:#BBBFC1;
- /* 各模块边框颜色 */
- @part-border-color:#aaa7a7;
- @font-size-base: 12px;
- @font-size-large: 14px;
- @font-size-small: 10px;
- @font-size-h1: 24px;
- @font-size-h2: 20px;
- @font-size-h3: 16px;
- @font-size-h4: 14px;
- @font-size-h5: @font-size-base;
- @font-size-h6: @font-size-base;
- @box-shadow: 2px 0px 7px rgba(152, 151, 152, .4);
- @border-color:#666;
- @border-radius: 2px;
- @border-radius-default: 2px;
- @dropdwon-normal-width:200px;
- @dropdwon-small-width:400px;
- @dropdwon-long-width:600px;
- @dropdwon-height:200px;
- @selected-bg:#fff;
- @import-color:#ffad5f;
- @closeIcon:url(../images/del_nor.png) no-repeat;
- @closeHor:url(../images/del_hor.png) no-repeat;
- /*********推送内容容器宽度*************/
- @push-width: 450px;
- /****电子病历容器宽度*****/
- @EMR-width: calc(~"100% - "@push-width);
- /*******下拉框公用样式**********/
- .btnCom{
- border: none;
- outline: none;
- cursor: pointer;
- border-radius: 4px;
- text-align: center;
- }
- .pop{
- position: absolute;
- // top:40px;
- // top:30px;
- background: #fff;
- box-shadow: 0 10px 20px 0 #989DA3;
- // filter:progid:DXImageTransform.Microsoft.Shadow(color='#989DA3',Direction=125,Strength=6);
- border: 1px solid #dedede;
- z-index: 20;
- padding: 20px;
- white-space: nowrap;
- }
- .mult-li{
- // width: 200px;
- height: 32px;
- line-height: 32px;
- padding-right: 8px;
- }
- .select-li{
- height: 30px;
- line-height: 30px;
- width: 100%;
- font-size: 14px;
- text-align: left;
- color:#000000;
- border: 1px solid #fff;
- cursor: pointer;
- background:url(../images/first.png) rgba(59,158,208,0.1) 5px 8px no-repeat;
- }
- .clear{
- width: 60px;
- height: 44px;
- line-height: 44px;
- font-size: 12px;
- color:@red;
- // border: none;
- background: #fff;
- float: left;
- // outline: none;
- // text-align: center;
- // cursor: pointer;
- margin-left: 22px;
- position: relative;
- bottom: -10px;
- }
- .confirm{
- width: 120px;
- height: 44px;
- line-height: 44px;
- color:@blue;
- font-size: 12px;
- // border: 1px solid @blue;
- background: #fff;
- margin-left: 20px;
- float: right;
- // outline: none;
- text-align: right;
- // cursor: pointer;
- font-weight: bold;
- position: relative;
- bottom: -10px;
- padding-right: 10px;
- }
- :global(.red){
- color: @red;
- }
- .tag{
- display: inline-block;
- position: relative;
- /* margin-right: 5px;*/
- padding: 0 3px 3px 2px;
- color: @placeholder-color;
- cursor: pointer;
- &:before{
- content: '[';
- /*text-indent: -5px;*/
- display: inline-block;
- }
- &:after{
- content: ']';
- /*width: 8px;*/
- display: inline-block;
- }
- }
- .selected-tag{
- position: relative;//发热
- display: inline-block;
- color: @text-color;
- /*padding: 0 3px 0;*/
- border-bottom: 1px @border-color solid;
- }
- .no-tag{
- display: inline-block;
- position: relative;
- /*margin-right: 5px;
- padding: 0 3px 0;*/
- color: unset;
- border:none!important;
- &:before,&:after{
- content: ''!important;
- }
- /*color: @placeholder-color;*/
- }
- .hide{
- display: none!important;
- }
- .ellipsis {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .llStyle{
- box-shadow: 0 10px 20px 0 #989DA3;
- // filter:progid:DXImageTransform.Microsoft.Shadow(color='#989DA3',Direction=125,Strength=6);
- border: 1px solid #dedede;
- }
- .borderd{
- border:1px #000 solid;
- }
- .blue-border{
- border:2px @blue solid;
- border-radius: 2px;
- /*box-shadow: 0px 0px 2px @blue;*/
- }
- .orange-border{
- border:1px solid @import-color;
- //color: @import-color!important;
- }
- :global(.drag-title) {
- cursor: move;
- 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;
- }
- :global(.clearfix) {
- zoom: 1;
- }
- :global(.clearfix:after) {
- content: "";
- display: block;
- height: 0;
- clear: both;
- visibility: hidden;
- }
- // 加入病历
- .add-record{
- float: right;
- text-align: left;
- padding-left: 5px;
- cursor: default;
- display: inline-block;
- width: 99px;
- height: 26px;
- line-height: 26px;
- border: 1px solid #EAEDF1;
- border-radius: 4px;
- font-size: 12px;
- img{
- vertical-align: middle;
- width: 12px;
- margin:-3px 3px 0 0;
- }
- }
- .disable-add{
- float: right;
- text-align: left;
- padding-left: 5px;
- cursor: default;
- display: inline-block;
- width: 99px;
- height: 26px;
- line-height: 26px;
- border: 1px solid #EAEDF1;
- border-radius: 4px;
- font-size: 12px;
- color: @placeholder-color;
- img{
- vertical-align: middle;
- width: 12px;
- margin:-3px 3px 0 0;
- opacity: .5;
- }
- }
- // 弹窗遮罩
- .mask{
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background: #000;
- opacity: .6;
- filter:alpha(opacity=60);
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60);";
- z-index: 999;
- }
- .maskZIndex {
- z-index: 100;
- }
- .maskContentZIndex1 {
- z-index: 110;
- }
- .maskContentZIndex2 {
- z-index: 120;
- }
- .contentZIndex1 {
- z-index: 10;
- }
- .contentZIndex2 {
- z-index: 20;
- }
- .contentZIndex3 {
- z-index: 30;
- }
|