added styles to user: signin
This commit is contained in:
Vrifox
parent
90e3c5f755
commit
ca4fdec52b
5 changed files with 120 additions and 468 deletions
|
|
@ -1,431 +0,0 @@
|
||||||
/* ------------------------------------------------ */
|
|
||||||
/* DON'T EDIT THIS FILE; EDIT THE SCSS/SASS INSTEAD */
|
|
||||||
/* ------------------------------------------------ */
|
|
||||||
* {
|
|
||||||
scrollbar-width: thin;
|
|
||||||
scrollbar-color: #ff8282 #3c3c5a; }
|
|
||||||
*::selection {
|
|
||||||
background: #f5f5ff; }
|
|
||||||
|
|
||||||
body {
|
|
||||||
background: #28283c;
|
|
||||||
color: #f5f5ff; }
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: white;
|
|
||||||
transition: color 0.2s; }
|
|
||||||
a:hover {
|
|
||||||
color: #ff8282; }
|
|
||||||
|
|
||||||
.ui.main.menu {
|
|
||||||
background: #3c3c5a;
|
|
||||||
border-bottom: 0;
|
|
||||||
min-height: 64px; }
|
|
||||||
.ui.main.menu #navbar {
|
|
||||||
width: 1127px; }
|
|
||||||
.ui.main.menu #navbar .item {
|
|
||||||
color: #d7d7e1; }
|
|
||||||
.ui.main.menu #navbar .item.brand {
|
|
||||||
margin: 0 .5rem 0 0; }
|
|
||||||
.ui.main.menu #navbar .item.brand .mini.image {
|
|
||||||
transition: opacity .2s; }
|
|
||||||
.ui.main.menu #navbar .item.brand .mini.image:hover {
|
|
||||||
opacity: .9; }
|
|
||||||
.ui.main.menu #navbar .item:not(.brand) {
|
|
||||||
display: block;
|
|
||||||
padding: 24px;
|
|
||||||
border-radius: 0;
|
|
||||||
margin: 0px 0px;
|
|
||||||
transition: background .2s, color .2s; }
|
|
||||||
.ui.main.menu #navbar .item:not(.brand):hover {
|
|
||||||
background: #32324b;
|
|
||||||
color: white; }
|
|
||||||
.ui.main.menu #navbar .item.active:not(.brand) {
|
|
||||||
color: #f5f5ff;
|
|
||||||
background: #32324b; }
|
|
||||||
.ui.main.menu .dropdown.item > .menu {
|
|
||||||
margin-top: 0; }
|
|
||||||
.ui.main.menu .dropdown.item > .menu, .ui.main.menu.text.menu .dropdown.item > .menu {
|
|
||||||
border: 0; }
|
|
||||||
.ui.main.menu .dropdown.item:hover,
|
|
||||||
.ui.main.menu .link.item:hover,
|
|
||||||
.ui.main.menu .active.item:hover,
|
|
||||||
.ui.main.menu a.item:hover {
|
|
||||||
color: #ffffff; }
|
|
||||||
|
|
||||||
/* repository: code / main */
|
|
||||||
.repository .header-wrapper {
|
|
||||||
background-color: #464669; }
|
|
||||||
.repository .header-wrapper .repo-header .repo-title a {
|
|
||||||
color: #f5f5ff; }
|
|
||||||
.repository .header-wrapper .repo-header .repo-title .divider {
|
|
||||||
color: #d7d7e1; }
|
|
||||||
.repository .header-wrapper .repo-header .repo-buttons .button {
|
|
||||||
color: #d7d7e1;
|
|
||||||
background: #3c3c5a; }
|
|
||||||
.repository .header-wrapper .repo-header .repo-buttons .button:hover {
|
|
||||||
color: white; }
|
|
||||||
.repository .header-wrapper .repo-header .repo-buttons .label {
|
|
||||||
background: #5a5a87;
|
|
||||||
color: #d7d7e1; }
|
|
||||||
.repository .header-wrapper .repo-header .repo-buttons .label:hover {
|
|
||||||
color: white; }
|
|
||||||
.repository .header-wrapper .tabs .item {
|
|
||||||
color: #d7d7e1;
|
|
||||||
transition: color .2s; }
|
|
||||||
.repository .header-wrapper .tabs .item:hover {
|
|
||||||
color: white; }
|
|
||||||
.repository .header-wrapper .tabs .item.active {
|
|
||||||
background: #3c3c5a;
|
|
||||||
border: 0;
|
|
||||||
color: #f5f5ff; }
|
|
||||||
.repository .header-wrapper .tabs .item.active span.label {
|
|
||||||
background: #32324b; }
|
|
||||||
.repository .header-wrapper .tabs .item span.label {
|
|
||||||
background: #3c3c5a; }
|
|
||||||
|
|
||||||
.repository .container .repo-description {
|
|
||||||
color: #f5f5ff; }
|
|
||||||
.repository .container .repo-description a {
|
|
||||||
color: #d7d7e1; }
|
|
||||||
.repository .container .repo-description a:hover {
|
|
||||||
color: #ff8282; }
|
|
||||||
|
|
||||||
.repository .container #repo-topics .repo-topic.label {
|
|
||||||
background: #3c3c5a;
|
|
||||||
color: #f5f5ff; }
|
|
||||||
.repository .container #repo-topics .repo-topic.label:hover {
|
|
||||||
background: #464669;
|
|
||||||
color: white; }
|
|
||||||
|
|
||||||
.repository .container .repo-topic-edit {
|
|
||||||
display: none !important; }
|
|
||||||
.repository .container .repo-topic-edit.success, .repository .container .repo-topic-edit.error {
|
|
||||||
display: flex !important; }
|
|
||||||
|
|
||||||
.repository .container .repository-summary {
|
|
||||||
border: 0; }
|
|
||||||
.repository .container .repository-summary .repository-menu {
|
|
||||||
background: #32324b; }
|
|
||||||
.repository .container .repository-summary .repository-menu .item a {
|
|
||||||
color: #f5f5ff !important; }
|
|
||||||
.repository .container .repository-summary .repository-menu .item a:hover {
|
|
||||||
color: white !important; }
|
|
||||||
.repository .container .repository-summary .language-stats-details {
|
|
||||||
display: block !important; }
|
|
||||||
|
|
||||||
.repository .container .secondary.menu .item #clone-panel #repo-clone-https,
|
|
||||||
.repository .container .secondary.menu .item #clone-panel #repo-clone-ssh {
|
|
||||||
color: #f5f5ff;
|
|
||||||
box-shadow: none !important; }
|
|
||||||
.repository .container .secondary.menu .item #clone-panel #repo-clone-https:not(.blue),
|
|
||||||
.repository .container .secondary.menu .item #clone-panel #repo-clone-ssh:not(.blue) {
|
|
||||||
background: #3c3c5a; }
|
|
||||||
.repository .container .secondary.menu .item #clone-panel #repo-clone-https:not(.blue):hover,
|
|
||||||
.repository .container .secondary.menu .item #clone-panel #repo-clone-ssh:not(.blue):hover {
|
|
||||||
background: #32324b; }
|
|
||||||
.repository .container .secondary.menu .item #clone-panel #repo-clone-https.blue,
|
|
||||||
.repository .container .secondary.menu .item #clone-panel #repo-clone-ssh.blue {
|
|
||||||
box-shadow: inset 0 0 0 1px #ff8282 !important;
|
|
||||||
color: #ff8282 !important; }
|
|
||||||
|
|
||||||
.repository .container .secondary.menu .item #clone-panel input#repo-clone-url {
|
|
||||||
background: #28283c;
|
|
||||||
border: 2px solid #3c3c5a;
|
|
||||||
color: #f5f5ff; }
|
|
||||||
.repository .container .secondary.menu .item #clone-panel input#repo-clone-url:focus {
|
|
||||||
background: #32324b;
|
|
||||||
border: 2px solid #3c3c5a;
|
|
||||||
color: white; }
|
|
||||||
|
|
||||||
.repository .container .secondary.menu .item #clipboard-btn {
|
|
||||||
background: #3c3c5a; }
|
|
||||||
.repository .container .secondary.menu .item #clipboard-btn:hover {
|
|
||||||
background: #32324b; }
|
|
||||||
.repository .container .secondary.menu .item #clipboard-btn .svg {
|
|
||||||
fill: whitesmoke; }
|
|
||||||
|
|
||||||
.repository .container .secondary.menu .item div.dropdown.button {
|
|
||||||
background: #3c3c5a; }
|
|
||||||
.repository .container .secondary.menu .item div.dropdown.button:hover {
|
|
||||||
background: #32324b; }
|
|
||||||
.repository .container .secondary.menu .item div.dropdown.button .download.icon {
|
|
||||||
color: #f5f5ff; }
|
|
||||||
|
|
||||||
.repository .container .header {
|
|
||||||
background: #3c3c5a;
|
|
||||||
border: 0;
|
|
||||||
color: #f5f5ff; }
|
|
||||||
|
|
||||||
.repository .container .table {
|
|
||||||
color: #f5f5ff;
|
|
||||||
border: 0;
|
|
||||||
background: #1e1e2d;
|
|
||||||
border-radius: 5px; }
|
|
||||||
.repository .container .table thead tr:hover {
|
|
||||||
background: transparent !important; }
|
|
||||||
.repository .container .table thead tr th {
|
|
||||||
background: #32324b;
|
|
||||||
color: #f5f5ff; }
|
|
||||||
.repository .container .table thead tr th .time-since {
|
|
||||||
color: #f5f5ff; }
|
|
||||||
.repository .container .table > thead > tr > th {
|
|
||||||
background: #32324b; }
|
|
||||||
.repository .container .table tbody tr {
|
|
||||||
background: #1e1e2d;
|
|
||||||
border: 0; }
|
|
||||||
.repository .container .table tbody tr:hover {
|
|
||||||
background-color: #28283c !important; }
|
|
||||||
.repository .container .table tbody tr .svg.octicon-file-directory, .repository .container .table tbody tr .svg.octicon-file-submodule {
|
|
||||||
fill: #ff8282; }
|
|
||||||
.repository .container .table tbody tr .svg.octicon-file {
|
|
||||||
fill: #d7d7e1; }
|
|
||||||
.repository .container .table tbody tr .jumpable-path {
|
|
||||||
color: #646496 !important; }
|
|
||||||
.repository .container .table .commit-list .sha.label {
|
|
||||||
background: #464669;
|
|
||||||
border: 0 !important;
|
|
||||||
color: #f5f5ff;
|
|
||||||
transition: background .2s, color .2s; }
|
|
||||||
.repository .container .table .commit-list .sha.label:hover {
|
|
||||||
background: #3c3c5a;
|
|
||||||
color: white; }
|
|
||||||
|
|
||||||
.repository .container .non-diff-file-content {
|
|
||||||
color: #f5f5ff; }
|
|
||||||
.repository .container .non-diff-file-content .header {
|
|
||||||
background: #32324b;
|
|
||||||
color: #f5f5ff;
|
|
||||||
border: 0; }
|
|
||||||
.repository .container .non-diff-file-content .table {
|
|
||||||
color: #f5f5ff;
|
|
||||||
border: 0;
|
|
||||||
background: #1e1e2d; }
|
|
||||||
|
|
||||||
/* repository: releases */
|
|
||||||
.repository.release .container .header {
|
|
||||||
background: transparent; }
|
|
||||||
|
|
||||||
.repository.release .container #release-list {
|
|
||||||
border-top: 1px solid #3c3c5a; }
|
|
||||||
|
|
||||||
/* repository: activity */
|
|
||||||
.repository.commits .container h2.header {
|
|
||||||
background: transparent; }
|
|
||||||
.repository.commits .container h2.header .filter .button {
|
|
||||||
background: #3c3c5a;
|
|
||||||
color: #f5f5ff; }
|
|
||||||
.repository.commits .container h2.header .filter .button:hover {
|
|
||||||
background: #32324b; }
|
|
||||||
|
|
||||||
.repository.commits .container .segment.text {
|
|
||||||
background: #1e1e2d;
|
|
||||||
border: 0; }
|
|
||||||
|
|
||||||
/* repository: commits */
|
|
||||||
.repository.commits .secondary.menu {
|
|
||||||
margin-left: -15px; }
|
|
||||||
.repository.commits .secondary.menu .item .button {
|
|
||||||
background: #3c3c5a;
|
|
||||||
color: #f5f5ff; }
|
|
||||||
.repository.commits .secondary.menu .item .button:hover {
|
|
||||||
background: #32324b; }
|
|
||||||
|
|
||||||
.repository.commits .header form .search.input input {
|
|
||||||
background: #28283c;
|
|
||||||
border: 0;
|
|
||||||
color: #f5f5ff; }
|
|
||||||
.repository.commits .header form .search.input input:focus {
|
|
||||||
background: #32324b;
|
|
||||||
color: white; }
|
|
||||||
|
|
||||||
.repository.commits .header form .checkbox label {
|
|
||||||
color: #f5f5ff; }
|
|
||||||
|
|
||||||
/* repository: branches */
|
|
||||||
.repository.branches .container .table tbody tr:hover {
|
|
||||||
background: #1e1e2d; }
|
|
||||||
|
|
||||||
.repository.branches .container .table tbody tr td .info {
|
|
||||||
color: #f5f5ff; }
|
|
||||||
.repository.branches .container .table tbody tr td .info .svg {
|
|
||||||
fill: #f5f5ff; }
|
|
||||||
|
|
||||||
.repository.branches .container .table tbody tr td .dropdown.button .download.icon {
|
|
||||||
color: #f5f5ff; }
|
|
||||||
|
|
||||||
/* repository: diff */
|
|
||||||
.repository.diff .container .top.info {
|
|
||||||
background: #3c3c5a !important;
|
|
||||||
border: 0; }
|
|
||||||
|
|
||||||
.repository.diff .container .info {
|
|
||||||
background: #32324b;
|
|
||||||
border: 0; }
|
|
||||||
|
|
||||||
.repository.diff .container .diff-file-body .file-body table tbody .del-code .line-code {
|
|
||||||
background: #ff8282 !important; }
|
|
||||||
|
|
||||||
/* explore: repositories / main */
|
|
||||||
.explore .secondary.menu {
|
|
||||||
background-color: #464669 !important;
|
|
||||||
border-radius: 0; }
|
|
||||||
.explore .secondary.menu .item {
|
|
||||||
color: #d7d7e1; }
|
|
||||||
.explore .secondary.menu .item:hover {
|
|
||||||
color: white !important; }
|
|
||||||
.explore .secondary.menu .item.active {
|
|
||||||
color: #f5f5ff !important; }
|
|
||||||
.explore .secondary.menu .item.active:hover {
|
|
||||||
color: white; }
|
|
||||||
.explore .secondary.menu .item .label {
|
|
||||||
background: #3c3c5a; }
|
|
||||||
|
|
||||||
.explore .container .filter.menu {
|
|
||||||
display: none; }
|
|
||||||
|
|
||||||
.explore .container form.form .input input {
|
|
||||||
background: #28283c;
|
|
||||||
border: 2px solid #3c3c5a;
|
|
||||||
color: #f5f5ff; }
|
|
||||||
.explore .container form.form .input input:focus {
|
|
||||||
background: #32324b;
|
|
||||||
border: 2px solid #3c3c5a;
|
|
||||||
color: white; }
|
|
||||||
|
|
||||||
.explore .container form.form .input .button {
|
|
||||||
background: #3c3c5a;
|
|
||||||
border: 0; }
|
|
||||||
.explore .container form.form .input .button:hover {
|
|
||||||
background: #32324b; }
|
|
||||||
|
|
||||||
.explore .container .divider {
|
|
||||||
border-bottom: 1px solid #3c3c5a; }
|
|
||||||
|
|
||||||
.explore .container .repository.list .item:not(:first-child) {
|
|
||||||
border-top: 1px solid #3c3c5a; }
|
|
||||||
|
|
||||||
.explore .container .repository.list .item .header a.name i.archive.icon {
|
|
||||||
color: #d7d7e1 !important; }
|
|
||||||
|
|
||||||
.explore .container .repository.list .item .header .metas span {
|
|
||||||
color: #d7d7e1 !important; }
|
|
||||||
|
|
||||||
.explore .container .repository.list .item .description p {
|
|
||||||
color: #f5f5ff; }
|
|
||||||
.explore .container .repository.list .item .description p.time {
|
|
||||||
color: #d7d7e1; }
|
|
||||||
|
|
||||||
.explore .container .repository.list .item .description .tags a .label {
|
|
||||||
background: #3c3c5a;
|
|
||||||
color: #f5f5ff; }
|
|
||||||
.explore .container .repository.list .item .description .tags a .label:hover {
|
|
||||||
background: #464669;
|
|
||||||
color: white; }
|
|
||||||
|
|
||||||
/* explore: users */
|
|
||||||
.explore.users .container .user.list .content .header {
|
|
||||||
color: #f5f5ff; }
|
|
||||||
|
|
||||||
.explore.users .container .user.list .content .description {
|
|
||||||
color: #f5f5ff; }
|
|
||||||
|
|
||||||
/* user profile: repositories / main */
|
|
||||||
.user.profile .container .grid .card {
|
|
||||||
box-shadow: none;
|
|
||||||
background: #32324b;
|
|
||||||
color: #f5f5ff; }
|
|
||||||
.user.profile .container .grid .card .content .header {
|
|
||||||
color: #f5f5ff; }
|
|
||||||
.user.profile .container .grid .card .extra.content ul {
|
|
||||||
color: #f5f5ff; }
|
|
||||||
.user.profile .container .grid .card .extra.content ul li:not(:last-child) {
|
|
||||||
border-bottom: 1px solid #3c3c5a; }
|
|
||||||
.user.profile .container .grid .card .extra.content ul a {
|
|
||||||
color: white; }
|
|
||||||
.user.profile .container .grid .card .extra.content ul a:hover {
|
|
||||||
color: #ff8282; }
|
|
||||||
|
|
||||||
.user.profile .container .grid .secondary.menu .item {
|
|
||||||
color: #d7d7e1; }
|
|
||||||
.user.profile .container .grid .secondary.menu .item:hover {
|
|
||||||
color: white; }
|
|
||||||
.user.profile .container .grid .secondary.menu .item.active {
|
|
||||||
color: #f5f5ff; }
|
|
||||||
.user.profile .container .grid .secondary.menu .item.active:hover {
|
|
||||||
color: white; }
|
|
||||||
.user.profile .container .grid .secondary.menu .item .label {
|
|
||||||
background: #3c3c5a; }
|
|
||||||
|
|
||||||
.user.profile .container .grid .filter.menu {
|
|
||||||
display: none; }
|
|
||||||
|
|
||||||
.user.profile .container .grid form.form .input input {
|
|
||||||
background: #28283c;
|
|
||||||
border: 2px solid #3c3c5a;
|
|
||||||
color: #f5f5ff; }
|
|
||||||
.user.profile .container .grid form.form .input input:focus {
|
|
||||||
background: #32324b;
|
|
||||||
border: 2px solid #3c3c5a;
|
|
||||||
color: white; }
|
|
||||||
|
|
||||||
.user.profile .container .grid form.form .input .button {
|
|
||||||
background: #3c3c5a;
|
|
||||||
border: 0; }
|
|
||||||
.user.profile .container .grid form.form .input .button:hover {
|
|
||||||
background: #32324b; }
|
|
||||||
|
|
||||||
.user.profile .container .grid .divider {
|
|
||||||
border-bottom: 1px solid #3c3c5a; }
|
|
||||||
|
|
||||||
.user.profile .container .grid .repository.list .item:not(:first-child) {
|
|
||||||
border-top: 1px solid #3c3c5a; }
|
|
||||||
|
|
||||||
.user.profile .container .grid .repository.list .item .header a.name i.archive.icon {
|
|
||||||
color: #d7d7e1 !important; }
|
|
||||||
|
|
||||||
.user.profile .container .grid .repository.list .item .header .metas span {
|
|
||||||
color: #d7d7e1 !important; }
|
|
||||||
|
|
||||||
.user.profile .container .grid .repository.list .item .description p {
|
|
||||||
color: #f5f5ff; }
|
|
||||||
.user.profile .container .grid .repository.list .item .description p.time {
|
|
||||||
color: #d7d7e1; }
|
|
||||||
|
|
||||||
.user.profile .container .grid .repository.list .item .description .tags a .label {
|
|
||||||
background: #3c3c5a;
|
|
||||||
color: #f5f5ff; }
|
|
||||||
.user.profile .container .grid .repository.list .item .description .tags a .label:hover {
|
|
||||||
background: #464669;
|
|
||||||
color: white; }
|
|
||||||
|
|
||||||
/* user profile: public activity */
|
|
||||||
.user.profile .container .grid .feeds .news .content span {
|
|
||||||
color: #d7d7e1 !important; }
|
|
||||||
|
|
||||||
.user.profile .container .grid .feeds .news p.grey span {
|
|
||||||
color: #d7d7e1; }
|
|
||||||
|
|
||||||
.user.profile .container .grid .feeds .news .svg {
|
|
||||||
fill: #d7d7e1; }
|
|
||||||
|
|
||||||
footer {
|
|
||||||
background: #1e1e2d;
|
|
||||||
border-top: 1px solid #28283c;
|
|
||||||
color: #c8c8e6; }
|
|
||||||
footer .ui.container {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
min-height: 64px;
|
|
||||||
width: 1127px !important; }
|
|
||||||
footer .ui.container .links {
|
|
||||||
margin-left: auto; }
|
|
||||||
footer .ui.container .links a {
|
|
||||||
color: #c8c8e6; }
|
|
||||||
footer .ui.container .links a:hover {
|
|
||||||
text-decoration: underline; }
|
|
||||||
footer .ui.container .links > * {
|
|
||||||
border-left-color: #c8c8e6; }
|
|
||||||
footer .ui.container .links a[href~="/api/swagger"],
|
|
||||||
footer .ui.container .links .version {
|
|
||||||
display: none; }
|
|
||||||
|
|
@ -58,17 +58,27 @@ a {
|
||||||
background-color: #464669; }
|
background-color: #464669; }
|
||||||
.repository .header-wrapper .repo-header .repo-title a {
|
.repository .header-wrapper .repo-header .repo-title a {
|
||||||
color: #f5f5ff; }
|
color: #f5f5ff; }
|
||||||
|
.repository .header-wrapper .repo-header .repo-title a:hover {
|
||||||
|
color: #ff8282; }
|
||||||
.repository .header-wrapper .repo-header .repo-title .divider {
|
.repository .header-wrapper .repo-header .repo-title .divider {
|
||||||
color: #d7d7e1; }
|
color: #d7d7e1; }
|
||||||
|
.repository .header-wrapper .repo-header .repo-title .svg.octicon-repo {
|
||||||
|
display: none; }
|
||||||
.repository .header-wrapper .repo-header .repo-buttons .button {
|
.repository .header-wrapper .repo-header .repo-buttons .button {
|
||||||
color: #d7d7e1;
|
background: #3c3c5a;
|
||||||
background: #3c3c5a; }
|
box-shadow: none;
|
||||||
|
color: #f5f5ff;
|
||||||
|
transition: background .2s, color .2s; }
|
||||||
.repository .header-wrapper .repo-header .repo-buttons .button:hover {
|
.repository .header-wrapper .repo-header .repo-buttons .button:hover {
|
||||||
|
background: #32324b;
|
||||||
color: white; }
|
color: white; }
|
||||||
.repository .header-wrapper .repo-header .repo-buttons .label {
|
.repository .header-wrapper .repo-header .repo-buttons .label {
|
||||||
background: #5a5a87;
|
background: #32324b;
|
||||||
color: #d7d7e1; }
|
box-shadow: none;
|
||||||
|
color: #f5f5ff;
|
||||||
|
transition: background .2s, color .2s; }
|
||||||
.repository .header-wrapper .repo-header .repo-buttons .label:hover {
|
.repository .header-wrapper .repo-header .repo-buttons .label:hover {
|
||||||
|
background: #28283c;
|
||||||
color: white; }
|
color: white; }
|
||||||
.repository .header-wrapper .tabs .item {
|
.repository .header-wrapper .tabs .item {
|
||||||
color: #d7d7e1;
|
color: #d7d7e1;
|
||||||
|
|
@ -460,76 +470,76 @@ a {
|
||||||
.explore.users .container .user.list .content .description {
|
.explore.users .container .user.list .content .description {
|
||||||
color: #f5f5ff; }
|
color: #f5f5ff; }
|
||||||
|
|
||||||
/* user profile: repositories / main */
|
/* user: profile repositories / main */
|
||||||
.user.profile .container .grid .card {
|
.user .container .grid .card {
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
background: #32324b;
|
background: #32324b;
|
||||||
color: #f5f5ff; }
|
color: #f5f5ff; }
|
||||||
.user.profile .container .grid .card .content .header {
|
.user .container .grid .card .content .header {
|
||||||
color: #f5f5ff; }
|
color: #f5f5ff; }
|
||||||
.user.profile .container .grid .card .extra.content ul {
|
.user .container .grid .card .extra.content ul {
|
||||||
color: #f5f5ff; }
|
color: #f5f5ff; }
|
||||||
.user.profile .container .grid .card .extra.content ul li:not(:last-child) {
|
.user .container .grid .card .extra.content ul li:not(:last-child) {
|
||||||
border-bottom: 1px solid #3c3c5a; }
|
border-bottom: 1px solid #3c3c5a; }
|
||||||
.user.profile .container .grid .card .extra.content ul a {
|
.user .container .grid .card .extra.content ul a {
|
||||||
color: white; }
|
color: white; }
|
||||||
.user.profile .container .grid .card .extra.content ul a:hover {
|
.user .container .grid .card .extra.content ul a:hover {
|
||||||
color: #ff8282; }
|
color: #ff8282; }
|
||||||
|
|
||||||
.user.profile .container .grid .secondary.menu .item {
|
.user .container .grid .secondary.menu .item {
|
||||||
color: #d7d7e1; }
|
color: #d7d7e1; }
|
||||||
.user.profile .container .grid .secondary.menu .item:hover {
|
.user .container .grid .secondary.menu .item:hover {
|
||||||
color: white; }
|
color: white; }
|
||||||
.user.profile .container .grid .secondary.menu .item.active {
|
.user .container .grid .secondary.menu .item.active {
|
||||||
color: #f5f5ff; }
|
color: #f5f5ff; }
|
||||||
.user.profile .container .grid .secondary.menu .item.active:hover {
|
.user .container .grid .secondary.menu .item.active:hover {
|
||||||
color: white; }
|
color: white; }
|
||||||
.user.profile .container .grid .secondary.menu .item .label {
|
.user .container .grid .secondary.menu .item .label {
|
||||||
background: #3c3c5a; }
|
background: #3c3c5a; }
|
||||||
|
|
||||||
.user.profile .container .grid .filter.menu {
|
.user .container .grid .filter.menu {
|
||||||
display: none; }
|
display: none; }
|
||||||
|
|
||||||
.user.profile .container .grid form.form .input input {
|
.user .container .grid form.form .input input {
|
||||||
background: #28283c;
|
background: #28283c;
|
||||||
border: 2px solid #3c3c5a;
|
border: 2px solid #3c3c5a;
|
||||||
color: #f5f5ff; }
|
color: #f5f5ff; }
|
||||||
.user.profile .container .grid form.form .input input:focus {
|
.user .container .grid form.form .input input:focus {
|
||||||
background: #32324b;
|
background: #32324b;
|
||||||
border: 2px solid #3c3c5a;
|
border: 2px solid #3c3c5a;
|
||||||
color: white; }
|
color: white; }
|
||||||
|
|
||||||
.user.profile .container .grid form.form .input .button {
|
.user .container .grid form.form .input .button {
|
||||||
background: #3c3c5a;
|
background: #3c3c5a;
|
||||||
border: 0; }
|
border: 0; }
|
||||||
.user.profile .container .grid form.form .input .button:hover {
|
.user .container .grid form.form .input .button:hover {
|
||||||
background: #32324b; }
|
background: #32324b; }
|
||||||
|
|
||||||
.user.profile .container .grid .divider {
|
.user .container .grid .divider {
|
||||||
border-bottom: 1px solid #3c3c5a; }
|
border-bottom: 1px solid #3c3c5a; }
|
||||||
|
|
||||||
.user.profile .container .grid .repository.list .item:not(:first-child) {
|
.user .container .grid .repository.list .item:not(:first-child) {
|
||||||
border-top: 1px solid #3c3c5a; }
|
border-top: 1px solid #3c3c5a; }
|
||||||
|
|
||||||
.user.profile .container .grid .repository.list .item .header a.name i.archive.icon {
|
.user .container .grid .repository.list .item .header a.name i.archive.icon {
|
||||||
color: #d7d7e1 !important; }
|
color: #d7d7e1 !important; }
|
||||||
|
|
||||||
.user.profile .container .grid .repository.list .item .header .metas span {
|
.user .container .grid .repository.list .item .header .metas span {
|
||||||
color: #d7d7e1 !important; }
|
color: #d7d7e1 !important; }
|
||||||
|
|
||||||
.user.profile .container .grid .repository.list .item .description p {
|
.user .container .grid .repository.list .item .description p {
|
||||||
color: #f5f5ff; }
|
color: #f5f5ff; }
|
||||||
.user.profile .container .grid .repository.list .item .description p.time {
|
.user .container .grid .repository.list .item .description p.time {
|
||||||
color: #d7d7e1; }
|
color: #d7d7e1; }
|
||||||
|
|
||||||
.user.profile .container .grid .repository.list .item .description .tags a .label {
|
.user .container .grid .repository.list .item .description .tags a .label {
|
||||||
background: #3c3c5a;
|
background: #3c3c5a;
|
||||||
color: #f5f5ff; }
|
color: #f5f5ff; }
|
||||||
.user.profile .container .grid .repository.list .item .description .tags a .label:hover {
|
.user .container .grid .repository.list .item .description .tags a .label:hover {
|
||||||
background: #464669;
|
background: #464669;
|
||||||
color: white; }
|
color: white; }
|
||||||
|
|
||||||
/* user profile: public activity */
|
/* user: profile public activity */
|
||||||
.user.profile .container .grid .feeds .news .content span {
|
.user.profile .container .grid .feeds .news .content span {
|
||||||
color: #d7d7e1 !important; }
|
color: #d7d7e1 !important; }
|
||||||
|
|
||||||
|
|
@ -539,6 +549,29 @@ a {
|
||||||
.user.profile .container .grid .feeds .news .svg {
|
.user.profile .container .grid .feeds .news .svg {
|
||||||
fill: #d7d7e1; }
|
fill: #d7d7e1; }
|
||||||
|
|
||||||
|
/* user: signin */
|
||||||
|
.user.signin .container .header {
|
||||||
|
background: #3c3c5a;
|
||||||
|
border: 0;
|
||||||
|
color: #f5f5ff; }
|
||||||
|
|
||||||
|
.user.signin .container .segment {
|
||||||
|
background: #32324b;
|
||||||
|
border: 0;
|
||||||
|
color: #f5f5ff; }
|
||||||
|
.user.signin .container .segment .form .field label {
|
||||||
|
color: #f5f5ff; }
|
||||||
|
.user.signin .container .segment .form .field label::after {
|
||||||
|
color: #ff8282; }
|
||||||
|
.user.signin .container .segment .form .field input {
|
||||||
|
background: #28283c; }
|
||||||
|
.user.signin .container .segment .form .field .green.button {
|
||||||
|
background: #505078;
|
||||||
|
box-shadow: none;
|
||||||
|
color: #f5f5ff; }
|
||||||
|
.user.signin .container .segment .form .field .green.button:hover {
|
||||||
|
background: #464669; }
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
background: #1e1e2d;
|
background: #1e1e2d;
|
||||||
border-top: 1px solid #28283c;
|
border-top: 1px solid #28283c;
|
||||||
|
|
|
||||||
|
|
@ -11,7 +11,7 @@
|
||||||
|
|
||||||
@import 'partials/explore.scss';
|
@import 'partials/explore.scss';
|
||||||
|
|
||||||
@import 'partials/user-profile.scss';
|
@import 'partials/user.scss';
|
||||||
|
|
||||||
|
|
||||||
@import 'partials/footer';
|
@import 'partials/footer';
|
||||||
|
|
|
||||||
|
|
@ -8,23 +8,35 @@
|
||||||
.repo-title {
|
.repo-title {
|
||||||
a {
|
a {
|
||||||
color: rgb(245, 245, 255);
|
color: rgb(245, 245, 255);
|
||||||
|
&:hover {
|
||||||
|
color: rgb(255, 130, 130);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.divider {
|
.divider {
|
||||||
color: rgb(215, 215, 225);
|
color: rgb(215, 215, 225);
|
||||||
}
|
}
|
||||||
|
.svg.octicon-repo {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.repo-buttons {
|
.repo-buttons {
|
||||||
.button {
|
.button {
|
||||||
color: rgb(215, 215, 225);
|
|
||||||
background: rgb(60, 60, 90);
|
background: rgb(60, 60, 90);
|
||||||
|
box-shadow: none;
|
||||||
|
color: rgb(245, 245, 255);
|
||||||
|
transition: background .2s, color .2s;
|
||||||
&:hover {
|
&:hover {
|
||||||
|
background: rgb(50, 50, 75);
|
||||||
color: rgb(255, 255, 255);
|
color: rgb(255, 255, 255);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.label {
|
.label {
|
||||||
background: rgb(90, 90, 135);
|
background: rgb(50, 50, 75);
|
||||||
color: rgb(215, 215, 225);
|
box-shadow: none;
|
||||||
|
color: rgb(245, 245, 255);
|
||||||
|
transition: background .2s, color .2s;
|
||||||
&:hover {
|
&:hover {
|
||||||
|
background: rgb(40, 40, 60);
|
||||||
color: rgb(255, 255, 255);
|
color: rgb(255, 255, 255);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
|
|
||||||
/* user profile: repositories / main */
|
/* user: profile repositories / main */
|
||||||
|
|
||||||
.user.profile {
|
.user {
|
||||||
.container {
|
.container {
|
||||||
.grid {
|
.grid {
|
||||||
.card {
|
.card {
|
||||||
|
|
@ -113,7 +113,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* user profile: public activity */
|
/* user: profile public activity */
|
||||||
|
|
||||||
.user.profile {
|
.user.profile {
|
||||||
.container {
|
.container {
|
||||||
|
|
@ -138,3 +138,41 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 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);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in a new issue