-html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
+/*! minireset.css v0.0.2 | MIT License | github.com/jgthms/minireset.css */
+html,
+body,
+p,
+ol,
+ul,
+li,
+dl,
+dt,
+dd,
+blockquote,
+figure,
+fieldset,
+legend,
+textarea,
+pre,
+iframe,
+hr,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
margin: 0;
padding: 0;
- border: 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
font-size: 100%;
font-weight: normal;
- vertical-align: baseline;
- background: transparent;
}
-article, aside, figure, footer, header, nav, section, details, summary {
- display: block;
+ul {
+ list-style: none;
+}
+
+button,
+input,
+select,
+textarea {
+ margin: 0;
}
html {
box-sizing: border-box;
}
-*,
-*:before,
-*:after {
+* {
+ box-sizing: inherit;
+}
+
+*:before, *:after {
box-sizing: inherit;
}
img,
+embed,
object,
-embed {
+audio,
+video {
+ height: auto;
max-width: 100%;
}
-html {
- overflow-y: scroll;
-}
-
-ul {
- list-style: none;
-}
-
-blockquote, q {
- quotes: none;
-}
-
-blockquote:before,
-blockquote:after,
-q:before,
-q:after {
- content: '';
- content: none;
-}
-
-a {
- margin: 0;
- padding: 0;
- font-size: 100%;
- vertical-align: baseline;
- background: transparent;
-}
-
-del {
- text-decoration: line-through;
-}
-
-abbr[title], dfn[title] {
- border-bottom: 1px dotted #000;
- cursor: help;
+iframe {
+ border: 0;
}
table {
border-spacing: 0;
}
+td,
th {
- font-weight: bold;
- vertical-align: bottom;
-}
-
-td {
- font-weight: normal;
- vertical-align: top;
-}
-
-hr {
- display: block;
- height: 1px;
- border: 0;
- border-top: 1px solid #ccc;
- margin: 1em 0;
padding: 0;
-}
-
-input, select {
- vertical-align: middle;
-}
-
-pre {
- white-space: pre;
- white-space: pre-wrap;
- white-space: pre-line;
- word-wrap: break-word;
-}
-
-input[type="radio"] {
- vertical-align: text-bottom;
-}
-
-input[type="checkbox"] {
- vertical-align: bottom;
-}
-
-select, input, textarea {
- font: 99% sans-serif;
-}
-
-table {
- font-size: inherit;
- font: 100%;
-}
-
-small {
- font-size: 85%;
-}
-
-strong {
- font-weight: bold;
-}
-
-td, td img {
- vertical-align: top;
-}
-
-sub, sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
-}
-
-sup {
- top: -0.5em;
-}
-
-sub {
- bottom: -0.25em;
-}
-
-pre, code, kbd, samp {
- font-family: monospace, sans-serif;
-}
-
-label,
-input[type=button],
-input[type=submit],
-input[type=file],
-button {
- cursor: pointer;
-}
-
-button, input, select, textarea {
- margin: 0;
-}
-
-button,
-input[type=button] {
- width: auto;
- overflow: visible;
+ text-align: left;
}
@keyframes spin-around {
}
hr {
- border-top-color: #dbdbdb;
+ background-color: #dbdbdb;
+ border: none;
+ display: block;
+ height: 1px;
margin: 40px 0;
}
color: #242424;
}
+@keyframes spin-around {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(359deg);
+ }
+}
+
.is-block {
display: block;
}
padding: 0 !important;
}
-.box:not(:last-child), .highlight:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child),
-.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
- margin-bottom: 20px;
-}
-
-.modal-close {
- -moz-appearance: none;
- -webkit-appearance: none;
- background-color: rgba(18, 18, 18, 0.2);
- border: none;
- border-radius: 290486px;
- cursor: pointer;
- display: inline-block;
- height: 24px;
- position: relative;
- vertical-align: top;
- width: 24px;
+.is-unselectable {
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
}
-.modal-close:before, .modal-close:after {
+.box {
background-color: white;
- content: "";
+ border-radius: 5px;
+ box-shadow: 0 2px 3px rgba(18, 18, 18, 0.1), 0 0 0 1px rgba(18, 18, 18, 0.1);
display: block;
- height: 2px;
- left: 50%;
- margin-left: -25%;
- margin-top: -1px;
- position: absolute;
- top: 50%;
- width: 50%;
+ padding: 20px;
}
-.modal-close:before {
- transform: rotate(45deg);
+.box:not(:last-child) {
+ margin-bottom: 20px;
}
-.modal-close:after {
- transform: rotate(-45deg);
+a.box:hover, a.box:focus {
+ box-shadow: 0 2px 3px rgba(18, 18, 18, 0.1), 0 0 0 1px #11e4c4;
}
-.modal-close:hover {
- background-color: rgba(18, 18, 18, 0.5);
+a.box:active {
+ box-shadow: inset 0 1px 2px rgba(18, 18, 18, 0.2), 0 0 0 1px #11e4c4;
}
-.is-small.modal-close {
- height: 16px;
- width: 16px;
+@keyframes spin-around {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(359deg);
+ }
}
-.is-medium.modal-close {
+.button {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ align-items: center;
+ background-color: white;
+ border: 1px solid #dbdbdb;
+ border-radius: 3px;
+ color: #242424;
+ display: inline-flex;
+ font-size: 14px;
height: 32px;
- width: 32px;
-}
-
-.is-large.modal-close {
- height: 40px;
- width: 40px;
+ justify-content: flex-start;
+ line-height: 24px;
+ padding-left: 8px;
+ padding-right: 8px;
+ position: relative;
+ vertical-align: top;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ cursor: pointer;
+ justify-content: center;
+ padding-left: 10px;
+ padding-right: 10px;
+ text-align: center;
+ white-space: nowrap;
}
-.nav-toggle {
- cursor: pointer;
- display: block;
- height: 50px;
- position: relative;
- width: 50px;
+.button:hover {
+ border-color: #b5b5b5;
}
-.nav-toggle span {
- background-color: #7a7a7a;
- display: block;
- height: 1px;
- left: 50%;
- margin-left: -7px;
- position: absolute;
- top: 50%;
- transition: none 86ms ease-out;
- transition-property: background, left, opacity, transform;
- width: 15px;
+.button:active, .button:focus, .button.is-active {
+ border-color: #11e4c4;
+ outline: none;
}
-.nav-toggle span:nth-child(1) {
- margin-top: -6px;
+.button[disabled], .button.is-disabled {
+ background-color: whitesmoke;
+ border-color: #dbdbdb;
+ cursor: not-allowed;
+ pointer-events: none;
}
-.nav-toggle span:nth-child(2) {
- margin-top: -1px;
+.button[disabled]::-moz-placeholder, .button.is-disabled::-moz-placeholder {
+ color: rgba(36, 36, 36, 0.3);
}
-.nav-toggle span:nth-child(3) {
- margin-top: 4px;
+.button[disabled]::-webkit-input-placeholder, .button.is-disabled::-webkit-input-placeholder {
+ color: rgba(36, 36, 36, 0.3);
}
-.nav-toggle:hover {
- background-color: whitesmoke;
+.button[disabled]:-moz-placeholder, .button.is-disabled:-moz-placeholder {
+ color: rgba(36, 36, 36, 0.3);
}
-.is-active.nav-toggle span {
- background-color: #11e4c4;
+.button[disabled]:-ms-input-placeholder, .button.is-disabled:-ms-input-placeholder {
+ color: rgba(36, 36, 36, 0.3);
}
-.is-active.nav-toggle span:nth-child(1) {
- margin-left: -5px;
- transform: rotate(45deg);
- transform-origin: left top;
+.button strong {
+ color: inherit;
}
-.is-active.nav-toggle span:nth-child(2) {
- opacity: 0;
+.button small {
+ display: block;
+ font-size: 11px;
+ line-height: 1;
+ margin-top: 5px;
}
-.is-active.nav-toggle span:nth-child(3) {
- margin-left: -5px;
- transform: rotate(-45deg);
- transform-origin: left bottom;
+.button .icon:first-child,
+.button .tag:first-child {
+ margin-left: -2px;
+ margin-right: 4px;
}
-.button.is-loading:after, .control.is-loading:after {
- animation: spin-around 500ms infinite linear;
- border: 2px solid #dbdbdb;
- border-radius: 290486px;
- border-right-color: transparent;
- border-top-color: transparent;
- content: "";
- display: block;
- height: 16px;
- position: relative;
- width: 16px;
+.button .icon:last-child,
+.button .tag:last-child {
+ margin-left: 4px;
+ margin-right: -2px;
}
-.is-unselectable, .modal-close, .button, .tabs {
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
+.button:hover, .button:focus, .button.is-active {
+ color: #242424;
}
-.box {
+.button:active {
+ box-shadow: inset 0 1px 2px rgba(18, 18, 18, 0.2);
+}
+
+.button.is-white {
background-color: white;
- border-radius: 5px;
- box-shadow: 0 2px 3px rgba(18, 18, 18, 0.1), 0 0 0 1px rgba(18, 18, 18, 0.1);
- display: block;
- padding: 20px;
+ border-color: transparent;
+ color: #121212;
}
-a.box:hover, a.box:focus {
- box-shadow: 0 2px 3px rgba(18, 18, 18, 0.1), 0 0 0 1px #11e4c4;
+.button.is-white:hover, .button.is-white:focus, .button.is-white.is-active {
+ background-color: #f2f2f2;
+ border-color: transparent;
+ color: #121212;
}
-a.box:active {
- box-shadow: inset 0 1px 2px rgba(18, 18, 18, 0.2), 0 0 0 1px #11e4c4;
+.button.is-white:active {
+ border-color: transparent;
}
-.container {
- position: relative;
+.button.is-white.is-inverted {
+ background-color: #121212;
+ color: white;
}
-@media screen and (min-width: 980px) {
- .container {
- margin: 0 auto;
- max-width: 960px;
- }
- .container.is-fluid {
- margin: 0 20px;
- max-width: none;
- }
+.button.is-white.is-inverted:hover {
+ background-color: #050505;
}
-@media screen and (min-width: 1180px) {
- .container {
- max-width: 1200px;
- }
+.button.is-white.is-loading:after {
+ border-color: transparent transparent #121212 #121212 !important;
}
-.fa {
- font-size: 21px;
- text-align: center;
- vertical-align: top;
+.button.is-white.is-outlined {
+ background-color: transparent;
+ border-color: white;
+ color: white;
}
-.icon {
- display: inline-block;
- font-size: 21px;
- height: 24px;
- line-height: 24px;
- text-align: center;
- vertical-align: top;
- width: 24px;
+.button.is-white.is-outlined:hover, .button.is-white.is-outlined:focus {
+ background-color: white;
+ border-color: white;
+ color: #121212;
}
-.icon .fa {
- font-size: inherit;
- line-height: inherit;
+.button.is-black {
+ background-color: #121212;
+ border-color: transparent;
+ color: white;
}
-.icon.is-small {
- display: inline-block;
- font-size: 14px;
- height: 16px;
- line-height: 16px;
- text-align: center;
- vertical-align: top;
- width: 16px;
+.button.is-black:hover, .button.is-black:focus, .button.is-black.is-active {
+ background-color: #050505;
+ border-color: transparent;
+ color: white;
}
-.icon.is-medium {
- display: inline-block;
- font-size: 28px;
- height: 32px;
- line-height: 32px;
- text-align: center;
- vertical-align: top;
- width: 32px;
+.button.is-black:active {
+ border-color: transparent;
}
-.icon.is-large {
- display: inline-block;
- font-size: 42px;
- height: 48px;
- line-height: 48px;
- text-align: center;
- vertical-align: top;
- width: 48px;
+.button.is-black.is-inverted {
+ background-color: white;
+ color: #121212;
}
-.heading {
- display: block;
- font-size: 11px;
- letter-spacing: 1px;
- margin-bottom: 5px;
- text-transform: uppercase;
+.button.is-black.is-inverted:hover {
+ background-color: #f2f2f2;
}
-.highlight {
- font-size: 12px;
- font-weight: normal;
- max-width: 100%;
- overflow: hidden;
- padding: 0;
+.button.is-black.is-loading:after {
+ border-color: transparent transparent white white !important;
}
-.highlight pre {
- overflow: auto;
- max-width: 100%;
+.button.is-black.is-outlined {
+ background-color: transparent;
+ border-color: #121212;
+ color: #121212;
}
-.number {
- background-color: whitesmoke;
- border-radius: 290486px;
- display: inline-block;
- font-size: 18px;
- vertical-align: top;
+.button.is-black.is-outlined:hover, .button.is-black.is-outlined:focus {
+ background-color: #121212;
+ border-color: #121212;
+ color: white;
}
-.tag {
- align-items: center;
+.button.is-light {
background-color: whitesmoke;
- border-radius: 290486px;
+ border-color: transparent;
color: #7a7a7a;
- display: inline-flex;
- font-size: 12px;
- height: 24px;
- justify-content: center;
- line-height: 16px;
- padding-left: 10px;
- padding-right: 10px;
- vertical-align: top;
- white-space: nowrap;
}
-.tag .delete {
- margin-left: 4px;
- margin-right: -6px;
+.button.is-light:hover, .button.is-light:focus, .button.is-light.is-active {
+ background-color: #e8e8e8;
+ border-color: transparent;
+ color: #7a7a7a;
}
-.tag.is-white {
- background-color: white;
- color: #121212;
+.button.is-light:active {
+ border-color: transparent;
}
-.tag.is-black {
- background-color: #121212;
- color: white;
+.button.is-light.is-inverted {
+ background-color: #7a7a7a;
+ color: whitesmoke;
}
-.tag.is-light {
+.button.is-light.is-inverted:hover {
+ background-color: #6e6e6e;
+}
+
+.button.is-light.is-loading:after {
+ border-color: transparent transparent #7a7a7a #7a7a7a !important;
+}
+
+.button.is-light.is-outlined {
+ background-color: transparent;
+ border-color: whitesmoke;
+ color: whitesmoke;
+}
+
+.button.is-light.is-outlined:hover, .button.is-light.is-outlined:focus {
background-color: whitesmoke;
+ border-color: whitesmoke;
color: #7a7a7a;
}
-.tag.is-dark {
+.button.is-dark {
background-color: #7a7a7a;
+ border-color: transparent;
color: whitesmoke;
}
-.tag.is-primary {
- background-color: #11e4c4;
- color: white;
+.button.is-dark:hover, .button.is-dark:focus, .button.is-dark.is-active {
+ background-color: #6e6e6e;
+ border-color: transparent;
+ color: whitesmoke;
}
-.tag.is-info {
- background-color: #0f6bff;
- color: white;
+.button.is-dark:active {
+ border-color: transparent;
}
-.tag.is-success {
- background-color: #20ee68;
- color: white;
+.button.is-dark.is-inverted {
+ background-color: whitesmoke;
+ color: #7a7a7a;
}
-.tag.is-warning {
- background-color: #ffcf0f;
- color: white;
+.button.is-dark.is-inverted:hover {
+ background-color: #e8e8e8;
}
-.tag.is-danger {
- background-color: #ff0f3f;
- color: white;
+.button.is-dark.is-loading:after {
+ border-color: transparent transparent whitesmoke whitesmoke !important;
}
-.tag.is-small {
- font-size: 11px;
- height: 20px;
- padding-left: 8px;
- padding-right: 8px;
+.button.is-dark.is-outlined {
+ background-color: transparent;
+ border-color: #7a7a7a;
+ color: #7a7a7a;
}
-.tag.is-medium {
- font-size: 14px;
- height: 32px;
- padding-left: 14px;
- padding-right: 14px;
-}
-
-.tag.is-large {
- font-size: 18px;
- height: 40px;
- line-height: 24px;
- padding-left: 18px;
- padding-right: 18px;
-}
-
-.tag.is-large .delete {
- margin-left: 4px;
- margin-right: -8px;
-}
-
-.button {
- -moz-appearance: none;
- -webkit-appearance: none;
- align-items: center;
- background-color: white;
- border: 1px solid #dbdbdb;
- border-radius: 3px;
- color: #242424;
- display: inline-flex;
- font-size: 14px;
- height: 32px;
- justify-content: flex-start;
- line-height: 24px;
- padding-left: 8px;
- padding-right: 8px;
- position: relative;
- vertical-align: top;
- justify-content: center;
- padding-left: 10px;
- padding-right: 10px;
- text-align: center;
- white-space: nowrap;
-}
-
-.button:hover {
- border-color: #b5b5b5;
-}
-
-.button:active, .button:focus, .button.is-active {
- border-color: #11e4c4;
- outline: none;
-}
-
-.button[disabled], .button.is-disabled {
- background-color: whitesmoke;
- border-color: #dbdbdb;
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.button[disabled]::-moz-placeholder, .button.is-disabled::-moz-placeholder {
- color: rgba(36, 36, 36, 0.3);
-}
-
-.button[disabled]::-webkit-input-placeholder, .button.is-disabled::-webkit-input-placeholder {
- color: rgba(36, 36, 36, 0.3);
+.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined:focus {
+ background-color: #7a7a7a;
+ border-color: #7a7a7a;
+ color: whitesmoke;
}
-.button[disabled]:-moz-placeholder, .button.is-disabled:-moz-placeholder {
- color: rgba(36, 36, 36, 0.3);
+.button.is-primary {
+ background-color: #11e4c4;
+ border-color: transparent;
+ color: white;
}
-.button[disabled]:-ms-input-placeholder, .button.is-disabled:-ms-input-placeholder {
- color: rgba(36, 36, 36, 0.3);
+.button.is-primary:hover, .button.is-primary:focus, .button.is-primary.is-active {
+ background-color: #0fccb0;
+ border-color: transparent;
+ color: white;
}
-.button strong {
- color: inherit;
+.button.is-primary:active {
+ border-color: transparent;
}
-.button small {
- display: block;
- font-size: 11px;
- line-height: 1;
- margin-top: 5px;
+.button.is-primary.is-inverted {
+ background-color: white;
+ color: #11e4c4;
}
-.button .icon:first-child,
-.button .tag:first-child {
- margin-left: -2px;
- margin-right: 4px;
+.button.is-primary.is-inverted:hover {
+ background-color: #f2f2f2;
}
-.button .icon:last-child,
-.button .tag:last-child {
- margin-left: 4px;
- margin-right: -2px;
+.button.is-primary.is-loading:after {
+ border-color: transparent transparent white white !important;
}
-.button:hover, .button:focus, .button.is-active {
- color: #242424;
+.button.is-primary.is-outlined {
+ background-color: transparent;
+ border-color: #11e4c4;
+ color: #11e4c4;
}
-.button:active {
- box-shadow: inset 0 1px 2px rgba(18, 18, 18, 0.2);
+.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus {
+ background-color: #11e4c4;
+ border-color: #11e4c4;
+ color: white;
}
-.button.is-white {
- background-color: white;
+.button.is-info {
+ background-color: #0f6bff;
border-color: transparent;
- color: #121212;
+ color: white;
}
-.button.is-white:hover, .button.is-white:focus, .button.is-white.is-active {
- background-color: #f2f2f2;
+.button.is-info:hover, .button.is-info:focus, .button.is-info.is-active {
+ background-color: #005ef5;
border-color: transparent;
- color: #121212;
+ color: white;
}
-.button.is-white:active {
+.button.is-info:active {
border-color: transparent;
}
-.button.is-white.is-inverted {
- background-color: #121212;
- color: white;
+.button.is-info.is-inverted {
+ background-color: white;
+ color: #0f6bff;
}
-.button.is-white.is-inverted:hover {
- background-color: #050505;
+.button.is-info.is-inverted:hover {
+ background-color: #f2f2f2;
}
-.button.is-white.is-loading:after {
- border-color: transparent transparent #121212 #121212 !important;
+.button.is-info.is-loading:after {
+ border-color: transparent transparent white white !important;
}
-.button.is-white.is-outlined {
+.button.is-info.is-outlined {
background-color: transparent;
- border-color: white;
- color: white;
+ border-color: #0f6bff;
+ color: #0f6bff;
}
-.button.is-white.is-outlined:hover, .button.is-white.is-outlined:focus {
- background-color: white;
- border-color: white;
- color: #121212;
+.button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus {
+ background-color: #0f6bff;
+ border-color: #0f6bff;
+ color: white;
}
-.button.is-black {
- background-color: #121212;
+.button.is-success {
+ background-color: #20ee68;
border-color: transparent;
color: white;
}
-.button.is-black:hover, .button.is-black:focus, .button.is-black.is-active {
- background-color: #050505;
+.button.is-success:hover, .button.is-success:focus, .button.is-success.is-active {
+ background-color: #11e45b;
border-color: transparent;
color: white;
}
-.button.is-black:active {
+.button.is-success:active {
border-color: transparent;
}
-.button.is-black.is-inverted {
+.button.is-success.is-inverted {
background-color: white;
- color: #121212;
+ color: #20ee68;
}
-.button.is-black.is-inverted:hover {
+.button.is-success.is-inverted:hover {
background-color: #f2f2f2;
}
-.button.is-black.is-loading:after {
+.button.is-success.is-loading:after {
border-color: transparent transparent white white !important;
}
-.button.is-black.is-outlined {
+.button.is-success.is-outlined {
background-color: transparent;
- border-color: #121212;
- color: #121212;
+ border-color: #20ee68;
+ color: #20ee68;
}
-.button.is-black.is-outlined:hover, .button.is-black.is-outlined:focus {
- background-color: #121212;
- border-color: #121212;
+.button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus {
+ background-color: #20ee68;
+ border-color: #20ee68;
color: white;
}
-.button.is-light {
- background-color: whitesmoke;
+.button.is-warning {
+ background-color: #ffcf0f;
border-color: transparent;
- color: #7a7a7a;
+ color: rgba(0, 0, 0, 0.7);
}
-.button.is-light:hover, .button.is-light:focus, .button.is-light.is-active {
- background-color: #e8e8e8;
+.button.is-warning:hover, .button.is-warning:focus, .button.is-warning.is-active {
+ background-color: #f5c400;
border-color: transparent;
- color: #7a7a7a;
+ color: rgba(0, 0, 0, 0.7);
}
-.button.is-light:active {
+.button.is-warning:active {
border-color: transparent;
}
-.button.is-light.is-inverted {
- background-color: #7a7a7a;
- color: whitesmoke;
+.button.is-warning.is-inverted {
+ background-color: rgba(0, 0, 0, 0.7);
+ color: #ffcf0f;
}
-.button.is-light.is-inverted:hover {
- background-color: #6e6e6e;
+.button.is-warning.is-inverted:hover {
+ background-color: rgba(0, 0, 0, 0.7);
}
-.button.is-light.is-loading:after {
- border-color: transparent transparent #7a7a7a #7a7a7a !important;
+.button.is-warning.is-loading:after {
+ border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}
-.button.is-light.is-outlined {
+.button.is-warning.is-outlined {
background-color: transparent;
- border-color: whitesmoke;
- color: whitesmoke;
+ border-color: #ffcf0f;
+ color: #ffcf0f;
}
-.button.is-light.is-outlined:hover, .button.is-light.is-outlined:focus {
- background-color: whitesmoke;
- border-color: whitesmoke;
- color: #7a7a7a;
+.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus {
+ background-color: #ffcf0f;
+ border-color: #ffcf0f;
+ color: rgba(0, 0, 0, 0.7);
}
-.button.is-dark {
- background-color: #7a7a7a;
+.button.is-danger {
+ background-color: #ff0f3f;
border-color: transparent;
- color: whitesmoke;
+ color: white;
}
-.button.is-dark:hover, .button.is-dark:focus, .button.is-dark.is-active {
- background-color: #6e6e6e;
+.button.is-danger:hover, .button.is-danger:focus, .button.is-danger.is-active {
+ background-color: #f50031;
border-color: transparent;
- color: whitesmoke;
+ color: white;
}
-.button.is-dark:active {
+.button.is-danger:active {
border-color: transparent;
}
-.button.is-dark.is-inverted {
- background-color: whitesmoke;
- color: #7a7a7a;
+.button.is-danger.is-inverted {
+ background-color: white;
+ color: #ff0f3f;
}
-.button.is-dark.is-inverted:hover {
- background-color: #e8e8e8;
+.button.is-danger.is-inverted:hover {
+ background-color: #f2f2f2;
}
-.button.is-dark.is-loading:after {
- border-color: transparent transparent whitesmoke whitesmoke !important;
+.button.is-danger.is-loading:after {
+ border-color: transparent transparent white white !important;
}
-.button.is-dark.is-outlined {
- background-color: transparent;
- border-color: #7a7a7a;
- color: #7a7a7a;
-}
-
-.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined:focus {
- background-color: #7a7a7a;
- border-color: #7a7a7a;
- color: whitesmoke;
-}
-
-.button.is-primary {
- background-color: #11e4c4;
- border-color: transparent;
- color: white;
-}
-
-.button.is-primary:hover, .button.is-primary:focus, .button.is-primary.is-active {
- background-color: #0fccb0;
- border-color: transparent;
- color: white;
-}
-
-.button.is-primary:active {
- border-color: transparent;
-}
-
-.button.is-primary.is-inverted {
- background-color: white;
- color: #11e4c4;
-}
-
-.button.is-primary.is-inverted:hover {
- background-color: #f2f2f2;
-}
-
-.button.is-primary.is-loading:after {
- border-color: transparent transparent white white !important;
-}
-
-.button.is-primary.is-outlined {
- background-color: transparent;
- border-color: #11e4c4;
- color: #11e4c4;
-}
-
-.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus {
- background-color: #11e4c4;
- border-color: #11e4c4;
- color: white;
-}
-
-.button.is-info {
- background-color: #0f6bff;
- border-color: transparent;
- color: white;
-}
-
-.button.is-info:hover, .button.is-info:focus, .button.is-info.is-active {
- background-color: #005ef5;
- border-color: transparent;
- color: white;
-}
-
-.button.is-info:active {
- border-color: transparent;
-}
-
-.button.is-info.is-inverted {
- background-color: white;
- color: #0f6bff;
-}
-
-.button.is-info.is-inverted:hover {
- background-color: #f2f2f2;
-}
-
-.button.is-info.is-loading:after {
- border-color: transparent transparent white white !important;
-}
-
-.button.is-info.is-outlined {
- background-color: transparent;
- border-color: #0f6bff;
- color: #0f6bff;
-}
-
-.button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus {
- background-color: #0f6bff;
- border-color: #0f6bff;
- color: white;
-}
-
-.button.is-success {
- background-color: #20ee68;
- border-color: transparent;
- color: white;
-}
-
-.button.is-success:hover, .button.is-success:focus, .button.is-success.is-active {
- background-color: #11e45b;
- border-color: transparent;
- color: white;
-}
-
-.button.is-success:active {
- border-color: transparent;
-}
-
-.button.is-success.is-inverted {
- background-color: white;
- color: #20ee68;
-}
-
-.button.is-success.is-inverted:hover {
- background-color: #f2f2f2;
-}
-
-.button.is-success.is-loading:after {
- border-color: transparent transparent white white !important;
-}
-
-.button.is-success.is-outlined {
- background-color: transparent;
- border-color: #20ee68;
- color: #20ee68;
-}
-
-.button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus {
- background-color: #20ee68;
- border-color: #20ee68;
- color: white;
-}
-
-.button.is-warning {
- background-color: #ffcf0f;
- border-color: transparent;
- color: white;
-}
-
-.button.is-warning:hover, .button.is-warning:focus, .button.is-warning.is-active {
- background-color: #f5c400;
- border-color: transparent;
- color: white;
-}
-
-.button.is-warning:active {
- border-color: transparent;
-}
-
-.button.is-warning.is-inverted {
- background-color: white;
- color: #ffcf0f;
-}
-
-.button.is-warning.is-inverted:hover {
- background-color: #f2f2f2;
-}
-
-.button.is-warning.is-loading:after {
- border-color: transparent transparent white white !important;
-}
-
-.button.is-warning.is-outlined {
- background-color: transparent;
- border-color: #ffcf0f;
- color: #ffcf0f;
-}
-
-.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus {
- background-color: #ffcf0f;
- border-color: #ffcf0f;
- color: white;
-}
-
-.button.is-danger {
- background-color: #ff0f3f;
- border-color: transparent;
- color: white;
-}
-
-.button.is-danger:hover, .button.is-danger:focus, .button.is-danger.is-active {
- background-color: #f50031;
- border-color: transparent;
- color: white;
-}
-
-.button.is-danger:active {
- border-color: transparent;
-}
-
-.button.is-danger.is-inverted {
- background-color: white;
- color: #ff0f3f;
-}
-
-.button.is-danger.is-inverted:hover {
- background-color: #f2f2f2;
-}
-
-.button.is-danger.is-loading:after {
- border-color: transparent transparent white white !important;
-}
-
-.button.is-danger.is-outlined {
+.button.is-danger.is-outlined {
background-color: transparent;
border-color: #ff0f3f;
color: #ff0f3f;
}
.button.is-loading:after {
+ animation: spin-around 500ms infinite linear;
+ border: 2px solid #dbdbdb;
+ border-radius: 290486px;
+ border-right-color: transparent;
+ border-top-color: transparent;
+ content: "";
+ display: block;
+ height: 16px;
+ position: relative;
+ width: 16px;
left: 50%;
margin-left: -8px;
margin-top: -8px;
position: absolute !important;
}
-.box:not(:last-child), .highlight:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child),
-.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
- margin-bottom: 20px;
+.content {
+ color: #7a7a7a;
}
-.modal-close {
- -moz-appearance: none;
- -webkit-appearance: none;
- background-color: rgba(18, 18, 18, 0.2);
- border: none;
- border-radius: 290486px;
- cursor: pointer;
- display: inline-block;
- height: 24px;
- position: relative;
- vertical-align: top;
- width: 24px;
+.content:not(:last-child) {
+ margin-bottom: 20px;
}
-.modal-close:before, .modal-close:after {
- background-color: white;
- content: "";
- display: block;
- height: 2px;
- left: 50%;
- margin-left: -25%;
- margin-top: -1px;
- position: absolute;
- top: 50%;
- width: 50%;
+.content a:not(.button) {
+ border-bottom: 1px solid #dbdbdb;
}
-.modal-close:before {
- transform: rotate(45deg);
+.content a:not(.button):visited {
+ color: #b86bff;
}
-.modal-close:after {
- transform: rotate(-45deg);
+.content a:not(.button):hover {
+ border-bottom-color: #11e4c4;
}
-.modal-close:hover {
- background-color: rgba(18, 18, 18, 0.5);
-}
-
-.is-small.modal-close {
- height: 16px;
- width: 16px;
-}
-
-.is-medium.modal-close {
- height: 32px;
- width: 32px;
-}
-
-.is-large.modal-close {
- height: 40px;
- width: 40px;
-}
-
-.nav-toggle {
- cursor: pointer;
- display: block;
- height: 50px;
- position: relative;
- width: 50px;
-}
-
-.nav-toggle span {
- background-color: #7a7a7a;
- display: block;
- height: 1px;
- left: 50%;
- margin-left: -7px;
- position: absolute;
- top: 50%;
- transition: none 86ms ease-out;
- transition-property: background, left, opacity, transform;
- width: 15px;
-}
-
-.nav-toggle span:nth-child(1) {
- margin-top: -6px;
-}
-
-.nav-toggle span:nth-child(2) {
- margin-top: -1px;
-}
-
-.nav-toggle span:nth-child(3) {
- margin-top: 4px;
-}
-
-.nav-toggle:hover {
- background-color: whitesmoke;
-}
-
-.is-active.nav-toggle span {
- background-color: #11e4c4;
-}
-
-.is-active.nav-toggle span:nth-child(1) {
- margin-left: -5px;
- transform: rotate(45deg);
- transform-origin: left top;
-}
-
-.is-active.nav-toggle span:nth-child(2) {
- opacity: 0;
-}
-
-.is-active.nav-toggle span:nth-child(3) {
- margin-left: -5px;
- transform: rotate(-45deg);
- transform-origin: left bottom;
-}
-
-.button.is-loading:after, .control.is-loading:after {
- animation: spin-around 500ms infinite linear;
- border: 2px solid #dbdbdb;
- border-radius: 290486px;
- border-right-color: transparent;
- border-top-color: transparent;
- content: "";
- display: block;
- height: 16px;
- position: relative;
- width: 16px;
-}
-
-.is-unselectable, .modal-close, .button, .tabs {
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
-}
-
-.content {
- color: #7a7a7a;
-}
-
-.content a:not(.button) {
- border-bottom: 1px solid #dbdbdb;
-}
-
-.content a:not(.button):visited {
- color: #b86bff;
-}
-
-.content a:not(.button):hover {
- border-bottom-color: #11e4c4;
-}
-
-.content li + li {
- margin-top: 0.25em;
+.content li + li {
+ margin-top: 0.25em;
}
.content blockquote:not(:last-child),
font-size: 18px;
}
-.container {
- position: relative;
-}
-
-@media screen and (min-width: 980px) {
- .container {
- margin: 0 auto;
- max-width: 960px;
+@keyframes spin-around {
+ from {
+ transform: rotate(0deg);
}
- .container.is-fluid {
- margin: 0 20px;
- max-width: none;
+ to {
+ transform: rotate(359deg);
}
}
-@media screen and (min-width: 1180px) {
- .container {
- max-width: 1200px;
+@keyframes spin-around {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(359deg);
}
}
-.fa {
- font-size: 21px;
- text-align: center;
+.input,
+.textarea {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ align-items: center;
+ background-color: white;
+ border: 1px solid #dbdbdb;
+ border-radius: 3px;
+ color: #242424;
+ display: inline-flex;
+ font-size: 14px;
+ height: 32px;
+ justify-content: flex-start;
+ line-height: 24px;
+ padding-left: 8px;
+ padding-right: 8px;
+ position: relative;
vertical-align: top;
+ box-shadow: inset 0 1px 2px rgba(18, 18, 18, 0.1);
+ max-width: 100%;
+ width: 100%;
}
-.icon {
- display: inline-block;
- font-size: 21px;
- height: 24px;
- line-height: 24px;
- text-align: center;
- vertical-align: top;
- width: 24px;
+.input:hover,
+.textarea:hover {
+ border-color: #b5b5b5;
}
-.icon .fa {
- font-size: inherit;
- line-height: inherit;
+.input:active, .input:focus, .input.is-active,
+.textarea:active,
+.textarea:focus,
+.textarea.is-active {
+ border-color: #11e4c4;
+ outline: none;
}
-.icon.is-small {
- display: inline-block;
- font-size: 14px;
- height: 16px;
- line-height: 16px;
- text-align: center;
- vertical-align: top;
- width: 16px;
+.input[disabled], .input.is-disabled,
+.textarea[disabled],
+.textarea.is-disabled {
+ background-color: whitesmoke;
+ border-color: #dbdbdb;
+ cursor: not-allowed;
+ pointer-events: none;
}
-.icon.is-medium {
- display: inline-block;
- font-size: 28px;
- height: 32px;
- line-height: 32px;
- text-align: center;
- vertical-align: top;
- width: 32px;
+.input[disabled]::-moz-placeholder, .input.is-disabled::-moz-placeholder,
+.textarea[disabled]::-moz-placeholder,
+.textarea.is-disabled::-moz-placeholder {
+ color: rgba(36, 36, 36, 0.3);
}
-.icon.is-large {
- display: inline-block;
- font-size: 42px;
- height: 48px;
- line-height: 48px;
- text-align: center;
- vertical-align: top;
- width: 48px;
+.input[disabled]::-webkit-input-placeholder, .input.is-disabled::-webkit-input-placeholder,
+.textarea[disabled]::-webkit-input-placeholder,
+.textarea.is-disabled::-webkit-input-placeholder {
+ color: rgba(36, 36, 36, 0.3);
}
-.heading {
- display: block;
- font-size: 11px;
- letter-spacing: 1px;
- margin-bottom: 5px;
- text-transform: uppercase;
+.input[disabled]:-moz-placeholder, .input.is-disabled:-moz-placeholder,
+.textarea[disabled]:-moz-placeholder,
+.textarea.is-disabled:-moz-placeholder {
+ color: rgba(36, 36, 36, 0.3);
}
-.highlight {
- font-size: 12px;
- font-weight: normal;
- max-width: 100%;
- overflow: hidden;
- padding: 0;
+.input[disabled]:-ms-input-placeholder, .input.is-disabled:-ms-input-placeholder,
+.textarea[disabled]:-ms-input-placeholder,
+.textarea.is-disabled:-ms-input-placeholder {
+ color: rgba(36, 36, 36, 0.3);
}
-.highlight pre {
- overflow: auto;
- max-width: 100%;
+.input.is-white,
+.textarea.is-white {
+ border-color: white;
}
-.number {
- background-color: whitesmoke;
- border-radius: 290486px;
- display: inline-block;
- font-size: 18px;
- vertical-align: top;
-}
-
-.tag {
- align-items: center;
- background-color: whitesmoke;
- border-radius: 290486px;
- color: #7a7a7a;
- display: inline-flex;
- font-size: 12px;
- height: 24px;
- justify-content: center;
- line-height: 16px;
- padding-left: 10px;
- padding-right: 10px;
- vertical-align: top;
- white-space: nowrap;
-}
-
-.tag .delete {
- margin-left: 4px;
- margin-right: -6px;
-}
-
-.tag.is-white {
- background-color: white;
- color: #121212;
-}
-
-.tag.is-black {
- background-color: #121212;
- color: white;
-}
-
-.tag.is-light {
- background-color: whitesmoke;
- color: #7a7a7a;
-}
-
-.tag.is-dark {
- background-color: #7a7a7a;
- color: whitesmoke;
-}
-
-.tag.is-primary {
- background-color: #11e4c4;
- color: white;
-}
-
-.tag.is-info {
- background-color: #0f6bff;
- color: white;
-}
-
-.tag.is-success {
- background-color: #20ee68;
- color: white;
-}
-
-.tag.is-warning {
- background-color: #ffcf0f;
- color: white;
-}
-
-.tag.is-danger {
- background-color: #ff0f3f;
- color: white;
-}
-
-.tag.is-small {
- font-size: 11px;
- height: 20px;
- padding-left: 8px;
- padding-right: 8px;
-}
-
-.tag.is-medium {
- font-size: 14px;
- height: 32px;
- padding-left: 14px;
- padding-right: 14px;
-}
-
-.tag.is-large {
- font-size: 18px;
- height: 40px;
- line-height: 24px;
- padding-left: 18px;
- padding-right: 18px;
-}
-
-.tag.is-large .delete {
- margin-left: 4px;
- margin-right: -8px;
-}
-
-.input,
-.textarea {
- -moz-appearance: none;
- -webkit-appearance: none;
- align-items: center;
- background-color: white;
- border: 1px solid #dbdbdb;
- border-radius: 3px;
- color: #242424;
- display: inline-flex;
- font-size: 14px;
- height: 32px;
- justify-content: flex-start;
- line-height: 24px;
- padding-left: 8px;
- padding-right: 8px;
- position: relative;
- vertical-align: top;
- box-shadow: inset 0 1px 2px rgba(18, 18, 18, 0.1);
- max-width: 100%;
- width: 100%;
-}
-
-.input:hover,
-.textarea:hover {
- border-color: #b5b5b5;
-}
-
-.input:active, .input:focus, .input.is-active,
-.textarea:active,
-.textarea:focus,
-.textarea.is-active {
- border-color: #11e4c4;
- outline: none;
-}
-
-.input[disabled], .input.is-disabled,
-.textarea[disabled],
-.textarea.is-disabled {
- background-color: whitesmoke;
- border-color: #dbdbdb;
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.input[disabled]::-moz-placeholder, .input.is-disabled::-moz-placeholder,
-.textarea[disabled]::-moz-placeholder,
-.textarea.is-disabled::-moz-placeholder {
- color: rgba(36, 36, 36, 0.3);
-}
-
-.input[disabled]::-webkit-input-placeholder, .input.is-disabled::-webkit-input-placeholder,
-.textarea[disabled]::-webkit-input-placeholder,
-.textarea.is-disabled::-webkit-input-placeholder {
- color: rgba(36, 36, 36, 0.3);
-}
-
-.input[disabled]:-moz-placeholder, .input.is-disabled:-moz-placeholder,
-.textarea[disabled]:-moz-placeholder,
-.textarea.is-disabled:-moz-placeholder {
- color: rgba(36, 36, 36, 0.3);
-}
-
-.input[disabled]:-ms-input-placeholder, .input.is-disabled:-ms-input-placeholder,
-.textarea[disabled]:-ms-input-placeholder,
-.textarea.is-disabled:-ms-input-placeholder {
- color: rgba(36, 36, 36, 0.3);
-}
-
-.input.is-white,
-.textarea.is-white {
- border-color: white;
-}
-
-.input.is-black,
-.textarea.is-black {
- border-color: #121212;
+.input.is-black,
+.textarea.is-black {
+ border-color: #121212;
}
.input.is-light,
resize: vertical;
}
-.checkbox, .radio {
+.checkbox,
+.radio {
cursor: pointer;
display: inline-block;
line-height: 16px;
vertical-align: top;
}
-.checkbox input, .radio input {
+.checkbox input,
+.radio input {
cursor: pointer;
}
-.checkbox:hover, .radio:hover {
+.checkbox:hover,
+.radio:hover {
color: #242424;
}
-.is-disabled.checkbox, .is-disabled.radio {
+.checkbox.is-disabled,
+.radio.is-disabled {
color: #b5b5b5;
pointer-events: none;
}
-.is-disabled.checkbox input, .is-disabled.radio input {
+.checkbox.is-disabled input,
+.radio.is-disabled input {
pointer-events: none;
}
}
.control.is-loading:after {
+ animation: spin-around 500ms infinite linear;
+ border: 2px solid #dbdbdb;
+ border-radius: 290486px;
+ border-right-color: transparent;
+ border-top-color: transparent;
+ content: "";
+ display: block;
+ height: 16px;
+ position: relative;
+ width: 16px;
position: absolute !important;
right: 8px;
top: 8px;
}
+@keyframes spin-around {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(359deg);
+ }
+}
+
.image {
display: block;
position: relative;
width: 128px;
}
-.box:not(:last-child), .highlight:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child),
-.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
- margin-bottom: 20px;
+@keyframes spin-around {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(359deg);
+ }
}
-.modal-close {
- -moz-appearance: none;
- -webkit-appearance: none;
- background-color: rgba(18, 18, 18, 0.2);
- border: none;
- border-radius: 290486px;
- cursor: pointer;
- display: inline-block;
- height: 24px;
+.notification {
+ background-color: whitesmoke;
+ border-radius: 3px;
+ padding: 16px 20px;
position: relative;
- vertical-align: top;
- width: 24px;
}
-.modal-close:before, .modal-close:after {
- background-color: white;
- content: "";
- display: block;
- height: 2px;
- left: 50%;
- margin-left: -25%;
- margin-top: -1px;
- position: absolute;
- top: 50%;
- width: 50%;
+.notification:not(:last-child) {
+ margin-bottom: 20px;
}
-.modal-close:before {
- transform: rotate(45deg);
+.notification:after {
+ clear: both;
+ content: " ";
+ display: table;
}
-.modal-close:after {
- transform: rotate(-45deg);
+.notification .delete {
+ border-radius: 0 3px;
+ float: right;
+ margin: -16px -20px 0 20px;
}
-.modal-close:hover {
- background-color: rgba(18, 18, 18, 0.5);
+.notification .title,
+.notification .subtitle,
+.notification .content {
+ color: inherit;
}
-.is-small.modal-close {
- height: 16px;
- width: 16px;
+.notification.is-white {
+ background-color: white;
+ color: #121212;
}
-.is-medium.modal-close {
- height: 32px;
- width: 32px;
+.notification.is-black {
+ background-color: #121212;
+ color: white;
}
-.is-large.modal-close {
- height: 40px;
- width: 40px;
+.notification.is-light {
+ background-color: whitesmoke;
+ color: #7a7a7a;
}
-.nav-toggle {
- cursor: pointer;
- display: block;
- height: 50px;
- position: relative;
- width: 50px;
-}
-
-.nav-toggle span {
- background-color: #7a7a7a;
- display: block;
- height: 1px;
- left: 50%;
- margin-left: -7px;
- position: absolute;
- top: 50%;
- transition: none 86ms ease-out;
- transition-property: background, left, opacity, transform;
- width: 15px;
-}
-
-.nav-toggle span:nth-child(1) {
- margin-top: -6px;
-}
-
-.nav-toggle span:nth-child(2) {
- margin-top: -1px;
-}
-
-.nav-toggle span:nth-child(3) {
- margin-top: 4px;
-}
-
-.nav-toggle:hover {
- background-color: whitesmoke;
-}
-
-.is-active.nav-toggle span {
- background-color: #11e4c4;
-}
-
-.is-active.nav-toggle span:nth-child(1) {
- margin-left: -5px;
- transform: rotate(45deg);
- transform-origin: left top;
-}
-
-.is-active.nav-toggle span:nth-child(2) {
- opacity: 0;
-}
-
-.is-active.nav-toggle span:nth-child(3) {
- margin-left: -5px;
- transform: rotate(-45deg);
- transform-origin: left bottom;
-}
-
-.button.is-loading:after, .control.is-loading:after {
- animation: spin-around 500ms infinite linear;
- border: 2px solid #dbdbdb;
- border-radius: 290486px;
- border-right-color: transparent;
- border-top-color: transparent;
- content: "";
- display: block;
- height: 16px;
- position: relative;
- width: 16px;
-}
-
-.is-unselectable, .modal-close, .button, .tabs {
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
-}
-
-.notification {
- background-color: whitesmoke;
- border-radius: 3px;
- padding: 16px 20px;
- position: relative;
-}
-
-.notification:after {
- clear: both;
- content: " ";
- display: table;
-}
-
-.notification .delete {
- border-radius: 0 3px;
- float: right;
- margin: -16px -20px 0 20px;
-}
-
-.notification .subtitle,
-.notification .title {
- color: inherit;
-}
-
-.notification.is-white {
- background-color: white;
- color: #121212;
-}
-
-.notification.is-black {
- background-color: #121212;
- color: white;
-}
-
-.notification.is-light {
- background-color: whitesmoke;
- color: #7a7a7a;
-}
-
-.notification.is-dark {
- background-color: #7a7a7a;
- color: whitesmoke;
+.notification.is-dark {
+ background-color: #7a7a7a;
+ color: whitesmoke;
}
.notification.is-primary {
.notification.is-warning {
background-color: #ffcf0f;
- color: white;
+ color: rgba(0, 0, 0, 0.7);
}
.notification.is-danger {
color: white;
}
-.box:not(:last-child), .highlight:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child),
-.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
- margin-bottom: 20px;
-}
-
-.modal-close {
- -moz-appearance: none;
- -webkit-appearance: none;
- background-color: rgba(18, 18, 18, 0.2);
- border: none;
- border-radius: 290486px;
- cursor: pointer;
- display: inline-block;
- height: 24px;
- position: relative;
- vertical-align: top;
- width: 24px;
-}
-
-.modal-close:before, .modal-close:after {
- background-color: white;
- content: "";
- display: block;
- height: 2px;
- left: 50%;
- margin-left: -25%;
- margin-top: -1px;
- position: absolute;
- top: 50%;
- width: 50%;
-}
-
-.modal-close:before {
- transform: rotate(45deg);
-}
-
-.modal-close:after {
- transform: rotate(-45deg);
-}
-
-.modal-close:hover {
- background-color: rgba(18, 18, 18, 0.5);
-}
-
-.is-small.modal-close {
- height: 16px;
- width: 16px;
-}
-
-.is-medium.modal-close {
- height: 32px;
- width: 32px;
-}
-
-.is-large.modal-close {
- height: 40px;
- width: 40px;
-}
-
-.nav-toggle {
- cursor: pointer;
- display: block;
- height: 50px;
- position: relative;
- width: 50px;
-}
-
-.nav-toggle span {
- background-color: #7a7a7a;
- display: block;
- height: 1px;
- left: 50%;
- margin-left: -7px;
- position: absolute;
- top: 50%;
- transition: none 86ms ease-out;
- transition-property: background, left, opacity, transform;
- width: 15px;
-}
-
-.nav-toggle span:nth-child(1) {
- margin-top: -6px;
-}
-
-.nav-toggle span:nth-child(2) {
- margin-top: -1px;
-}
-
-.nav-toggle span:nth-child(3) {
- margin-top: 4px;
-}
-
-.nav-toggle:hover {
- background-color: whitesmoke;
-}
-
-.is-active.nav-toggle span {
- background-color: #11e4c4;
-}
-
-.is-active.nav-toggle span:nth-child(1) {
- margin-left: -5px;
- transform: rotate(45deg);
- transform-origin: left top;
-}
-
-.is-active.nav-toggle span:nth-child(2) {
- opacity: 0;
-}
-
-.is-active.nav-toggle span:nth-child(3) {
- margin-left: -5px;
- transform: rotate(-45deg);
- transform-origin: left bottom;
-}
-
-.button.is-loading:after, .control.is-loading:after {
- animation: spin-around 500ms infinite linear;
- border: 2px solid #dbdbdb;
- border-radius: 290486px;
- border-right-color: transparent;
- border-top-color: transparent;
- content: "";
- display: block;
- height: 16px;
- position: relative;
- width: 16px;
-}
-
-.is-unselectable, .modal-close, .button, .tabs {
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
-}
-
.progress {
-moz-appearance: none;
-webkit-appearance: none;
width: 100%;
}
+.progress:not(:last-child) {
+ margin-bottom: 20px;
+}
+
.progress::-webkit-progress-bar {
background-color: #dbdbdb;
}
height: 20px;
}
+@keyframes spin-around {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(359deg);
+ }
+}
+
.table {
background-color: white;
color: #242424;
background-color: #f0f0f0;
}
-.box:not(:last-child), .highlight:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child),
-.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
- margin-bottom: 20px;
-}
-
-.modal-close {
- -moz-appearance: none;
- -webkit-appearance: none;
- background-color: rgba(18, 18, 18, 0.2);
- border: none;
- border-radius: 290486px;
- cursor: pointer;
- display: inline-block;
- height: 24px;
- position: relative;
- vertical-align: top;
- width: 24px;
-}
-
-.modal-close:before, .modal-close:after {
- background-color: white;
- content: "";
- display: block;
- height: 2px;
- left: 50%;
- margin-left: -25%;
- margin-top: -1px;
- position: absolute;
- top: 50%;
- width: 50%;
-}
-
-.modal-close:before {
- transform: rotate(45deg);
-}
-
-.modal-close:after {
- transform: rotate(-45deg);
-}
-
-.modal-close:hover {
- background-color: rgba(18, 18, 18, 0.5);
-}
-
-.is-small.modal-close {
- height: 16px;
- width: 16px;
-}
-
-.is-medium.modal-close {
- height: 32px;
- width: 32px;
-}
-
-.is-large.modal-close {
- height: 40px;
- width: 40px;
-}
-
-.nav-toggle {
- cursor: pointer;
- display: block;
- height: 50px;
- position: relative;
- width: 50px;
-}
-
-.nav-toggle span {
- background-color: #7a7a7a;
- display: block;
- height: 1px;
- left: 50%;
- margin-left: -7px;
- position: absolute;
- top: 50%;
- transition: none 86ms ease-out;
- transition-property: background, left, opacity, transform;
- width: 15px;
-}
-
-.nav-toggle span:nth-child(1) {
- margin-top: -6px;
-}
-
-.nav-toggle span:nth-child(2) {
- margin-top: -1px;
-}
-
-.nav-toggle span:nth-child(3) {
- margin-top: 4px;
-}
-
-.nav-toggle:hover {
- background-color: whitesmoke;
-}
-
-.is-active.nav-toggle span {
- background-color: #11e4c4;
-}
-
-.is-active.nav-toggle span:nth-child(1) {
- margin-left: -5px;
- transform: rotate(45deg);
- transform-origin: left top;
-}
-
-.is-active.nav-toggle span:nth-child(2) {
- opacity: 0;
-}
-
-.is-active.nav-toggle span:nth-child(3) {
- margin-left: -5px;
- transform: rotate(-45deg);
- transform-origin: left bottom;
-}
-
-.button.is-loading:after, .control.is-loading:after {
- animation: spin-around 500ms infinite linear;
- border: 2px solid #dbdbdb;
- border-radius: 290486px;
- border-right-color: transparent;
- border-top-color: transparent;
- content: "";
- display: block;
- height: 16px;
- position: relative;
- width: 16px;
-}
-
-.is-unselectable, .modal-close, .button, .tabs {
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
+@keyframes spin-around {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(359deg);
+ }
}
.title,
word-break: break-word;
}
+.title:not(:last-child),
+.subtitle:not(:last-child) {
+ margin-bottom: 20px;
+}
+
.title em,
.title span,
.subtitle em,
font-weight: 700;
}
+@keyframes spin-around {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(359deg);
+ }
+}
+
+.block:not(:last-child) {
+ margin-bottom: 20px;
+}
+
.container {
position: relative;
}
}
}
+.delete {
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ background-color: rgba(18, 18, 18, 0.2);
+ border: none;
+ border-radius: 290486px;
+ cursor: pointer;
+ display: inline-block;
+ height: 24px;
+ position: relative;
+ vertical-align: top;
+ width: 24px;
+}
+
+.delete:before, .delete:after {
+ background-color: white;
+ content: "";
+ display: block;
+ height: 2px;
+ left: 50%;
+ margin-left: -25%;
+ margin-top: -1px;
+ position: absolute;
+ top: 50%;
+ width: 50%;
+}
+
+.delete:before {
+ transform: rotate(45deg);
+}
+
+.delete:after {
+ transform: rotate(-45deg);
+}
+
+.delete:hover {
+ background-color: rgba(18, 18, 18, 0.5);
+}
+
+.delete.is-small {
+ height: 16px;
+ width: 16px;
+}
+
+.delete.is-medium {
+ height: 32px;
+ width: 32px;
+}
+
+.delete.is-large {
+ height: 40px;
+ width: 40px;
+}
+
.fa {
font-size: 21px;
text-align: center;
vertical-align: top;
}
+.hamburger {
+ cursor: pointer;
+ display: block;
+ height: 50px;
+ position: relative;
+ width: 50px;
+}
+
+.hamburger span {
+ background-color: #7a7a7a;
+ display: block;
+ height: 1px;
+ left: 50%;
+ margin-left: -7px;
+ position: absolute;
+ top: 50%;
+ transition: none 86ms ease-out;
+ transition-property: background, left, opacity, transform;
+ width: 15px;
+}
+
+.hamburger span:nth-child(1) {
+ margin-top: -6px;
+}
+
+.hamburger span:nth-child(2) {
+ margin-top: -1px;
+}
+
+.hamburger span:nth-child(3) {
+ margin-top: 4px;
+}
+
+.hamburger:hover {
+ background-color: whitesmoke;
+}
+
+.hamburger.is-active span {
+ background-color: #11e4c4;
+}
+
+.hamburger.is-active span:nth-child(1) {
+ margin-left: -5px;
+ transform: rotate(45deg);
+ transform-origin: left top;
+}
+
+.hamburger.is-active span:nth-child(2) {
+ opacity: 0;
+}
+
+.hamburger.is-active span:nth-child(3) {
+ margin-left: -5px;
+ transform: rotate(-45deg);
+ transform-origin: left bottom;
+}
+
.icon {
display: inline-block;
font-size: 21px;
padding: 0;
}
+.highlight:not(:last-child) {
+ margin-bottom: 20px;
+}
+
.highlight pre {
overflow: auto;
max-width: 100%;
}
+.loader {
+ animation: spin-around 500ms infinite linear;
+ border: 2px solid #dbdbdb;
+ border-radius: 290486px;
+ border-right-color: transparent;
+ border-top-color: transparent;
+ content: "";
+ display: block;
+ height: 16px;
+ position: relative;
+ width: 16px;
+}
+
.number {
background-color: whitesmoke;
border-radius: 290486px;
.tag.is-warning {
background-color: #ffcf0f;
- color: white;
+ color: rgba(0, 0, 0, 0.7);
}
.tag.is-danger {
border-radius: 5px;
}
+@keyframes spin-around {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(359deg);
+ }
+}
+
.column {
flex-basis: 0;
flex-grow: 1;
color: #2aa198;
}
-.box:not(:last-child), .highlight:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child),
-.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
- margin-bottom: 20px;
-}
-
-.modal-close {
- -moz-appearance: none;
- -webkit-appearance: none;
- background-color: rgba(18, 18, 18, 0.2);
- border: none;
- border-radius: 290486px;
- cursor: pointer;
- display: inline-block;
- height: 24px;
- position: relative;
- vertical-align: top;
- width: 24px;
-}
-
-.modal-close:before, .modal-close:after {
- background-color: white;
- content: "";
- display: block;
- height: 2px;
- left: 50%;
- margin-left: -25%;
- margin-top: -1px;
- position: absolute;
- top: 50%;
- width: 50%;
-}
-
-.modal-close:before {
- transform: rotate(45deg);
-}
-
-.modal-close:after {
- transform: rotate(-45deg);
-}
-
-.modal-close:hover {
- background-color: rgba(18, 18, 18, 0.5);
-}
-
-.is-small.modal-close {
- height: 16px;
- width: 16px;
-}
-
-.is-medium.modal-close {
- height: 32px;
- width: 32px;
-}
-
-.is-large.modal-close {
- height: 40px;
- width: 40px;
-}
-
-.nav-toggle {
- cursor: pointer;
- display: block;
- height: 50px;
- position: relative;
- width: 50px;
-}
-
-.nav-toggle span {
- background-color: #7a7a7a;
- display: block;
- height: 1px;
- left: 50%;
- margin-left: -7px;
- position: absolute;
- top: 50%;
- transition: none 86ms ease-out;
- transition-property: background, left, opacity, transform;
- width: 15px;
-}
-
-.nav-toggle span:nth-child(1) {
- margin-top: -6px;
-}
-
-.nav-toggle span:nth-child(2) {
- margin-top: -1px;
-}
-
-.nav-toggle span:nth-child(3) {
- margin-top: 4px;
-}
-
-.nav-toggle:hover {
- background-color: whitesmoke;
-}
-
-.is-active.nav-toggle span {
- background-color: #11e4c4;
-}
-
-.is-active.nav-toggle span:nth-child(1) {
- margin-left: -5px;
- transform: rotate(45deg);
- transform-origin: left top;
-}
-
-.is-active.nav-toggle span:nth-child(2) {
- opacity: 0;
-}
-
-.is-active.nav-toggle span:nth-child(3) {
- margin-left: -5px;
- transform: rotate(-45deg);
- transform-origin: left bottom;
-}
-
-.button.is-loading:after, .control.is-loading:after {
- animation: spin-around 500ms infinite linear;
- border: 2px solid #dbdbdb;
- border-radius: 290486px;
- border-right-color: transparent;
- border-top-color: transparent;
- content: "";
- display: block;
- height: 16px;
- position: relative;
- width: 16px;
-}
-
-.is-unselectable, .modal-close, .button, .tabs {
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
+@keyframes spin-around {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(359deg);
+ }
}
.level-item .title,
justify-content: space-between;
}
+.level:not(:last-child) {
+ margin-bottom: 20px;
+}
+
.level code {
border-radius: 3px;
}
}
}
+@keyframes spin-around {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(359deg);
+ }
+}
+
.media-number {
background-color: whitesmoke;
border-radius: 290486px;
margin-top: 20px;
}
-.box:not(:last-child), .highlight:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child),
-.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
- margin-bottom: 20px;
-}
-
-.modal-close {
- -moz-appearance: none;
- -webkit-appearance: none;
- background-color: rgba(18, 18, 18, 0.2);
- border: none;
- border-radius: 290486px;
- cursor: pointer;
- display: inline-block;
- height: 24px;
- position: relative;
- vertical-align: top;
- width: 24px;
-}
-
-.modal-close:before, .modal-close:after {
- background-color: white;
- content: "";
- display: block;
- height: 2px;
- left: 50%;
- margin-left: -25%;
- margin-top: -1px;
- position: absolute;
- top: 50%;
- width: 50%;
-}
-
-.modal-close:before {
- transform: rotate(45deg);
-}
-
-.modal-close:after {
- transform: rotate(-45deg);
-}
-
-.modal-close:hover {
- background-color: rgba(18, 18, 18, 0.5);
-}
-
-.is-small.modal-close {
- height: 16px;
- width: 16px;
-}
-
-.is-medium.modal-close {
- height: 32px;
- width: 32px;
-}
-
-.is-large.modal-close {
- height: 40px;
- width: 40px;
+.message-body {
+ border: 1px solid #dbdbdb;
+ border-radius: 3px;
+ padding: 12px 15px;
}
-.nav-toggle {
- cursor: pointer;
- display: block;
- height: 50px;
- position: relative;
- width: 50px;
+.message-body strong {
+ color: inherit;
}
-.nav-toggle span {
+.message-header {
background-color: #7a7a7a;
- display: block;
- height: 1px;
- left: 50%;
- margin-left: -7px;
- position: absolute;
- top: 50%;
- transition: none 86ms ease-out;
- transition-property: background, left, opacity, transform;
- width: 15px;
-}
-
-.nav-toggle span:nth-child(1) {
- margin-top: -6px;
+ border-radius: 3px 3px 0 0;
+ color: white;
+ padding: 7px 10px;
}
-.nav-toggle span:nth-child(2) {
- margin-top: -1px;
+.message-header strong {
+ color: inherit;
}
-.nav-toggle span:nth-child(3) {
- margin-top: 4px;
+.message-header + .message-body {
+ border-radius: 0 0 3px 3px;
+ border-top: none;
}
-.nav-toggle:hover {
+.message {
background-color: whitesmoke;
+ border-radius: 3px;
}
-.is-active.nav-toggle span {
- background-color: #11e4c4;
-}
-
-.is-active.nav-toggle span:nth-child(1) {
- margin-left: -5px;
- transform: rotate(45deg);
- transform-origin: left top;
+.message:not(:last-child) {
+ margin-bottom: 20px;
}
-.is-active.nav-toggle span:nth-child(2) {
- opacity: 0;
+.message.is-white {
+ background-color: white;
}
-.is-active.nav-toggle span:nth-child(3) {
- margin-left: -5px;
- transform: rotate(-45deg);
- transform-origin: left bottom;
-}
-
-.button.is-loading:after, .control.is-loading:after {
- animation: spin-around 500ms infinite linear;
- border: 2px solid #dbdbdb;
- border-radius: 290486px;
- border-right-color: transparent;
- border-top-color: transparent;
- content: "";
- display: block;
- height: 16px;
- position: relative;
- width: 16px;
-}
-
-.is-unselectable, .modal-close, .button, .tabs {
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
-}
-
-.message-body {
- border: 1px solid #dbdbdb;
- border-radius: 3px;
- padding: 12px 15px;
-}
-
-.message-body strong {
- color: inherit;
-}
-
-.message-header {
- background-color: #7a7a7a;
- border-radius: 3px 3px 0 0;
- color: white;
- padding: 7px 10px;
-}
-
-.message-header strong {
- color: inherit;
-}
-
-.message-header + .message-body {
- border-radius: 0 0 3px 3px;
- border-top: none;
-}
-
-.message {
- background-color: whitesmoke;
- border-radius: 3px;
-}
-
-.message.is-white {
- background-color: white;
-}
-
-.message.is-white .message-header {
- background-color: white;
- color: #121212;
+.message.is-white .message-header {
+ background-color: white;
+ color: #121212;
}
.message.is-white .message-body {
color: #666666;
}
-.message.is-black {
- background-color: whitesmoke;
-}
-
-.message.is-black .message-header {
- background-color: #121212;
- color: white;
-}
-
-.message.is-black .message-body {
- border-color: #121212;
- color: gray;
-}
-
-.message.is-light {
- background-color: whitesmoke;
-}
-
-.message.is-light .message-header {
- background-color: whitesmoke;
- color: #7a7a7a;
-}
-
-.message.is-light .message-body {
- border-color: whitesmoke;
- color: #666666;
-}
-
-.message.is-dark {
- background-color: whitesmoke;
-}
-
-.message.is-dark .message-header {
- background-color: #7a7a7a;
- color: whitesmoke;
-}
-
-.message.is-dark .message-body {
- border-color: #7a7a7a;
- color: gray;
-}
-
-.message.is-primary {
- background-color: #ecfefb;
-}
-
-.message.is-primary .message-header {
- background-color: #11e4c4;
- color: white;
-}
-
-.message.is-primary .message-body {
- border-color: #11e4c4;
- color: gray;
-}
-
-.message.is-info {
- background-color: #ebf2ff;
-}
-
-.message.is-info .message-header {
- background-color: #0f6bff;
- color: white;
-}
-
-.message.is-info .message-body {
- border-color: #0f6bff;
- color: gray;
-}
-
-.message.is-success {
- background-color: #ecfef2;
-}
-
-.message.is-success .message-header {
- background-color: #20ee68;
- color: white;
-}
-
-.message.is-success .message-body {
- border-color: #20ee68;
- color: gray;
-}
-
-.message.is-warning {
- background-color: #fffbeb;
-}
-
-.message.is-warning .message-header {
- background-color: #ffcf0f;
- color: white;
-}
-
-.message.is-warning .message-body {
- border-color: #ffcf0f;
- color: gray;
-}
-
-.message.is-danger {
- background-color: #ffebef;
-}
-
-.message.is-danger .message-header {
- background-color: #ff0f3f;
- color: white;
-}
-
-.message.is-danger .message-body {
- border-color: #ff0f3f;
- color: gray;
-}
-
-.container {
- position: relative;
-}
-
-@media screen and (min-width: 980px) {
- .container {
- margin: 0 auto;
- max-width: 960px;
- }
- .container.is-fluid {
- margin: 0 20px;
- max-width: none;
- }
-}
-
-@media screen and (min-width: 1180px) {
- .container {
- max-width: 1200px;
- }
-}
-
-.fa {
- font-size: 21px;
- text-align: center;
- vertical-align: top;
-}
-
-.icon {
- display: inline-block;
- font-size: 21px;
- height: 24px;
- line-height: 24px;
- text-align: center;
- vertical-align: top;
- width: 24px;
-}
-
-.icon .fa {
- font-size: inherit;
- line-height: inherit;
-}
-
-.icon.is-small {
- display: inline-block;
- font-size: 14px;
- height: 16px;
- line-height: 16px;
- text-align: center;
- vertical-align: top;
- width: 16px;
-}
-
-.icon.is-medium {
- display: inline-block;
- font-size: 28px;
- height: 32px;
- line-height: 32px;
- text-align: center;
- vertical-align: top;
- width: 32px;
-}
-
-.icon.is-large {
- display: inline-block;
- font-size: 42px;
- height: 48px;
- line-height: 48px;
- text-align: center;
- vertical-align: top;
- width: 48px;
-}
-
-.heading {
- display: block;
- font-size: 11px;
- letter-spacing: 1px;
- margin-bottom: 5px;
- text-transform: uppercase;
-}
-
-.highlight {
- font-size: 12px;
- font-weight: normal;
- max-width: 100%;
- overflow: hidden;
- padding: 0;
-}
-
-.highlight pre {
- overflow: auto;
- max-width: 100%;
-}
-
-.number {
- background-color: whitesmoke;
- border-radius: 290486px;
- display: inline-block;
- font-size: 18px;
- vertical-align: top;
-}
-
-.tag {
- align-items: center;
- background-color: whitesmoke;
- border-radius: 290486px;
- color: #7a7a7a;
- display: inline-flex;
- font-size: 12px;
- height: 24px;
- justify-content: center;
- line-height: 16px;
- padding-left: 10px;
- padding-right: 10px;
- vertical-align: top;
- white-space: nowrap;
-}
-
-.tag .delete {
- margin-left: 4px;
- margin-right: -6px;
-}
-
-.tag.is-white {
- background-color: white;
- color: #121212;
-}
-
-.tag.is-black {
- background-color: #121212;
- color: white;
-}
-
-.tag.is-light {
- background-color: whitesmoke;
- color: #7a7a7a;
-}
-
-.tag.is-dark {
- background-color: #7a7a7a;
- color: whitesmoke;
-}
-
-.tag.is-primary {
- background-color: #11e4c4;
- color: white;
-}
-
-.tag.is-info {
- background-color: #0f6bff;
- color: white;
-}
-
-.tag.is-success {
- background-color: #20ee68;
- color: white;
-}
-
-.tag.is-warning {
- background-color: #ffcf0f;
- color: white;
-}
-
-.tag.is-danger {
- background-color: #ff0f3f;
- color: white;
-}
-
-.tag.is-small {
- font-size: 11px;
- height: 20px;
- padding-left: 8px;
- padding-right: 8px;
-}
-
-.tag.is-medium {
- font-size: 14px;
- height: 32px;
- padding-left: 14px;
- padding-right: 14px;
-}
-
-.tag.is-large {
- font-size: 18px;
- height: 40px;
- line-height: 24px;
- padding-left: 18px;
- padding-right: 18px;
-}
-
-.tag.is-large .delete {
- margin-left: 4px;
- margin-right: -8px;
-}
-
-.modal-background {
- bottom: 0;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- background-color: rgba(18, 18, 18, 0.86);
-}
-
-.modal-content,
-.modal-card {
- margin: 0 20px;
- max-height: calc(100vh - 160px);
- overflow: auto;
- position: relative;
- width: 100%;
-}
-
-@media screen and (min-width: 769px) {
- .modal-content,
- .modal-card {
- margin: 0 auto;
- max-height: calc(100vh - 40px);
- width: 640px;
- }
-}
-
-.modal-close {
- background: none;
- height: 40px;
- position: fixed;
- right: 20px;
- top: 20px;
- width: 40px;
-}
-
-.modal-card {
- display: flex;
- flex-direction: column;
- max-height: calc(100vh - 40px);
- overflow: hidden;
-}
-
-.modal-card-head,
-.modal-card-foot {
- align-items: center;
- background-color: whitesmoke;
- display: flex;
- flex-shrink: 0;
- justify-content: flex-start;
- padding: 20px;
- position: relative;
-}
-
-.modal-card-head {
- border-bottom: 1px solid #dbdbdb;
- border-top-left-radius: 5px;
- border-top-right-radius: 5px;
-}
-
-.modal-card-title {
- color: #242424;
- flex-grow: 1;
- flex-shrink: 0;
- font-size: 24px;
- line-height: 1;
-}
-
-.modal-card-foot {
- border-bottom-left-radius: 5px;
- border-bottom-right-radius: 5px;
- border-top: 1px solid #dbdbdb;
-}
-
-.modal-card-foot .button:not(:last-child) {
- margin-right: 10px;
-}
-
-.modal-card-body {
- background-color: white;
- flex-grow: 1;
- flex-shrink: 1;
- overflow: auto;
- padding: 20px;
-}
-
-.modal {
- bottom: 0;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- align-items: center;
- display: none;
- justify-content: center;
- overflow: hidden;
- position: fixed;
- z-index: 1986;
-}
-
-.modal.is-active {
- display: flex;
-}
-
-.container {
- position: relative;
-}
-
-@media screen and (min-width: 980px) {
- .container {
- margin: 0 auto;
- max-width: 960px;
- }
- .container.is-fluid {
- margin: 0 20px;
- max-width: none;
- }
-}
-
-@media screen and (min-width: 1180px) {
- .container {
- max-width: 1200px;
- }
-}
-
-.fa {
- font-size: 21px;
- text-align: center;
- vertical-align: top;
-}
-
-.icon {
- display: inline-block;
- font-size: 21px;
- height: 24px;
- line-height: 24px;
- text-align: center;
- vertical-align: top;
- width: 24px;
-}
-
-.icon .fa {
- font-size: inherit;
- line-height: inherit;
-}
-
-.icon.is-small {
- display: inline-block;
- font-size: 14px;
- height: 16px;
- line-height: 16px;
- text-align: center;
- vertical-align: top;
- width: 16px;
-}
-
-.icon.is-medium {
- display: inline-block;
- font-size: 28px;
- height: 32px;
- line-height: 32px;
- text-align: center;
- vertical-align: top;
- width: 32px;
-}
-
-.icon.is-large {
- display: inline-block;
- font-size: 42px;
- height: 48px;
- line-height: 48px;
- text-align: center;
- vertical-align: top;
- width: 48px;
-}
-
-.heading {
- display: block;
- font-size: 11px;
- letter-spacing: 1px;
- margin-bottom: 5px;
- text-transform: uppercase;
-}
-
-.highlight {
- font-size: 12px;
- font-weight: normal;
- max-width: 100%;
- overflow: hidden;
- padding: 0;
-}
-
-.highlight pre {
- overflow: auto;
- max-width: 100%;
-}
-
-.number {
- background-color: whitesmoke;
- border-radius: 290486px;
- display: inline-block;
- font-size: 18px;
- vertical-align: top;
-}
-
-.tag {
- align-items: center;
- background-color: whitesmoke;
- border-radius: 290486px;
- color: #7a7a7a;
- display: inline-flex;
- font-size: 12px;
- height: 24px;
- justify-content: center;
- line-height: 16px;
- padding-left: 10px;
- padding-right: 10px;
- vertical-align: top;
- white-space: nowrap;
-}
-
-.tag .delete {
- margin-left: 4px;
- margin-right: -6px;
-}
-
-.tag.is-white {
- background-color: white;
- color: #121212;
-}
-
-.tag.is-black {
- background-color: #121212;
- color: white;
-}
-
-.tag.is-light {
- background-color: whitesmoke;
- color: #7a7a7a;
-}
-
-.tag.is-dark {
- background-color: #7a7a7a;
- color: whitesmoke;
-}
-
-.tag.is-primary {
- background-color: #11e4c4;
- color: white;
-}
-
-.tag.is-info {
- background-color: #0f6bff;
- color: white;
-}
-
-.tag.is-success {
- background-color: #20ee68;
- color: white;
-}
-
-.tag.is-warning {
- background-color: #ffcf0f;
- color: white;
-}
-
-.tag.is-danger {
- background-color: #ff0f3f;
- color: white;
-}
-
-.tag.is-small {
- font-size: 11px;
- height: 20px;
- padding-left: 8px;
- padding-right: 8px;
-}
-
-.tag.is-medium {
- font-size: 14px;
- height: 32px;
- padding-left: 14px;
- padding-right: 14px;
-}
-
-.tag.is-large {
- font-size: 18px;
- height: 40px;
- line-height: 24px;
- padding-left: 18px;
- padding-right: 18px;
-}
-
-.tag.is-large .delete {
- margin-left: 4px;
- margin-right: -8px;
-}
-
-@media screen and (min-width: 769px) {
- .nav-toggle {
- display: none;
- }
-}
-
-.nav-item {
- align-items: center;
- display: flex;
- justify-content: center;
- padding: 10px;
-}
-
-.nav-item a {
- flex-grow: 1;
- flex-shrink: 0;
-}
-
-.nav-item img {
- max-height: 24px;
-}
-
-.nav-item .button + .button {
- margin-left: 10px;
-}
-
-.nav-item .tag:first-child {
- margin-right: 5px;
-}
-
-.nav-item .tag:last-child {
- margin-left: 5px;
-}
-
-@media screen and (max-width: 768px) {
- .nav-item {
- justify-content: flex-start;
- }
-}
-
-.nav-item a,
-a.nav-item {
- color: #7a7a7a;
-}
-
-.nav-item a:hover,
-a.nav-item:hover {
- color: #242424;
-}
-
-.nav-item a.is-active,
-a.nav-item.is-active {
- color: #242424;
-}
-
-.nav-item a.is-tab,
-a.nav-item.is-tab {
- border-bottom: 1px solid transparent;
- border-top: 1px solid transparent;
- padding-left: 12px;
- padding-right: 12px;
-}
-
-.nav-item a.is-tab:hover,
-a.nav-item.is-tab:hover {
- 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 #11e4c4;
- border-top: 3px solid transparent;
- color: #11e4c4;
-}
-
-@media screen and (max-width: 768px) {
- .nav-menu {
- background-color: white;
- box-shadow: 0 4px 7px rgba(18, 18, 18, 0.1);
- left: 0;
- display: none;
- right: 0;
- top: 100%;
- position: absolute;
- }
- .nav-menu .nav-item {
- border-top: 1px solid rgba(219, 219, 219, 0.5);
- padding: 10px;
- }
- .nav-menu.is-active {
- display: block;
- }
-}
-
-@media screen and (min-width: 769px) and (max-width: 979px) {
- .nav-menu {
- padding-right: 20px;
- }
-}
-
-.nav-left {
- align-items: stretch;
- display: flex;
- flex-basis: 0;
- flex-grow: 1;
- flex-shrink: 0;
- justify-content: flex-start;
- overflow: hidden;
- overflow-x: auto;
- white-space: nowrap;
-}
-
-.nav-center {
- align-items: stretch;
- display: flex;
- justify-content: center;
- margin-left: auto;
- margin-right: auto;
-}
-
-@media screen and (min-width: 769px) {
- .nav-right {
- align-items: stretch;
- display: flex;
- flex-basis: 0;
- flex-grow: 1;
- flex-shrink: 0;
- justify-content: flex-end;
- }
-}
-
-.nav {
- align-items: stretch;
- background-color: white;
- display: flex;
- min-height: 50px;
- position: relative;
- text-align: center;
- z-index: 2;
-}
-
-.nav > .container {
- align-items: stretch;
- display: flex;
- min-height: 50px;
- width: 100%;
-}
-
-.nav > .container > .nav-left > .nav-item:first-child:not(.is-tab) {
- padding-left: 0;
+.message.is-black {
+ background-color: whitesmoke;
}
-.nav > .container > .nav-right > .nav-item:last-child:not(.is-tab) {
- padding-right: 0;
+.message.is-black .message-header {
+ background-color: #121212;
+ color: white;
}
-.container > .nav > .nav-left > .nav-item:first-child:not(.is-tab) {
- padding-left: 0;
+.message.is-black .message-body {
+ border-color: #121212;
+ color: gray;
}
-.container > .nav > .nav-right > .nav-item:last-child:not(.is-tab) {
- padding-right: 0;
+.message.is-light {
+ background-color: whitesmoke;
}
-.nav.has-shadow {
- box-shadow: 0 2px 3px rgba(18, 18, 18, 0.1);
+.message.is-light .message-header {
+ background-color: whitesmoke;
+ color: #7a7a7a;
}
-@media screen and (max-width: 979px) {
- .nav > .container > .nav-left > .nav-item.is-brand:first-child,
- .container > .nav > .nav-left > .nav-item.is-brand:first-child {
- padding-left: 20px;
- }
+.message.is-light .message-body {
+ border-color: whitesmoke;
+ color: #666666;
}
-.pagination {
- align-items: center;
- display: flex;
- justify-content: center;
- text-align: center;
+.message.is-dark {
+ background-color: whitesmoke;
}
-.pagination a {
- display: block;
- min-width: 32px;
- padding: 3px 8px;
+.message.is-dark .message-header {
+ background-color: #7a7a7a;
+ color: whitesmoke;
}
-.pagination span {
- color: #b5b5b5;
- display: block;
- margin: 0 4px;
+.message.is-dark .message-body {
+ border-color: #7a7a7a;
+ color: gray;
}
-.pagination li {
- margin: 0 2px;
+.message.is-primary {
+ background-color: #ecfefb;
}
-.pagination ul {
- align-items: center;
- display: flex;
- flex-grow: 1;
- flex-shrink: 0;
- justify-content: center;
+.message.is-primary .message-header {
+ background-color: #11e4c4;
+ color: white;
}
-@media screen and (max-width: 768px) {
- .pagination {
- flex-wrap: wrap;
- }
- .pagination > a {
- width: calc(50% - 5px);
- }
- .pagination > a:not(:first-child) {
- margin-left: 10px;
- }
- .pagination li {
- flex-grow: 1;
- flex-shrink: 0;
- }
- .pagination ul {
- margin-top: 10px;
- }
+.message.is-primary .message-body {
+ border-color: #11e4c4;
+ color: gray;
}
-@media screen and (min-width: 769px) {
- .pagination > a:not(:first-child) {
- order: 1;
- }
+.message.is-info {
+ background-color: #ebf2ff;
}
-.panel-icon {
- display: inline-block;
- font-size: 14px;
- height: 16px;
- line-height: 16px;
- text-align: center;
- vertical-align: top;
- width: 16px;
- color: #b5b5b5;
- float: left;
- margin: 0 4px 0 -2px;
+.message.is-info .message-header {
+ background-color: #0f6bff;
+ color: white;
}
-.panel-icon .fa {
- font-size: inherit;
- line-height: inherit;
+.message.is-info .message-body {
+ border-color: #0f6bff;
+ color: gray;
}
-.panel-heading {
- background-color: whitesmoke;
- border-bottom: 1px solid #dbdbdb;
- border-radius: 4px 4px 0 0;
- color: #242424;
- font-size: 18px;
- font-weight: 300;
- padding: 10px;
+.message.is-success {
+ background-color: #ecfef2;
}
-.panel-list a {
- color: #7a7a7a;
+.message.is-success .message-header {
+ background-color: #20ee68;
+ color: white;
}
-.panel-list a:hover {
- color: #11e4c4;
+.message.is-success .message-body {
+ border-color: #20ee68;
+ color: gray;
}
-.panel-tabs {
- display: flex;
- font-size: 11px;
- padding: 5px 10px 0;
- justify-content: center;
+.message.is-warning {
+ background-color: #fffbeb;
}
-.panel-tabs a {
- border-bottom: 1px solid #dbdbdb;
- margin-bottom: -1px;
- padding: 5px;
+.message.is-warning .message-header {
+ background-color: #ffcf0f;
+ color: rgba(0, 0, 0, 0.7);
}
-.panel-tabs a.is-active {
- border-bottom-color: #242424;
- color: #242424;
+.message.is-warning .message-body {
+ border-color: #ffcf0f;
+ color: gray;
}
-.panel-tabs:not(:last-child) {
- border-bottom: 1px solid #dbdbdb;
+.message.is-danger {
+ background-color: #ffebef;
}
-.panel-block {
- color: #242424;
- display: block;
- line-height: 16px;
- padding: 10px;
+.message.is-danger .message-header {
+ background-color: #ff0f3f;
+ color: white;
}
-.panel-block:not(:last-child) {
- border-bottom: 1px solid #dbdbdb;
+.message.is-danger .message-body {
+ border-color: #ff0f3f;
+ color: gray;
}
-a.panel-block:hover {
- background-color: whitesmoke;
+@keyframes spin-around {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(359deg);
+ }
}
-.panel {
- border: 1px solid #dbdbdb;
- border-radius: 5px;
+.modal-background {
+ bottom: 0;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ background-color: rgba(18, 18, 18, 0.86);
}
-.panel:not(:last-child) {
- margin-bottom: 20px;
+.modal-content,
+.modal-card {
+ margin: 0 20px;
+ max-height: calc(100vh - 160px);
+ overflow: auto;
+ position: relative;
+ width: 100%;
}
-.box:not(:last-child), .highlight:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child),
-.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
- margin-bottom: 20px;
+@media screen and (min-width: 769px) {
+ .modal-content,
+ .modal-card {
+ margin: 0 auto;
+ max-height: calc(100vh - 40px);
+ width: 640px;
+ }
}
.modal-close {
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
-moz-appearance: none;
-webkit-appearance: none;
background-color: rgba(18, 18, 18, 0.2);
position: relative;
vertical-align: top;
width: 24px;
+ background: none;
+ height: 40px;
+ position: fixed;
+ right: 20px;
+ top: 20px;
+ width: 40px;
}
.modal-close:before, .modal-close:after {
width: 50%;
}
-.modal-close:before {
- transform: rotate(45deg);
+.modal-close:before {
+ transform: rotate(45deg);
+}
+
+.modal-close:after {
+ transform: rotate(-45deg);
+}
+
+.modal-close:hover {
+ background-color: rgba(18, 18, 18, 0.5);
+}
+
+.modal-close.is-small {
+ height: 16px;
+ width: 16px;
+}
+
+.modal-close.is-medium {
+ height: 32px;
+ width: 32px;
+}
+
+.modal-close.is-large {
+ height: 40px;
+ width: 40px;
+}
+
+.modal-card {
+ display: flex;
+ flex-direction: column;
+ max-height: calc(100vh - 40px);
+ overflow: hidden;
+}
+
+.modal-card-head,
+.modal-card-foot {
+ align-items: center;
+ background-color: whitesmoke;
+ display: flex;
+ flex-shrink: 0;
+ justify-content: flex-start;
+ padding: 20px;
+ position: relative;
+}
+
+.modal-card-head {
+ border-bottom: 1px solid #dbdbdb;
+ border-top-left-radius: 5px;
+ border-top-right-radius: 5px;
}
-.modal-close:after {
- transform: rotate(-45deg);
+.modal-card-title {
+ color: #242424;
+ flex-grow: 1;
+ flex-shrink: 0;
+ font-size: 24px;
+ line-height: 1;
}
-.modal-close:hover {
- background-color: rgba(18, 18, 18, 0.5);
+.modal-card-foot {
+ border-bottom-left-radius: 5px;
+ border-bottom-right-radius: 5px;
+ border-top: 1px solid #dbdbdb;
}
-.is-small.modal-close {
- height: 16px;
- width: 16px;
+.modal-card-foot .button:not(:last-child) {
+ margin-right: 10px;
}
-.is-medium.modal-close {
- height: 32px;
- width: 32px;
+.modal-card-body {
+ background-color: white;
+ flex-grow: 1;
+ flex-shrink: 1;
+ overflow: auto;
+ padding: 20px;
}
-.is-large.modal-close {
- height: 40px;
- width: 40px;
+.modal {
+ bottom: 0;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ align-items: center;
+ display: none;
+ justify-content: center;
+ overflow: hidden;
+ position: fixed;
+ z-index: 1986;
+}
+
+.modal.is-active {
+ display: flex;
+}
+
+@keyframes spin-around {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(359deg);
+ }
}
.nav-toggle {
background-color: whitesmoke;
}
-.is-active.nav-toggle span {
+.nav-toggle.is-active span {
background-color: #11e4c4;
}
-.is-active.nav-toggle span:nth-child(1) {
+.nav-toggle.is-active span:nth-child(1) {
margin-left: -5px;
transform: rotate(45deg);
transform-origin: left top;
}
-.is-active.nav-toggle span:nth-child(2) {
+.nav-toggle.is-active span:nth-child(2) {
opacity: 0;
}
-.is-active.nav-toggle span:nth-child(3) {
+.nav-toggle.is-active span:nth-child(3) {
margin-left: -5px;
transform: rotate(-45deg);
transform-origin: left bottom;
}
-.button.is-loading:after, .control.is-loading:after {
- animation: spin-around 500ms infinite linear;
- border: 2px solid #dbdbdb;
- border-radius: 290486px;
- border-right-color: transparent;
- border-top-color: transparent;
- content: "";
- display: block;
- height: 16px;
- position: relative;
- width: 16px;
+@media screen and (min-width: 769px) {
+ .nav-toggle {
+ display: none;
+ }
}
-.is-unselectable, .modal-close, .button, .tabs {
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
+.nav-item {
+ align-items: center;
+ display: flex;
+ justify-content: center;
+ padding: 10px;
}
-.container {
- position: relative;
+.nav-item a {
+ flex-grow: 1;
+ flex-shrink: 0;
}
-@media screen and (min-width: 980px) {
- .container {
- margin: 0 auto;
- max-width: 960px;
+.nav-item img {
+ max-height: 24px;
+}
+
+.nav-item .button + .button {
+ margin-left: 10px;
+}
+
+.nav-item .tag:first-child {
+ margin-right: 5px;
+}
+
+.nav-item .tag:last-child {
+ margin-left: 5px;
+}
+
+@media screen and (max-width: 768px) {
+ .nav-item {
+ justify-content: flex-start;
}
- .container.is-fluid {
- margin: 0 20px;
- max-width: none;
+}
+
+.nav-item a,
+a.nav-item {
+ color: #7a7a7a;
+}
+
+.nav-item a:hover,
+a.nav-item:hover {
+ color: #242424;
+}
+
+.nav-item a.is-active,
+a.nav-item.is-active {
+ color: #242424;
+}
+
+.nav-item a.is-tab,
+a.nav-item.is-tab {
+ border-bottom: 1px solid transparent;
+ border-top: 1px solid transparent;
+ padding-left: 12px;
+ padding-right: 12px;
+}
+
+.nav-item a.is-tab:hover,
+a.nav-item.is-tab:hover {
+ 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 #11e4c4;
+ border-top: 3px solid transparent;
+ color: #11e4c4;
+}
+
+@media screen and (max-width: 768px) {
+ .nav-menu {
+ background-color: white;
+ box-shadow: 0 4px 7px rgba(18, 18, 18, 0.1);
+ left: 0;
+ display: none;
+ right: 0;
+ top: 100%;
+ position: absolute;
+ }
+ .nav-menu .nav-item {
+ border-top: 1px solid rgba(219, 219, 219, 0.5);
+ padding: 10px;
+ }
+ .nav-menu.is-active {
+ display: block;
}
}
-@media screen and (min-width: 1180px) {
- .container {
- max-width: 1200px;
+@media screen and (min-width: 769px) and (max-width: 979px) {
+ .nav-menu {
+ padding-right: 20px;
+ }
+}
+
+.nav-left {
+ align-items: stretch;
+ display: flex;
+ flex-basis: 0;
+ flex-grow: 1;
+ flex-shrink: 0;
+ justify-content: flex-start;
+ overflow: hidden;
+ overflow-x: auto;
+ white-space: nowrap;
+}
+
+.nav-center {
+ align-items: stretch;
+ display: flex;
+ justify-content: center;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+@media screen and (min-width: 769px) {
+ .nav-right {
+ align-items: stretch;
+ display: flex;
+ flex-basis: 0;
+ flex-grow: 1;
+ flex-shrink: 0;
+ justify-content: flex-end;
+ }
+}
+
+.nav {
+ align-items: stretch;
+ background-color: white;
+ display: flex;
+ min-height: 50px;
+ position: relative;
+ text-align: center;
+ z-index: 2;
+}
+
+.nav > .container {
+ align-items: stretch;
+ display: flex;
+ min-height: 50px;
+ width: 100%;
+}
+
+.nav > .container > .nav-left > .nav-item:first-child:not(.is-tab) {
+ padding-left: 0;
+}
+
+.nav > .container > .nav-right > .nav-item:last-child:not(.is-tab) {
+ padding-right: 0;
+}
+
+.container > .nav > .nav-left > .nav-item:first-child:not(.is-tab) {
+ padding-left: 0;
+}
+
+.container > .nav > .nav-right > .nav-item:last-child:not(.is-tab) {
+ padding-right: 0;
+}
+
+.nav.has-shadow {
+ box-shadow: 0 2px 3px rgba(18, 18, 18, 0.1);
+}
+
+@media screen and (max-width: 979px) {
+ .nav > .container > .nav-left > .nav-item.is-brand:first-child,
+ .container > .nav > .nav-left > .nav-item.is-brand:first-child {
+ padding-left: 20px;
+ }
+}
+
+@keyframes spin-around {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(359deg);
}
}
-.fa {
- font-size: 21px;
- text-align: center;
- vertical-align: top;
-}
-
-.icon {
- display: inline-block;
- font-size: 21px;
- height: 24px;
- line-height: 24px;
+.pagination {
+ align-items: center;
+ display: flex;
+ justify-content: center;
text-align: center;
- vertical-align: top;
- width: 24px;
}
-.icon .fa {
- font-size: inherit;
- line-height: inherit;
+.pagination a {
+ display: block;
+ min-width: 32px;
+ padding: 3px 8px;
}
-.icon.is-small {
- display: inline-block;
- font-size: 14px;
- height: 16px;
- line-height: 16px;
- text-align: center;
- vertical-align: top;
- width: 16px;
+.pagination span {
+ color: #b5b5b5;
+ display: block;
+ margin: 0 4px;
}
-.icon.is-medium {
- display: inline-block;
- font-size: 28px;
- height: 32px;
- line-height: 32px;
- text-align: center;
- vertical-align: top;
- width: 32px;
+.pagination li {
+ margin: 0 2px;
}
-.icon.is-large {
- display: inline-block;
- font-size: 42px;
- height: 48px;
- line-height: 48px;
- text-align: center;
- vertical-align: top;
- width: 48px;
+.pagination ul {
+ align-items: center;
+ display: flex;
+ flex-grow: 1;
+ flex-shrink: 0;
+ justify-content: center;
}
-.heading {
- display: block;
- font-size: 11px;
- letter-spacing: 1px;
- margin-bottom: 5px;
- text-transform: uppercase;
+@media screen and (max-width: 768px) {
+ .pagination {
+ flex-wrap: wrap;
+ }
+ .pagination > a {
+ width: calc(50% - 5px);
+ }
+ .pagination > a:not(:first-child) {
+ margin-left: 10px;
+ }
+ .pagination li {
+ flex-grow: 1;
+ flex-shrink: 0;
+ }
+ .pagination ul {
+ margin-top: 10px;
+ }
}
-.highlight {
- font-size: 12px;
- font-weight: normal;
- max-width: 100%;
- overflow: hidden;
- padding: 0;
+@media screen and (min-width: 769px) {
+ .pagination > a:not(:first-child) {
+ order: 1;
+ }
}
-.highlight pre {
- overflow: auto;
- max-width: 100%;
+@keyframes spin-around {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(359deg);
+ }
}
-.number {
- background-color: whitesmoke;
- border-radius: 290486px;
+.panel-icon {
display: inline-block;
- font-size: 18px;
- vertical-align: top;
-}
-
-.tag {
- align-items: center;
- background-color: whitesmoke;
- border-radius: 290486px;
- color: #7a7a7a;
- display: inline-flex;
- font-size: 12px;
- height: 24px;
- justify-content: center;
+ font-size: 14px;
+ height: 16px;
line-height: 16px;
- padding-left: 10px;
- padding-right: 10px;
+ text-align: center;
vertical-align: top;
- white-space: nowrap;
+ width: 16px;
+ color: #b5b5b5;
+ float: left;
+ margin: 0 4px 0 -2px;
}
-.tag .delete {
- margin-left: 4px;
- margin-right: -6px;
+.panel-icon .fa {
+ font-size: inherit;
+ line-height: inherit;
}
-.tag.is-white {
- background-color: white;
- color: #121212;
+.panel-heading {
+ background-color: whitesmoke;
+ border-bottom: 1px solid #dbdbdb;
+ border-radius: 4px 4px 0 0;
+ color: #242424;
+ font-size: 18px;
+ font-weight: 300;
+ padding: 10px;
}
-.tag.is-black {
- background-color: #121212;
- color: white;
+.panel-list a {
+ color: #7a7a7a;
}
-.tag.is-light {
- background-color: whitesmoke;
- color: #7a7a7a;
+.panel-list a:hover {
+ color: #11e4c4;
}
-.tag.is-dark {
- background-color: #7a7a7a;
- color: whitesmoke;
+.panel-tabs {
+ display: flex;
+ font-size: 11px;
+ padding: 5px 10px 0;
+ justify-content: center;
}
-.tag.is-primary {
- background-color: #11e4c4;
- color: white;
+.panel-tabs a {
+ border-bottom: 1px solid #dbdbdb;
+ margin-bottom: -1px;
+ padding: 5px;
}
-.tag.is-info {
- background-color: #0f6bff;
- color: white;
+.panel-tabs a.is-active {
+ border-bottom-color: #242424;
+ color: #242424;
}
-.tag.is-success {
- background-color: #20ee68;
- color: white;
+.panel-tabs:not(:last-child) {
+ border-bottom: 1px solid #dbdbdb;
}
-.tag.is-warning {
- background-color: #ffcf0f;
- color: white;
+.panel-block {
+ color: #242424;
+ display: block;
+ line-height: 16px;
+ padding: 10px;
}
-.tag.is-danger {
- background-color: #ff0f3f;
- color: white;
+.panel-block:not(:last-child) {
+ border-bottom: 1px solid #dbdbdb;
}
-.tag.is-small {
- font-size: 11px;
- height: 20px;
- padding-left: 8px;
- padding-right: 8px;
+a.panel-block:hover {
+ background-color: whitesmoke;
}
-.tag.is-medium {
- font-size: 14px;
- height: 32px;
- padding-left: 14px;
- padding-right: 14px;
+.panel {
+ border: 1px solid #dbdbdb;
+ border-radius: 5px;
}
-.tag.is-large {
- font-size: 18px;
- height: 40px;
- line-height: 24px;
- padding-left: 18px;
- padding-right: 18px;
+.panel:not(:last-child) {
+ margin-bottom: 20px;
}
-.tag.is-large .delete {
- margin-left: 4px;
- margin-right: -8px;
+@keyframes spin-around {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(359deg);
+ }
}
.tabs {
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
align-items: stretch;
display: flex;
justify-content: space-between;
white-space: nowrap;
}
+.tabs:not(:last-child) {
+ margin-bottom: 20px;
+}
+
.tabs a {
align-items: center;
border-bottom: 1px solid #dbdbdb;
padding-top: 13px;
}
+@keyframes spin-around {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(359deg);
+ }
+}
+
.hero-video {
bottom: 0;
left: 0;
.hero.is-warning {
background-color: #ffcf0f;
- color: white;
+ color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning .title {
- color: white;
+ color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning .title a,
}
.hero.is-warning .subtitle {
- color: rgba(255, 255, 255, 0.9);
+ color: rgba(0, 0, 0, 0.9);
}
.hero.is-warning .subtitle a,
.hero.is-warning .subtitle strong {
- color: white;
+ color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning .nav {
- box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
+ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 768px) {
.hero.is-warning a.nav-item,
.hero.is-warning .nav-item a:not(.button) {
- color: rgba(255, 255, 255, 0.7);
+ color: rgba(0, 0, 0, 0.7);
}
.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: white;
+ color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning .tabs a {
- color: white;
+ color: rgba(0, 0, 0, 0.7);
opacity: 0.9;
}
}
.hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a {
- color: white;
+ color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a: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: white;
- border-color: white;
+ background-color: rgba(0, 0, 0, 0.7);
+ border-color: rgba(0, 0, 0, 0.7);
color: #ffcf0f;
}
@media screen and (max-width: 768px) {
.hero.is-warning .nav-toggle span {
- background-color: white;
+ background-color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning .nav-toggle:hover {
background-color: rgba(18, 18, 18, 0.1);
}
.hero.is-warning .nav-toggle.is-active span {
- background-color: white;
+ background-color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning .nav-menu .nav-item {
- border-top-color: rgba(255, 255, 255, 0.2);
+ border-top-color: rgba(0, 0, 0, 0.2);
}
}
flex-shrink: 0;
}
+@keyframes spin-around {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(359deg);
+ }
+}
+
.section {
background-color: white;
padding: 40px 20px;
.footer a:not(.icon):hover, .footer a:visited:not(.icon):hover {
border-bottom-color: #11e4c4;
}
+
+@keyframes spin-around {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(359deg);
+ }
+}
+
+@media screen and (min-width: 769px) {
+ .button small {
+ color: #7a7a7a;
+ left: 0;
+ margin-top: 10px;
+ position: absolute;
+ top: 100%;
+ width: 100%;
+ }
+}
+
+body.page-grid .column > .notification {
+ padding-left: 0;
+ padding-right: 0;
+ text-align: center;
+}
+
+@media screen and (min-width: 769px) {
+ .header-item .button + .button {
+ margin-left: 10px;
+ }
+}
+
+#carbon {
+ max-width: 340px;
+ min-height: 130px;
+ min-width: 300px;
+ padding: 15px;
+}
+
+@media screen and (min-width: 769px) {
+ #carbon {
+ margin-left: auto;
+ margin-right: auto;
+ width: 340px;
+ }
+}
+
+#carbonads {
+ text-align: left;
+}
+
+#carbonads a:hover {
+ text-decoration: underline;
+}
+
+#carbonads span {
+ display: block;
+}
+
+#carbonads .carbon-img {
+ float: left;
+ height: 100px;
+ width: 130px;
+}
+
+#carbonads .carbon-img img {
+ display: block;
+}
+
+#carbonads .carbon-text {
+ display: block;
+ color: #242424;
+ margin-left: 145px;
+}
+
+#carbonads .carbon-poweredby {
+ font-size: 11px;
+ margin-left: 15px;
+}
+
+#github {
+ color: #333333;
+ border-color: #333333;
+}
+
+#github:hover {
+ background: #333333;
+ border-color: #333333;
+ color: white;
+}
+
+#twitter {
+ color: #55acee;
+ border-color: #55acee;
+}
+
+#twitter:hover {
+ background: #55acee;
+ border-color: #55acee;
+ color: white;
+}
+
+#b {
+ border-radius: 20px;
+ box-shadow: 0 20px 60px rgba(18, 18, 18, 0.05), 0 5px 10px rgba(18, 18, 18, 0.1), 0 1px 1px rgba(18, 18, 18, 0.2);
+ display: inline-block;
+ height: 240px;
+ margin-bottom: 40px;
+ vertical-align: top;
+ width: 240px;
+}
+
+#b svg {
+ display: block;
+ height: 240px;
+ width: 240px;
+}
+
+@media screen and (max-width: 768px) {
+ #b {
+ border-radius: 10px;
+ height: 120px;
+ width: 120px;
+ }
+}
+
+#npm {
+ background: none;
+ margin: -10px 0 20px;
+}
+
+#npm code {
+ border-radius: 3px;
+ color: #11e4c4;
+ display: inline-block;
+ font-size: 16px;
+ padding: 16px 32px;
+}
+
+#grid .notification {
+ padding-left: 0;
+ padding-right: 0;
+}
+
+#message {
+ display: none;
+}
+
+#tweet {
+ background: white;
+ border-radius: 5px;
+ box-shadow: 0 2px 3px rgba(18, 18, 18, 0.1), 0 0 0 1px rgba(18, 18, 18, 0.1);
+ padding: 20px;
+}
+
+#mc_embed_signup .control {
+ margin-bottom: 0;
+}
+
+#mc_embed_signup .notification {
+ margin-top: 10px;
+}
+
+#social {
+ align-items: center;
+ display: flex;
+ height: 20px;
+ margin-bottom: 1em;
+ justify-content: center;
+}
+
+#social a {
+ display: inline-block;
+ font-size: 11px;
+ height: 20px;
+ line-height: 20px;
+}
+
+#social iframe:last-child {
+ margin-left: 10px;
+}
+
+#images tr td:nth-child(2) {
+ width: 320px;
+}
+
+.color {
+ display: inline-block;
+ float: left;
+ height: 18px;
+ margin-right: 5px;
+ width: 18px;
+}
+
+.example,
+.structure {
+ border: 1px solid #ffcf0f;
+ border-top-right-radius: 3px;
+ color: rgba(0, 0, 0, 0.7);
+ padding: 15px 20px;
+ position: relative;
+}
+
+.example:not(:first-child),
+.structure:not(:first-child) {
+ margin-top: 30px;
+}
+
+.example:not(:last-child),
+.structure:not(:last-child) {
+ margin-bottom: 20px;
+}
+
+.example:before,
+.structure:before {
+ background: #ffcf0f;
+ border-radius: 3px 3px 0 0;
+ bottom: 100%;
+ content: "Example";
+ display: inline-block;
+ font-size: 7px;
+ font-weight: bold;
+ left: -1px;
+ letter-spacing: 1px;
+ padding: 3px 5px;
+ position: absolute;
+ text-transform: uppercase;
+ vertical-align: top;
+}
+
+@media screen and (min-width: 769px) {
+ .example.is-fullwidth,
+ .structure.is-fullwidth {
+ border-left: none;
+ border-right: none;
+ padding: 0;
+ }
+}
+
+.example + .highlight {
+ border: 1px solid #ffcf0f;
+ border-radius: 0 0 3px 3px;
+ border-top: none;
+ margin-top: -20px;
+}
+
+.example + .highlight pre {
+ max-height: 600px;
+}
+
+.example + .highlight:not(:last-child) {
+ margin-bottom: 40px;
+}
+
+.structure {
+ border-color: #ff0f3f;
+ border-radius: 3px;
+ padding: 20px;
+}
+
+.structure:before {
+ background: #ff0f3f;
+ color: white;
+ content: "Structure";
+}
+
+.structure-item {
+ position: relative;
+}
+
+.structure-item:before {
+ bottom: 0;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ background: rgba(18, 18, 18, 0.7);
+ background: whitesmoke;
+ border: 1px solid #dbdbdb;
+ content: "";
+ display: block;
+ z-index: 1;
+}
+
+.structure-item:after {
+ bottom: 0;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ align-items: center;
+ content: attr(title);
+ display: flex;
+ font-family: "Inconsolata", "Consolas", "Monaco", monospace;
+ font-size: 11px;
+ justify-content: center;
+ padding: 3px 5px;
+ z-index: 2;
+}
+
+.structure-item.is-structure-container {
+ padding: 20px 10px 10px;
+}
+
+.structure-item.is-structure-container:after {
+ align-items: flex-start;
+ justify-content: flex-start;
+ padding: 5px 10px;
+}
+
+.highlight {
+ position: relative;
+}
+
+.highlight .copy,
+.highlight .expand {
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ background: white;
+ border: solid #dbdbdb;
+ border-width: 0 0 1px 1px;
+ color: #b5b5b5;
+ outline: none;
+ position: absolute;
+ right: 0;
+ top: 0;
+}
+
+.highlight .copy:hover,
+.highlight .expand:hover {
+ border-color: #ff0f3f;
+ color: #ff0f3f;
+}
+
+.highlight .expand {
+ border-right-width: 1px;
+ right: 50px;
+}
+
+@media screen and (min-width: 769px) {
+ .section:not(.is-fullwidth) > .example:not(.is-fullwidth) {
+ margin-left: 20px;
+ margin-right: 20px;
+ }
+ .section:not(.is-fullwidth) > .example:not(.is-fullwidth) + .highlight {
+ margin-left: 20px;
+ margin-right: 20px;
+ }
+}
+
+.section.is-fullwidth {
+ padding: 0 !important;
+}
+
+.section.is-fullwidth .example {
+ border-left: none;
+ border-radius: 0;
+ border-right: none;
+ padding: 0;
+}
+
+.section.is-fullwidth .example + .highlight {
+ border-left: none;
+ border-radius: 0;
+ border-right: none;
+}
+
+#newsletter .input {
+ border-color: white;
+ box-shadow: none;
+}
projects / thirdparty / bulma.git / commitdiff
