[phr] css 수정.

src/main/webapp/resources/css/common/classic.css

@@ -59,7 +59,7 @@
 .w150 { display: inline-block; width: 150px; }
 .w200 { display: inline-block; width: 200px; }
 .max360 { max-width: 360px; }
-.toggle .card-header { position: relative; padding: 15px 20px; background-color: #FAFAFA; border: 1px solid #AAAAAA; border-radius: 0px; }
+.toggle .card-header { position: relative; padding: 15px 20px; background-color: #FAFAFA; border: 1px solid #d1d1d1; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
 .toggle .card-header h1 { margin-bottom: 0px; }
 .toggle .card-header a.toggleBtn { position: absolute; top: 50%; right: 20px; margin-top: -15px; display: block; width: 30px; height: 30px; text-indent: -9999px; background-image: url('../../images/arrow_bottom.png'); background-position: center; background-repeat: no-repeat; }
 .toggle .card-header a.toggleBtn.active { background-image: url('../../images/arrow_top.png'); }
@@ -90,38 +90,38 @@
   .tab-nav .tab-item { float: left; padding: 24px; }
   .tab-nav .tab-item.active { background-color: #fff; border-radius: .25rem, .25rem, 0, 0 ; -webkit-border-radius: .25rem, .25rem, 0, 0 ; -moz-border-radius: .25rem, .25rem, 0, 0 ; -ms-border-radius: .25rem, .25rem, 0, 0 ; -o-border-radius: .25rem, .25rem, 0, 0 ; }
 }
-.patients-stats { position: relative; border: 1px solid #DDDDDD; border-radius: 5px; cursor: pointer !important}
+.patients-stats { position: relative; border: 1px solid #DDDDDD; border-radius: 5px; overflow: hidden; cursor: pointer !important;}
 .patients-stats:hover:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.03); cursor: pointer;}
-.patients-stats .name { position: relative; font-size: 14px; padding: 10px 80px 10px 10px; border-bottom: 1px solid #DDDDDD; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
+.patients-stats .name { position: relative; font-size: 14px; padding: 10px 60px 10px 10px; border-bottom: 1px solid #DDDDDD; background-color: rgba(231, 231, 231, 0.3); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
 .patients-stats .name .check { position: absolute; right: 10px; top:50%; margin-top: -12px; display: block; content: ''; clear: both;}
 .patients-stats .name .check ul { padding: 0px; margin: 0px; }
 .patients-stats .name .check ul:after { display: block; content: ''; clear: both; }
-.patients-stats .name .check li { float: left; list-style: none; margin-right: 10px; }
+.patients-stats .name .check li { float: left; list-style: none; }
 .patients-stats .name .check li:last-child { margin-right: 0px; }
 .patients-stats .name .check li a {  font-size: 14px; line-height: 24px; height: 24px; }
 .patients-stats .name .check li a.memo { color:#999999; pointer-events: none;}
 .patients-stats .name .check li a.symptom { color:#999999; pointer-events: none;}
 /* .patients-stats .name .check li a.memo:hover { color:#007bff; } */
 /* .patients-stats .name .check li a.symptom:hover { color:#47bac1; } */
-.patients-stats .stats { padding: 10px 20px; }
-.patients-stats .stats.danger { background-color: #F3D0DA; }
+.patients-stats .stats { padding: 6px 10px; }
+.patients-stats .stats.danger { background-color: #ffe9ef; }
 .patients-stats .stats ul { padding: 0px; margin: 0px; }
-.patients-stats .stats li { list-style: none; font-size: 16px; color:#BBBBBB; text-align: right; line-height: 20px; height: 20px; padding-left: 30px; margin: 5px 0; background-repeat: no-repeat; background-position: left center; background-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
-.patients-stats .stats li.fever { background-image: url('../../images/device_connect_unlink_1.png'); }
-.patients-stats .stats li.fever.step_one { color:#40A3DF; background-image: url('../../images/device_connect_link_1.png'); }
-.patients-stats .stats li.fever.step_two { color:#FF0000; background-image: url('../../images/device_connect_link_1.png'); }
-.patients-stats .stats li.oxygen { background-image: url('../../images/device_connect_unlink_2.png'); }
-.patients-stats .stats li.oxygen.step_one { color:#40A3DF; background-image: url('../../images/device_connect_link_2.png'); }
-.patients-stats .stats li.oxygen.step_two { color:#FF0000; background-image: url('../../images/device_connect_link_2.png'); }
-.patients-stats .stats li.bloodPressure { background-image: url('../../images/device_connect_unlink_3.png'); }
-.patients-stats .stats li.bloodPressure.step_one { color:#40A3DF; background-image: url('../../images/device_connect_link_3.png'); }
-.patients-stats .stats li.bloodPressure.step_two { color:#FF0000; background-image: url('../../images/device_connect_link_3.png'); }
-.patients-stats .stats li.sugar { background-image: url('../../images/device_connect_unlink_4.png'); }
-.patients-stats .stats li.sugar.step_one { color:#40A3DF; background-image: url('../../images/device_connect_link_4.png'); }
-.patients-stats .stats li.sugar.step_two { color:#FF0000; background-image: url('../../images/device_connect_link_4.png'); }
-.patients-stats .stats li.pulse { background-image: url('../../images/device_connect_unlink_6.png'); }
-.patients-stats .stats li.pulse.step_one { color:#40A3DF; background-image: url('../../images/device_connect_link_6.png'); }
-.patients-stats .stats li.pulse.step_two { color:#FF0000; background-image: url('../../images/device_connect_link_6.png'); }
+.patients-stats .stats li { list-style: none; font-size: 16px; color:#BBBBBB; text-align: right; line-height: 20px; height: 20px; padding-left: 20px; margin: 5px 0; background-repeat: no-repeat; background-position: left center; background-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
+.patients-stats .stats li.step_one { color:#40A3DF; }
+.patients-stats .stats li.step_two { color:#FF0000; }
+.patients-stats .stats li.timeover { color:#BBBBBB; }
+.patients-stats .stats li:after { content: '\F134'; color:#3faf45; font-family: 'Material Design Icons'; font-size: 12px; vertical-align: middle; }
+.patients-stats .stats li.timeover:after { content: '\F130'; color:#BBBBBB; }
+.patients-stats .stats li.fever.step_one, .patients-stats .stats li.fever.step_two { background-image: url('../../images/device_connect_link_1.png'); }
+.patients-stats .stats li.fever, .patients-stats .stats li.fever.timeover { background-image: url('../../images/device_connect_unlink_1.png'); }
+.patients-stats .stats li.oxygen.step_one, .patients-stats .stats li.oxygen.step_two { background-image: url('../../images/device_connect_link_2.png'); }
+.patients-stats .stats li.oxygen, .patients-stats .stats li.oxygen.timeover { background-image: url('../../images/device_connect_unlink_2.png'); }
+.patients-stats .stats li.bloodPressure.step_one, .patients-stats .stats li.bloodPressure.step_two { background-image: url('../../images/device_connect_link_3.png'); }
+.patients-stats .stats li.bloodPressure, .patients-stats .stats li.bloodPressure.timeover { background-image: url('../../images/device_connect_unlink_3.png'); }
+.patients-stats .stats li.sugar.step_one , .patients-stats .stats li.sugar.step_two { background-image: url('../../images/device_connect_link_4.png'); }
+.patients-stats .stats li.sugar, .patients-stats .stats li.sugar.timeover { background-image: url('../../images/device_connect_unlink_4.png'); }
+.patients-stats .stats li.pulse.step_one, .patients-stats .stats li.pulse.step_two { background-image: url('../../images/device_connect_link_6.png'); }
+.patients-stats .stats li.pulse, .patients-stats .stats li.pulse.timeover { background-image: url('../../images/device_connect_unlink_6.png'); }
 .patients-stats .stats li:last-child { margin-bottom: 0px; }
 /* .patients-stats .stats li.fever {display: none;} */
 .patients-stats .stats li.pulse {display: none;}