Accueil Explorer Aide
S'inscrire Connexion
dbs303
/
mplusDemo
1
0
Fork 0
Fichiers Tickets 0 Pull Requests 0 Wiki
Aborescence: c798e5005d
Branches Tags
mplusDemo
/
mplus-fatima
/
WebContent
/
resources
/
css
/
publishing
/
mobile.css

mobile.css 14 KB
Historique Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215 
  1. @charset "utf-8";
    2. 

  2. @import "fontello/fontello-codes.css";
    3. 

  3. @import "fontello/fontello.css";
    4. 

  4. 

  5. @font-face{
    6. 

  6.   font-family:"NSR";
    7. 

  7.   src:local("NanumSquareR"),
    8. 

  8.   url("../../fonts/publishing/NanumSquareR.otf") format('woff'),
    9. 

  9.   url("../../fonts/publishing/NanumSquareR.ttf") format('truetype');
    10. 

  10.   font-weight:normal;
    11. 

  11.   font-style:normal;
    12. 

  12. }
    13. 

  13. @font-face{
    14. 

  14.   font-family:"NSB";
    15. 

  15.   src:local("NanumSquareB"),
    16. 

  16.   url("../../fonts/publishing/NanumSquareB.otf") format('woff'),
    17. 

  17.   url("../../fonts/publishing/NanumSquareB.ttf") format('truetype');
    18. 

  18.   font-weight:bold;
    19. 

  19. }
    20. 

  20. 

  21. /* 기 본 공 통 영 역 */
    22. 

  22. *{ box-sizing: border-box; font-family: 'NSR', Sans-serif; letter-spacing: -0.5px }
    23. 

  23. body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
    24. 

  24. /*html{overflow-y:scroll}*/
    25. 

  25. html,body{position:relative;height:auto}
    26. 

  26. body{color:#444444;}
    27. 

  27. img{ vertical-align: middle;}
    28. 

  28. img,fieldset{border:0}
    29. 

  29. ul,ol{list-style:none}
    30. 

  30. em,address{font-style:normal}
    31. 

  31. table { width: 100%; border-collapse: collapse; }
    32. 

  32. a{text-decoration:none;color:#444444}
    33. 

  33. a:hover,a:active,a:focus{text-decoration:none}
    34. 

  34. hr{display:none}
    35. 

  35. legend{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
    36. 

  36. caption{visibility:hidden;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0}
    37. 

  37. img,button{border:0}
    38. 

  38. label,button,a{cursor:pointer}
    39. 

  39. a:active{background-color:transparent}
    40. 

  40. 

  41. @media (max-width:720px) {/*720미만*/
    42. 

  42.   body{line-height:1.5}
    43. 

  43.   body #container{padding:64px 0 0 0 !important;width:100%;}
    44. 

  44.   .container-fluid .navigation{padding:17px 0;}
    45. 

  45.   .container-fluid .navigation h1{font-size:26px;line-height:1.2}
    46. 

  46.   .navigation .navi_menu_wrap button{top:18px;font-size:32px;}
    47. 

  47.   .main_fixed_wrap  .select_toggle input,.main_fixed_wrap  .select_toggle select{font-size:14px;line-height: 40px;height: 40px;text-indent:7px}
    48. 

  48.   .main_fixed_wrap .select_toggle select{background: #fff url(../images/publishing/select_arrow.png) no-repeat right 7px center;background-size: 13px;}
    49. 

  49.   .main_fixed_wrap .dropdown{padding:10px 20px;margin-bottom:10px;}
    50. 

  50.   .main_fixed_wrap .dropdown button.dropdown_btn{width:40px;height:34px;background-size: 20px;}
    51. 

  51.   .main_fixed_wrap .dropdown button.dropdown_btn.on{background: url(../images/publishing/dropdown_down.png) no-repeat center;background-size:20px; }
    52. 

  52.   .main_fixed_wrap .dropdown button.submit{font-size:16px;bottom:10px}
    53. 

  53.   .main_fixed_wrap .dropdown button.reset{font-size:16px;bottom:10px}
    54. 

  54.   .chart-info .chart-title .row div{padding:8px 0;font-size:13px;}
    55. 

  55.   .main_fixed_wrap .chart-info div p{display:block}
    56. 

  56.   .chart-content .row div{font-size:15px;line-height: 20px;}
    57. 

  57.   .container-fluid .chart-info.list{width:100%;padding:220px 16px 16px 16px}
    58. 

  58.   .container-fluid .chart-info.list.up{padding-top:126px;}
    59. 

  59.   .main_fixed_wrap .collapse{height: 92px;transition: all 0.2s;overflow: hidden;}
    60. 

  60.   .main_fixed_wrap .collapse.up{height: 0;}
    61. 

  61.   .select_toggle #datepicker{background: #fff url(../images/publishing/cal.png) no-repeat right 8% center;background-size: 20px;}
    62. 

  62.   .navigation .navi_menu_wrap button.left_menu_btn{left:16px;}
    63. 

  63.   .navi_menu_wrap .right_menu_btn{right:20px;}
    64. 

  64.   .side-right .nav-right-title{padding: 14px 0 !important;font-size: 14px;line-height: 18px;}
    65. 

  65.   .side-right .nav-right a i{position:inherit;font-size:26px;top:0;left:0}
    66. 

  66.   .side-right .nav-right.list-group div{}
    67. 

  67.   .list-group-item.item-4 i{font-size:28px;}
    68. 

  68.   .side-right .nav-right a{padding:12px 0;font-size:15px;}
    69. 

  69.   .side-right .nav-right a span{margin-left:0}
    70. 

  70.   .side-right .nav-right-bar{font-size:16px;}
    71. 

  71.   .side-left #mainMenu .menu_top{height: 76px;}
    72. 

  72.   .side-left #mainMenu .menu_top h5{font-size: 30px;line-height: 72px;}
    73. 

  73.   .side-left #mainMenu .menu_top div{width:55%;padding:12px 0 12px 16px;}
    74. 

  74.   .side-left #mainMenu .menu_top .name p{font-size:21px;line-height: 28px;}
    75. 

  75.   .side-left #mainMenu .menu_top .name span{font-size:15px;}
    76. 

  76.   .side-left #mainMenu .menu_top .btn button{font-size:30px;}
    77. 

  77.   .side-left #mainMenu .menu_item h5{font-size:17px;}
    78. 

  78.   .side-left #mainMenu .menu_item ul i{font-size:23px;}
    79. 

  79.   .side-left #mainMenu .menu_item ul span{font-size:15px;margin-top:-4px;}
    80. 

  80.   .side-left #mainMenu .menu_item ul li{padding: 28px 0 22px 0;height: 103px;}
    81. 

  81.   .side-left #mainMenu .menu_item.treatment h5{padding: 94px 0px 93px 0;font-size:17px}
    82. 

  82.   .side-left #mainMenu .menu_item.schedule h5{padding: 32px 0 31px 0;line-height:1.2}
    83. 

  83.   .side-left #mainMenu .menu_item.search h5{padding:41px 0;line-height:1.2}
    84. 

  84.   .side-left .nav-left .btn_wrap{padding:18px 6%;}
    85. 

  85.   .side-left .nav-left .btn_wrap button{font-size:15px;}
    86. 

  86.   .sub_wrap{padding-top:73px;}
    87. 

  87.   .side-left #mainMenu .menu_top .btn{float:right;padding-top:30px;width:29%;height: 76px;padding:25px 0;}
    88. 

  88.   .side-left #mainMenu .menu_top .btn button{color:#333333;font-size:40px;background: none;opacity: 1;}
    89. 

  89.   .side-left #mainMenu .menu_top .btn button.close{float:right;width: 22px;height: 22px;background: url(../images/publishing/ico_close_main.png) no-repeat;background-size: 22px;margin-right:20px}
    90. 

  90.   .side-left #mainMenu .menu_top .btn button.setting{float:left;width: 24px;height: 24px;background: url(../images/publishing/ico_setting.png) no-repeat;background-size: 24px;margin-left:20px;margin-right:0;}
    91. 

  91.   .navigation .navi_menu_wrap button.left_menu_btn{width: 30px;height: 30px;background: url(../images/publishing/ico_menu.png) no-repeat left center;background-size: 26px;}
    92. 

  92.   .navigation .navi_menu_wrap button.right_menu_btn{width: 30px;height: 35px;background: url(../images/publishing/ico_doctor.png) no-repeat left center;background-size: 22px;}
    93. 

  93.   .navigation .navi_menu_wrap button.right_menu_btn{top:16px;left:92%}
    94. 

  94.   .side-left #mainMenu .menu_top .name span a{display: inline-block;width: 24px;height: 24px;background: url(../images/publishing/ico_pen.png) no-repeat;background-size: 18px;}
    95. 

  95.   .menu_wrap .side-right .side-right-content .inner{width: 100px;height:auto;box-shadow: 0px 3px 15px 3px #00000052;border-top-left-radius:0.4em;border-bottom-left-radius: 0.4em;}
    96. 

  96.   .side-left #mainMenu .menu_item.search i{height: 40px;}
    97. 

  97.   .side-left #mainMenu .menu_item.search .nfc i{background: url(../images/publishing/ico_nfc_main.png) no-repeat center top;background-size:30px;}
    98. 

  98.   .side-left #mainMenu .menu_item.search .qr i{background: url(../images/publishing/ico_qr_main.png) no-repeat center 3px;background-size:30px;}
    99. 

  99.   .side-left #mainMenu .menu_item.search .bar i{background: url(../images/publishing/ico_bar_main.png) no-repeat center 7px;background-size:36px;}
    100. 

  100. 

  101.   /* 1210 */
    102. 

  102.   /* .side-right{opacity:0;} */
    103. 

  103.   .collapse .row div{padding:0;padding-right:4px;height:40px;line-height:40px;font-size:13px}
    104. 

  104.   .collapse .row div:last-child{margin-right:0}
    105. 

  105.   .menu_wrap .side-right .side-right-content {overflow-y:scroll;}
    106. 

  106.   .menu_wrap .side-right .side-right-content,
    107. 

  107.   .menu_wrap .side-right .side-right-overlay {transform: translateX(100%);right: 0;left:auto;transition: all .3s ease-in-out 0s;}
    108. 

  108.   .menu_wrap .side-right.active .side-right-overlay,.menu_wrap .side-left.active .side-left-overlay{opacity:0}
    109. 

  109.   .menu_wrap .side-right .side-right-content {padding-left:20px;}
    110. 

  110.   .fixed_navi_wrap{position:static;top:0;left:0;width: 100%;z-index: 11;box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.35);}
    111. 

  111.   .container-fluid .main_fixed_wrap .select_toggle{width:100%;padding:8px 16px 0 16px;border:none}
    112. 

  112.   .navigation .navi_menu_wrap button.right_menu_btn{display:block;}
    113. 

  113.   .main_fixed_wrap .dropdown{width:100%}
    114. 

  114.   .container-fluid .fixed_navi_wrap.main{width:100%}
    115. 

  115.   .container-fluid .main_fixed_wrap{padding-top:0}
    116. 

  116.   .main_fixed_wrap .chart-info{width:100%;padding:0 16px 4px 16px;}
    117. 

  117.   .side-right-content .nav-right-title{margin:0;padding:14px 0 !important;font-size:14px;font-weight: bold;line-height:18px;color:#3e4ea2;border-bottom:2px solid #3b5cb5;text-align: center;background:#fff;border-top-left-radius: 9px ;}
    118. 

  118.   .side-right-content .nav-right.list-group{text-align:center}
    119. 

  119.   .side-right-content .nav-right-title{height:auto;}
    120. 

  120.   .side-right-content .nav-right-title span{display:block}
    121. 

  121.   .side-right-content .nav-right a span{display: block;margin-top:-5px;}
    122. 

  122.   .side-right-content .nav-right a i{display:block;margin-right:0;font-size:32px;}
    123. 

  123.   .side-right-content .nav-right-bar{margin-bottom:16px;background:#0067a1;font-size:18px}
    124. 

  124.   .side-right-content .list-group-item.search{display: inline-block;width: 50px;height: 50px;border: none;}
    125. 

  125.   .side-right-content .list-group .list-group-item.search{height:50px}
    126. 

  126.   .select_toggle input, .select_toggle select{height:40px}
    127. 

  127.   .container-fluid .main_fixed_wrap .collapse{height:92px}
    128. 

  128.   .dropdown button.dropdown_btn{width: 40px;height: 34px;}
    129. 

  129.   .dropdown{padding:10px 20px}
    130. 

  130.   .chart-info .chart-content div p{display:block;font-size:14.5px}
    131. 

  131.   .chart-info .chart-content .row div:nth-child(odd),.chart-info .chart-content .row div:nth-child(even){padding:16px 11.2px}
    132. 

  132.   .chart-info .chart-content .row div.p-info-02 p:first-child{overflow:hidden;text-overflow: ellipsis;white-space: nowrap;width:80px;margin:0 auto}
    133. 

  133.   .chart-info .chart-content.same-name .row:before{height:72px}
    134. 

  134.   .chart-info.list .chart-content div p:last-child:before{content:""}
    135. 

  135.   .nav-right a i{height:auto}
    136. 

  136.   .select_toggle .shinhan .cst-control-label{display:block;padding-left:15px;font-weight:400;font-size:14px}
    137. 

  137.   .select_toggle .shinhan .cst-control-label span{display:none}
    138. 

  138.   .select_toggle .shinhan .cst-control-label::before{width:20px;height:20px;top:11px;left:2px;transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
    139. 

  139.   .select_toggle .shinhan .cst-control-label::after{left:9px;top:13px;width:7px;height:14px;}
    140. 

  140.   .custom-control.shinhan{font-size:14px}
    141. 

  141.   .custom-control-input{position:absolute;z-index:-1;opacity:0}
    142. 

  142.   .menu_wrap .side-left .side-left-content{overflow-y: auto;width:90%;transform: translateX(-100%);}
    143. 

  143.   .menu_wrap .side-left.active .side-left-content {transform: translateX(0%);border: none;border-top-right-radius:0.5em;border-bottom-right-radius: 0.5em;border-top-left-radius:0;border-bottom-left-radius: 0}
    144. 

  144.   .nav-right.list-group .list-group-item.on::before{display:block;left: -20px;transform: rotate(-90deg);}
    145. 

  145. }
    146. 

  146. 

  147. 

  148. /* sub */
    149. 

  149. @media (max-width:576px) {/*576미만*/
    150. 

  150. p.patient-name{font-size: 22px;padding-left:42px;line-height: 35px;background: url(../images/publishing/patient_icon01.png) no-repeat;background-size: 25px;}
    151. 

  151. .patient-info{font-size:16px;}
    152. 

  152. .chart-view-item .btn{font-size:15px;padding:7px 7px;}
    153. 

  153. .chart-view-item .btn.icon-btn{padding:50px 0 10px 0;;}
    154. 

  154. .chart-view-item .icon-btn.camera-icon{background: #fff url(../images/publishing/patient_icon02.png) no-repeat center 15px;background-size:30px; }
    155. 

  155. .chart-view-item .icon-btn.eye-icon{background: #fff url(../images/publishing/patient_icon03.png) no-repeat center 15px;background-size:38px; }
    156. 

  156. .chart-view-item .icon-btn.medicine-icon{background: #fff url(../images/publishing/patient_icon04.png) no-repeat center 10px;background-size:31px; }
    157. 

  157. .chart-notice .notice{font-size:13px;}
    158. 

  158. .chart-notice .text{font-size:15px;}
    159. 

  159. .chart-view-top{padding-top:5px;}
    160. 

  160. .patient-info span.description{padding-top:5px;}
    161. 

  161. .chart-view-item .view-item-title{padding-top:0px;font-size:16px;margin-bottom:3px;}
    162. 

  162. .chart-view-item{margin-top:5px;}
    163. 

  163. .notice-more-btn{padding-left:36px;background: url(../images/publishing/more_btn.png) no-repeat left center; background-size:30px;font-size:17px;line-height: 30px;color:#222222;}
    164. 

  164. .chart-notice{padding:25px 0 18px 0;}
    165. 

  165. .go-top-btn{position: absolute;bottom: 24px;right: 22px;height: 42px;width: 42px;background: #fff url(../images/publishing/top_btn.png) no-repeat center; background-size: 18px;}
    166. 

  166. .chart-view-history-top .patient-info span:last-child{display: block;float: inherit;padding-top:8px;}
    167. 

  167. .view-history-text{font-size:18px;line-height: 28px;}
    168. 

  168. .inquiry-btn{font-size:16px;line-height: 48px;}
    169. 

  169. .input-date-wrap{padding:10px 0;font-size:16px;border-left:0;}
    170. 

  170. .history-card p{font-size:16px;}
    171. 

  171. .history-card p span{display: block;float:inherit;}
    172. 

  172. .history-card .icon-wrap{font-size:16px;}
    173. 

  173. .inquiry-slide-btn{font-size:16px;}
    174. 

  174. .inquiry-slide-btn::after{width: 10px;height: 10px;    border-left: 3px solid #c1c2c4;border-top: 3px solid #c1c2c4;}
    175. 

  175. .modal-body{font-size:16px;line-height: 24px;padding:30px 0 !important;}
    176. 

  176. .modal-title{font-size:18px;}
    177. 

  177. .modal-header .close{font-size: 28px;padding: 0;line-height: 20px;margin: 0;margin-top:4px;margin-right:-5px;}
    178. 

  178. .btn-dialog, .btn-dialog-blue{font-size:16px;padding:0px 5px !important;}
    179. 

  179. .bottom-fixed-menu button{font-size:17px;line-height: 50px;}
    180. 

  180. .custom-control{font-size:16px;padding:12px 7px 12px 60px !important;}
    181. 

  181. .cst-control-label::before{top:-3px;left:-47px;width: 30px;height: 30px;}
    182. 

  182. .cst-control-label::after{top:2px;left:-36px;width: 9px;height: 16px;}
    183. 

  183. .modal-header{padding:0.7rem 1.5rem  0.5rem 1.5rem!important}
    184. 

  184. .modal-footer{padding:0.7rem 1.5rem  0.7rem 1.5rem!important}
    185. 

  185. .chart-view-item + .chart-view-item{margin-top:5px;}
    186. 

  186. .container-fluid.sub{padding-top:90px;}
    187. 

  187. .layout_has_fixed_bottom{padding-bottom:75px;}
    188. 

  188. .input-date-wrap .date{background: url(../images/publishing/cal.png) no-repeat right 6px center;background-size: 19px;}
    189. 

  189. .navi_menu_wrap button.page_close_btn{width: 25px;height: 25px;background: url(../images/publishing/ico_close.png) no-repeat center;background-size:25px;margin-top:3px;}
    190. 

  190. .chart-view-item .view-item-title i{font-size:21px;}
    191. 

  191. .chart-view-item .view-item-title i.icon-patient02{margin-right:7px;}
    192. 

  192. .patient-info span:last-child a.sms{width: 24px;height: 24px;background: url(../images/publishing/ico_talk.png) no-repeat center;background-size: 24px;margin-right:10px;}
    193. 

  193. .patient-info span:last-child a.tel{width: 24px;height: 24px;background: url(../images/publishing/ico_phone.png) no-repeat center;background-size: 24px;}
    194. 

  194. .patient-info span:last-child{line-height: 24px;}
    195. 

  195. .patient-name + .patient-info{float: right;padding-top:10px;}
    196. 

  196. .cst-control-label{font-size:16px;}
    197. 

  197. .custom-radio .cst-control-label::after{width: 30px;height: 30px;top: -3px;
    198. 

  198.     left: -47px;}
    199. 

  199. }
    200. 

  200. 

  201. @media (max-width: 400px){/*400미만*/
    202. 

  202. p.patient-name{font-size: 20px;}
    203. 

  203. .chart-view-item .btn{font-size:13px;letter-spacing:-0.5px;padding:6px 3px;}
    204. 

  204. }
    205. 

  205. 

  206. @media (max-width: 576px){
    207. 

  207. .chart-view-item{margin-top:20px;}
    208. 

  208. .chart-view-item+.chart-view-item{margin-top:20px;}
    209. 

  209. .chart-notice{padding:20px 15px;}
    210. 

  210. .chart-view-top{padding-top:16px;}
    211. 

  211. .view-history-text{font-size:16px;line-height: 26px;}
    212. 

  212. .patient-info{padding-top:10px;}
    213. 

  213. .row.description{margin-top:15px;}
    214. 

  214. .description + .description{margin-top:10px;}
    215. 

  215. }
    216.