Set a minimalist theme

This commit is contained in:
Rodolphe Breard 2019-01-27 13:27:51 +01:00
parent f8a0487f20
commit 741d36dad6
9 changed files with 386 additions and 334 deletions

View file

@ -1,3 +1,12 @@
#page_body {
background-image: url("/static/khaganat/images/bg7.jpg");
}
#messagesContainer {
margin-bottom: 20px;
}
.content-bloc {
padding: 20px;
background-color: white;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

View file

@ -16,7 +16,7 @@
{% block headers %}{% endblock %}
<title>Khaganat - {% block title %}{% endblock %}</title>
</head>
<body>
<body id="page_body">
{% navbar %}
<section class="section">
{% if messages %}

View file

@ -3,6 +3,7 @@
{% load i18n %}
{% block content %}
<div class="content-bloc">
<div class="tabs">
<ul>
<!-- {% trans "preferences" %} -->
@ -12,4 +13,5 @@
</ul>
</div>
{% block panel %}{% endblock %}
</div>
{% endblock %}

View file

@ -1,21 +1,9 @@
/*! bulma.io v0.7.1 | MIT License | github.com/jgthms/bulma */
@-webkit-keyframes spinAround {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes spinAround {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@ -43,9 +31,7 @@
pointer-events: none;
position: absolute;
top: 50%;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: center;
transform-origin: center;
width: 0.625em;
}
@ -84,9 +70,7 @@
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
-webkit-transform-origin: center center;
transform-origin: center center;
}
@ -136,7 +120,6 @@
}
.button.is-loading::after, .select.is-loading::after, .control.is-loading::after, .loader {
-webkit-animation: spinAround 500ms infinite linear;
animation: spinAround 500ms infinite linear;
border: 2px solid #dbdbdb;
border-radius: 290486px;
@ -303,9 +286,6 @@ html {
overflow-x: hidden;
overflow-y: scroll;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
@ -342,7 +322,7 @@ body {
}
a {
color: #3273dc;
color: #8530bf;
cursor: pointer;
text-decoration: none;
}
@ -910,27 +890,27 @@ a.has-text-dark:hover, a.has-text-dark:focus {
}
.has-text-primary {
color: #00d1b2 !important;
color: #9073ff !important;
}
a.has-text-primary:hover, a.has-text-primary:focus {
color: #009e86 !important;
color: #6840ff !important;
}
.has-background-primary {
background-color: #00d1b2 !important;
background-color: #9073ff !important;
}
.has-text-link {
color: #3273dc !important;
color: #8530bf !important;
}
a.has-text-link:hover, a.has-text-link:focus {
color: #205bbc !important;
color: #692696 !important;
}
.has-background-link {
background-color: #3273dc !important;
background-color: #8530bf !important;
}
.has-text-info {
@ -1501,11 +1481,11 @@ a.has-text-danger:hover, a.has-text-danger:focus {
}
a.box:hover, a.box:focus {
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc;
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #8530bf;
}
a.box:active {
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc;
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #8530bf;
}
.button {
@ -1558,7 +1538,7 @@ a.box:active {
}
.button:focus:not(:active), .button.is-focused:not(:active) {
box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
box-shadow: 0 0 0 0.125em rgba(133, 48, 191, 0.25);
}
.button:active, .button.is-active {
@ -1966,13 +1946,13 @@ a.box:active {
}
.button.is-primary {
background-color: #00d1b2;
background-color: #9073ff;
border-color: transparent;
color: #fff;
}
.button.is-primary:hover, .button.is-primary.is-hovered {
background-color: #00c4a7;
background-color: #8666ff;
border-color: transparent;
color: #fff;
}
@ -1983,24 +1963,24 @@ a.box:active {
}
.button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) {
box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
box-shadow: 0 0 0 0.125em rgba(144, 115, 255, 0.25);
}
.button.is-primary:active, .button.is-primary.is-active {
background-color: #00b89c;
background-color: #7c5aff;
border-color: transparent;
color: #fff;
}
.button.is-primary[disabled] {
background-color: #00d1b2;
background-color: #9073ff;
border-color: transparent;
box-shadow: none;
}
.button.is-primary.is-inverted {
background-color: #fff;
color: #00d1b2;
color: #9073ff;
}
.button.is-primary.is-inverted:hover {
@ -2011,7 +1991,7 @@ a.box:active {
background-color: #fff;
border-color: transparent;
box-shadow: none;
color: #00d1b2;
color: #9073ff;
}
.button.is-primary.is-loading::after {
@ -2020,25 +2000,25 @@ a.box:active {
.button.is-primary.is-outlined {
background-color: transparent;
border-color: #00d1b2;
color: #00d1b2;
border-color: #9073ff;
color: #9073ff;
}
.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus {
background-color: #00d1b2;
border-color: #00d1b2;
background-color: #9073ff;
border-color: #9073ff;
color: #fff;
}
.button.is-primary.is-outlined.is-loading::after {
border-color: transparent transparent #00d1b2 #00d1b2 !important;
border-color: transparent transparent #9073ff #9073ff !important;
}
.button.is-primary.is-outlined[disabled] {
background-color: transparent;
border-color: #00d1b2;
border-color: #9073ff;
box-shadow: none;
color: #00d1b2;
color: #9073ff;
}
.button.is-primary.is-inverted.is-outlined {
@ -2049,7 +2029,7 @@ a.box:active {
.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined:focus {
background-color: #fff;
color: #00d1b2;
color: #9073ff;
}
.button.is-primary.is-inverted.is-outlined[disabled] {
@ -2060,13 +2040,13 @@ a.box:active {
}
.button.is-link {
background-color: #3273dc;
background-color: #8530bf;
border-color: transparent;
color: #fff;
}
.button.is-link:hover, .button.is-link.is-hovered {
background-color: #276cda;
background-color: #7e2db5;
border-color: transparent;
color: #fff;
}
@ -2077,24 +2057,24 @@ a.box:active {
}
.button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) {
box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
box-shadow: 0 0 0 0.125em rgba(133, 48, 191, 0.25);
}
.button.is-link:active, .button.is-link.is-active {
background-color: #2366d1;
background-color: #772bab;
border-color: transparent;
color: #fff;
}
.button.is-link[disabled] {
background-color: #3273dc;
background-color: #8530bf;
border-color: transparent;
box-shadow: none;
}
.button.is-link.is-inverted {
background-color: #fff;
color: #3273dc;
color: #8530bf;
}
.button.is-link.is-inverted:hover {
@ -2105,7 +2085,7 @@ a.box:active {
background-color: #fff;
border-color: transparent;
box-shadow: none;
color: #3273dc;
color: #8530bf;
}
.button.is-link.is-loading::after {
@ -2114,25 +2094,25 @@ a.box:active {
.button.is-link.is-outlined {
background-color: transparent;
border-color: #3273dc;
color: #3273dc;
border-color: #8530bf;
color: #8530bf;
}
.button.is-link.is-outlined:hover, .button.is-link.is-outlined:focus {
background-color: #3273dc;
border-color: #3273dc;
background-color: #8530bf;
border-color: #8530bf;
color: #fff;
}
.button.is-link.is-outlined.is-loading::after {
border-color: transparent transparent #3273dc #3273dc !important;
border-color: transparent transparent #8530bf #8530bf !important;
}
.button.is-link.is-outlined[disabled] {
background-color: transparent;
border-color: #3273dc;
border-color: #8530bf;
box-shadow: none;
color: #3273dc;
color: #8530bf;
}
.button.is-link.is-inverted.is-outlined {
@ -2143,7 +2123,7 @@ a.box:active {
.button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined:focus {
background-color: #fff;
color: #3273dc;
color: #8530bf;
}
.button.is-link.is-inverted.is-outlined[disabled] {
@ -2908,8 +2888,8 @@ a.box:active {
.textarea.is-focused,
.textarea:active,
.textarea.is-active {
border-color: #3273dc;
box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
border-color: #8530bf;
box-shadow: 0 0 0 0.125em rgba(133, 48, 191, 0.25);
}
.input[disabled],
@ -2999,7 +2979,7 @@ a.box:active {
.input.is-primary,
.textarea.is-primary {
border-color: #00d1b2;
border-color: #9073ff;
}
.input.is-primary:focus, .input.is-primary.is-focused, .input.is-primary:active, .input.is-primary.is-active,
@ -3007,12 +2987,12 @@ a.box:active {
.textarea.is-primary.is-focused,
.textarea.is-primary:active,
.textarea.is-primary.is-active {
box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
box-shadow: 0 0 0 0.125em rgba(144, 115, 255, 0.25);
}
.input.is-link,
.textarea.is-link {
border-color: #3273dc;
border-color: #8530bf;
}
.input.is-link:focus, .input.is-link.is-focused, .input.is-link:active, .input.is-link.is-active,
@ -3020,7 +3000,7 @@ a.box:active {
.textarea.is-link.is-focused,
.textarea.is-link:active,
.textarea.is-link.is-active {
box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
box-shadow: 0 0 0 0.125em rgba(133, 48, 191, 0.25);
}
.input.is-info,
@ -3178,7 +3158,7 @@ a.box:active {
}
.select:not(.is-multiple):not(.is-loading)::after {
border-color: #3273dc;
border-color: #8530bf;
right: 1.125em;
z-index: 4;
}
@ -3220,8 +3200,8 @@ a.box:active {
}
.select select:focus, .select select.is-focused, .select select:active, .select select.is-active {
border-color: #3273dc;
box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
border-color: #8530bf;
box-shadow: 0 0 0 0.125em rgba(133, 48, 191, 0.25);
}
.select select[disabled] {
@ -3337,35 +3317,35 @@ a.box:active {
}
.select.is-primary:not(:hover)::after {
border-color: #00d1b2;
border-color: #9073ff;
}
.select.is-primary select {
border-color: #00d1b2;
border-color: #9073ff;
}
.select.is-primary select:hover, .select.is-primary select.is-hovered {
border-color: #00b89c;
border-color: #7c5aff;
}
.select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active {
box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
box-shadow: 0 0 0 0.125em rgba(144, 115, 255, 0.25);
}
.select.is-link:not(:hover)::after {
border-color: #3273dc;
border-color: #8530bf;
}
.select.is-link select {
border-color: #3273dc;
border-color: #8530bf;
}
.select.is-link select:hover, .select.is-link select.is-hovered {
border-color: #2366d1;
border-color: #772bab;
}
.select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active {
box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
box-shadow: 0 0 0 0.125em rgba(133, 48, 191, 0.25);
}
.select.is-info:not(:hover)::after {
@ -3462,7 +3442,6 @@ a.box:active {
position: absolute;
right: 0.625em;
top: 0.625em;
-webkit-transform: none;
transform: none;
}
@ -3582,49 +3561,49 @@ a.box:active {
}
.file.is-primary .file-cta {
background-color: #00d1b2;
background-color: #9073ff;
border-color: transparent;
color: #fff;
}
.file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta {
background-color: #00c4a7;
background-color: #8666ff;
border-color: transparent;
color: #fff;
}
.file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta {
border-color: transparent;
box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
box-shadow: 0 0 0.5em rgba(144, 115, 255, 0.25);
color: #fff;
}
.file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta {
background-color: #00b89c;
background-color: #7c5aff;
border-color: transparent;
color: #fff;
}
.file.is-link .file-cta {
background-color: #3273dc;
background-color: #8530bf;
border-color: transparent;
color: #fff;
}
.file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta {
background-color: #276cda;
background-color: #7e2db5;
border-color: transparent;
color: #fff;
}
.file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta {
border-color: transparent;
box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25);
box-shadow: 0 0 0.5em rgba(133, 48, 191, 0.25);
color: #fff;
}
.file.is-link:active .file-cta, .file.is-link.is-active .file-cta {
background-color: #2366d1;
background-color: #772bab;
border-color: transparent;
color: #fff;
}
@ -3955,11 +3934,11 @@ a.box:active {
}
.help.is-primary {
color: #00d1b2;
color: #9073ff;
}
.help.is-link {
color: #3273dc;
color: #8530bf;
}
.help.is-info {
@ -4484,12 +4463,12 @@ a.box:active {
}
.notification.is-primary {
background-color: #00d1b2;
background-color: #9073ff;
color: #fff;
}
.notification.is-link {
background-color: #3273dc;
background-color: #8530bf;
color: #fff;
}
@ -4591,27 +4570,27 @@ a.box:active {
}
.progress.is-primary::-webkit-progress-value {
background-color: #00d1b2;
background-color: #9073ff;
}
.progress.is-primary::-moz-progress-bar {
background-color: #00d1b2;
background-color: #9073ff;
}
.progress.is-primary::-ms-fill {
background-color: #00d1b2;
background-color: #9073ff;
}
.progress.is-link::-webkit-progress-value {
background-color: #3273dc;
background-color: #8530bf;
}
.progress.is-link::-moz-progress-bar {
background-color: #3273dc;
background-color: #8530bf;
}
.progress.is-link::-ms-fill {
background-color: #3273dc;
background-color: #8530bf;
}
.progress.is-info::-webkit-progress-value {
@ -4717,15 +4696,15 @@ a.box:active {
.table td.is-primary,
.table th.is-primary {
background-color: #00d1b2;
border-color: #00d1b2;
background-color: #9073ff;
border-color: #9073ff;
color: #fff;
}
.table td.is-link,
.table th.is-link {
background-color: #3273dc;
border-color: #3273dc;
background-color: #8530bf;
border-color: #8530bf;
color: #fff;
}
@ -4765,7 +4744,7 @@ a.box:active {
.table td.is-selected,
.table th.is-selected {
background-color: #00d1b2;
background-color: #9073ff;
color: #fff;
}
@ -4782,7 +4761,7 @@ a.box:active {
}
.table tr.is-selected {
background-color: #00d1b2;
background-color: #9073ff;
color: #fff;
}
@ -4951,12 +4930,12 @@ a.box:active {
}
.tag:not(body).is-primary {
background-color: #00d1b2;
background-color: #9073ff;
color: #fff;
}
.tag:not(body).is-link {
background-color: #3273dc;
background-color: #8530bf;
color: #fff;
}
@ -5017,9 +4996,7 @@ a.box:active {
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
-webkit-transform-origin: center center;
transform-origin: center center;
}
@ -5210,7 +5187,7 @@ a.tag:hover {
.breadcrumb a {
align-items: center;
color: #3273dc;
color: #8530bf;
display: flex;
justify-content: center;
padding: 0 0.75em;
@ -5425,7 +5402,7 @@ a.dropdown-item:hover {
}
a.dropdown-item.is-active {
background-color: #3273dc;
background-color: #8530bf;
color: #fff;
}
@ -5647,7 +5624,7 @@ a.dropdown-item.is-active {
}
.menu-list a.is-active {
background-color: #3273dc;
background-color: #8530bf;
color: #fff;
}
@ -5756,31 +5733,31 @@ a.dropdown-item.is-active {
}
.message.is-primary {
background-color: #f5fffd;
background-color: #f7f5ff;
}
.message.is-primary .message-header {
background-color: #00d1b2;
background-color: #9073ff;
color: #fff;
}
.message.is-primary .message-body {
border-color: #00d1b2;
color: #021310;
border-color: #9073ff;
color: #3f10f3;
}
.message.is-link {
background-color: #f6f9fe;
background-color: #faf7fd;
}
.message.is-link .message-header {
background-color: #3273dc;
background-color: #8530bf;
color: #fff;
}
.message.is-link .message-body {
border-color: #3273dc;
color: #22509a;
border-color: #8530bf;
color: #682a92;
}
.message.is-info {
@ -6197,7 +6174,7 @@ a.dropdown-item.is-active {
}
.navbar.is-primary {
background-color: #00d1b2;
background-color: #9073ff;
color: #fff;
}
@ -6209,7 +6186,7 @@ a.dropdown-item.is-active {
.navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active,
.navbar.is-primary .navbar-brand .navbar-link:hover,
.navbar.is-primary .navbar-brand .navbar-link.is-active {
background-color: #00b89c;
background-color: #7c5aff;
color: #fff;
}
@ -6231,7 +6208,7 @@ a.dropdown-item.is-active {
.navbar.is-primary .navbar-end > a.navbar-item.is-active,
.navbar.is-primary .navbar-end .navbar-link:hover,
.navbar.is-primary .navbar-end .navbar-link.is-active {
background-color: #00b89c;
background-color: #7c5aff;
color: #fff;
}
.navbar.is-primary .navbar-start .navbar-link::after,
@ -6240,17 +6217,17 @@ a.dropdown-item.is-active {
}
.navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #00b89c;
background-color: #7c5aff;
color: #fff;
}
.navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
background-color: #00d1b2;
background-color: #9073ff;
color: #fff;
}
}
.navbar.is-link {
background-color: #3273dc;
background-color: #8530bf;
color: #fff;
}
@ -6262,7 +6239,7 @@ a.dropdown-item.is-active {
.navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active,
.navbar.is-link .navbar-brand .navbar-link:hover,
.navbar.is-link .navbar-brand .navbar-link.is-active {
background-color: #2366d1;
background-color: #772bab;
color: #fff;
}
@ -6284,7 +6261,7 @@ a.dropdown-item.is-active {
.navbar.is-link .navbar-end > a.navbar-item.is-active,
.navbar.is-link .navbar-end .navbar-link:hover,
.navbar.is-link .navbar-end .navbar-link.is-active {
background-color: #2366d1;
background-color: #772bab;
color: #fff;
}
.navbar.is-link .navbar-start .navbar-link::after,
@ -6293,11 +6270,11 @@ a.dropdown-item.is-active {
}
.navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #2366d1;
background-color: #772bab;
color: #fff;
}
.navbar.is-link .navbar-dropdown a.navbar-item.is-active {
background-color: #3273dc;
background-color: #8530bf;
color: #fff;
}
}
@ -6588,12 +6565,9 @@ body.has-navbar-fixed-bottom {
height: 1px;
left: calc(50% - 8px);
position: absolute;
-webkit-transform-origin: center;
transform-origin: center;
transition-duration: 86ms;
transition-property: background-color, opacity, -webkit-transform;
transition-property: background-color, opacity, transform;
transition-property: background-color, opacity, transform, -webkit-transform;
transition-timing-function: ease-out;
width: 16px;
}
@ -6615,7 +6589,6 @@ body.has-navbar-fixed-bottom {
}
.navbar-burger.is-active span:nth-child(1) {
-webkit-transform: translateY(5px) rotate(45deg);
transform: translateY(5px) rotate(45deg);
}
@ -6624,7 +6597,6 @@ body.has-navbar-fixed-bottom {
}
.navbar-burger.is-active span:nth-child(3) {
-webkit-transform: translateY(-5px) rotate(-45deg);
transform: translateY(-5px) rotate(-45deg);
}
@ -6656,7 +6628,7 @@ a.navbar-item:hover, a.navbar-item.is-active,
.navbar-link:hover,
.navbar-link.is-active {
background-color: #fafafa;
color: #3273dc;
color: #8530bf;
}
.navbar-item {
@ -6686,15 +6658,15 @@ a.navbar-item:hover, a.navbar-item.is-active,
.navbar-item.is-tab:hover {
background-color: transparent;
border-bottom-color: #3273dc;
border-bottom-color: #8530bf;
}
.navbar-item.is-tab.is-active {
background-color: transparent;
border-bottom-color: #3273dc;
border-bottom-color: #8530bf;
border-bottom-style: solid;
border-bottom-width: 3px;
color: #3273dc;
color: #8530bf;
padding-bottom: calc(0.5rem - 3px);
}
@ -6708,7 +6680,7 @@ a.navbar-item:hover, a.navbar-item.is-active,
}
.navbar-link::after {
border-color: #3273dc;
border-color: #8530bf;
margin-top: -0.375em;
right: 1.125em;
}
@ -6818,7 +6790,7 @@ a.navbar-item:hover, a.navbar-item.is-active,
}
.navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
background-color: whitesmoke;
color: #3273dc;
color: #8530bf;
}
.navbar-burger {
display: none;
@ -6835,7 +6807,6 @@ a.navbar-item:hover, a.navbar-item.is-active,
align-items: stretch;
}
.navbar-item.has-dropdown-up .navbar-link::after {
-webkit-transform: rotate(135deg) translate(0.25em, -0.25em);
transform: rotate(135deg) translate(0.25em, -0.25em);
}
.navbar-item.has-dropdown-up .navbar-dropdown {
@ -6852,7 +6823,6 @@ a.navbar-item:hover, a.navbar-item.is-active,
.navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.navbar-menu {
@ -6894,7 +6864,7 @@ a.navbar-item:hover, a.navbar-item.is-active,
}
.navbar-dropdown a.navbar-item.is-active {
background-color: whitesmoke;
color: #3273dc;
color: #8530bf;
}
.navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed {
border-radius: 6px;
@ -6904,12 +6874,9 @@ a.navbar-item:hover, a.navbar-item.is-active,
opacity: 0;
pointer-events: none;
top: calc(100% + (-4px));
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
transition-duration: 86ms;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform;
}
.navbar-dropdown.is-right {
left: auto;
@ -7063,8 +7030,8 @@ a.navbar-item:hover, a.navbar-item.is-active,
}
.pagination-link.is-current {
background-color: #3273dc;
border-color: #3273dc;
background-color: #8530bf;
border-color: #8530bf;
color: #fff;
}
@ -7185,7 +7152,7 @@ a.navbar-item:hover, a.navbar-item.is-active,
}
.panel-list a:hover {
color: #3273dc;
color: #8530bf;
}
.panel-block {
@ -7211,12 +7178,12 @@ a.navbar-item:hover, a.navbar-item.is-active,
}
.panel-block.is-active {
border-left-color: #3273dc;
border-left-color: #8530bf;
color: #363636;
}
.panel-block.is-active .panel-icon {
color: #3273dc;
color: #8530bf;
}
a.panel-block,
@ -7280,8 +7247,8 @@ label.panel-block:hover {
}
.tabs li.is-active a {
border-bottom-color: #3273dc;
color: #3273dc;
border-bottom-color: #8530bf;
color: #8530bf;
}
.tabs ul {
@ -7375,8 +7342,8 @@ label.panel-block:hover {
}
.tabs.is-toggle li.is-active a {
background-color: #3273dc;
border-color: #3273dc;
background-color: #8530bf;
border-color: #8530bf;
color: #fff;
z-index: 1;
}
@ -8671,8 +8638,6 @@ label.panel-block:hover {
flex-basis: 0;
flex-grow: 1;
flex-shrink: 1;
min-height: -webkit-min-content;
min-height: -moz-min-content;
min-height: min-content;
}
@ -9088,7 +9053,7 @@ label.panel-block:hover {
}
.hero.is-primary {
background-color: #00d1b2;
background-color: #9073ff;
color: #fff;
}
@ -9112,7 +9077,7 @@ label.panel-block:hover {
@media screen and (max-width: 1087px) {
.hero.is-primary .navbar-menu {
background-color: #00d1b2;
background-color: #9073ff;
}
}
@ -9124,7 +9089,7 @@ label.panel-block:hover {
.hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active,
.hero.is-primary .navbar-link:hover,
.hero.is-primary .navbar-link.is-active {
background-color: #00b89c;
background-color: #7c5aff;
color: #fff;
}
@ -9152,21 +9117,21 @@ label.panel-block:hover {
.hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover {
background-color: #fff;
border-color: #fff;
color: #00d1b2;
color: #9073ff;
}
.hero.is-primary.is-bold {
background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%);
background-image: linear-gradient(141deg, #4840ff 0%, #9073ff 71%, #b78dff 100%);
}
@media screen and (max-width: 768px) {
.hero.is-primary.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%);
background-image: linear-gradient(141deg, #4840ff 0%, #9073ff 71%, #b78dff 100%);
}
}
.hero.is-link {
background-color: #3273dc;
background-color: #8530bf;
color: #fff;
}
@ -9190,7 +9155,7 @@ label.panel-block:hover {
@media screen and (max-width: 1087px) {
.hero.is-link .navbar-menu {
background-color: #3273dc;
background-color: #8530bf;
}
}
@ -9202,7 +9167,7 @@ label.panel-block:hover {
.hero.is-link a.navbar-item:hover, .hero.is-link a.navbar-item.is-active,
.hero.is-link .navbar-link:hover,
.hero.is-link .navbar-link.is-active {
background-color: #2366d1;
background-color: #772bab;
color: #fff;
}
@ -9230,16 +9195,16 @@ label.panel-block:hover {
.hero.is-link .tabs.is-boxed li.is-active a, .hero.is-link .tabs.is-boxed li.is-active a:hover, .hero.is-link .tabs.is-toggle li.is-active a, .hero.is-link .tabs.is-toggle li.is-active a:hover {
background-color: #fff;
border-color: #fff;
color: #3273dc;
color: #8530bf;
}
.hero.is-link.is-bold {
background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%);
background-image: linear-gradient(141deg, #551ca0 0%, #8530bf 71%, #ae35d4 100%);
}
@media screen and (max-width: 768px) {
.hero.is-link.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%);
background-image: linear-gradient(141deg, #551ca0 0%, #8530bf 71%, #ae35d4 100%);
}
}
@ -9602,7 +9567,6 @@ label.panel-block:hover {
min-width: 100%;
position: absolute;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
@ -9668,4 +9632,5 @@ label.panel-block:hover {
background-color: #fafafa;
padding: 3rem 1.5rem 6rem;
}
/*# sourceMappingURL=style.css.map */

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1024,14 +1024,15 @@
"dev": true,
"optional": true,
"requires": {
"co": "4.6.0",
"json-stable-stringify": "1.0.1"
"co": "^4.6.0",
"json-stable-stringify": "^1.0.1"
}
},
"ansi-regex": {
"version": "2.1.1",
"bundled": true,
"dev": true
"dev": true,
"optional": true
},
"aproba": {
"version": "1.1.1",
@ -1045,8 +1046,8 @@
"dev": true,
"optional": true,
"requires": {
"delegates": "1.0.0",
"readable-stream": "2.2.9"
"delegates": "^1.0.0",
"readable-stream": "^2.0.6"
}
},
"asn1": {
@ -1082,7 +1083,8 @@
"balanced-match": {
"version": "0.4.2",
"bundled": true,
"dev": true
"dev": true,
"optional": true
},
"bcrypt-pbkdf": {
"version": "1.0.1",
@ -1090,7 +1092,7 @@
"dev": true,
"optional": true,
"requires": {
"tweetnacl": "0.14.5"
"tweetnacl": "^0.14.3"
}
},
"block-stream": {
@ -1099,23 +1101,25 @@
"dev": true,
"optional": true,
"requires": {
"inherits": "2.0.3"
"inherits": "~2.0.0"
}
},
"boom": {
"version": "2.10.1",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"hoek": "2.16.3"
"hoek": "2.x.x"
}
},
"brace-expansion": {
"version": "1.1.7",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"balanced-match": "0.4.2",
"balanced-match": "^0.4.1",
"concat-map": "0.0.1"
}
},
@ -1149,13 +1153,14 @@
"dev": true,
"optional": true,
"requires": {
"delayed-stream": "1.0.0"
"delayed-stream": "~1.0.0"
}
},
"concat-map": {
"version": "0.0.1",
"bundled": true,
"dev": true
"dev": true,
"optional": true
},
"console-control-strings": {
"version": "1.1.0",
@ -1175,7 +1180,7 @@
"dev": true,
"optional": true,
"requires": {
"boom": "2.10.1"
"boom": "2.x.x"
}
},
"dashdash": {
@ -1184,7 +1189,7 @@
"dev": true,
"optional": true,
"requires": {
"assert-plus": "1.0.0"
"assert-plus": "^1.0.0"
},
"dependencies": {
"assert-plus": {
@ -1234,7 +1239,7 @@
"dev": true,
"optional": true,
"requires": {
"jsbn": "0.1.1"
"jsbn": "~0.1.0"
}
},
"extend": {
@ -1269,17 +1274,19 @@
"fs.realpath": {
"version": "1.0.0",
"bundled": true,
"dev": true
"dev": true,
"optional": true
},
"fstream": {
"version": "1.0.11",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"graceful-fs": "4.1.11",
"inherits": "2.0.3",
"mkdirp": "0.5.1",
"rimraf": "2.6.1"
"graceful-fs": "^4.1.2",
"inherits": "~2.0.0",
"mkdirp": ">=0.5 0",
"rimraf": "2"
}
},
"fstream-ignore": {
@ -1288,9 +1295,9 @@
"dev": true,
"optional": true,
"requires": {
"fstream": "1.0.11",
"inherits": "2.0.3",
"minimatch": "3.0.4"
"fstream": "^1.0.0",
"inherits": "2",
"minimatch": "^3.0.0"
}
},
"gauge": {
@ -1299,14 +1306,14 @@
"dev": true,
"optional": true,
"requires": {
"aproba": "1.1.1",
"console-control-strings": "1.1.0",
"has-unicode": "2.0.1",
"object-assign": "4.1.1",
"signal-exit": "3.0.2",
"string-width": "1.0.2",
"strip-ansi": "3.0.1",
"wide-align": "1.1.2"
"aproba": "^1.0.3",
"console-control-strings": "^1.0.0",
"has-unicode": "^2.0.0",
"object-assign": "^4.1.0",
"signal-exit": "^3.0.0",
"string-width": "^1.0.1",
"strip-ansi": "^3.0.1",
"wide-align": "^1.1.0"
}
},
"getpass": {
@ -1315,7 +1322,7 @@
"dev": true,
"optional": true,
"requires": {
"assert-plus": "1.0.0"
"assert-plus": "^1.0.0"
},
"dependencies": {
"assert-plus": {
@ -1330,19 +1337,21 @@
"version": "7.1.2",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"fs.realpath": "1.0.0",
"inflight": "1.0.6",
"inherits": "2.0.3",
"minimatch": "3.0.4",
"once": "1.4.0",
"path-is-absolute": "1.0.1"
"fs.realpath": "^1.0.0",
"inflight": "^1.0.4",
"inherits": "2",
"minimatch": "^3.0.4",
"once": "^1.3.0",
"path-is-absolute": "^1.0.0"
}
},
"graceful-fs": {
"version": "4.1.11",
"bundled": true,
"dev": true
"dev": true,
"optional": true
},
"har-schema": {
"version": "1.0.5",
@ -1372,16 +1381,17 @@
"dev": true,
"optional": true,
"requires": {
"boom": "2.10.1",
"cryptiles": "2.0.5",
"hoek": "2.16.3",
"sntp": "1.0.9"
"boom": "2.x.x",
"cryptiles": "2.x.x",
"hoek": "2.x.x",
"sntp": "1.x.x"
}
},
"hoek": {
"version": "2.16.3",
"bundled": true,
"dev": true
"dev": true,
"optional": true
},
"http-signature": {
"version": "1.1.1",
@ -1389,24 +1399,26 @@
"dev": true,
"optional": true,
"requires": {
"assert-plus": "0.2.0",
"jsprim": "1.4.0",
"sshpk": "1.13.0"
"assert-plus": "^0.2.0",
"jsprim": "^1.2.2",
"sshpk": "^1.7.0"
}
},
"inflight": {
"version": "1.0.6",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"once": "1.4.0",
"wrappy": "1.0.2"
"once": "^1.3.0",
"wrappy": "1"
}
},
"inherits": {
"version": "2.0.3",
"bundled": true,
"dev": true
"dev": true,
"optional": true
},
"ini": {
"version": "1.3.4",
@ -1447,7 +1459,7 @@
"dev": true,
"optional": true,
"requires": {
"jsbn": "0.1.1"
"jsbn": "~0.1.0"
}
},
"jsbn": {
@ -1468,7 +1480,7 @@
"dev": true,
"optional": true,
"requires": {
"jsonify": "0.0.0"
"jsonify": "~0.0.0"
}
},
"json-stringify-safe": {
@ -1522,6 +1534,7 @@
"version": "3.0.4",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"brace-expansion": "1.1.7"
}
@ -1529,12 +1542,14 @@
"minimist": {
"version": "0.0.8",
"bundled": true,
"dev": true
"dev": true,
"optional": true
},
"mkdirp": {
"version": "0.5.1",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"minimist": "0.0.8"
}
@ -1551,17 +1566,17 @@
"dev": true,
"optional": true,
"requires": {
"detect-libc": "1.0.2",
"detect-libc": "^1.0.2",
"hawk": "3.1.3",
"mkdirp": "0.5.1",
"nopt": "4.0.1",
"npmlog": "4.1.0",
"rc": "1.2.1",
"mkdirp": "^0.5.1",
"nopt": "^4.0.1",
"npmlog": "^4.0.2",
"rc": "^1.1.7",
"request": "2.81.0",
"rimraf": "2.6.1",
"semver": "5.3.0",
"tar": "2.2.1",
"tar-pack": "3.4.0"
"rimraf": "^2.6.1",
"semver": "^5.3.0",
"tar": "^2.2.1",
"tar-pack": "^3.4.0"
}
},
"nopt": {
@ -1570,8 +1585,8 @@
"dev": true,
"optional": true,
"requires": {
"abbrev": "1.1.0",
"osenv": "0.1.4"
"abbrev": "1",
"osenv": "^0.1.4"
}
},
"npmlog": {
@ -1580,10 +1595,10 @@
"dev": true,
"optional": true,
"requires": {
"are-we-there-yet": "1.1.4",
"console-control-strings": "1.1.0",
"gauge": "2.7.4",
"set-blocking": "2.0.0"
"are-we-there-yet": "~1.1.2",
"console-control-strings": "~1.1.0",
"gauge": "~2.7.3",
"set-blocking": "~2.0.0"
}
},
"number-is-nan": {
@ -1608,8 +1623,9 @@
"version": "1.4.0",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"wrappy": "1.0.2"
"wrappy": "1"
}
},
"os-homedir": {
@ -1630,14 +1646,15 @@
"dev": true,
"optional": true,
"requires": {
"os-homedir": "1.0.2",
"os-tmpdir": "1.0.2"
"os-homedir": "^1.0.0",
"os-tmpdir": "^1.0.0"
}
},
"path-is-absolute": {
"version": "1.0.1",
"bundled": true,
"dev": true
"dev": true,
"optional": true
},
"performance-now": {
"version": "0.2.0",
@ -1669,10 +1686,10 @@
"dev": true,
"optional": true,
"requires": {
"deep-extend": "0.4.2",
"ini": "1.3.4",
"minimist": "1.2.0",
"strip-json-comments": "2.0.1"
"deep-extend": "~0.4.0",
"ini": "~1.3.0",
"minimist": "^1.2.0",
"strip-json-comments": "~2.0.1"
},
"dependencies": {
"minimist": {
@ -1689,13 +1706,13 @@
"dev": true,
"optional": true,
"requires": {
"buffer-shims": "1.0.0",
"core-util-is": "1.0.2",
"inherits": "2.0.3",
"isarray": "1.0.0",
"process-nextick-args": "1.0.7",
"string_decoder": "1.0.1",
"util-deprecate": "1.0.2"
"buffer-shims": "~1.0.0",
"core-util-is": "~1.0.0",
"inherits": "~2.0.1",
"isarray": "~1.0.0",
"process-nextick-args": "~1.0.6",
"string_decoder": "~1.0.0",
"util-deprecate": "~1.0.1"
}
},
"request": {
@ -1704,36 +1721,37 @@
"dev": true,
"optional": true,
"requires": {
"aws-sign2": "0.6.0",
"aws4": "1.6.0",
"caseless": "0.12.0",
"combined-stream": "1.0.5",
"extend": "3.0.1",
"forever-agent": "0.6.1",
"form-data": "2.1.4",
"har-validator": "4.2.1",
"hawk": "3.1.3",
"http-signature": "1.1.1",
"is-typedarray": "1.0.0",
"isstream": "0.1.2",
"json-stringify-safe": "5.0.1",
"mime-types": "2.1.15",
"oauth-sign": "0.8.2",
"performance-now": "0.2.0",
"qs": "6.4.0",
"safe-buffer": "5.0.1",
"stringstream": "0.0.5",
"tough-cookie": "2.3.2",
"tunnel-agent": "0.6.0",
"uuid": "3.0.1"
"aws-sign2": "~0.6.0",
"aws4": "^1.2.1",
"caseless": "~0.12.0",
"combined-stream": "~1.0.5",
"extend": "~3.0.0",
"forever-agent": "~0.6.1",
"form-data": "~2.1.1",
"har-validator": "~4.2.1",
"hawk": "~3.1.3",
"http-signature": "~1.1.0",
"is-typedarray": "~1.0.0",
"isstream": "~0.1.2",
"json-stringify-safe": "~5.0.1",
"mime-types": "~2.1.7",
"oauth-sign": "~0.8.1",
"performance-now": "^0.2.0",
"qs": "~6.4.0",
"safe-buffer": "^5.0.1",
"stringstream": "~0.0.4",
"tough-cookie": "~2.3.0",
"tunnel-agent": "^0.6.0",
"uuid": "^3.0.0"
}
},
"rimraf": {
"version": "2.6.1",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"glob": "7.1.2"
"glob": "^7.0.5"
}
},
"safe-buffer": {
@ -1766,7 +1784,7 @@
"dev": true,
"optional": true,
"requires": {
"hoek": "2.16.3"
"hoek": "2.x.x"
}
},
"sshpk": {
@ -1775,15 +1793,15 @@
"dev": true,
"optional": true,
"requires": {
"asn1": "0.2.3",
"assert-plus": "1.0.0",
"bcrypt-pbkdf": "1.0.1",
"dashdash": "1.14.1",
"ecc-jsbn": "0.1.1",
"getpass": "0.1.7",
"jodid25519": "1.0.2",
"jsbn": "0.1.1",
"tweetnacl": "0.14.5"
"asn1": "~0.2.3",
"assert-plus": "^1.0.0",
"bcrypt-pbkdf": "^1.0.0",
"dashdash": "^1.12.0",
"ecc-jsbn": "~0.1.1",
"getpass": "^0.1.1",
"jodid25519": "^1.0.0",
"jsbn": "~0.1.0",
"tweetnacl": "~0.14.0"
},
"dependencies": {
"assert-plus": {
@ -1800,9 +1818,9 @@
"dev": true,
"optional": true,
"requires": {
"code-point-at": "1.1.0",
"is-fullwidth-code-point": "1.0.0",
"strip-ansi": "3.0.1"
"code-point-at": "^1.0.0",
"is-fullwidth-code-point": "^1.0.0",
"strip-ansi": "^3.0.0"
}
},
"string_decoder": {
@ -1811,7 +1829,7 @@
"dev": true,
"optional": true,
"requires": {
"safe-buffer": "5.0.1"
"safe-buffer": "^5.0.1"
}
},
"stringstream": {
@ -1824,8 +1842,9 @@
"version": "3.0.1",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"ansi-regex": "2.1.1"
"ansi-regex": "^2.0.0"
}
},
"strip-json-comments": {
@ -1840,9 +1859,9 @@
"dev": true,
"optional": true,
"requires": {
"block-stream": "0.0.9",
"fstream": "1.0.11",
"inherits": "2.0.3"
"block-stream": "*",
"fstream": "^1.0.2",
"inherits": "2"
}
},
"tar-pack": {
@ -1851,14 +1870,14 @@
"dev": true,
"optional": true,
"requires": {
"debug": "2.6.8",
"fstream": "1.0.11",
"fstream-ignore": "1.0.5",
"once": "1.4.0",
"readable-stream": "2.2.9",
"rimraf": "2.6.1",
"tar": "2.2.1",
"uid-number": "0.0.6"
"debug": "^2.2.0",
"fstream": "^1.0.10",
"fstream-ignore": "^1.0.5",
"once": "^1.3.3",
"readable-stream": "^2.1.4",
"rimraf": "^2.5.1",
"tar": "^2.2.1",
"uid-number": "^0.0.6"
}
},
"tough-cookie": {
@ -1867,7 +1886,7 @@
"dev": true,
"optional": true,
"requires": {
"punycode": "1.4.1"
"punycode": "^1.4.1"
}
},
"tunnel-agent": {
@ -1876,7 +1895,7 @@
"dev": true,
"optional": true,
"requires": {
"safe-buffer": "5.0.1"
"safe-buffer": "^5.0.1"
}
},
"tweetnacl": {
@ -1918,13 +1937,14 @@
"dev": true,
"optional": true,
"requires": {
"string-width": "1.0.2"
"string-width": "^1.0.2"
}
},
"wrappy": {
"version": "1.0.2",
"bundled": true,
"dev": true
"dev": true,
"optional": true
}
}
},

View file

@ -2,6 +2,8 @@
@import "./node_modules/bulma/sass/utilities/initial-variables"
// 2. Set your own initial variables
$primary: #9073ff
$link: #8530bf
// 3. Import the rest of Bulma
@import "./node_modules/bulma/bulma"