dbList.css 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. .dbItem{
  2. text-align:left;
  3. padding:5px 10px;
  4. border:1px solid #e6e6e6;
  5. margin:0 5px;
  6. float:left;
  7. position:relative;
  8. }
  9. a:hover .dbItem{
  10. background:#F0F3F4
  11. }
  12. @media screen and (max-width: 1920px) {
  13. .total-item{
  14. float:left;
  15. cursor:pointer;
  16. width: 24%;
  17. margin: 0 0.5%;
  18. font-size:16px;
  19. margin-top:5px;
  20. margin-bottom:10px;
  21. text-align:left;
  22. text-indent:5px
  23. }
  24. }
  25. @media screen and (max-width: 1366px) {
  26. .total-item{
  27. float:left;
  28. cursor:pointer;
  29. width: 24%;
  30. margin: 0 0.5%;
  31. font-size:14px;
  32. margin-top:5px;
  33. margin-bottom:15px;
  34. text-align:left;
  35. text-indent:5px
  36. }
  37. }
  38. .purple{
  39. width:20px;
  40. height:20px;
  41. float:left;
  42. line-height:23px;
  43. white-space:nowrap;
  44. text-indent:25px;
  45. margin-left:35%;
  46. background-image:url("../img/1purple.png");
  47. background-repeat:no-repeat;
  48. }
  49. .red{
  50. width:20px;
  51. height:20px;
  52. float:left;
  53. line-height:23px;
  54. white-space:nowrap;
  55. text-indent:25px;
  56. margin-left:35%;
  57. background-image:url("../img/1red.png");
  58. background-repeat:no-repeat;
  59. }
  60. .yellow{
  61. width:20px;
  62. height:20px;
  63. float:left;
  64. line-height:23px;
  65. white-space:nowrap;
  66. text-indent:25px;
  67. margin-left:35%;
  68. background-image:url("../img/1yellow.png");
  69. background-repeat:no-repeat;
  70. }
  71. .green{
  72. width:20px;
  73. height:20px;
  74. float:left;
  75. line-height:23px;
  76. white-space:nowrap;
  77. text-indent:25px;
  78. margin-left:35%;
  79. background-image:url("../img/1green.png");
  80. background-repeat:no-repeat;
  81. }
  82. .pointer{
  83. cursor:pointer
  84. }