xitongxiaoxi.css 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. .hd-welcome{
  2. margin-top: 10px;
  3. text-align: center;
  4. }
  5. .hd-welcome p {
  6. display: inline-block;
  7. background: #cacfde;
  8. color: #fff;
  9. border-radius: 15px;
  10. padding: 2px 10px;
  11. font-size: 12px;
  12. }
  13. .new-msg {
  14. background: url(../../../images/new_icon.png) #fff no-repeat;
  15. background-size: 35px 35px;
  16. -webkit-background-size: 35px 35px;
  17. -moz-background-size: 35px 35px;
  18. -o-background-size: 35px 35px;
  19. background-position: top right!important;
  20. }
  21. .msg-box{
  22. margin: 10px 16px;
  23. border-radius: 8px;
  24. font-size: 16px;
  25. border: 1px solid #e1e1e1;
  26. }
  27. .bg-fff{
  28. background: #fff;
  29. }
  30. .msg-box .msg-title{
  31. padding: 10px 20px;
  32. color: #333;
  33. }
  34. .msg-box .msg-content{
  35. padding: 0px 20px 12px 20px;
  36. font-size: 14px;
  37. color: #666;
  38. }
  39. .msg-box .msg-action{
  40. font-size: 14px;
  41. border-top: 1px solid #e1e1e1;
  42. padding: 10px 20px;
  43. color: #666;
  44. display: -webkit-box;
  45. }
  46. .msg-box .msg-action span{
  47. display: block;
  48. position: absolute;
  49. right: 30px;
  50. transform: rotate(45deg);
  51. -webkit-transform: rotate(45deg);
  52. -moz-transform: rotate(45deg);
  53. -ms-transform: rotate(7deg);
  54. -o-transform: rotate(7deg);
  55. border-top: 2px solid #ccc;
  56. border-right: 2px solid #ccc;
  57. width: 12px;
  58. height: 12px;
  59. margin-top: 5px;
  60. }
  61. .msg-box:active{
  62. -webkit-box-shadow: 0 0 10px rgba(0, 204, 204, .5);
  63. -moz-box-shadow:0 0 10px rgba(0, 204, 204, .5);
  64. box-shadow:0 0 10px rgba(0, 204, 204, .5);
  65. /*background-color: rgba(225,255,255,.5)!important;*/
  66. }
  67. .new-flag{position: absolute; top: 0; right: 0;}
  68. .header-link a.disabled{color: rgba(255,255,255,0.5);}