mine.css 866 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. .newLeft {
  2. position:absolute;
  3. top:0;
  4. left:0;
  5. width:30%;
  6. }
  7. .newRight {
  8. position:absolute;
  9. top:0;
  10. left:30%;
  11. width:50%;
  12. }
  13. .newText {
  14. width:25%;
  15. overflow:hidden;
  16. text-overflow:ellipsis;
  17. white-space:nowrap;
  18. }
  19. .newTime {
  20. position:absolute;
  21. left:30%;
  22. }
  23. .containers {
  24. position: absolute;
  25. top: 50%;
  26. left: 50%;
  27. -webkit-transform: translate(-50%, -50%);
  28. transform: translate(-50%, -50%);
  29. }
  30. .test {
  31. float: left;
  32. width: 50px;
  33. height: 50px;
  34. line-height: 50px;
  35. background: crimson;
  36. text-align: center;
  37. font-size: 10px;
  38. color: #500716;
  39. border: solid 1px #c01134;
  40. -webkit-transition: all 0.4s;
  41. transition: all 0.4s;
  42. }
  43. .test:hover {
  44. box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.4);
  45. -webkit-transform: scale(1.2);
  46. transform: scale(1.2);
  47. color: #c2e59c;
  48. }
  49. /* .test:nth-child(4),
  50. .test:nth-child(7) {
  51. clear: left;
  52. }
  53. */