219 lines
5 KiB
SCSS
219 lines
5 KiB
SCSS
|
|
/* user: profile repositories / main */
|
|
|
|
.user {
|
|
.container {
|
|
.grid {
|
|
.card {
|
|
background: rgb(50, 50, 75);
|
|
box-shadow: none;
|
|
color: rgb(245, 245, 255);
|
|
position: sticky;
|
|
top: 20px;
|
|
.content {
|
|
.header {
|
|
color: rgb(245, 245, 255);
|
|
}
|
|
}
|
|
.extra.content {
|
|
ul {
|
|
color: rgb(245, 245, 255);
|
|
li:not(:last-child) {
|
|
border-bottom: 1px solid rgb(60, 60, 90);
|
|
}
|
|
a {
|
|
color: rgb(255, 255, 255);
|
|
&:hover {
|
|
color: rgb(255, 130, 130);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.secondary.pointing.menu {
|
|
background: rgb(70, 70, 105);
|
|
border: 0;
|
|
border-radius: 5px 5px 0 0;
|
|
margin-top: -15px;
|
|
overflow-x: auto;
|
|
overflow-y: hidden;
|
|
padding: 0 20px;
|
|
position: sticky;
|
|
scrollbar-color: rgb(215, 215, 225) rgb(70, 70, 105);
|
|
top: 0;
|
|
transform: rotateX(180deg);
|
|
z-index: 100;
|
|
.item {
|
|
border-bottom: 2px solid transparent;
|
|
border-radius: 5px 5px 0 0;
|
|
color: rgb(245, 245, 255);
|
|
font-family: $font-family;
|
|
margin-bottom: 10px;
|
|
transform: rotateX(180deg);
|
|
transition: background .2s, color .2s;
|
|
&:hover {
|
|
background: rgb(60, 60, 90);
|
|
color: rgb(255, 255, 255);
|
|
}
|
|
&.active {
|
|
border-bottom: 2px solid rgb(245, 245, 255);
|
|
color: rgb(245, 245, 255);
|
|
&:hover {
|
|
color: rgb(255, 255, 255);
|
|
}
|
|
}
|
|
@if $nojavascript == true {
|
|
svg {
|
|
display: none;
|
|
}
|
|
}
|
|
.label {
|
|
background: rgb(245, 245, 255);
|
|
color: rgb(70, 70, 105);
|
|
}
|
|
@if $singleuser == true {
|
|
&[href*="stars"],
|
|
&[href*="following"],
|
|
&[href*="followers"] {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@if $nojavascript == true {
|
|
.filter.menu {
|
|
display: none;
|
|
}
|
|
}
|
|
form.form {
|
|
.input {
|
|
input {
|
|
background: rgb(40, 40, 60);
|
|
border: 2px solid rgb(60, 60, 90);
|
|
color: rgb(245, 245, 255);
|
|
&:focus {
|
|
background: rgb(50, 50, 75);
|
|
border: 2px solid rgb(60, 60, 90);
|
|
color: rgb(255, 255, 255);
|
|
}
|
|
}
|
|
.button {
|
|
background: rgb(60, 60, 90);
|
|
border: 0;
|
|
&:hover {
|
|
background: rgb(50, 50, 75);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.divider {
|
|
border-bottom: 1px solid rgb(60, 60, 90);
|
|
}
|
|
.repository.list {
|
|
.item {
|
|
&:not(:first-child) {
|
|
border-top: 1px solid rgb(60, 60, 90);
|
|
}
|
|
.header {
|
|
a.name {
|
|
font-family: $font-family;
|
|
i.archive.icon {
|
|
color: rgb(215, 215, 225) !important;
|
|
}
|
|
}
|
|
.metas {
|
|
@if $singleuser == true {
|
|
display: none;
|
|
}
|
|
span {
|
|
color: rgb(215, 215, 225) !important;
|
|
}
|
|
}
|
|
}
|
|
.description {
|
|
p {
|
|
color: rgb(245, 245, 255);
|
|
&.time {
|
|
color: rgb(215, 215, 225);
|
|
}
|
|
}
|
|
.tags {
|
|
a .label {
|
|
background: rgb(60, 60, 90);
|
|
color: rgb(245, 245, 255);
|
|
&:hover {
|
|
background: rgb(70, 70, 105);
|
|
color: rgb(255, 255, 255);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* user: profile public activity */
|
|
|
|
.user.profile {
|
|
.container {
|
|
.grid {
|
|
.feeds {
|
|
.news {
|
|
.content {
|
|
span {
|
|
color: rgb(215, 215, 225) !important;
|
|
}
|
|
}
|
|
p.grey {
|
|
span {
|
|
color: rgb(215, 215, 225);
|
|
}
|
|
}
|
|
.svg {
|
|
fill: rgb(215, 215, 225);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* user: signin */
|
|
|
|
.user.signin {
|
|
.container {
|
|
.header {
|
|
background: rgb(60, 60, 90);
|
|
border: 0;
|
|
color: rgb(245, 245, 255);
|
|
}
|
|
.segment {
|
|
background: rgb(50, 50, 75);
|
|
border: 0;
|
|
color: rgb(245, 245, 255);
|
|
.form {
|
|
.field {
|
|
label {
|
|
color: rgb(245, 245, 255);
|
|
&::after {
|
|
color: rgb(255, 130, 130);
|
|
}
|
|
}
|
|
input {
|
|
background: rgb(40, 40, 60);
|
|
}
|
|
.green.button {
|
|
background: rgb(80, 80, 120);
|
|
box-shadow: none;
|
|
color: rgb(245, 245, 255);
|
|
&:hover {
|
|
background: rgb(70, 70, 105);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|