Calculator.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. body {
  2. width: 228px;
  3. }
  4. .U_Cal {
  5. position:absolute;
  6. }
  7. #U_Cal_head {
  8. margin: 0;
  9. width: 228px;
  10. background: #f1f3f2;
  11. }
  12. #U_Cal_title_row {
  13. padding: 5px 0 0 5px;
  14. font-size: 13px;
  15. color: #949594;
  16. }
  17. #U_Cal_switch_btn {
  18. padding-left: 7px;
  19. width: 19px;
  20. height: 13px;
  21. display: table-cell;
  22. vertical-align: middle;
  23. cursor: pointer;
  24. }
  25. #U_Cal_process_output_row {
  26. padding: 5px 20px;
  27. height: 20px;
  28. text-overflow:ellipsis;
  29. overflow:hidden;
  30. white-space:nowrap;
  31. color: black;
  32. font-size: 15px;
  33. text-align: right;
  34. }
  35. #U_Cal_result_output_row {
  36. padding: 10px 20px;
  37. width: auto;
  38. text-overflow: ellipsis;
  39. height: 30px;
  40. font-size: 30px;
  41. text-align: right;
  42. }
  43. #U_Cal_body {
  44. margin: 0;
  45. width: 229px;
  46. }
  47. #U_Cal_body div:hover {
  48. background: white;
  49. cursor: pointer;
  50. }
  51. #U_Cal_body div:active {
  52. background: #21b2fe;
  53. cursor: pointer;
  54. }
  55. .U_Cal_btn_column {
  56. display: block;
  57. position: relative;
  58. }
  59. .U_Cal_btn {
  60. display: table-cell;
  61. border-top: 1px solid #dcdcde;
  62. border-left: 1px solid #dcdcde;
  63. height: 39px;
  64. width: 57px;
  65. background: #f7f8fa;
  66. font-size: 15px;
  67. text-align: center;
  68. vertical-align: middle;
  69. }
  70. .U_Cal_btn_ACnCE {
  71. color: #21b2fe;
  72. }