This commit is contained in:
kolaente 2019-02-08 16:58:32 +01:00
parent d3281e4e3d
commit f6a3a9a1a3
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
4 changed files with 135 additions and 101 deletions

View File

@ -51,6 +51,9 @@
<div class="columns repo">
<div class="column is-2 sidemenu">
<aside class="menu">
<p class="menu-label">
Repository
</p>
<ul class="menu-list">
<li><a class="is-active">
<span class="icon">
@ -63,18 +66,21 @@
<i class="fas fa-exclamation-circle"></i>
</span>
Issues
<span class="counter">452</span>
</a></li>
<li><a>
<span class="icon">
<i class="fas fa-compress"></i>
</span>
Pull-Requests
<span class="counter">96</span>
</a></li>
<li><a>
<span class="icon">
<i class="fas fa-tag"></i>
</span>
Releases
<span class="counter">6</span>
</a></li>
<li><a>
<span class="icon">
@ -97,7 +103,7 @@
</aside>
</div>
<div class="column">
<!-- The actual repo content -->
</div>
</div>

View File

@ -2,6 +2,8 @@
outline: none;
}
$dark: #26262A;
@import "../node_modules/bulma/bulma";
$fa-font-path: "../node_modules/@fortawesome/fontawesome-free/webfonts";
@import "../node_modules/@fortawesome/fontawesome-free/scss/fontawesome";
@ -22,22 +24,38 @@ body {
background: $dark;
color: $white;
min-height: 100%;
.menu-label{
padding: 0.5rem 0 0 1rem;
}
}
.menu-list a {
color: $white;
padding: 0.7rem 2rem;
padding: 0.7rem 1.5rem 0.7rem 1.5rem;
transition: all 100ms;
border-radius: 0;
border-left: 0.3rem solid transparent;
&:hover{
background: darken($dark, 5%);
background: lighten($dark, 2.5%);
}
&.is-active {
background: darken($dark, 10%);
background: lighten($dark, 5%);
border-left: 0.3rem solid $light;
}
.icon{
margin-right: 0.5rem;
}
.counter {
float: right;
font-weight: bold;
color: darken($light, 20%);
font-size: $size-small;
padding-top: 6px;
}
}
}

View File

@ -672,13 +672,13 @@ a.has-text-light:hover, a.has-text-light:focus {
background-color: whitesmoke !important; }
.has-text-dark {
color: #363636 !important; }
color: #26262A !important; }
a.has-text-dark:hover, a.has-text-dark:focus {
color: #1c1c1c !important; }
color: #0e0e0f !important; }
.has-background-dark {
background-color: #363636 !important; }
background-color: #26262A !important; }
.has-text-primary {
color: #00d1b2 !important; }
@ -1285,36 +1285,36 @@ a.box:active {
.button.is-light {
background-color: whitesmoke;
border-color: transparent;
color: #363636; }
color: #26262A; }
.button.is-light:hover, .button.is-light.is-hovered {
background-color: #eeeeee;
border-color: transparent;
color: #363636; }
color: #26262A; }
.button.is-light:focus, .button.is-light.is-focused {
border-color: transparent;
color: #363636; }
color: #26262A; }
.button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) {
box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); }
.button.is-light:active, .button.is-light.is-active {
background-color: #e8e8e8;
border-color: transparent;
color: #363636; }
color: #26262A; }
.button.is-light[disabled] {
background-color: whitesmoke;
border-color: transparent;
box-shadow: none; }
.button.is-light.is-inverted {
background-color: #363636;
background-color: #26262A;
color: whitesmoke; }
.button.is-light.is-inverted:hover {
background-color: #292929; }
background-color: #1a1a1d; }
.button.is-light.is-inverted[disabled] {
background-color: #363636;
background-color: #26262A;
border-color: transparent;
box-shadow: none;
color: whitesmoke; }
.button.is-light.is-loading::after {
border-color: transparent transparent #363636 #363636 !important; }
border-color: transparent transparent #26262A #26262A !important; }
.button.is-light.is-outlined {
background-color: transparent;
border-color: whitesmoke;
@ -1322,7 +1322,7 @@ a.box:active {
.button.is-light.is-outlined:hover, .button.is-light.is-outlined:focus {
background-color: whitesmoke;
border-color: whitesmoke;
color: #363636; }
color: #26262A; }
.button.is-light.is-outlined.is-loading::after {
border-color: transparent transparent whitesmoke whitesmoke !important; }
.button.is-light.is-outlined[disabled] {
@ -1332,71 +1332,71 @@ a.box:active {
color: whitesmoke; }
.button.is-light.is-inverted.is-outlined {
background-color: transparent;
border-color: #363636;
color: #363636; }
border-color: #26262A;
color: #26262A; }
.button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined:focus {
background-color: #363636;
background-color: #26262A;
color: whitesmoke; }
.button.is-light.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: #363636;
border-color: #26262A;
box-shadow: none;
color: #363636; }
color: #26262A; }
.button.is-dark {
background-color: #363636;
background-color: #26262A;
border-color: transparent;
color: whitesmoke; }
.button.is-dark:hover, .button.is-dark.is-hovered {
background-color: #2f2f2f;
background-color: #202023;
border-color: transparent;
color: whitesmoke; }
.button.is-dark:focus, .button.is-dark.is-focused {
border-color: transparent;
color: whitesmoke; }
.button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) {
box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); }
box-shadow: 0 0 0 0.125em rgba(38, 38, 42, 0.25); }
.button.is-dark:active, .button.is-dark.is-active {
background-color: #292929;
background-color: #1a1a1d;
border-color: transparent;
color: whitesmoke; }
.button.is-dark[disabled] {
background-color: #363636;
background-color: #26262A;
border-color: transparent;
box-shadow: none; }
.button.is-dark.is-inverted {
background-color: whitesmoke;
color: #363636; }
color: #26262A; }
.button.is-dark.is-inverted:hover {
background-color: #e8e8e8; }
.button.is-dark.is-inverted[disabled] {
background-color: whitesmoke;
border-color: transparent;
box-shadow: none;
color: #363636; }
color: #26262A; }
.button.is-dark.is-loading::after {
border-color: transparent transparent whitesmoke whitesmoke !important; }
.button.is-dark.is-outlined {
background-color: transparent;
border-color: #363636;
color: #363636; }
border-color: #26262A;
color: #26262A; }
.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined:focus {
background-color: #363636;
border-color: #363636;
background-color: #26262A;
border-color: #26262A;
color: whitesmoke; }
.button.is-dark.is-outlined.is-loading::after {
border-color: transparent transparent #363636 #363636 !important; }
border-color: transparent transparent #26262A #26262A !important; }
.button.is-dark.is-outlined[disabled] {
background-color: transparent;
border-color: #363636;
border-color: #26262A;
box-shadow: none;
color: #363636; }
color: #26262A; }
.button.is-dark.is-inverted.is-outlined {
background-color: transparent;
border-color: whitesmoke;
color: whitesmoke; }
.button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined:focus {
background-color: whitesmoke;
color: #363636; }
color: #26262A; }
.button.is-dark.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: whitesmoke;
@ -2082,13 +2082,13 @@ a.box:active {
box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); }
.input.is-dark,
.textarea.is-dark {
border-color: #363636; }
border-color: #26262A; }
.input.is-dark:focus, .input.is-dark.is-focused, .input.is-dark:active, .input.is-dark.is-active,
.textarea.is-dark:focus,
.textarea.is-dark.is-focused,
.textarea.is-dark:active,
.textarea.is-dark.is-active {
box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); }
box-shadow: 0 0 0 0.125em rgba(38, 38, 42, 0.25); }
.input.is-primary,
.textarea.is-primary {
border-color: #00d1b2; }
@ -2295,13 +2295,13 @@ a.box:active {
.select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active {
box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); }
.select.is-dark:not(:hover)::after {
border-color: #363636; }
border-color: #26262A; }
.select.is-dark select {
border-color: #363636; }
border-color: #26262A; }
.select.is-dark select:hover, .select.is-dark select.is-hovered {
border-color: #292929; }
border-color: #1a1a1d; }
.select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active {
box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); }
box-shadow: 0 0 0 0.125em rgba(38, 38, 42, 0.25); }
.select.is-primary:not(:hover)::after {
border-color: #00d1b2; }
.select.is-primary select {
@ -2416,33 +2416,33 @@ a.box:active {
.file.is-light .file-cta {
background-color: whitesmoke;
border-color: transparent;
color: #363636; }
color: #26262A; }
.file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta {
background-color: #eeeeee;
border-color: transparent;
color: #363636; }
color: #26262A; }
.file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta {
border-color: transparent;
box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
color: #363636; }
color: #26262A; }
.file.is-light:active .file-cta, .file.is-light.is-active .file-cta {
background-color: #e8e8e8;
border-color: transparent;
color: #363636; }
color: #26262A; }
.file.is-dark .file-cta {
background-color: #363636;
background-color: #26262A;
border-color: transparent;
color: whitesmoke; }
.file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta {
background-color: #2f2f2f;
background-color: #202023;
border-color: transparent;
color: whitesmoke; }
.file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta {
border-color: transparent;
box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
box-shadow: 0 0 0.5em rgba(38, 38, 42, 0.25);
color: whitesmoke; }
.file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta {
background-color: #292929;
background-color: #1a1a1d;
border-color: transparent;
color: whitesmoke; }
.file.is-primary .file-cta {
@ -2686,7 +2686,7 @@ a.box:active {
.help.is-light {
color: whitesmoke; }
.help.is-dark {
color: #363636; }
color: #26262A; }
.help.is-primary {
color: #00d1b2; }
.help.is-link {
@ -3016,9 +3016,9 @@ a.box:active {
color: white; }
.notification.is-light {
background-color: whitesmoke;
color: #363636; }
color: #26262A; }
.notification.is-dark {
background-color: #363636;
background-color: #26262A;
color: whitesmoke; }
.notification.is-primary {
background-color: #00d1b2;
@ -3077,11 +3077,11 @@ a.box:active {
.progress.is-light::-ms-fill {
background-color: whitesmoke; }
.progress.is-dark::-webkit-progress-value {
background-color: #363636; }
background-color: #26262A; }
.progress.is-dark::-moz-progress-bar {
background-color: #363636; }
background-color: #26262A; }
.progress.is-dark::-ms-fill {
background-color: #363636; }
background-color: #26262A; }
.progress.is-primary::-webkit-progress-value {
background-color: #00d1b2; }
.progress.is-primary::-moz-progress-bar {
@ -3148,11 +3148,11 @@ a.box:active {
.table th.is-light {
background-color: whitesmoke;
border-color: whitesmoke;
color: #363636; }
color: #26262A; }
.table td.is-dark,
.table th.is-dark {
background-color: #363636;
border-color: #363636;
background-color: #26262A;
border-color: #26262A;
color: whitesmoke; }
.table td.is-primary,
.table th.is-primary {
@ -3304,9 +3304,9 @@ a.box:active {
color: white; }
.tag:not(body).is-light {
background-color: whitesmoke;
color: #363636; }
color: #26262A; }
.tag:not(body).is-dark {
background-color: #363636;
background-color: #26262A;
color: whitesmoke; }
.tag:not(body).is-primary {
background-color: #00d1b2;
@ -3857,18 +3857,18 @@ a.list-item {
background-color: #fafafa; }
.message.is-light .message-header {
background-color: whitesmoke;
color: #363636; }
color: #26262A; }
.message.is-light .message-body {
border-color: whitesmoke;
color: #505050; }
.message.is-dark {
background-color: #fafafa; }
.message.is-dark .message-header {
background-color: #363636;
background-color: #26262A;
color: whitesmoke; }
.message.is-dark .message-body {
border-color: #363636;
color: #2a2a2a; }
border-color: #26262A;
color: #202023; }
.message.is-primary {
background-color: #f5fffd; }
.message.is-primary .message-header {
@ -4118,25 +4118,25 @@ a.list-item {
color: white; } }
.navbar.is-light {
background-color: whitesmoke;
color: #363636; }
color: #26262A; }
.navbar.is-light .navbar-brand > .navbar-item,
.navbar.is-light .navbar-brand .navbar-link {
color: #363636; }
color: #26262A; }
.navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active,
.navbar.is-light .navbar-brand .navbar-link:hover,
.navbar.is-light .navbar-brand .navbar-link.is-active {
background-color: #e8e8e8;
color: #363636; }
color: #26262A; }
.navbar.is-light .navbar-brand .navbar-link::after {
border-color: #363636; }
border-color: #26262A; }
.navbar.is-light .navbar-burger {
color: #363636; }
color: #26262A; }
@media screen and (min-width: 1088px) {
.navbar.is-light .navbar-start > .navbar-item,
.navbar.is-light .navbar-start .navbar-link,
.navbar.is-light .navbar-end > .navbar-item,
.navbar.is-light .navbar-end .navbar-link {
color: #363636; }
color: #26262A; }
.navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active,
.navbar.is-light .navbar-start .navbar-link:hover,
.navbar.is-light .navbar-start .navbar-link.is-active,
@ -4145,19 +4145,19 @@ a.list-item {
.navbar.is-light .navbar-end .navbar-link:hover,
.navbar.is-light .navbar-end .navbar-link.is-active {
background-color: #e8e8e8;
color: #363636; }
color: #26262A; }
.navbar.is-light .navbar-start .navbar-link::after,
.navbar.is-light .navbar-end .navbar-link::after {
border-color: #363636; }
border-color: #26262A; }
.navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #e8e8e8;
color: #363636; }
color: #26262A; }
.navbar.is-light .navbar-dropdown a.navbar-item.is-active {
background-color: whitesmoke;
color: #363636; } }
color: #26262A; } }
.navbar.is-dark {
background-color: #363636;
background-color: #26262A;
color: whitesmoke; }
.navbar.is-dark .navbar-brand > .navbar-item,
.navbar.is-dark .navbar-brand .navbar-link {
@ -4165,7 +4165,7 @@ a.list-item {
.navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active,
.navbar.is-dark .navbar-brand .navbar-link:hover,
.navbar.is-dark .navbar-brand .navbar-link.is-active {
background-color: #292929;
background-color: #1a1a1d;
color: whitesmoke; }
.navbar.is-dark .navbar-brand .navbar-link::after {
border-color: whitesmoke; }
@ -4184,17 +4184,17 @@ a.list-item {
.navbar.is-dark .navbar-end > a.navbar-item.is-active,
.navbar.is-dark .navbar-end .navbar-link:hover,
.navbar.is-dark .navbar-end .navbar-link.is-active {
background-color: #292929;
background-color: #1a1a1d;
color: whitesmoke; }
.navbar.is-dark .navbar-start .navbar-link::after,
.navbar.is-dark .navbar-end .navbar-link::after {
border-color: whitesmoke; }
.navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #292929;
background-color: #1a1a1d;
color: whitesmoke; }
.navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
background-color: #363636;
background-color: #26262A;
color: whitesmoke; } }
.navbar.is-primary {
background-color: #00d1b2;
@ -6324,42 +6324,42 @@ label.panel-block {
background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%); } }
.hero.is-light {
background-color: whitesmoke;
color: #363636; }
color: #26262A; }
.hero.is-light a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-light strong {
color: inherit; }
.hero.is-light .title {
color: #363636; }
color: #26262A; }
.hero.is-light .subtitle {
color: rgba(54, 54, 54, 0.9); }
color: rgba(38, 38, 42, 0.9); }
.hero.is-light .subtitle a:not(.button),
.hero.is-light .subtitle strong {
color: #363636; }
color: #26262A; }
@media screen and (max-width: 1087px) {
.hero.is-light .navbar-menu {
background-color: whitesmoke; } }
.hero.is-light .navbar-item,
.hero.is-light .navbar-link {
color: rgba(54, 54, 54, 0.7); }
color: rgba(38, 38, 42, 0.7); }
.hero.is-light a.navbar-item:hover, .hero.is-light a.navbar-item.is-active,
.hero.is-light .navbar-link:hover,
.hero.is-light .navbar-link.is-active {
background-color: #e8e8e8;
color: #363636; }
color: #26262A; }
.hero.is-light .tabs a {
color: #363636;
color: #26262A;
opacity: 0.9; }
.hero.is-light .tabs a:hover {
opacity: 1; }
.hero.is-light .tabs li.is-active a {
opacity: 1; }
.hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a {
color: #363636; }
color: #26262A; }
.hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, 0.1); }
.hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover {
background-color: #363636;
border-color: #363636;
background-color: #26262A;
border-color: #26262A;
color: whitesmoke; }
.hero.is-light.is-bold {
background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); }
@ -6367,7 +6367,7 @@ label.panel-block {
.hero.is-light.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); } }
.hero.is-dark {
background-color: #363636;
background-color: #26262A;
color: whitesmoke; }
.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-dark strong {
@ -6381,14 +6381,14 @@ label.panel-block {
color: whitesmoke; }
@media screen and (max-width: 1087px) {
.hero.is-dark .navbar-menu {
background-color: #363636; } }
background-color: #26262A; } }
.hero.is-dark .navbar-item,
.hero.is-dark .navbar-link {
color: rgba(245, 245, 245, 0.7); }
.hero.is-dark a.navbar-item:hover, .hero.is-dark a.navbar-item.is-active,
.hero.is-dark .navbar-link:hover,
.hero.is-dark .navbar-link.is-active {
background-color: #292929;
background-color: #1a1a1d;
color: whitesmoke; }
.hero.is-dark .tabs a {
color: whitesmoke;
@ -6404,12 +6404,12 @@ label.panel-block {
.hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover {
background-color: whitesmoke;
border-color: whitesmoke;
color: #363636; }
color: #26262A; }
.hero.is-dark.is-bold {
background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); }
background-image: linear-gradient(141deg, #0c0d11 0%, #26262A 71%, #312f3a 100%); }
@media screen and (max-width: 768px) {
.hero.is-dark.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); } }
background-image: linear-gradient(141deg, #0c0d11 0%, #26262A 71%, #312f3a 100%); } }
.hero.is-primary {
background-color: #00d1b2;
color: #fff; }
@ -11006,19 +11006,29 @@ body {
.repo .sidemenu {
padding: 0; }
.repo .menu {
background: #363636;
background: #26262A;
color: white;
min-height: 100%; }
.repo .menu .menu-label {
padding: 0.5rem 0 0 1rem; }
.repo .menu-list a {
color: white;
padding: 0.7rem 2rem;
padding: 0.7rem 1.5rem 0.7rem 1.5rem;
transition: all 100ms;
border-radius: 0;
border-left: 0.3rem solid transparent; }
.repo .menu-list a:hover {
background: #292929; }
background: #2c2c31; }
.repo .menu-list a.is-active {
background: #1c1c1c;
background: #323237;
border-left: 0.3rem solid whitesmoke; }
.repo .menu-list a .icon {
margin-right: 0.5rem; }
.repo .menu-list a .counter {
float: right;
font-weight: bold;
color: #c2c2c2;
font-size: 0.75rem;
padding-top: 6px; }
/*# sourceMappingURL=main.css.map */

File diff suppressed because one or more lines are too long