New colors

This commit is contained in:
Jeremy Thomas
2016-09-18 18:09:32 +01:00
parent 5ba1c1bf4b
commit 6032e4203b
8 changed files with 6644 additions and 1186 deletions

312
css/bulma.css vendored
View File

@@ -232,7 +232,7 @@ body {
}
a {
color: #1fc8db;
color: #11e4c4;
cursor: pointer;
text-decoration: none;
-webkit-transition: none 86ms ease-out;
@@ -245,7 +245,7 @@ a:hover {
code {
background-color: #f5f7fa;
color: #ed6c63;
color: #ff0f3f;
font-size: 12px;
font-weight: normal;
padding: 1px 2px 2px;
@@ -707,11 +707,11 @@ table th {
}
a.box:hover, a.box:focus {
box-shadow: 0 2px 3px rgba(17, 17, 17, 0.1), 0 0 0 1px #1fc8db;
box-shadow: 0 2px 3px rgba(17, 17, 17, 0.1), 0 0 0 1px #11e4c4;
}
a.box:active {
box-shadow: inset 0 1px 2px rgba(17, 17, 17, 0.2), 0 0 0 1px #1fc8db;
box-shadow: inset 0 1px 2px rgba(17, 17, 17, 0.2), 0 0 0 1px #11e4c4;
}
.button {
@@ -751,7 +751,7 @@ a.box:active {
}
.button:active, .button:focus, .button.is-active {
border-color: #1fc8db;
border-color: #11e4c4;
outline: none;
}
@@ -974,13 +974,13 @@ a.box:active {
}
.button.is-primary {
background-color: #1fc8db;
background-color: #11e4c4;
border-color: transparent;
color: white;
}
.button.is-primary:hover, .button.is-primary:focus, .button.is-primary.is-active {
background-color: #199fae;
background-color: #0eb49b;
border-color: transparent;
color: white;
}
@@ -991,7 +991,7 @@ a.box:active {
.button.is-primary.is-inverted {
background-color: white;
color: #1fc8db;
color: #11e4c4;
}
.button.is-primary.is-inverted:hover {
@@ -1004,24 +1004,24 @@ a.box:active {
.button.is-primary.is-outlined {
background-color: transparent;
border-color: #1fc8db;
color: #1fc8db;
border-color: #11e4c4;
color: #11e4c4;
}
.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus {
background-color: #1fc8db;
border-color: #1fc8db;
background-color: #11e4c4;
border-color: #11e4c4;
color: white;
}
.button.is-info {
background-color: #42afe3;
background-color: #0f6bff;
border-color: transparent;
color: white;
}
.button.is-info:hover, .button.is-info:focus, .button.is-info.is-active {
background-color: #1f99d3;
background-color: #0054db;
border-color: transparent;
color: white;
}
@@ -1032,7 +1032,7 @@ a.box:active {
.button.is-info.is-inverted {
background-color: white;
color: #42afe3;
color: #0f6bff;
}
.button.is-info.is-inverted:hover {
@@ -1045,24 +1045,24 @@ a.box:active {
.button.is-info.is-outlined {
background-color: transparent;
border-color: #42afe3;
color: #42afe3;
border-color: #0f6bff;
color: #0f6bff;
}
.button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus {
background-color: #42afe3;
border-color: #42afe3;
background-color: #0f6bff;
border-color: #0f6bff;
color: white;
}
.button.is-success {
background-color: #97cd76;
background-color: #20ee68;
border-color: transparent;
color: white;
}
.button.is-success:hover, .button.is-success:focus, .button.is-success.is-active {
background-color: #7bbf51;
background-color: #0fcc51;
border-color: transparent;
color: white;
}
@@ -1073,7 +1073,7 @@ a.box:active {
.button.is-success.is-inverted {
background-color: white;
color: #97cd76;
color: #20ee68;
}
.button.is-success.is-inverted:hover {
@@ -1086,26 +1086,26 @@ a.box:active {
.button.is-success.is-outlined {
background-color: transparent;
border-color: #97cd76;
color: #97cd76;
border-color: #20ee68;
color: #20ee68;
}
.button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus {
background-color: #97cd76;
border-color: #97cd76;
background-color: #20ee68;
border-color: #20ee68;
color: white;
}
.button.is-warning {
background-color: #fce473;
background-color: #ffcf0f;
border-color: transparent;
color: rgba(17, 17, 17, 0.5);
color: white;
}
.button.is-warning:hover, .button.is-warning:focus, .button.is-warning.is-active {
background-color: #fbda41;
background-color: #dbaf00;
border-color: transparent;
color: rgba(17, 17, 17, 0.5);
color: white;
}
.button.is-warning:active {
@@ -1113,38 +1113,38 @@ a.box:active {
}
.button.is-warning.is-inverted {
background-color: rgba(17, 17, 17, 0.5);
color: #fce473;
background-color: white;
color: #ffcf0f;
}
.button.is-warning.is-inverted:hover {
background-color: rgba(4, 4, 4, 0.5);
background-color: #f2f2f2;
}
.button.is-warning.is-loading:after {
border-color: transparent transparent rgba(17, 17, 17, 0.5) rgba(17, 17, 17, 0.5) !important;
border-color: transparent transparent white white !important;
}
.button.is-warning.is-outlined {
background-color: transparent;
border-color: #fce473;
color: #fce473;
border-color: #ffcf0f;
color: #ffcf0f;
}
.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus {
background-color: #fce473;
border-color: #fce473;
color: rgba(17, 17, 17, 0.5);
background-color: #ffcf0f;
border-color: #ffcf0f;
color: white;
}
.button.is-danger {
background-color: #ed6c63;
background-color: #ff0f3f;
border-color: transparent;
color: white;
}
.button.is-danger:hover, .button.is-danger:focus, .button.is-danger.is-active {
background-color: #e84135;
background-color: #db002c;
border-color: transparent;
color: white;
}
@@ -1155,7 +1155,7 @@ a.box:active {
.button.is-danger.is-inverted {
background-color: white;
color: #ed6c63;
color: #ff0f3f;
}
.button.is-danger.is-inverted:hover {
@@ -1168,13 +1168,13 @@ a.box:active {
.button.is-danger.is-outlined {
background-color: transparent;
border-color: #ed6c63;
color: #ed6c63;
border-color: #ff0f3f;
color: #ff0f3f;
}
.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus {
background-color: #ed6c63;
border-color: #ed6c63;
background-color: #ff0f3f;
border-color: #ff0f3f;
color: white;
}
@@ -1243,11 +1243,11 @@ a.box:active {
}
.content a:not(.button):visited {
color: #847bb9;
color: #b86bff;
}
.content a:not(.button):hover {
border-bottom-color: #1fc8db;
border-bottom-color: #11e4c4;
}
.content li + li {
@@ -1381,7 +1381,7 @@ a.box:active {
}
.input:active, .textarea:active, .input:focus, .textarea:focus, .input.is-active, .is-active.textarea {
border-color: #1fc8db;
border-color: #11e4c4;
outline: none;
}
@@ -1425,23 +1425,23 @@ a.box:active {
}
.input.is-primary, .is-primary.textarea {
border-color: #1fc8db;
border-color: #11e4c4;
}
.input.is-info, .is-info.textarea {
border-color: #42afe3;
border-color: #0f6bff;
}
.input.is-success, .is-success.textarea {
border-color: #97cd76;
border-color: #20ee68;
}
.input.is-warning, .is-warning.textarea {
border-color: #fce473;
border-color: #ffcf0f;
}
.input.is-danger, .is-danger.textarea {
border-color: #ed6c63;
border-color: #ff0f3f;
}
.input[type="search"], [type="search"].textarea {
@@ -1564,7 +1564,7 @@ a.box:active {
}
.select select:active, .select select:focus, .select select.is-active {
border-color: #1fc8db;
border-color: #11e4c4;
outline: none;
}
@@ -1608,23 +1608,23 @@ a.box:active {
}
.select select.is-primary {
border-color: #1fc8db;
border-color: #11e4c4;
}
.select select.is-info {
border-color: #42afe3;
border-color: #0f6bff;
}
.select select.is-success {
border-color: #97cd76;
border-color: #20ee68;
}
.select select.is-warning {
border-color: #fce473;
border-color: #ffcf0f;
}
.select select.is-danger {
border-color: #ed6c63;
border-color: #ff0f3f;
}
.select select:hover {
@@ -1644,7 +1644,7 @@ a.box:active {
}
.select:after {
border: 1px solid #1fc8db;
border: 1px solid #11e4c4;
border-right: 0;
border-top: 0;
content: " ";
@@ -1737,23 +1737,23 @@ a.box:active {
}
.help.is-primary {
color: #1fc8db;
color: #11e4c4;
}
.help.is-info {
color: #42afe3;
color: #0f6bff;
}
.help.is-success {
color: #97cd76;
color: #20ee68;
}
.help.is-warning {
color: #fce473;
color: #ffcf0f;
}
.help.is-danger {
color: #ed6c63;
color: #ff0f3f;
}
@media screen and (max-width: 768px) {
@@ -2162,27 +2162,27 @@ a.box:active {
}
.notification.is-primary {
background-color: #1fc8db;
background-color: #11e4c4;
color: white;
}
.notification.is-info {
background-color: #42afe3;
background-color: #0f6bff;
color: white;
}
.notification.is-success {
background-color: #97cd76;
background-color: #20ee68;
color: white;
}
.notification.is-warning {
background-color: #fce473;
color: rgba(17, 17, 17, 0.5);
background-color: #ffcf0f;
color: white;
}
.notification.is-danger {
background-color: #ed6c63;
background-color: #ff0f3f;
color: white;
}
@@ -2243,43 +2243,43 @@ a.box:active {
}
.progress.is-primary::-webkit-progress-value {
background-color: #1fc8db;
background-color: #11e4c4;
}
.progress.is-primary::-moz-progress-bar {
background-color: #1fc8db;
background-color: #11e4c4;
}
.progress.is-info::-webkit-progress-value {
background-color: #42afe3;
background-color: #0f6bff;
}
.progress.is-info::-moz-progress-bar {
background-color: #42afe3;
background-color: #0f6bff;
}
.progress.is-success::-webkit-progress-value {
background-color: #97cd76;
background-color: #20ee68;
}
.progress.is-success::-moz-progress-bar {
background-color: #97cd76;
background-color: #20ee68;
}
.progress.is-warning::-webkit-progress-value {
background-color: #fce473;
background-color: #ffcf0f;
}
.progress.is-warning::-moz-progress-bar {
background-color: #fce473;
background-color: #ffcf0f;
}
.progress.is-danger::-webkit-progress-value {
background-color: #ed6c63;
background-color: #ff0f3f;
}
.progress.is-danger::-moz-progress-bar {
background-color: #ed6c63;
background-color: #ff0f3f;
}
.progress.is-small {
@@ -2351,7 +2351,7 @@ a.box:active {
.table td.is-link > a:hover,
.table th.is-link > a:hover {
background-color: #1fc8db;
background-color: #11e4c4;
color: white;
}
@@ -2774,7 +2774,7 @@ a.box:active {
}
.hamburger.is-active span, .is-active.nav-toggle span {
background-color: #1fc8db;
background-color: #11e4c4;
}
.hamburger.is-active span:nth-child(1), .is-active.nav-toggle span:nth-child(1) {
@@ -2888,27 +2888,27 @@ a.box:active {
}
.tag.is-primary {
background-color: #1fc8db;
background-color: #11e4c4;
color: white;
}
.tag.is-info {
background-color: #42afe3;
background-color: #0f6bff;
color: white;
}
.tag.is-success {
background-color: #97cd76;
background-color: #20ee68;
color: white;
}
.tag.is-warning {
background-color: #fce473;
color: rgba(17, 17, 17, 0.5);
background-color: #ffcf0f;
color: white;
}
.tag.is-danger {
background-color: #ed6c63;
background-color: #ff0f3f;
color: white;
}
@@ -4583,11 +4583,11 @@ a.box:active {
.menu-list a:hover {
background-color: #f5f7fa;
color: #1fc8db;
color: #11e4c4;
}
.menu-list a.is-active {
background-color: #1fc8db;
background-color: #11e4c4;
color: white;
}
@@ -4697,44 +4697,44 @@ a.box:active {
}
.message.is-primary {
background-color: #edfbfc;
background-color: #ecfefb;
}
.message.is-primary .message-header {
background-color: #1fc8db;
background-color: #11e4c4;
color: white;
}
.message.is-primary .message-body {
border-color: #1fc8db;
border-color: #11e4c4;
color: gray;
}
.message.is-info {
background-color: #edf7fc;
background-color: #ebf2ff;
}
.message.is-info .message-header {
background-color: #42afe3;
background-color: #0f6bff;
color: white;
}
.message.is-info .message-body {
border-color: #42afe3;
border-color: #0f6bff;
color: gray;
}
.message.is-success {
background-color: #f4faf0;
background-color: #ecfef2;
}
.message.is-success .message-header {
background-color: #97cd76;
background-color: #20ee68;
color: white;
}
.message.is-success .message-body {
border-color: #97cd76;
border-color: #20ee68;
color: gray;
}
@@ -4743,26 +4743,26 @@ a.box:active {
}
.message.is-warning .message-header {
background-color: #fce473;
color: rgba(17, 17, 17, 0.5);
background-color: #ffcf0f;
color: white;
}
.message.is-warning .message-body {
border-color: #fce473;
color: #666666;
border-color: #ffcf0f;
color: gray;
}
.message.is-danger {
background-color: #fdeeed;
background-color: #ffebef;
}
.message.is-danger .message-header {
background-color: #ed6c63;
background-color: #ff0f3f;
color: white;
}
.message.is-danger .message-body {
border-color: #ed6c63;
border-color: #ff0f3f;
color: gray;
}
@@ -4969,15 +4969,15 @@ a.nav-item.is-tab {
.nav-item a.is-tab:hover,
a.nav-item.is-tab:hover {
border-bottom: 1px solid #1fc8db;
border-bottom: 1px solid #11e4c4;
border-top: 1px solid transparent;
}
.nav-item a.is-tab.is-active,
a.nav-item.is-tab.is-active {
border-bottom: 3px solid #1fc8db;
border-bottom: 3px solid #11e4c4;
border-top: 3px solid transparent;
color: #1fc8db;
color: #11e4c4;
}
@media screen and (max-width: 768px) {
@@ -5224,7 +5224,7 @@ a.nav-item.is-tab.is-active {
}
.panel-list a:hover {
color: #1fc8db;
color: #11e4c4;
}
.panel-tabs {
@@ -5320,8 +5320,8 @@ a.panel-block:hover {
}
.tabs li.is-active a {
border-bottom-color: #1fc8db;
color: #1fc8db;
border-bottom-color: #11e4c4;
color: #11e4c4;
}
.tabs ul {
@@ -5437,8 +5437,8 @@ a.panel-block:hover {
}
.tabs.is-toggle li.is-active a {
background-color: #1fc8db;
border-color: #1fc8db;
background-color: #11e4c4;
border-color: #11e4c4;
color: white;
z-index: 1;
}
@@ -5957,7 +5957,7 @@ a.panel-block:hover {
}
.hero.is-primary {
background-color: #1fc8db;
background-color: #11e4c4;
color: white;
}
@@ -5985,7 +5985,7 @@ a.panel-block:hover {
@media screen and (max-width: 768px) {
.hero.is-primary .nav-menu {
background-color: #1fc8db;
background-color: #11e4c4;
}
}
@@ -6024,12 +6024,12 @@ a.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: white;
border-color: white;
color: #1fc8db;
color: #11e4c4;
}
.hero.is-primary.is-bold {
background-image: -webkit-linear-gradient(309deg, #0fb8ad 0%, #1fc8db 71%, #2cb5e8 100%);
background-image: linear-gradient(141deg, #0fb8ad 0%, #1fc8db 71%, #2cb5e8 100%);
background-image: -webkit-linear-gradient(309deg, #04be83 0%, #11e4c4 71%, #1af1f4 100%);
background-image: linear-gradient(141deg, #04be83 0%, #11e4c4 71%, #1af1f4 100%);
}
@media screen and (max-width: 768px) {
@@ -6048,7 +6048,7 @@ a.panel-block:hover {
}
.hero.is-info {
background-color: #42afe3;
background-color: #0f6bff;
color: white;
}
@@ -6076,7 +6076,7 @@ a.panel-block:hover {
@media screen and (max-width: 768px) {
.hero.is-info .nav-menu {
background-color: #42afe3;
background-color: #0f6bff;
}
}
@@ -6115,12 +6115,12 @@ a.panel-block:hover {
.hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover {
background-color: white;
border-color: white;
color: #42afe3;
color: #0f6bff;
}
.hero.is-info.is-bold {
background-image: -webkit-linear-gradient(309deg, #13bfdf 0%, #42afe3 71%, #53a1eb 100%);
background-image: linear-gradient(141deg, #13bfdf 0%, #42afe3 71%, #53a1eb 100%);
background-image: -webkit-linear-gradient(309deg, #0079db 0%, #0f6bff 71%, #2957ff 100%);
background-image: linear-gradient(141deg, #0079db 0%, #0f6bff 71%, #2957ff 100%);
}
@media screen and (max-width: 768px) {
@@ -6139,7 +6139,7 @@ a.panel-block:hover {
}
.hero.is-success {
background-color: #97cd76;
background-color: #20ee68;
color: white;
}
@@ -6167,7 +6167,7 @@ a.panel-block:hover {
@media screen and (max-width: 768px) {
.hero.is-success .nav-menu {
background-color: #97cd76;
background-color: #20ee68;
}
}
@@ -6206,12 +6206,12 @@ a.panel-block:hover {
.hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover {
background-color: white;
border-color: white;
color: #97cd76;
color: #20ee68;
}
.hero.is-success.is-bold {
background-image: -webkit-linear-gradient(309deg, #8ecb45 0%, #97cd76 71%, #96d885 100%);
background-image: linear-gradient(141deg, #8ecb45 0%, #97cd76 71%, #96d885 100%);
background-image: -webkit-linear-gradient(309deg, #04d72b 0%, #20ee68 71%, #32f597 100%);
background-image: linear-gradient(141deg, #04d72b 0%, #20ee68 71%, #32f597 100%);
}
@media screen and (max-width: 768px) {
@@ -6230,12 +6230,12 @@ a.panel-block:hover {
}
.hero.is-warning {
background-color: #fce473;
color: rgba(17, 17, 17, 0.5);
background-color: #ffcf0f;
color: white;
}
.hero.is-warning .title {
color: rgba(17, 17, 17, 0.5);
color: white;
}
.hero.is-warning .title a,
@@ -6244,37 +6244,37 @@ a.panel-block:hover {
}
.hero.is-warning .subtitle {
color: rgba(17, 17, 17, 0.7);
color: rgba(255, 255, 255, 0.7);
}
.hero.is-warning .subtitle a,
.hero.is-warning .subtitle strong {
color: rgba(17, 17, 17, 0.5);
color: white;
}
.hero.is-warning .nav {
box-shadow: 0 1px 0 rgba(17, 17, 17, 0.2);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 768px) {
.hero.is-warning .nav-menu {
background-color: #fce473;
background-color: #ffcf0f;
}
}
.hero.is-warning a.nav-item,
.hero.is-warning .nav-item a:not(.button) {
color: rgba(17, 17, 17, 0.5);
color: rgba(255, 255, 255, 0.5);
}
.hero.is-warning a.nav-item:hover, .hero.is-warning a.nav-item.is-active,
.hero.is-warning .nav-item a:not(.button):hover,
.hero.is-warning .nav-item a:not(.button).is-active {
color: rgba(17, 17, 17, 0.5);
color: white;
}
.hero.is-warning .tabs a {
color: rgba(17, 17, 17, 0.5);
color: white;
opacity: 0.5;
}
@@ -6287,7 +6287,7 @@ a.panel-block:hover {
}
.hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a {
color: rgba(17, 17, 17, 0.5);
color: white;
}
.hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover {
@@ -6295,33 +6295,33 @@ a.panel-block:hover {
}
.hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover {
background-color: rgba(17, 17, 17, 0.5);
border-color: rgba(17, 17, 17, 0.5);
color: #fce473;
background-color: white;
border-color: white;
color: #ffcf0f;
}
.hero.is-warning.is-bold {
background-image: -webkit-linear-gradient(309deg, #ffbd3d 0%, #fce473 71%, #fffe8a 100%);
background-image: linear-gradient(141deg, #ffbd3d 0%, #fce473 71%, #fffe8a 100%);
background-image: -webkit-linear-gradient(309deg, #db8b00 0%, #ffcf0f 71%, #fff829 100%);
background-image: linear-gradient(141deg, #db8b00 0%, #ffcf0f 71%, #fff829 100%);
}
@media screen and (max-width: 768px) {
.hero.is-warning .nav-toggle span {
background-color: rgba(17, 17, 17, 0.5);
background-color: white;
}
.hero.is-warning .nav-toggle:hover {
background-color: rgba(17, 17, 17, 0.1);
}
.hero.is-warning .nav-toggle.is-active span {
background-color: rgba(17, 17, 17, 0.5);
background-color: white;
}
.hero.is-warning .nav-menu .nav-item {
border-top-color: rgba(17, 17, 17, 0.2);
border-top-color: rgba(255, 255, 255, 0.2);
}
}
.hero.is-danger {
background-color: #ed6c63;
background-color: #ff0f3f;
color: white;
}
@@ -6349,7 +6349,7 @@ a.panel-block:hover {
@media screen and (max-width: 768px) {
.hero.is-danger .nav-menu {
background-color: #ed6c63;
background-color: #ff0f3f;
}
}
@@ -6388,12 +6388,12 @@ a.panel-block:hover {
.hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover {
background-color: white;
border-color: white;
color: #ed6c63;
color: #ff0f3f;
}
.hero.is-danger.is-bold {
background-image: -webkit-linear-gradient(309deg, #f32a3e 0%, #ed6c63 71%, #f39376 100%);
background-image: linear-gradient(141deg, #f32a3e 0%, #ed6c63 71%, #f39376 100%);
background-image: -webkit-linear-gradient(309deg, #db0050 0%, #ff0f3f 71%, #ff2930 100%);
background-image: linear-gradient(141deg, #db0050 0%, #ff0f3f 71%, #ff2930 100%);
}
@media screen and (max-width: 768px) {
@@ -6478,6 +6478,6 @@ a.panel-block:hover {
}
.footer a:not(.icon):hover, .footer a:visited:not(.icon):hover {
border-bottom-color: #1fc8db;
border-bottom-color: #11e4c4;
}
/*# sourceMappingURL=bulma.css.map */

File diff suppressed because one or more lines are too long