page_bookmarks.css 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. #bookmark-list tr:hover { background-color: rgba(0,0,0,0); }
  2. #bookmark-list tr.male img.avatar { border: solid 4px rgb(80,96,240); }
  3. #bookmark-list tr.female img.avatar { border: solid 4px rgb(255,160,160); }
  4. #bookmark-list td {
  5. font-size: 10pt;
  6. position: relative;
  7. padding: 4px 0;
  8. height: 116px;
  9. border-bottom: solid 4px rgba(0,0,0,0.6);
  10. }
  11. #bookmark-list h1, #bookmark-list h2, #bookmark-list h3, #bookmark-list h4 {
  12. position: absolute;
  13. left: 8px;
  14. }
  15. #bookmark-list h1 { font-size: 14pt; font-weight: 400; line-height: 40px; top: 0px; }
  16. #bookmark-list h3 { font-size: 9.5pt; line-height: 16px; top: 40px; }
  17. #bookmark-list h4 { font-size: 9.5pt; line-height: 16px; top: 56px; }
  18. #bookmark-list h3 span, #bookmark-list h4 span {
  19. display: inline-block;
  20. width: 80px;
  21. font-size: 8pt;
  22. font-weight: 600;
  23. }
  24. #bookmark-list div.buttons {
  25. position: absolute;
  26. bottom: 4px;
  27. left: 8px;
  28. }
  29. #bookmark-list td div.buttons a.button {
  30. margin-right: 2px;
  31. width: 92px;
  32. font-size: 9pt;
  33. line-height: 24px;
  34. height: 24px;
  35. font-weight: 400;
  36. }
  37. #bookmark-list td .flag { display: none; }
  38. #bookmark-list td.new .flag {
  39. display: block;
  40. width: 120px;
  41. height: 24px;
  42. position: absolute;
  43. top: 0;
  44. right: 0;
  45. font-size: 12pt;
  46. font-weight: 600;
  47. line-height: 24px;
  48. text-align: center;
  49. }
  50. #bookmark-list tr.new_replays {
  51. background-color: rgba(0,240,0,0.1);
  52. }
  53. #bookmark-list tr.new_replays a.button.view, #bookmark-list tr.new_followings a.button.following {
  54. background-color: rgba(240,240,0,0.8);
  55. color: rgb(0,0,0);
  56. font-weight: 600;
  57. }