Home Explore Help
Register Sign In
zhh
/
zentao
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
zentao
/
lib
/
zin
/
wg
/
dynamic
/
css
/
v1.css

v1.css 2.3 KB
Permalink History Raw

1234567891011121314151617181920212223242526272829 
  1. .dynamic > li {position: relative; list-style: none}
    2. 

  2. .dynamic > li:before, .dynamic > li > div:after {position: absolute; left: -20px; display: block; width: 15px; height: 15px; content: ' '; border-radius: 50%}
    3. 

  3. .dynamic > li:before {top: 12px; left: -17px; z-index: 3; width: 10px; height: 10px; background-color: #c4c4c4; border: none; border: 2px solid #fff;}
    4. 

  4. .dynamic > li > div:after {top: 17px; left: -15px; z-index: 3; width: 6px; height: 6px; background-color: var(--color-gray-300); border-radius: 50%; opacity: 0}
    5. 

  5. .dynamic > li.blue > div:after {background-color: #2e7fff;}
    6. 

  6. .dynamic > li.green > div:after {background-color: rgb(25, 190, 131);}
    7. 

  7. .dynamic > li.yellow > div:after {background-color: rgb(255, 210, 169);}
    8. 

  8. .dynamic > li.trophy > div:after {background-color: unset;}
    9. 

  9. .dynamic > li + li:after {position: absolute; top: -12px; bottom: 20px; left: -13px; z-index: 1; display: block; content: ' '; border-left: 2px solid #eee;}
    10. 

  10. .dynamic > li > div:after {opacity: 1}
    11. 

  11. .dynamic > li:before {top: 12px; left: -20px; width: 16px; height: 16px; background-color: var(--color-gray-100); border: none;}
    12. 

  12. .dynamic > li.trophy:before {background: url('static/svg/trophy.svg') no-repeat; width: 18px; height: 18px; background-size: 100%; left: -21px; top: 13px; background-color: var(--color-gray-100);}
    13. 

  13. .dynamic > li > div {display: block; padding: 3px 0px; line-height: 20px}
    14. 

  14. .dynamic > li .dynamic-text {padding: 2px 5px;}
    15. 

  15. .dynamic > li.trophy .dynamic-text {background: #fff;}
    16. 

  16. .dynamic > li.trophy .dynamic-text img {opacity: 0.2; transform: rotate(6deg); position: relative; max-width: 2.25rem; top: -15px; left: -35px; width: 2.25rem; height: 2.25rem;}
    17. 

  17. 

  18. .dynamic-tag {position: absolute; top: 5px; left: -110px; font-size: 12px}
    19. 

  19. .dynamic-tag-left {padding-left: 110px;}
    20. 

  20. .dynamic-tag.has-time {left: -65px;}
    21. 

  21. .has-time .dynamic-tag-left {padding-left: 65px;}
    22. 

  22. 

  23. .dynamic-sm {font-size: 12px}
    24. 

  24. .dynamic-sm > li:before, .dynamic-sm > li > div:after {top: 10px; left: -20px; width: 11px; height: 11px}
    25. 

  25. .dynamic-sm > li.blue:before, .dynamic-sm > li:before {top: 10px; left: -18px; width: 11px; height: 11px; background: 0 0; border: 1px solid #eee}
    26. 

  26. .dynamic-sm > li > div {line-height: 20px}
    27. 

  27. .dynamic-sm > li > div:after {top: 13px; left: -15px; width: 5px; height: 5px}
    28. 

  28. 

  29. #showMoreDynamic:hover {background-color: #efefef;}
    30.