srs_cards.css 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. /******************************************************************************/
  2. /** Review widget *************************************************************/
  3. /******************************************************************************/
  4. .cards-review {
  5. margin-left: -28px;
  6. }
  7. .cards-title {
  8. border: 1px solid var(--color-level-3);
  9. border-radius: 8px 8px 0 0;
  10. color: #999;
  11. background: var(--color-level-1);
  12. font-weight: 500;
  13. padding-left: 4px;
  14. }
  15. .cards-title .tippy-hover {
  16. display: none;
  17. }
  18. .ls-card {
  19. border: 1px solid var(--color-level-3);
  20. border-top: none;
  21. padding: 8px 12px 0 12px;
  22. margin-top: -8px;
  23. border-radius: 0 0 8px 8px;
  24. }
  25. .ls-card div[data-refs-self*='"card"'] > .flex.flex-row.pr-2 .block-control {
  26. display: none;
  27. }
  28. div[data-refs-self*='"card"'] {
  29. padding-left: 8px;
  30. }
  31. /******************************************************************************/
  32. /** Card blocks ***************************************************************/
  33. /******************************************************************************/
  34. div[data-refs-self*='"card"'] > .flex.flex-row.pr-2 > .block-content-wrapper,
  35. div[data-refs-self*='"card"'] > .flex.flex-row.pr-2 > .editor-wrapper {
  36. font-weight: bold;
  37. margin-left: -5px;
  38. }
  39. div[data-refs-self*='"card"'] > .flex.flex-row.pr-2 {
  40. margin-left: 0;
  41. }
  42. div[data-refs-self*='"card"'] > .flex.flex-row.pr-2 .bullet-container {
  43. opacity: 0.5;
  44. display: none;
  45. }
  46. div[data-refs-self*='"card"'] > .flex.flex-row.pr-2 .block-control {
  47. margin-left: 12px;
  48. }
  49. div[data-refs-self*='"card"'] > .flex.flex-row.pr-2 .control-hide {
  50. display: block;
  51. }
  52. div[data-refs-self*='"card"'] {
  53. margin-bottom: 8px;
  54. background: var(--color-level-1);
  55. padding-top: 12px;
  56. padding-bottom: 12px;
  57. border-radius: 4px;
  58. margin-left: 12px;
  59. border: 1px solid var(--color-level-3);
  60. }
  61. html[data-theme='light'] #right-sidebar div[data-refs-self*='"card"'] {
  62. background-color: rgba(255, 254, 253) !important;
  63. }
  64. html[data-theme='dark'] #right-sidebar div[data-refs-self*='"card"'] {
  65. background-color: var(--color-level-2);
  66. }
  67. div[data-refs-self*='"card"'] > * {
  68. margin-left: -9px;
  69. }
  70. div[data-refs-self*='"card"'] .block-children .bullet-container {
  71. opacity: 0.3;
  72. display: none;
  73. }
  74. div[data-refs-self*='"card"'] .block-children {
  75. padding-bottom: 0;
  76. margin-bottom: 0;
  77. }
  78. div[data-refs-self*='"card"'] .block-children > * {
  79. margin-left: 0;
  80. margin-left: -18px;
  81. margin-left: -12px;
  82. }
  83. div[data-refs-self*='"card"'] .block-properties,
  84. div[data-refs-self*='"card"'] .block-properties .page-property-key {
  85. border: none;
  86. color: #999;
  87. padding: 0;
  88. margin: 0;
  89. }