Skip to content

Instantly share code, notes, and snippets.

@RobinBoers
Last active June 10, 2023 20:04
Show Gist options
  • Save RobinBoers/f5269f6dc7d59d17e8dedbe945489024 to your computer and use it in GitHub Desktop.
Save RobinBoers/f5269f6dc7d59d17e8dedbe945489024 to your computer and use it in GitHub Desktop.
Bit of CSS that makes Gitea more like GitHub. Currently used on https://git.geheimesite.nl.
.organization.profile .ui.container:first-child {
margin: 38px auto;
}
.organization.profile p:empty {
display: none;
}
.organization.profile .org-avatar {
width: 130px;
height: 130px;
margin-right: 30px;
border-radius: 7px;
box-shadow: 0 0 0 1px var(--color-avatar-border);
}
.organization.profile #org-info {
display: flex;
flex-direction: column;
justify-content: center;
}
.organization.profile #org-info .ui.header {
font-weight: bolder !important;
}
.organization.profile #org-info .ui.header .org-visibility {
font-weight: revert;
}
.repo-title {
font-weight: bolder;
}
.repo-topics {
margin-bottom: 25px;
}
.user.profile .ui.card #profile-avatar img {
border-radius: 100%;
box-shadow: rgba(240, 246, 252, 0.1) 0px 0px 0px 1px;
}
.user.profile .ui.card {
background: transparent;
border: none;
}
.user.profile .ui.card .header {
font-size: 1.9em;
margin-top: 0.9rem;
line-height: 2.7rem;
text-align: left;
}
.user.profile .ui.card .profile-avatar-name {
text-align: left;
margin-bottom: 2em;
}
.user.profile .ui.card .profile-avatar-name .username {
font-size: 1.45em;
opacity: 0.75;
}
.user-orgs li {
width: auto;
}
.ui.repository.list .item {
margin: 25px 0;
}
.ui.user.list .item {
display: flex;
gap: 12px;
}
.ui.button {
box-shadow: var(--color-btn-primary-shadow),
var(--color-btn-primary-inset-shadow);
transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
transition-property: all;
transition-duration: 80ms;
transition-property: color, background-color, box-shadow, border-color;
display: inline-block;
padding: 6px 17px;
font-size: 14px;
font-weight: var(--base-text-weight-medium, 500);
line-height: 20px;
border: 1px solid rgba(31, 35, 40, 0.15);
border-radius: 6px;
transition-duration: 0.1s;
font-weight: 500;
--color-btn-primary-border: rgba(31, 35, 40, 0.15);
--color-btn-primary-shadow: 0 1px 0 rgba(31, 35, 40, 0.1);
--color-btn-primary-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.ui.menu {
border-radius: 7px;
}
.ui.segment {
border-radius: 9px;
}
:root {
--border-radius: 9px;
}
.repository.view.issue .comment-list .comment > .content > div:first-child {
border-top-left-radius: 9px;
border-top-right-radius: 9px;
}
.repository.view.issue .comment-list .comment > .content > div:last-child {
border-bottom-left-radius: 9px;
border-bottom-right-radius: 9px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment