Ana Sayfa Keşfet Yardım
Üye Ol Giriş Yap
cxc
/
ifm
1
0
Çatalla 0
Dosyalar Sorunlar 0 Değişiklik İstekleri 0 Wiki
Ağaç: 0d282568d5
Dallar Biçim İmleri
ifm
/
WebRoot
/
views
/
haifm
/
stylesheets
/
huimv.min.css

huimv.min.css 12 KB
Geçmiş Ham

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970 
  1. #datePlugin{background:rgba(0,0,0,0.2);position:fixed;top:0;left:0;z-index:1111111;width:100%;height:100%;display:none}#datePlugin *{box-sizing:border-box;margin:0;padding:0;background-clip:padding-box}#datePlugin .d-date-box{position:absolute;bottom:0;background-color:#fff;width:100%}#datePlugin .d-date-title{text-align:center;font-weight:700;padding:10px}#datePlugin .d-date-info{color:#333;text-align:center;font-size:14px}#datePlugin .d-date-wrap{margin-top:10px;width:100%;height:120px;position:relative}#datePlugin .d-time-wrap{border-top:1px solid #2285e2}#datePlugin .d-time-wrap .d-date-cell{width:50%}#datePlugin .d-date-mark{background-color:#eee;border-top:1px solid #ddd;border-bottom:1px solid #ddd;position:absolute;top:40px;left:0;width:100%;height:40px}#datePlugin .d-date-cell{float:left;width:33.33333%;height:100%;overflow:hidden}#datePlugin .d-date-cell li{height:40px;line-height:40px;text-align:center}#datePlugin .d-date-btns .d-btn{background:#2285e2;display:inline-block;width:50%;margin-top:10px;border:0;border-top:1px solid #ddd;color:#fff;font-size:16px;padding:10px 0}#datePlugin .d-date-btns #d-okBtn{border-right:1px solid #ddd}#datePlugin .d-date-btns #d-cancleBtn{background:#bbb}@-webkit-keyframes emerge{from{opacity:.3;bottom:-14px}to{opacity:1;bottom:0}}@-moz-keyframes emerge{from{opacity:.3;bottom:-14px}to{opacity:1;bottom:0}}@-ms-keyframes emerge{from{opacity:.3;bottom:-14px}to{opacity:1;bottom:0}}@keyframes emerge{from{opacity:.3;bottom:-14px}to{opacity:1;bottom:0}}#sy .wrapper{margin:10px}div#alertBanner{position:fixed;left:0;right:0;top:40px;margin:0;padding:8px}.navbar-fixed-top{height:38px;background-color:#2285e2;opacity:.97;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;align-items:center}.navbar-fixed-top span.glyphicon-menu-left,.navbar-fixed-top span.logo{margin:10px;font-size:18px;color:#fff;width:40px}.navbar-fixed-top span.logo img{width:30px;height:30px}.navbar-fixed-top h4{color:#fff}.navbar-fixed-top h4 select{margin:auto;border-radius:4px;color:#555;height:29px;padding:3px 12px}.navbar-fixed-top .placeholder,.navbar-fixed-top .saveBtn,.navbar-fixed-top .glyphicon-wrench,.navbar-fixed-top .glyphicon-bell{line-height:1.1;margin:10px;font-size:18px;color:#fff;width:40px;height:20px;text-align:right}#bjMenu1 ul.nav-pills{background-color:#f0f0f0;height:30px}#bjMenu1 ul.nav-pills li{text-align:center;font-size:16px;line-height:30px;height:30px}#bjMenu1 ul.nav-pills li.active{color:#2285e2}#hkmenu1 ul.nav-pills,#menu1 ul.nav-pills{background-color:#f0f0f0;height:60px}#hkmenu1 ul.nav-pills li,#menu1 ul.nav-pills li{text-align:center;font-size:12px}#hkmenu1 ul.nav-pills li.active,#menu1 ul.nav-pills li.active{color:#2285e2}#hkmenu1 ul.nav-pills li img,#menu1 ul.nav-pills li img{width:30px;height:30px;margin:5px}#hkmenu1 ul.nav-pills li div,#menu1 ul.nav-pills li div{height:20px}#hkmenu1 .searchBtn,#menu1 .searchBtn{font-size:28px;position:absolute;top:-43px;right:38px;z-index:20}#menu1>.nav-pills>li{width:20% !important}#hkmenu2,#menu2{margin-top:38px}#hkmenu2 .container,#menu2 .container{margin-top:0}#hkmenu2 .container ul.nav,#menu2 .container ul.nav{background-color:#fff;border-bottom:1px solid #f0f0f0}#hkmenu2 .container ul.nav li.active,#menu2 .container ul.nav li.active{color:#428bca}#hkmenu2 .container ul.nav li.active:before,#menu2 .container ul.nav li.active:before{content:"";position:absolute;z-index:2;left:0;right:0;bottom:0;background:#2098d1;height:2px;width:80%;margin:0 auto}div#chartDiv{margin-bottom:70px;margin-right:10px;margin-left:10px;}.container{background-color:#f0f0f0}.container>div{background-color:#fff}.cardWrapper{margin-bottom:60px}.cardWrapper div.row{margin-top:3px}.cardWrapper div.row:first-child{margin-top:0}.cardWrapper div.row .leftDiv{text-align:center}.cardWrapper div.row .leftDiv div img{margin-top:20px;width:60px;height:60px}.cardWrapper div.row .leftDiv h5{border-radius:20px;background-color:#28cd6f;text-align:center;height:20px;line-height:20px;color:#f0f0f0;width:80px;margin:10px auto}.cardWrapper div.row .rightDiv{margin:16px auto 0}.cardWrapper div.row .rightDiv dl.dl-horizontal dt{height:26px;text-align:justify;float:left;width:60px;white-space:inherit;clear:left}.cardWrapper div.row .rightDiv dl.dl-horizontal dt span{display:inline-block;padding-left:100%}.cardWrapper div.row .rightDiv dl.dl-horizontal dd{margin-left:15px;float:left}#mc>.nav-pills>li.active:before{content:"";position:absolute;z-index:2;left:0;right:0;bottom:0;background:#2098d1;height:2px}#channelSwitch{height:270px;background:url(../images/hjkz/channelswitch.png) no-repeat;background-size:cover}#channelSwitch .panel{width:190px;height:190px;border-radius:100%;top:5%;position:relative;margin:0 auto;box-shadow:0 12px 31px rgba(123,178,226,0.55)}#channelSwitch .panel .infoPanel{position:relative;top:14%;color:#999;text-align:center;font-size:large}#channelSwitch .panel .lcdShow{font-size:28px;font-weight:bolder;text-align:center;top:22%;position:relative;color:rgba(34,133,226,0.8)}#channelSwitch .panel .flex-container{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-around;font-size:24px;height:60px;line-height:60px;width:65%;margin:0 auto;color:#2285e2;top:28%;position:relative}#channelSwitch .panel .flex-container .flex-item{text-align:center}#channelSwitch .panel .flex-container .flex-item:nth-child(2){font-size:19px;border-radius:100%;color:#fff;width:60px;letter-spacing:4px;background-color:#2285e2}#channelSwitch #slider{top:15%;position:relative;background:#fff;width:260px;border-radius:4px;height:4px;box-shadow:0 2px 4px rgba(123,178,226,0.3);margin:0 auto}#channelSwitch #slider i{position:absolute;color:#2285e2;width:30px;height:30px;border-radius:100%;top:-12px;font-size:30px}#channelSwitch #slider i.addBtn{left:-10px}#channelSwitch #slider i.subtractBtn{right:-10px}#channelSet,#alarmSet,#deviceAlarmSet{margin-top:38px;margin-bottom:40px}#channelSet dl.dl-horizontal,#alarmSet dl.dl-horizontal,#deviceAlarmSet dl.dl-horizontal{border-bottom:2px solid #f0f0f0;margin-bottom:0}#channelSet dl.dl-horizontal dt,#alarmSet dl.dl-horizontal dt,#deviceAlarmSet dl.dl-horizontal dt{text-align:center}#channelSet dl.dl-horizontal dt span.icon-wrapper,#alarmSet dl.dl-horizontal dt span.icon-wrapper,#deviceAlarmSet dl.dl-horizontal dt span.icon-wrapper{line-height:60px;position:relative;width:50px;margin:0 auto}#channelSet dl.dl-horizontal dt span.icon-wrapper img,#alarmSet dl.dl-horizontal dt span.icon-wrapper img,#deviceAlarmSet dl.dl-horizontal dt span.icon-wrapper img{width:50px;height:50px}#channelSet dl.dl-horizontal dt span.icon-wrapper span,#alarmSet dl.dl-horizontal dt span.icon-wrapper span,#deviceAlarmSet dl.dl-horizontal dt span.icon-wrapper span{background-color:rgba(39,135,225,0.93);border-radius:100%;width:24px;height:24px;line-height:24px;position:absolute;top:-12px;right:0;color:#fff}#channelSet dl.dl-horizontal dt span.glyphicon-alert,#alarmSet dl.dl-horizontal dt span.glyphicon-alert,#deviceAlarmSet dl.dl-horizontal dt span.glyphicon-alert{width:50px;font-size:24px;line-height:60px;height:100%}#channelSet dl.dl-horizontal dd,#alarmSet dl.dl-horizontal dd,#deviceAlarmSet dl.dl-horizontal dd{text-align:center;line-height:60px;height:60px}#channelSet dl.dl-horizontal dd input,#alarmSet dl.dl-horizontal dd input,#deviceAlarmSet dl.dl-horizontal dd input{height:24px;line-height:24px;width:95%;border:1px solid rgba(56,49,49,0.19);margin:18px auto}#channelSet dl.dl-horizontal dd span.caret,#alarmSet dl.dl-horizontal dd span.caret,#deviceAlarmSet dl.dl-horizontal dd span.caret{right:24px;top:48%;position:absolute}#channelSet dl.dl-horizontal dd span.glyphicon-trash,#alarmSet dl.dl-horizontal dd span.glyphicon-trash,#deviceAlarmSet dl.dl-horizontal dd span.glyphicon-trash{color:red}#channelSet dl.dl-horizontal dd span.glyphicon-ok,#alarmSet dl.dl-horizontal dd span.glyphicon-ok,#deviceAlarmSet dl.dl-horizontal dd span.glyphicon-ok{color:greenyellow}#channelSet div.infoBottom,#alarmSet div.infoBottom,#deviceAlarmSet div.infoBottom{position:absolute;width:100%;text-align:center;bottom:35px;color:rgba(176,176,176,0.68)}#channelSet .displayNone,#alarmSet .displayNone,#deviceAlarmSet .displayNone{display:none}#channelSet .addButtonWrapper,#alarmSet .addButtonWrapper,#deviceAlarmSet .addButtonWrapper{height:40px !important}#channelSet .addButtonWrapper div.addButton,#alarmSet .addButtonWrapper div.addButton,#deviceAlarmSet .addButtonWrapper div.addButton{position:relative;background-color:#39e605;box-shadow:0 5px 11px rgba(98,98,102,0.25);font-size:30px;width:35px;height:35px;line-height:30px;margin:0 auto;text-align:center;color:white;border-radius:100%}#channelSet #addWrapper,#alarmSet #addWrapper,#deviceAlarmSet #addWrapper{position:fixed;bottom:80px;width:100%}#channelSet #addWrapper .addButton,#alarmSet #addWrapper .addButton,#deviceAlarmSet #addWrapper .addButton{position:relative;background-color:#39e605;box-shadow:0 5px 11px rgba(98,98,102,0.25);font-size:30px;width:40px;height:40px;line-height:35px;margin:0 auto;text-align:center;color:white;border-radius:100%}#channelSet #addWrapper .emerge,#alarmSet #addWrapper .emerge,#deviceAlarmSet #addWrapper .emerge{-webkit-animation-name:emerge;animation-name:emerge;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#chooseHjkzSet .modal-dialog{width:300px;margin:36% auto 0 auto}#chooseHjkzSet .modal-dialog div.option{height:40px;line-height:40px;text-align:center}#chooseHjkzSet .modal-dialog div.option:first-child{border-bottom:1px solid #f0f0f0}ul.row{margin-left:0;margin-right:0;height:32px;line-height:32px;background-color:#f0f0f0;color:#969696}ul.row li{text-align:center}.modal#checkboxWrapper .modal-dialog{margin:55px}.modal#checkboxWrapper .modal-dialog .modal-header{background-color:#f4f2f2}.modal#checkboxWrapper .modal-dialog .modal-header .modal-title{text-align:center}.modal#checkboxWrapper .modal-dialog .modal-footer{text-align:center}.modal#checkboxWrapper .modal-dialog .modal-footer button.save{width:100%;background-color:#28ce6f;color:#f0f0f0}ul#alarmCheckbox{width:200px;margin:10px auto}ul#alarmCheckbox li{position:relative;padding-bottom:15px;padding-left:40px}ul#alarmCheckbox li .icheckbox_green{top:0;left:0;position:absolute;display:block;padding:0;width:20px;height:20px;background:url(../images/hjkz/green.png) no-repeat 0 0;border:0}ul#alarmCheckbox li .icheckbox_green input{position:absolute;opacity:0}ul#alarmCheckbox li .icheckbox_green ins{position:absolute;top:0;left:0;display:block;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;background:#fff}ul#alarmCheckbox li label{padding-left:16px}ul#alarmCheckbox li.checked div{background-position:-22px 0}ul#alarmCheckbox li.checked label{font-weight:bold;color:#1abc9c}.displayNone{display:none}
    2. 

  2. .nav-top {
    3. 

  3.   position: fixed;
    4. 

  4.   top: 0;
    5. 

  5.   left: 0;
    6. 

  6.   right: 0;
    7. 

  7.   background-color: #fff;
    8. 

  8.   border-bottom: 1px solid #ccc;
    9. 

  9.   display: flex;
    10. 

  10.   flex-direction: row;
    11. 

  11.   justify-content: space-around; }
    12. 

  12.   .nav-top li {
    13. 

  13.     padding: 10px; }
    14. 

  14.     .nav-top li.active {
    15. 

  15.       color: #357BDC;
    16. 

  16.       border-bottom: 2px solid #357BDC; }
    17. 

  17. 

  18. .bottom-da {
    19. 

  19.   position: fixed;
    20. 

  20.   right: 20px;
    21. 

  21.   top: 50px;
    22. 

  22.   padding: 3px;
    23. 

  23.   background-color: #357BDC;
    24. 

  24.   color: #ffffff; }
    25. 

  25. 

  26. .cont-div {
    27. 

  27.   margin-top: 90px;
    28. 

  28.   margin-bottom: 40px; }
    29. 

  29.   .cont-div div {
    30. 

  30.     padding: 10px 30px;
    31. 

  31.     display: flex;
    32. 

  32.     flex-direction: row;
    33. 

  33.     justify-content: space-between; }
    34. 

  34. 

  35. .nav-bottom {
    36. 

  36.   left: 0;
    37. 

  37.   right: 0;
    38. 

  38.   background-color: #fff;
    39. 

  39.   border-top: 1px solid #ccc;
    40. 

  40.   position: fixed;
    41. 

  41.   bottom: 0;
    42. 

  42.   margin-bottom: 0;
    43. 

  43.   display: flex;
    44. 

  44.   flex-direction: row;
    45. 

  45.   justify-content: center; }
    46. 

  46.   .nav-bottom li {
    47. 

  47.     margin: 5px;
    48. 

  48.     background-color: #357BDC;
    49. 

  49.     width: 30px;
    50. 

  50.     height: 30px;
    51. 

  51.     border-radius: 100%;
    52. 

  52.     color: #ffffff;
    53. 

  53.     padding: 4px; }
    54. 

  54.     .nav-bottom li::before {
    55. 

  55.       top: 4px;
    56. 

  56.       left: 4px;
    57. 

  57.       position: relative; }
    58. 

  58. .cont-div div span:first-child {
    59. 

  59. 	padding-right:20px;
    60. 

  60. 	width:180px;
    61. 

  61. }
    62. 

  62. input.modile{
    63. 

  63. 	font-size: 14px;
    64. 

  64.     line-height: 1.42857;
    65. 

  65.     color: #555;
    66. 

  66.     background-color: #fff;
    67. 

  67.     background-image: none;
    68. 

  68.     border: 1px solid #ccc;
    69. 

  69.     border-radius: 4px;
    70. 

  70. }
    71.