custom-style.css 2.1 KiB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. .repository {
  2. /* Since we have no footer bar, reduce padding */
  3. padding-bottom: 15px;
  4. }
  5. .repository .repo-header {
  6. padding: 0.5rem 0;
  7. justify-content: flex-start;
  8. align-items: flex-end;
  9. align-items: last baseline;
  10. }
  11. .repository .repo-header > * {
  12. padding: 1rem 1rem 0.5rem 1rem;
  13. }
  14. .repository .repo-header .fork-flag {
  15. margin-left: 0;
  16. }
  17. .repo-title .svg[class*=octicon] {
  18. vertical-align: baseline;
  19. }
  20. /* These rules are copied here to pull them out of their nesting. */
  21. .repo-description {
  22. display: flex;
  23. justify-content: space-between;
  24. align-items: center;
  25. }
  26. #repo-desc {
  27. font-size: 1.2em;
  28. }
  29. /* Undo gitea's repurposing of left/right for attached objects (e.g. buttons) */
  30. .ui.left.attached, .ui.right.attached, .ui.left.action {
  31. float: unset;
  32. }
  33. .message.clone-menu {
  34. text-align: left;
  35. }
  36. kbd {
  37. }
  38. .clone-grid {
  39. margin-top: 0.5em;
  40. display: grid;
  41. grid-template-columns: 0fr 1fr;
  42. grid-column-gap: 1em;
  43. align-items: center;
  44. text-align: right;
  45. }
  46. /* cancel some semantic-ui styles (maybe we should not be using this class..) */
  47. .ui.sub.header {
  48. text-transform: unset;
  49. vertical-align: baseline;
  50. }
  51. .ui.attached.header .right {
  52. margin-top: unset;
  53. }
  54. #repo-files-table {
  55. margin-top: 0;
  56. border-top-left-radius: 0;
  57. border-top-right-radius: 0;
  58. }
  59. .ui.top.attached.header {
  60. margin-top: 2em;
  61. margin-bottom: -1px;
  62. background: #F9FAFB;
  63. }
  64. details > summary.ui.top.attached.header::marker {
  65. font-size: 1.2em;
  66. }
  67. /* Show a hint of hidden content under a closed folder */
  68. details:not([open]) > summary.ui.top.attached.header {
  69. background: linear-gradient(#f9fafb 80%, #ddd 84%, #f9fafb 88%, #ddd 92%, #f9fafb 96%, #ddd);
  70. padding-bottom: 1.5rem;
  71. }
  72. details:not([open]) > summary.ui.top.attached.header:hover {
  73. /* background: linear-gradient(#f9fafb 75%, #ddd 80%, #f9fafb 85%, #ddd 90%, #f9fafb 95%, #ddd); */
  74. /* padding-bottom: 1.75rem; */
  75. background: linear-gradient(#f9fafb 80%, #ccc 84%, #f9fafb 88%, #ccc 92%, #f9fafb 96%, #ccc);
  76. }
  77. .ui.left.attached.button {
  78. margin-right: 1px;
  79. }
  80. .ui.labeled.button > .label {
  81. padding: .78571429em 1.5em .78571429em; /* same padding as the button */
  82. }