using monospace on more areas; no-js-fixes (no 'unsafe-inline') and single-user-fixes (display: none for unnecessary parts)
This commit is contained in:
Vrifox
parent
d3fcec8e56
commit
6bb95104b6
6 changed files with 174 additions and 84 deletions
|
|
@ -10,7 +10,7 @@
|
|||
body {
|
||||
background: rgb(40, 40, 60);
|
||||
color: rgb(245, 245, 255);
|
||||
font-family: monospace, 'Lucida Console', 'Monaco';
|
||||
@include font-family();
|
||||
}
|
||||
a {
|
||||
color: rgb(255, 255, 255);
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
background: rgb(60, 60, 90);
|
||||
border-bottom: 0;
|
||||
min-height: 64px;
|
||||
@include font-family();
|
||||
#navbar {
|
||||
width: 1127px ;
|
||||
.item {
|
||||
|
|
@ -16,18 +17,18 @@
|
|||
}
|
||||
}
|
||||
&:not(.brand) {
|
||||
display: block;
|
||||
padding: 24px;
|
||||
border-radius: 0;
|
||||
display: block;
|
||||
margin: 0px 0px;
|
||||
padding: 24px;
|
||||
transition: background .2s, color .2s;
|
||||
&:hover {
|
||||
background: rgb(50, 50, 75);
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
&.active {
|
||||
color: rgb(245, 245, 255);
|
||||
background: rgb(50, 50, 75);
|
||||
color: rgb(245, 245, 255);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -20,11 +20,13 @@
|
|||
}
|
||||
}
|
||||
.repo-buttons {
|
||||
@include display-none-single-user();
|
||||
.button {
|
||||
background: rgb(60, 60, 90);
|
||||
box-shadow: none;
|
||||
color: rgb(245, 245, 255);
|
||||
transition: background .2s, color .2s;
|
||||
@include font-family();
|
||||
&:hover {
|
||||
background: rgb(50, 50, 75);
|
||||
color: rgb(255, 255, 255);
|
||||
|
|
@ -43,24 +45,30 @@
|
|||
}
|
||||
}
|
||||
.tabs {
|
||||
.item {
|
||||
color: rgb(215, 215, 225);
|
||||
transition: color .2s;
|
||||
&:hover {
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
&.active {
|
||||
background: rgb(60, 60, 90);
|
||||
border: 0;
|
||||
color: rgb(245, 245, 255);
|
||||
span.label {
|
||||
background: rgb(50, 50, 75);
|
||||
&.container {
|
||||
.menu.navbar {
|
||||
.item {
|
||||
color: rgb(215, 215, 225);
|
||||
transition: color .2s;
|
||||
@include font-family();
|
||||
&:hover {
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
&.active {
|
||||
background: rgb(60, 60, 90);
|
||||
border: 0;
|
||||
color: rgb(245, 245, 255);
|
||||
span.label {
|
||||
background: rgb(50, 50, 75);
|
||||
}
|
||||
}
|
||||
span.label {
|
||||
background: rgb(60, 60, 90);
|
||||
}
|
||||
}
|
||||
}
|
||||
span.label {
|
||||
background: rgb(60, 60, 90);
|
||||
}
|
||||
}
|
||||
&.divider {}
|
||||
}
|
||||
}
|
||||
.container {
|
||||
|
|
@ -92,6 +100,9 @@
|
|||
}
|
||||
.repository-summary {
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
height: initial; // no-javascript fix
|
||||
overflow: auto; // no-javascript fix
|
||||
.repository-menu {
|
||||
background: rgb(50, 50, 75);
|
||||
.item {
|
||||
|
|
@ -104,7 +115,23 @@
|
|||
}
|
||||
}
|
||||
.language-stats-details {
|
||||
display: block !important;
|
||||
background: rgb(60, 60, 90); // no-javascript fix
|
||||
padding: 0; // no-javascript fix
|
||||
.horizontal.list {
|
||||
.item {
|
||||
border-radius: 0; // no-javascript fix
|
||||
padding: 10px;
|
||||
.color-icon {
|
||||
display: none; // no-javascript fix
|
||||
}
|
||||
span {
|
||||
color: rgb(245, 245, 255); // no-javascript fix
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.language-stats {
|
||||
display: none; // no-javascript fix
|
||||
}
|
||||
}
|
||||
.secondary.menu {
|
||||
|
|
@ -124,6 +151,7 @@
|
|||
#repo-clone-ssh {
|
||||
color: rgb(245, 245, 255);
|
||||
box-shadow: none !important;
|
||||
@include font-family();
|
||||
&:not(.blue) {
|
||||
background: rgb(60, 60, 90);
|
||||
&:hover {
|
||||
|
|
@ -139,6 +167,7 @@
|
|||
background: rgb(40, 40, 60);
|
||||
border: 2px solid rgb(60, 60, 90);
|
||||
color: rgb(245, 245, 255);
|
||||
@include font-family();
|
||||
&:focus {
|
||||
background: rgb(50, 50, 75);
|
||||
border: 2px solid rgb(60, 60, 90);
|
||||
|
|
@ -163,7 +192,7 @@
|
|||
.download.icon {
|
||||
color: rgb(245, 245, 255);
|
||||
.menu {
|
||||
background: rgb(60, 60, 90);
|
||||
background: rgb(60, 60, 90);
|
||||
border: 1px solid rgb(50, 50, 75);
|
||||
box-shadow: none;
|
||||
.item {
|
||||
|
|
@ -183,10 +212,10 @@
|
|||
color: rgb(245, 245, 255);
|
||||
}
|
||||
.table {
|
||||
color: rgb(245, 245, 255);
|
||||
border: 0;
|
||||
background: rgb(30, 30, 45);
|
||||
border: 0;
|
||||
border-radius: 5px;
|
||||
color: rgb(245, 245, 255);
|
||||
thead {
|
||||
tr {
|
||||
&:hover {
|
||||
|
|
@ -242,13 +271,14 @@
|
|||
color: rgb(245, 245, 255);
|
||||
.header {
|
||||
background: rgb(50, 50, 75);
|
||||
color: rgb(245, 245, 255);
|
||||
border: 0;
|
||||
color: rgb(245, 245, 255);
|
||||
@include font-family();
|
||||
}
|
||||
.table {
|
||||
color: rgb(245, 245, 255);
|
||||
border: 0;
|
||||
background: rgb(30, 30, 45);
|
||||
border: 0;
|
||||
color: rgb(245, 245, 255);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -260,6 +290,7 @@
|
|||
.container {
|
||||
.header {
|
||||
background: transparent;
|
||||
@include font-family();
|
||||
}
|
||||
#release-list {
|
||||
border-top: 1px solid rgb(60, 60, 90);
|
||||
|
|
@ -272,11 +303,13 @@
|
|||
.repository.commits {
|
||||
.container {
|
||||
h2.header {
|
||||
@include font-family();
|
||||
background: transparent;
|
||||
.filter {
|
||||
.button {
|
||||
background: rgb(60, 60, 90);
|
||||
color: rgb(245, 245, 255);
|
||||
@include font-family();
|
||||
&:hover {
|
||||
background: rgb(50, 50, 75);
|
||||
}
|
||||
|
|
@ -544,6 +577,7 @@
|
|||
background: rgb(70, 70, 105);
|
||||
box-shadow: none;
|
||||
color: rgb(245, 245, 255);
|
||||
@include font-family();
|
||||
&:hover {
|
||||
background: rgb(60, 60, 90);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,8 +5,8 @@
|
|||
.container {
|
||||
.grid {
|
||||
.card {
|
||||
box-shadow: none;
|
||||
background: rgb(50, 50, 75);
|
||||
box-shadow: none;
|
||||
color: rgb(245, 245, 255);
|
||||
.content {
|
||||
.header {
|
||||
|
|
@ -29,8 +29,11 @@
|
|||
}
|
||||
}
|
||||
.secondary.menu {
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
.item {
|
||||
color: rgb(215, 215, 225);
|
||||
@include font-family();
|
||||
&:hover {
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
|
|
@ -43,10 +46,15 @@
|
|||
.label {
|
||||
background: rgb(60, 60, 90);
|
||||
}
|
||||
&[href*="stars"],
|
||||
&[href*="following"],
|
||||
&[href*="followers"] {
|
||||
@include display-none-single-user();
|
||||
}
|
||||
}
|
||||
}
|
||||
.filter.menu {
|
||||
display: none;
|
||||
@include display-none-javascript();
|
||||
}
|
||||
form.form {
|
||||
.input {
|
||||
|
|
@ -79,11 +87,13 @@
|
|||
}
|
||||
.header {
|
||||
a.name {
|
||||
@include font-family();
|
||||
i.archive.icon {
|
||||
color: rgb(215, 215, 225) !important;
|
||||
}
|
||||
}
|
||||
.metas {
|
||||
@include display-none-single-user();
|
||||
span {
|
||||
color: rgb(215, 215, 225) !important;
|
||||
}
|
||||
|
|
|
|||
Reference in a new issue