Home Explore Help
Register Sign In
zhoufan
/
ZXDT_CallCenter
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 17 Releases 0 Wiki

郑许地铁

Tree: ddc2309bed
Branches Tags
ZXDT_CallCenter
/
code
/
ZXDT.CallCen...
/
Content
/
css
/
index.css

index.css 11KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232 
  1. /*公共样式*/
    2. 

  2. .header .layui-nav-child{ z-index:99999; top:60px; left: auto; right: 0;}
    3. 

  3. .seraph{ font-size:16px !important;}
    4. 

  4. .main_body{ min-width:320px; }
    5. 

  5. .layui-nav .layui-nav-item a{ cursor:pointer;}
    6. 

  6. .layui-nav .layui-nav-item>a{ color:rgba(255,255,255,1); max-height:60px;}
    7. 

  7. .layui-layer-tab .layui-layer-title span{ padding:0 !important;} 
    8. 

  8. iframe{ position:absolute; height:100%; width:100%; border:none;} 
    9. 

  9. .top_menu.layui-nav .layui-nav-child dd.layui-this a,.closeBox.layui-nav .layui-nav-child dd.layui-this a,.closeBox .layui-nav-child dd.layui-this,.top_menu .layui-nav-child dd.layui-this{ background:none; color:#333;}
    10. 

  10. .layui-nav .layui-nav-child a:hover,.layui-nav .layui-nav-child dd.layui-this a:hover{background-color:#048aad;color:#ffffff;}
    11. 

  11. /*.layui-nav .layui-nav-child cite a:hover,.layui-nav .layui-nav-child dd.layui-this cite a:hover{background-color:#ffffff;color:#395E67;}*/
    12. 

  12. .layui-nav .layui-nav-child dd.layui-this a:hover{background-color:#ffffff;color:#048aad;}
    13. 

  13. 

  14. /*模拟加载层图标样式*/
    15. 

  15. .layui-layer-dialog .layui-layer-content .layui-layer-ico16{ background-size:100% 100% !important; }
    16. 

  16. /*样式改变的过渡*/
    17. 

  17. .layui-body,.layui-footer,.layui-layout-admin .layui-side,.logo,.topLevelMenus li.layui-nav-item,.topLevelMenus li.layui-nav-item:hover{ transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out; }
    18. 

  18. /*隐藏*/
    19. 

  19. *[mobile],.component .layui-select-title i.layui-edge{ display:none;}
    20. 

  20. 

  21. /*打开页面动画*/
    22. 

  22. .layui-tab-item.layui-show{ animation:moveTop 1s; -webkit-animation:moveTop 1s; animation-fill-mode:both; -webkit-animation-fill-mode:both; position:relative; height:100%; -webkit-overflow-scrolling: touch; overflow:auto; }
    23. 

  23. @keyframes moveTop{
    24. 

  24. 	0% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
    25. 

  25. 	100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
    26. 

  26. }
    27. 

  27. @-o-keyframes moveTop{
    28. 

  28. 	0% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
    29. 

  29. 	100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
    30. 

  30. }
    31. 

  31. @-moz-keyframes moveTop{
    32. 

  32. 	0% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
    33. 

  33. 	100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
    34. 

  34. }
    35. 

  35. @-webkit-keyframes moveTop{
    36. 

  36. 	0% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
    37. 

  37. 	100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
    38. 

  38. }
    39. 

  39. /*滑动tab栏*/
    40. 

  40. .switchover{ position: absolute;right: 108px;top: 0px; width: 31px;line-height:47px;z-index: 99;height: 47px;}
    41. 

  41. .switchover i { display: inline-block;width: 30px;float: left;text-align: center;cursor: pointer;font-size: 17px;background-color: #ffffff; -webkit-user-select: none;
    42. 

  42. -moz-user-select: none;
    43. 

  43. -ms-user-select: none;
    44. 

  44. user-select: none;}
    45. 

  45. .switchover i:hover { background-color: #ffffff; }
    46. 

  46. .switchover .switcRight{ /*border-left: 1px solid #e6e6e6;*/ }
    47. 

  47. /*滑动tab栏*/
    48. 

  48. .switchover1{ position: absolute;left: 0px;top: 0px; width: 31px;line-height:47px;z-index: 99;height: 47px;}
    49. 

  49. .switchover1 i { display: inline-block;width: 30px;float: left;text-align: center;cursor: pointer;font-size: 17px;background-color: #ffffff; -webkit-user-select: none;
    50. 

  50. -moz-user-select: none;
    51. 

  51. -ms-user-select: none;
    52. 

  52. user-select: none;}
    53. 

  53. .switchover1 i:hover { background-color: #ffffff; }
    54. 

  54. .switchover1 .switcRight{ /*border-left: 1px solid #e6e6e6;*/ }
    55. 

  55. /*顶部*/
    56. 

  56. .header{ z-index:2000;}
    57. 

  57. .logo{ color: #ffffff; float: left; font-weight:bold; line-height:60px; font-size:20px; padding:0 25px; text-align: center; width:320px;}
    58. 

  58. .hideMenu{ float:left; width:30px; height:30px; font-size:17px; line-height:30px; text-align:center; padding:5px 5px; color:#fff; background-color:#393D49;z-index: 99; position: relative;}
    59. 

  59. .hideMenu:hover{ color:#fff; }
    60. 

  60. .layui-nav cite{ margin-left: 5px;}
    61. 

  61. .logo:hover{  color: #d6d6d6 !important;}
    62. 

  62. /*顶部右侧*/
    63. 

  63. .topLevelMenus{float:left; color:#048aad;}
    64. 

  64. .topLevelMenus .layui-icon{color:#048aad;}
    65. 

  65. .topLevelMenus li.layui-nav-item:hover{ color:#1E9FFF; background-color:rgba(221,221,221,0.2);}
    66. 

  66. .layui-nav .layui-this:after{ bottom:-5px!important;display: none;}
    67. 

  67. .header .layui-nav-bar{top:60px !important;display: none;}
    68. 

  68. .topLevelMenus .layui-nav-item.layui-this {
    69. 

  69.     background-color: rgba(221,221,221,0.2);
    70. 

  70. }
    71. 

  71. .topLevelMenus li{
    72. 

  72.   width: 70px;
    73. 

  73. }
    74. 

  74. .topLevelMenus li i{
    75. 

  75.   width: 24px;
    76. 

  76.   height: 21px;
    77. 

  77.   line-height: 21px;
    78. 

  78.   display: block;
    79. 

  79.   font-size: 18px;
    80. 

  80.   padding: 10px 0px;
    81. 

  81.   text-align: center;
    82. 

  82.   background-position: center center;
    83. 

  83.   margin: 0 auto;
    84. 

  84. }
    85. 

  85. .topLevelMenus li p{
    86. 

  86.   line-height: normal;
    87. 

  87.   color: #ffffff;
    88. 

  88.   text-align: center;
    89. 

  89. }
    90. 

  90. 

  91. .maintabframecss {
    92. 

  92. }
    93. 

  93. .maintabframecss.layui-tab-close {
    94. 

  94.     display:none;
    95. 

  95.     position: relative;
    96. 

  96.     width: 18px;
    97. 

  97.     height: 18px;
    98. 

  98.     line-height: 20px;
    99. 

  99.     margin-left: 8px;
    100. 

  100.     top: 1px;
    101. 

  101.     text-align: center;
    102. 

  102.     font-size: 14px;
    103. 

  103.     color: #c2c2c2;
    104. 

  104.     transition: all .2s;
    105. 

  105.     -webkit-transition: all .2s;
    106. 

  106. }
    107. 

  107. .top_menu.layui-nav .layui-this:after {
    108. 

  108.     width: 0px;
    109. 

  109. }
    110. 

  110. 

  111. .top_menu .layui-nav-bar,.mobileTopLevelMenus .layui-nav-bar{background-color:#048aad;}
    112. 

  112. .top_menu .layui-nav .layui-nav-child a:hover{background-color:#048aad;}
    113. 

  113. .top_menu .layui-nav .layui-nav-child .dd.layui-this a:hover{background-color:#048aad;}
    114. 

  114. /*通知消息*/
    115. 

  115. .top_menu .inform { position: relative; cursor: pointer; padding: 0 20px;}
    116. 

  116. .top_menu .inform:hover { background-color: rgba(221,221,221,0.2); }
    117. 

  117. .top_menu .inform i{ font-size: 24px !important; }
    118. 

  118. .top_menu .inform sup { position: absolute; top: 12px;right: 0; }
    119. 

  119. /* .top_menu .layui-icon{color:#048aad;} */
    120. 

  120. /* .top_menu .adminName{color:#048aad;} */
    121. 

  121. .top_menu li{
    122. 

  122.   margin-right: 30px;
    123. 

  123. }
    124. 

  124. /*左侧导航*/
    125. 

  125. .layui-nav{background-color: inherit !important;}
    126. 

  126. .showMenu.layui-layout-admin .layui-side{ left:-200px; }
    127. 

  127. .showMenu .layui-body,.showMenu .layui-footer{ left:0; }
    128. 

  128. /*左侧用户头像*/
    129. 

  129. .top_menu{ background-color:inherit !important; position:absolute; right:0;top:0; color: #ffffff;}
    130. 

  130. .layui-layout-admin .layui-side{ left:0; overflow:hidden;}
    131. 

  131. 

  132. /*左侧导航重定义*/
    133. 

  133. .layui-nav-item.layui-nav-itemed{ background-color:#048aad !important;}
    134. 

  134. .layui-nav-itemed:before{ width:5px; height:100%; background-color:#048aad; position:absolute; content:''; left:0; top:0;}
    135. 

  135. .layui-nav-itemed .layui-nav-child a{ padding-left:40px;}
    136. 

  136. .layui-nav-itemed .layui-nav-child { background-color:#00a1cb !important;}
    137. 

  137. .layui-nav .layui-nav-item a:hover{ background-color:#00a1cb !important;}
    138. 

  138. .layui-nav .layui-nav-child dd.layui-this a{ background-color:#0091b6 !important;}
    139. 

  139. .layui-nav .layui-nav-child dd.layui-this a:hover{ color:rgb(207, 207, 207) !important;} 
    140. 

  140. 

  141. /*layui-body*/
    142. 

  142. .layui-body{overflow:hidden; border-left:2px solid #21414c; background:#fff;}
    143. 

  143. #top_tabs_box{ padding-right:170px; height:47px; border-bottom:1px solid #e2e2e2; }
    144. 

  144. #top_tabs {
    145. 

  145.     position: absolute;
    146. 

  146.     border-bottom: none;
    147. 

  147.     left: 32px;
    148. 

  148.     height: 49px;
    149. 

  149.     padding-right: 170px;
    150. 

  150. }
    151. 

  151. .layui-tab-title li {
    152. 

  152.     background-color: #F4F6F9;
    153. 

  153.     height: 46px;
    154. 

  154.     line-height: 46px;
    155. 

  155. }
    156. 

  156. .layui-tab-title .layui-this{ background-color:#1AA094; color:#fff; }
    157. 

  157. .layui-tab-title .layui-this:after{ border:none; }
    158. 

  158. .layui-tab-title li cite{ font-style: normal; padding-left:5px; }
    159. 

  159. .layui-tab {
    160. 

  160.     margin: 0;
    161. 

  161.     text-align: left !important;
    162. 

  162. }
    163. 

  163. .clildFrame.layui-tab-content{ top:48px; position:absolute; bottom:0; width:100%; padding:0;}
    164. 

  164. /*多窗口页面操作下拉*/
    165. 

  165. .closeBox{ position:absolute; right:0; background-color:#fff !important; color:#000; border-left:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; }
    166. 

  166. .closeBox .layui-nav-item{ line-height:47px; }
    167. 

  167. .closeBox .layui-nav-item>a,.closeBox .layui-nav-item>a:hover{ color:#000; }
    168. 

  168. .closeBox .layui-nav-child{ top:49px; left:auto; right: -20px; }
    169. 

  169. .closeBox .layui-nav-bar{ display:none; }
    170. 

  170. .closeBox a i.caozuo{ font-size: 20px; position:absolute; top:1px; left:0; }
    171. 

  171. .closeBox a span.layui-nav-more{ border-color:#333 transparent transparent;}
    172. 

  172. .closeBox a span.layui-nav-more.layui-nav-mored{ border-color:transparent transparent #333;}
    173. 

  173. /*功能设定*/
    174. 

  174. .functionSrtting_box{ padding-top:15px;}
    175. 

  175. .functionSrtting_box .layui-form-label{ width:81px;}
    176. 

  176. .functionSrtting_box .layui-word-aux{ position:absolute;left:60px; top:9px; font-size: 12px;}
    177. 

  177. /*换肤*/
    178. 

  178. .skins_box{ padding:10px 34px 0; }
    179. 

  179. .skinBtn{ text-align:center; }
    180. 

  180. /*橙色*/
    181. 

  181. .orange .layui-layout-admin .layui-header{ background-color:orange !important; }
    182. 

  182. .orange .layui-bg-black{ background-color:#e47214 !important; }
    183. 

  183. /*蓝色*/
    184. 

  184. .blue .layui-layout-admin .layui-header{ background-color:#21414c  !important; height: 75px;}
    185. 

  185. .blue .layui-bg-black,.blue .hideMenu{ background-color:#21414c  !important; }
    186. 

  186. /*自定义*/
    187. 

  187. .skinCustom{ visibility:hidden; }
    188. 

  188. .skinCustom input{ width:48%; margin:5px 2% 5px 0; float:left; }
    189. 

  189. .orange .layui-nav-tree .layui-nav-child a,.blue .layui-nav-tree .layui-nav-child a{ color:#fff; }
    190. 

  190. .orange .top_menu.layui-nav .layui-nav-more,.blue .top_menu.layui-nav .layui-nav-more{border-color:#fff transparent transparent !important;}
    191. 

  191. .orange .top_menu.layui-nav-itemed .layui-nav-more,.orange .top_menu.layui-nav .layui-nav-mored,.blue .top_menu.layui-nav-itemed .layui-nav-more,.blue .top_menu.layui-nav .layui-nav-mored{border-color:transparent transparent #fff !important;}
    192. 

  192. /*底部*/
    193. 

  193. .footer{ text-align: center; line-height:44px;border-left: 2px solid #1AA094; z-index:999;}
    194. 

  194. 

  195. /*响应式样式*/
    196. 

  196. @media screen and (max-width:1080px){
    197. 

  197. 	.mobileTopLevelMenus[mobile]{display:inline-block;}
    198. 

  198. 	.site-mobile .site-tree-mobile,.topLevelMenus[pc]{display:none !important;}
    199. 

  199. }
    200. 

  200. @media screen and (max-width: 720px){
    201. 

  201. 	.hideMenu{ display: none !important; }
    202. 

  202. 	.mobileTopLevelMenus[mobile]{ padding:0;}
    203. 

  203. 	.top_menu>li[pc]{ display: none !important; }
    204. 

  204. 	/*左侧导航*/
    205. 

  205. 	.layui-layout-admin .layui-side{ left:-260px; }
    206. 

  206. 	.site-mobile .layui-side{ left: 0; z-index:1100; }
    207. 

  207. 	.site-tree-mobile {display: block!important; position: fixed; z-index: 100000; bottom: 15px; left: 15px; width:40px; height:40px; line-height:40px; border-radius: 2px; text-align: center; background-color: rgba(0,0,0,.7); color: #fff;}
    208. 

  208. 	.site-mobile .site-mobile-shade { content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.8); z-index: 999;}
    209. 

  209. 	.layui-body,.layui-layout-admin .layui-footer{ left:-2px; }
    210. 

  210. }
    211. 

  211. @media screen and (max-width:480px){
    212. 

  212. 	.logo{ width:120px; font-size: 18px;}
    213. 

  213. 	#userInfo>a{ padding:0 10px;}
    214. 

  214. 	.mobileTopLevelMenus[mobile] li>a{ padding:0 17px 0 15px;}
    215. 

  215. 	.logo,.layui-nav.top_menu{ padding:0 5px;}
    216. 

  216. 	.adminName,.top_menu dd[pc]{ display: none !important; }
    217. 

  217. 	*[mobile],.top_menu .layui-nav-item.showNotice[pc]{ display:inline-block !important; }
    218. 

  218. }
    219. 

  219. 

  220. /*修改顶部高度*/
    221. 

  221. .header .layui-nav-child,.layui-body,.layui-layout-admin .layui-side,.header .layui-nav-bar{ top:75px !important;}
    222. 

  222. .header .layui-nav .layui-nav-item,.header .layui-nav .layui-nav-item>a,.header,.logo{ line-height:75px !important; max-height:75px; !important;}
    223. 

  223. .mobileTopLevelMenus{ float:left;}
    224. 

  224. /*.hideMenu{ margin-top: 0px;width: 30px;height: 30px;}*/
    225. 

  225. 

  226. /*layui部分样式重构*/
    227. 

  227. .header .inform i  {-webkit-animation-duration: .9s;animation-duration: .9s;}
    228. 

  228. .layui-nav-img
    229. 

  229. {
    230. 

  230.     height:35px!important;
    231. 

  231.     width:35px!important;
    232. 

  232. }
    233.