page_bookmarks.css 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  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: 8px 0;
  8. height: 112px;
  9. border-bottom: solid 8px rgb(24,24,24);
  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: 18pt; 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: 90px;
  21. }
  22. #bookmark-list div.buttons {
  23. position: absolute;
  24. bottom: 2px;
  25. left: 8px;
  26. font-weight: 400;
  27. }
  28. #bookmark-list td div.buttons a.button { margin-right: 3px; width: 92px; }
  29. #bookmark-list tr.new {
  30. background-color: rgba(0,240,80,0.2);
  31. }
  32. #bookmark-list td .flag { display: none; }
  33. #bookmark-list td.new .flag {
  34. display: block;
  35. width: 80px;
  36. height: 24px;
  37. position: absolute;
  38. top: 0;
  39. right: 0;
  40. font-size: 12pt;
  41. font-weight: 600;
  42. line-height: 24px;
  43. text-align: center;
  44. }