Главная Обзор Помощь
Регистрация Войти
zhoufan
/
ZXDT_CallCenter
Следить 1
В избранное 0
Ответвить 0
Код Обсуждения 0 Запросы на слияние 0 Коммиты 20 Релизы 0 Вики

郑许地铁

Дерево: 280a64337a
Ветки Метки
ZXDT_CallCenter
/
code
/
ZXDT.CallCen...
/
Content
/
css
/
public.css

public.css 8.1KB
История Исходник

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121 
  1. /*去除一些默认样式*/
    2. 

  2. em { font-style: normal; }
    3. 

  3. /*公共样式*/
    4. 

  4. .childrenBody{ padding:10px;background-color: #f4f6f9}
    5. 

  5. .layui-table-view{ margin:0 !important;}
    6. 

  6. .magb0{margin-bottom:0 !important;}
    7. 

  7. .magt0{ margin-top:0 !important;}
    8. 

  8. .magt3{ margin-top:3px !important;}
    9. 

  9. .magt10{ margin-top:10px !important;}
    10. 

  10. .magb15{ margin-bottom:15px !important;}
    11. 

  11. .magt30{ margin-top:30px !important;}
    12. 

  12. .layui-left{text-align:left;}
    13. 

  13. .layui-block{ width:100% !important;}
    14. 

  14. .layui-center{text-align:center;}
    15. 

  15. .layui-right{text-align:right;}
    16. 

  16. .layui-elem-quote.title{ padding:10px 15px; margin-bottom:0;}
    17. 

  17. .layui-bg-white{ background-color:#fff !important;}
    18. 

  18. .border{ border:1px solid #e6e6e6 !important; padding:10px; border-top:none;}
    19. 

  19. .main_btn .layui-btn{ margin:2px 5px 2px 0;}
    20. 

  20. .layui-timeline-axis{ left:-4px;}
    21. 

  21. .layui-elem-quote{ word-break: break-all;}
    22. 

  22. .icons li,.icons li:hover,.loginBody .seraph,.loginBody .seraph:hover,.loginBody .layui-form-item.layui-input-focus label,.loginBody .layui-form-item label,.loginBody .layui-form-item.layui-input-focus input,.loginBody .layui-form-item input{transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
    23. 

  23. .icons li:hover i,.icons li i{transition: font-size 0.3s ease-in-out;-webkit-transition: font-size 0.3s ease-in-out;}
    24. 

  24. .loginBody .layui-input-focus .layui-input::-webkit-input-placeholder{transition: color 0.2s linear 0.2s;-webkit-transition: color 0.2s linear 0.2s;}
    25. 

  25. .loginBody .layui-input-focus .layui-input::-moz-placeholder{transition: color 0.2s linear 0.2s;}
    26. 

  26. .loginBody .layui-input-focus .layui-input:-ms-input-placeholder{transition: color 0.2s linear 0.2s;}
    27. 

  27. .loginBody .layui-input-focus .layui-input::placeholder{transition: color 0.2s linear 0.2s;-webkit-transition: color 0.2s linear 0.2s;}
    28. 

  28. /*后台首页*/
    29. 

  29. 

  30. .history_box{ min-height:500px; height:500px; overflow-y:scroll; padding:10px !important;}
    31. 

  31. .history_box .layui-timeline .layui-timeline-item:last-child{ padding-bottom:0;}
    32. 

  32. @media screen and (max-width:1200px) {
    33. 

  33.     .history_box { height: auto !important; overflow-y: inherit; }
    34. 

  34. }
    35. 

  35. /*修改密码*/
    36. 

  36. .pwdTips{ min-height:auto; margin:40px 0 15px 110px;}
    37. 

  37. 

  38. /*404页面*/
    39. 

  39. .noFind{ text-align:center; padding-top:2%;}
    40. 

  40. .noFind i{ line-height:1em; font-size:12em !important; color: #393D50; display:block;}
    41. 

  41. .ufo{ text-align:center; height:100%; position:relative;}
    42. 

  42. .noFind .page_icon,.noFind .ufo_icon{ opacity:1; position:absolute; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%);}
    43. 

  43. .noFind .page_icon{ top:300px; animation:pageGo 0.3s ease-in 0.3s forwards; -webkit-animation:pageGo 0.3s ease-in 0.3s forwards; -o-animation:pageGo 0.3s ease-in 0.3s forwards; -moz-animation:pageGo 0.3s ease-in 0.3s forwards;}
    44. 

  44. .noFind .ufo_icon{ top:100px; animation:ufo 1s ease-in 0.6s forwards; -webkit-animation:ufo 1s ease-in 0.6s forwards; -o-animation:ufo 1s ease-in 0.6s forwards; -moz-animation:ufo 1s ease-in 0.6s forwards;}
    45. 

  45. .page404{ margin-top:10%; opacity:0; font-size:0; animation:page404 0.5s ease-in 1.7s forwards; -webkit-animation:page404 0.5s ease-in 1.7s forwards; -o-animation:page404 0.5s ease-in 1.7s forwards; -moz-animation:page404 0.5s ease-in 1.7s forwards;}
    46. 

  46. .page404 p{ font-size: 20px; font-weight: 300; color: #999;}
    47. 

  47. /*页面被吸走*/
    48. 

  48. @keyframes pageGo{from{font-size: 12em; top:300px;} to{font-size:0; opacity:0; top: 100px;}}
    49. 

  49. @-moz-keyframes pageGo{from{font-size: 12em; top:300px;} to{font-size:0; opacity:0; top:100px}}
    50. 

  50. @-webkit-keyframes pageGo{from{font-size: 12em; top:300px;} to{font-size:0; opacity:0; top:100px}}
    51. 

  51. @-o-keyframes pageGo{from{font-size: 12em; top:300px;} to{font-size:0; opacity:0; top:100px}}
    52. 

  52. /*ufo飞走*/
    53. 

  53. @keyframes ufo{0%{font-size: 14em; top:100px;} 20%{font-size: 12em; top:50px;} 100%{font-size:0; opacity:0; top:-100px; left:80%;}}
    54. 

  54. @-moz-keyframes ufo{0%{font-size: 14em; top:100px;} 20%{font-size: 12em;  top:50px;} 100%{font-size:0; opacity:0; top:-100px; left:80%;}}
    55. 

  55. @-webkit-keyframes ufo{0%{font-size: 14em; top:100px;} 20%{font-size: 12em;  top:50px;} 100%{font-size:0; opacity:0; top:-100px; left:80%;}}
    56. 

  56. @-o-keyframes ufo{0%{font-size: 14em; top:100px;} 20%{font-size: 12em; top:50px;} 100%{font-size:0; opacity:0; top:-100px; left:80%;}}
    57. 

  57. /*404显示*/
    58. 

  58. @keyframes page404{from{opacity:0; font-size:2em;} to{opacity:1;font-size:2em;}}
    59. 

  59. @-moz-keyframes page404{from{opacity:0; font-size:2em;} to{opacity:1;font-size:2em;}}
    60. 

  60. @-webkit-keyframes page404{from{opacity:0; font-size:2em;} to{opacity:1;font-size:2em;}}
    61. 

  61. @-o-keyframes page404{from{opacity:0; font-size:2em;} to{opacity:1;font-size:2em;}}
    62. 

  62. /*图标管理*/
    63. 

  63. .iconsLength{ margin:0 5px;}
    64. 

  64. .icons li{  margin:5px 0; text-align:center; height:120px; cursor:pointer;}
    65. 

  65. .icons li i{ display:block; font-size:35px; margin:10px 0; line-height:60px; height:60px;}
    66. 

  66. .icons li:hover{ background:rgba(13,10,49,.9); border-radius:5px; color:#fff;}
    67. 

  67. .icons li:hover i{ font-size:50px;}
    68. 

  68. #copyText{ width:0;height:0; opacity:0; position:absolute; left:-9999px; top:-9999px;}
    69. 

  69. 

  70. /*登录*/
    71. 

  71. .loginHtml,.loginBody{ height:100%;}
    72. 

  72. .loginBody{ background:url("../images/login_bg.jpg") no-repeat center center;}
    73. 

  73. .loginBody form.layui-form{ padding:0 20px; width:300px; height:335px; position:absolute; left:50%; top:50%; margin:-150px 0 0 -150px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; background:#fff;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; box-shadow:0 0 50px #009688;}
    74. 

  74. .login_face{ margin:-55px auto 20px; width:100px; height:100px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:5px solid #fff; overflow:hidden;box-shadow:0 0 30px #009688;}
    75. 

  75. .login_face img{ width:100%;}
    76. 

  76. .loginBody .layui-form-item{ position:relative;}
    77. 

  77. .loginBody .layui-form-item label{ position:absolute; color:#757575; left:10px; top:9px; line-height:20px; background:#fff; padding:0 5px; font-size:14px; cursor:text;}
    78. 

  78. .loginBody .layui-form-item.layui-input-focus label{ top:-10px; font-size:12px; color:#ff6700;}
    79. 

  79. .loginBody .layui-form-item.layui-input-active label{ top:-10px; font-size:12px;}
    80. 

  80. .loginBody .layui-input::-webkit-input-placeholder{color:#fff;}
    81. 

  81. .loginBody .layui-input::-moz-placeholder{color:#fff;}
    82. 

  82. .loginBody .layui-input:-ms-input-placeholder{color:#fff;}
    83. 

  83. .loginBody .layui-input::placeholder{color:#fff;}
    84. 

  84. .loginBody .layui-form-item.layui-input-focus input{ border-color:#ff6700 !important;}
    85. 

  85. .loginBody .layui-input-focus .layui-input::-webkit-input-placeholder{color:#757575;}
    86. 

  86. .loginBody .layui-input-focus .layui-input::-moz-placeholder{color:#757575;}
    87. 

  87. .loginBody .layui-input-focus .layui-input:-ms-input-placeholder{color:#757575;}
    88. 

  88. .loginBody .layui-input-focus .layui-input::placeholder{color:#757575;}
    89. 

  89. .loginBody .seraph{ font-size:30px; text-align:center;}
    90. 

  90. .loginBody .seraph.icon-qq:hover{ color:#0288d1;}
    91. 

  91. .loginBody .seraph.icon-wechat:hover{ color:#00d20d;}
    92. 

  92. .loginBody .seraph.icon-sina:hover{ color:#d32f2f;}
    93. 

  93. .imgCode{ position:relative;}
    94. 

  94. #imgCode img{ position:absolute; top:1px; right:1px; cursor:pointer;}
    95. 

  95. 

  96. /*新闻添加*/
    97. 

  97. .layui-elem-quote .layui-inline{ margin:3px 0;}
    98. 

  98. .category .layui-form-checkbox{ margin:5px 0;}
    99. 

  99. .border .layui-form-item{ margin-bottom:10px;}
    100. 

  100. .border .layui-form-label{ width:50px;}
    101. 

  101. .border .layui-form-label i{ position:absolute; top:10px; left:3px;}
    102. 

  102. .border .layui-input-block{ margin-left:80px;}
    103. 

  103. .thumbBox{ height:151px; overflow:hidden; border:1px solid #e6e6e6; border-radius:2px; cursor:pointer; position:relative; text-align:center; line-height:153px;}
    104. 

  104. .thumbImg{ max-width:100%; max-height:100%; border:none;}
    105. 

  105. .thumbBox:after{ position:absolute; width:100%; height:100%;line-height:153px; z-index:-1; text-align:center; font-size:20px; content:"缩略图"; left:0; top:0; color:#9F9F9F;}
    106. 

  106. 

  107. /*响应式*/
    108. 

  108. @media screen and (max-width:450px) {
    109. 

  109.     .layui-col-xs12 .layui-form-label{ width:60px; padding-left:0;}
    110. 

  110.     .layui-col-xs12 .layui-input-block,.layui-col-xs12 .layui-input-inline{ margin-left:75px;}
    111. 

  111.     .layui-col-xs12 .layui-input-inline{ left:0 !important; width:auto !important;}
    112. 

  112.     .noFind{ padding-top:0;}
    113. 

  113.     *[pc]{ display:none;}
    114. 

  114. }
    115. 

  115. html,
    116. 

  116. body {
    117. 

  117.     width: 100%;
    118. 

  118.     height: 100%;
    119. 

  119.     box-sizing: border-box;
    120. 

  120. }
    121. 

  121.