learun-ionic.css 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229
  1. /*ionic原有的*/
  2. /*联系人*/
  3. .lr-list .list {
  4. width: 90%;
  5. margin-left: 10px;
  6. margin-right: auto;
  7. margin-top: -1px;
  8. }
  9. .lr-list .list .lr-item {
  10. border-left: none;
  11. border-right: none;
  12. border-bottom: none;
  13. padding-left: 0;
  14. padding-top: 6px;
  15. padding-bottom: 6px;
  16. }
  17. .lr-contacts-item {
  18. padding: 0px !important;
  19. }
  20. .lr-item .lr-contacts-pic {
  21. color: white;
  22. height: 36px;
  23. width: 36px;
  24. line-height: 36px;
  25. float: left;
  26. font-size: 28px;
  27. text-align: center;
  28. }
  29. .lr-item h2 {
  30. padding-left: 10px;
  31. position: absolute;
  32. margin: auto !important;
  33. top: 0;
  34. bottom: 0;
  35. left: 36px;
  36. height: 32px;
  37. line-height: 32px;
  38. color:#444;
  39. }
  40. .lr-contacts-pic img {
  41. width: 36px;
  42. height: 36px;
  43. }
  44. .lr-contacts-index-bar {
  45. background-color: #E8E8E8;
  46. padding-left: 10px;
  47. height: 20px;
  48. line-height: 20px;
  49. font-size: 80%;
  50. color: #545454;
  51. }
  52. .lr-contacts-right-bar {
  53. position: fixed;
  54. right: 0;
  55. width: 20px;
  56. height: 464px;
  57. z-index: 2;
  58. text-align: center;
  59. font-size: 80%;
  60. color: #545454;
  61. }
  62. .lr-contacts-right-bar div {
  63. height: 16px;
  64. }
  65. .lr-contacts-middle-bar {
  66. position: fixed;
  67. margin: auto;
  68. left: 0;
  69. top: 0;
  70. right: 0;
  71. bottom: 0;
  72. height: 60px;
  73. width: 60px;
  74. line-height: 60px;
  75. text-align: center;
  76. color: #FFF;
  77. font-size: 300%;
  78. background-color: rgba(0, 0, 0, 0.5);
  79. }
  80. .item > .lr-sm-red-icon {
  81. position: absolute;
  82. display: inline-block;
  83. width: 18px;
  84. height: 18px;
  85. border-radius: 50%;
  86. background-color: #FF0000;
  87. line-height: 18px;
  88. text-align: center;
  89. top: 5px;
  90. left: 40px;
  91. }
  92. .item > .lr-sm-red-icon > p {
  93. color: #FFF;
  94. font-size: 12px;
  95. }
  96. .item .lr-list-p {
  97. font-size: 13px;
  98. color: #6a6a6a;
  99. }
  100. .lr-push-right {
  101. position: absolute;
  102. right: 10px;
  103. top: 10px;
  104. color: #8c8c8c;
  105. font-size: 13px;
  106. }
  107. .lr-item-top {
  108. background-color: #F1F1F1 !important;
  109. }
  110. /*弹框*/
  111. .popup-container .popup {
  112. border-radius:3px;
  113. background-color:#f8f8f8;
  114. }
  115. .popup-body {
  116. border-bottom: 1px solid #eee;
  117. }
  118. .popup-buttons {
  119. padding:0px;
  120. min-height:40px;
  121. }
  122. .popup-buttons .button {
  123. min-height:40px;
  124. margin-right:0px;
  125. border: 0px;
  126. }
  127. /*底部菜单区域*/
  128. .tabs{
  129. background-color: #fff;
  130. }
  131. /*内容区域*/
  132. .scroll-content{
  133. background-color: #F9F9F9;
  134. }
  135. .col-99 {
  136. -webkit-box-flex: 0;
  137. -webkit-flex: 0 0 90%;
  138. -moz-box-flex: 0;
  139. -moz-flex: 0 0 90%;
  140. -ms-flex: 0 0 90%;
  141. flex: 0 0 99%;
  142. max-width: 99%;
  143. }
  144. .input-label {
  145. max-width:80px;
  146. }
  147. /*ionic 列表*/
  148. .list-inset {
  149. background-color:rgba(0, 0, 0, 0.00);
  150. }
  151. .item {
  152. border-color:#EAEAEA;
  153. font-size: 14px;
  154. }
  155. .item-stacked-label {
  156. background-color:#fff;
  157. }
  158. .item-icon-left .icon:before,
  159. .item-icon-right .icon:before {
  160. margin: 0px 3px;
  161. }
  162. .item-complex .item-content,
  163. .item-radio .item-content {
  164. padding-top:13px;
  165. padding-bottom:13px;
  166. }
  167. .item-avatar > img:first-child,
  168. .item-avatar .item-image,
  169. .item-avatar .item-content > img:first-child,
  170. .item-avatar .item-content .item-image,
  171. .item-avatar-left > img:first-child,
  172. .item-avatar-left .item-image,
  173. .item-avatar-left .item-content > img:first-child,
  174. .item-avatar-left .item-content .item-image {
  175. border-radius: 5px;
  176. max-height:50px;
  177. max-width:50px;
  178. top:15px;
  179. }
  180. /*头部*/
  181. .nav-bar-block,
  182. .bar {
  183. background-color:#387EF5 !important;/*#34495e !important;*/
  184. }
  185. .bar .title {
  186. color:#fff;
  187. }
  188. .bar.bar-stable .title {
  189. color: #fff;
  190. }
  191. .bar-stable .button.button-clear {
  192. color: #fff;
  193. }
  194. /*按钮*/
  195. .button-outline.button-outline:hover {
  196. background-color: #f9f9f9;
  197. color: #34495e;
  198. }
  199. .button-outline.button-outline.active,
  200. .button-outline.button-outline.activated {
  201. background-color: #f9f9f9;
  202. box-shadow: none;
  203. color: #34495e;
  204. }
  205. .button-clear.button-clear {
  206. color: #fff;
  207. }
  208. /*协同办公*/
  209. .label-success-learun {
  210. background: #0aa699 none repeat scroll 0 0;
  211. border-radius:3px;
  212. color:#fff;
  213. }
  214. .label-inverse-learun {
  215. background: #1f3853 none repeat scroll 0 0;
  216. border-radius:3px;
  217. color:#fff;
  218. }
  219. .label-info {
  220. background-color: #5bc0de;
  221. border-radius:3px;
  222. color:#fff;
  223. }
  224. .label-success {
  225. background-color: #5cb85c;
  226. border-radius:3px;
  227. color:#fff;
  228. }