123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384 |
- .dbItem{
- text-align:left;
- padding:5px 10px;
- border:1px solid #e6e6e6;
- margin:0 5px;
- float:left;
- position:relative;
- }
- a:hover .dbItem{
- background:#F0F3F4
- }
- @media screen and (max-width: 1920px) {
- .total-item{
- float:left;
- cursor:pointer;
- width: 24%;
- margin: 0 0.5%;
- font-size:16px;
- margin-top:5px;
- margin-bottom:10px;
- text-align:left;
- text-indent:5px
- }
- }
- @media screen and (max-width: 1366px) {
- .total-item{
- float:left;
- cursor:pointer;
- width: 24%;
- margin: 0 0.5%;
- font-size:14px;
- margin-top:5px;
- margin-bottom:15px;
- text-align:left;
- text-indent:5px
- }
- }
- .purple{
- width:20px;
- height:20px;
- float:left;
- line-height:23px;
- white-space:nowrap;
- text-indent:25px;
- margin-left:35%;
- background-image:url("../img/1purple.png");
- background-repeat:no-repeat;
- }
- .red{
- width:20px;
- height:20px;
- float:left;
- line-height:23px;
- white-space:nowrap;
- text-indent:25px;
- margin-left:35%;
- background-image:url("../img/1red.png");
- background-repeat:no-repeat;
- }
- .yellow{
- width:20px;
- height:20px;
- float:left;
- line-height:23px;
- white-space:nowrap;
- text-indent:25px;
- margin-left:35%;
- background-image:url("../img/1yellow.png");
- background-repeat:no-repeat;
- }
- .green{
- width:20px;
- height:20px;
- float:left;
- line-height:23px;
- white-space:nowrap;
- text-indent:25px;
- margin-left:35%;
- background-image:url("../img/1green.png");
- background-repeat:no-repeat;
- }
- .pointer{
- cursor:pointer
- }
|