is a modern CSS framework based on Flexbox to build easily responsive web interfaces.
| bulma-rtl.css (bulma-0.9.3) | : | bulma-rtl.css (bulma-0.9.4) |
|---|
|
| /*! bulma.io v0.9.3 | MIT License | github.com/jgthms/bulma */ | | /*! bulma.io v0.9.4 | MIT License | github.com/jgthms/bulma */ |
| /* Bulma Utilities */ | | /* Bulma Utilities */ |
| .button, .input, .textarea, .select select, .file-cta, | | .button, .input, .textarea, .select select, .file-cta, |
| .file-name, .pagination-previous, | | .file-name, .pagination-previous, |
| .pagination-next, | | .pagination-next, |
| .pagination-link, | | .pagination-link, |
| .pagination-ellipsis { | | .pagination-ellipsis { |
| -moz-appearance: none; | | -moz-appearance: none; |
| -webkit-appearance: none; | | -webkit-appearance: none; |
| align-items: center; | | align-items: center; |
| border: 1px solid transparent; | | border: 1px solid transparent; |
| | |
| skipping to change at line 614 | | skipping to change at line 614 |
|---|
| | |
| .button.is-white:active, .button.is-white.is-active { | | .button.is-white:active, .button.is-white.is-active { |
| background-color: #f2f2f2; | | background-color: #f2f2f2; |
| border-color: transparent; | | border-color: transparent; |
| color: #0a0a0a; | | color: #0a0a0a; |
| } | | } |
| | |
| .button.is-white[disabled], | | .button.is-white[disabled], |
| fieldset[disabled] .button.is-white { | | fieldset[disabled] .button.is-white { |
| background-color: white; | | background-color: white; |
|
| border-color: transparent; | | border-color: white; |
| box-shadow: none; | | box-shadow: none; |
| } | | } |
| | |
| .button.is-white.is-inverted { | | .button.is-white.is-inverted { |
| background-color: #0a0a0a; | | background-color: #0a0a0a; |
| color: white; | | color: white; |
| } | | } |
| | |
| .button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered { | | .button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered { |
| background-color: black; | | background-color: black; |
| | |
| skipping to change at line 720 | | skipping to change at line 720 |
|---|
| | |
| .button.is-black:active, .button.is-black.is-active { | | .button.is-black:active, .button.is-black.is-active { |
| background-color: black; | | background-color: black; |
| border-color: transparent; | | border-color: transparent; |
| color: white; | | color: white; |
| } | | } |
| | |
| .button.is-black[disabled], | | .button.is-black[disabled], |
| fieldset[disabled] .button.is-black { | | fieldset[disabled] .button.is-black { |
| background-color: #0a0a0a; | | background-color: #0a0a0a; |
|
| border-color: transparent; | | border-color: #0a0a0a; |
| box-shadow: none; | | box-shadow: none; |
| } | | } |
| | |
| .button.is-black.is-inverted { | | .button.is-black.is-inverted { |
| background-color: white; | | background-color: white; |
| color: #0a0a0a; | | color: #0a0a0a; |
| } | | } |
| | |
| .button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered { | | .button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered { |
| background-color: #f2f2f2; | | background-color: #f2f2f2; |
| | |
| skipping to change at line 826 | | skipping to change at line 826 |
|---|
| | |
| .button.is-light:active, .button.is-light.is-active { | | .button.is-light:active, .button.is-light.is-active { |
| background-color: #e8e8e8; | | background-color: #e8e8e8; |
| border-color: transparent; | | border-color: transparent; |
| color: rgba(0, 0, 0, 0.7); | | color: rgba(0, 0, 0, 0.7); |
| } | | } |
| | |
| .button.is-light[disabled], | | .button.is-light[disabled], |
| fieldset[disabled] .button.is-light { | | fieldset[disabled] .button.is-light { |
| background-color: whitesmoke; | | background-color: whitesmoke; |
|
| border-color: transparent; | | border-color: whitesmoke; |
| box-shadow: none; | | box-shadow: none; |
| } | | } |
| | |
| .button.is-light.is-inverted { | | .button.is-light.is-inverted { |
| background-color: rgba(0, 0, 0, 0.7); | | background-color: rgba(0, 0, 0, 0.7); |
| color: whitesmoke; | | color: whitesmoke; |
| } | | } |
| | |
| .button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered { | | .button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered { |
| background-color: rgba(0, 0, 0, 0.7); | | background-color: rgba(0, 0, 0, 0.7); |
| | |
| skipping to change at line 932 | | skipping to change at line 932 |
|---|
| | |
| .button.is-dark:active, .button.is-dark.is-active { | | .button.is-dark:active, .button.is-dark.is-active { |
| background-color: #292929; | | background-color: #292929; |
| border-color: transparent; | | border-color: transparent; |
| color: #fff; | | color: #fff; |
| } | | } |
| | |
| .button.is-dark[disabled], | | .button.is-dark[disabled], |
| fieldset[disabled] .button.is-dark { | | fieldset[disabled] .button.is-dark { |
| background-color: #363636; | | background-color: #363636; |
|
| border-color: transparent; | | border-color: #363636; |
| box-shadow: none; | | box-shadow: none; |
| } | | } |
| | |
| .button.is-dark.is-inverted { | | .button.is-dark.is-inverted { |
| background-color: #fff; | | background-color: #fff; |
| color: #363636; | | color: #363636; |
| } | | } |
| | |
| .button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered { | | .button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered { |
| background-color: #f2f2f2; | | background-color: #f2f2f2; |
| | |
| skipping to change at line 1038 | | skipping to change at line 1038 |
|---|
| | |
| .button.is-primary:active, .button.is-primary.is-active { | | .button.is-primary:active, .button.is-primary.is-active { |
| background-color: #00b89c; | | background-color: #00b89c; |
| border-color: transparent; | | border-color: transparent; |
| color: #fff; | | color: #fff; |
| } | | } |
| | |
| .button.is-primary[disabled], | | .button.is-primary[disabled], |
| fieldset[disabled] .button.is-primary { | | fieldset[disabled] .button.is-primary { |
| background-color: #00d1b2; | | background-color: #00d1b2; |
|
| border-color: transparent; | | border-color: #00d1b2; |
| box-shadow: none; | | box-shadow: none; |
| } | | } |
| | |
| .button.is-primary.is-inverted { | | .button.is-primary.is-inverted { |
| background-color: #fff; | | background-color: #fff; |
| color: #00d1b2; | | color: #00d1b2; |
| } | | } |
| | |
| .button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered
{ | | .button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered
{ |
| background-color: #f2f2f2; | | background-color: #f2f2f2; |
| | |
| skipping to change at line 1161 | | skipping to change at line 1161 |
|---|
| | |
| .button.is-link:active, .button.is-link.is-active { | | .button.is-link:active, .button.is-link.is-active { |
| background-color: #3a51bb; | | background-color: #3a51bb; |
| border-color: transparent; | | border-color: transparent; |
| color: #fff; | | color: #fff; |
| } | | } |
| | |
| .button.is-link[disabled], | | .button.is-link[disabled], |
| fieldset[disabled] .button.is-link { | | fieldset[disabled] .button.is-link { |
| background-color: #485fc7; | | background-color: #485fc7; |
|
| border-color: transparent; | | border-color: #485fc7; |
| box-shadow: none; | | box-shadow: none; |
| } | | } |
| | |
| .button.is-link.is-inverted { | | .button.is-link.is-inverted { |
| background-color: #fff; | | background-color: #fff; |
| color: #485fc7; | | color: #485fc7; |
| } | | } |
| | |
| .button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered { | | .button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered { |
| background-color: #f2f2f2; | | background-color: #f2f2f2; |
| | |
| skipping to change at line 1284 | | skipping to change at line 1284 |
|---|
| | |
| .button.is-info:active, .button.is-info.is-active { | | .button.is-info:active, .button.is-info.is-active { |
| background-color: #3082c5; | | background-color: #3082c5; |
| border-color: transparent; | | border-color: transparent; |
| color: #fff; | | color: #fff; |
| } | | } |
| | |
| .button.is-info[disabled], | | .button.is-info[disabled], |
| fieldset[disabled] .button.is-info { | | fieldset[disabled] .button.is-info { |
| background-color: #3e8ed0; | | background-color: #3e8ed0; |
|
| border-color: transparent; | | border-color: #3e8ed0; |
| box-shadow: none; | | box-shadow: none; |
| } | | } |
| | |
| .button.is-info.is-inverted { | | .button.is-info.is-inverted { |
| background-color: #fff; | | background-color: #fff; |
| color: #3e8ed0; | | color: #3e8ed0; |
| } | | } |
| | |
| .button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered { | | .button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered { |
| background-color: #f2f2f2; | | background-color: #f2f2f2; |
| | |
| skipping to change at line 1407 | | skipping to change at line 1407 |
|---|
| | |
| .button.is-success:active, .button.is-success.is-active { | | .button.is-success:active, .button.is-success.is-active { |
| background-color: #3abb81; | | background-color: #3abb81; |
| border-color: transparent; | | border-color: transparent; |
| color: #fff; | | color: #fff; |
| } | | } |
| | |
| .button.is-success[disabled], | | .button.is-success[disabled], |
| fieldset[disabled] .button.is-success { | | fieldset[disabled] .button.is-success { |
| background-color: #48c78e; | | background-color: #48c78e; |
|
| border-color: transparent; | | border-color: #48c78e; |
| box-shadow: none; | | box-shadow: none; |
| } | | } |
| | |
| .button.is-success.is-inverted { | | .button.is-success.is-inverted { |
| background-color: #fff; | | background-color: #fff; |
| color: #48c78e; | | color: #48c78e; |
| } | | } |
| | |
| .button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered
{ | | .button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered
{ |
| background-color: #f2f2f2; | | background-color: #f2f2f2; |
| | |
| skipping to change at line 1530 | | skipping to change at line 1530 |
|---|
| | |
| .button.is-warning:active, .button.is-warning.is-active { | | .button.is-warning:active, .button.is-warning.is-active { |
| background-color: #ffd970; | | background-color: #ffd970; |
| border-color: transparent; | | border-color: transparent; |
| color: rgba(0, 0, 0, 0.7); | | color: rgba(0, 0, 0, 0.7); |
| } | | } |
| | |
| .button.is-warning[disabled], | | .button.is-warning[disabled], |
| fieldset[disabled] .button.is-warning { | | fieldset[disabled] .button.is-warning { |
| background-color: #ffe08a; | | background-color: #ffe08a; |
|
| border-color: transparent; | | border-color: #ffe08a; |
| box-shadow: none; | | box-shadow: none; |
| } | | } |
| | |
| .button.is-warning.is-inverted { | | .button.is-warning.is-inverted { |
| background-color: rgba(0, 0, 0, 0.7); | | background-color: rgba(0, 0, 0, 0.7); |
| color: #ffe08a; | | color: #ffe08a; |
| } | | } |
| | |
| .button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered
{ | | .button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered
{ |
| background-color: rgba(0, 0, 0, 0.7); | | background-color: rgba(0, 0, 0, 0.7); |
| | |
| skipping to change at line 1653 | | skipping to change at line 1653 |
|---|
| | |
| .button.is-danger:active, .button.is-danger.is-active { | | .button.is-danger:active, .button.is-danger.is-active { |
| background-color: #ef2e55; | | background-color: #ef2e55; |
| border-color: transparent; | | border-color: transparent; |
| color: #fff; | | color: #fff; |
| } | | } |
| | |
| .button.is-danger[disabled], | | .button.is-danger[disabled], |
| fieldset[disabled] .button.is-danger { | | fieldset[disabled] .button.is-danger { |
| background-color: #f14668; | | background-color: #f14668; |
|
| border-color: transparent; | | border-color: #f14668; |
| box-shadow: none; | | box-shadow: none; |
| } | | } |
| | |
| .button.is-danger.is-inverted { | | .button.is-danger.is-inverted { |
| background-color: #fff; | | background-color: #fff; |
| color: #f14668; | | color: #f14668; |
| } | | } |
| | |
| .button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered { | | .button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered { |
| background-color: #f2f2f2; | | background-color: #f2f2f2; |
| | |
| skipping to change at line 1894 | | skipping to change at line 1894 |
|---|
| | |
| .buttons.is-right { | | .buttons.is-right { |
| justify-content: flex-end; | | justify-content: flex-end; |
| } | | } |
| | |
| .buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) { | | .buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) { |
| margin-left: 0.25rem; | | margin-left: 0.25rem; |
| margin-right: 0.25rem; | | margin-right: 0.25rem; |
| } | | } |
| | |
|
| | @media screen and (max-width: 768px) { |
| | .button.is-responsive.is-small { |
| | font-size: 0.5625rem; |
| | } |
| | .button.is-responsive, |
| | .button.is-responsive.is-normal { |
| | font-size: 0.65625rem; |
| | } |
| | .button.is-responsive.is-medium { |
| | font-size: 0.75rem; |
| | } |
| | .button.is-responsive.is-large { |
| | font-size: 1rem; |
| | } |
| | } |
| | |
| | @media screen and (min-width: 769px) and (max-width: 1023px) { |
| | .button.is-responsive.is-small { |
| | font-size: 0.65625rem; |
| | } |
| | .button.is-responsive, |
| | .button.is-responsive.is-normal { |
| | font-size: 0.75rem; |
| | } |
| | .button.is-responsive.is-medium { |
| | font-size: 1rem; |
| | } |
| | .button.is-responsive.is-large { |
| | font-size: 1.25rem; |
| | } |
| | } |
| | |
| .container { | | .container { |
| flex-grow: 1; | | flex-grow: 1; |
| margin: 0 auto; | | margin: 0 auto; |
| position: relative; | | position: relative; |
| width: auto; | | width: auto; |
| } | | } |
| | |
| .container.is-fluid { | | .container.is-fluid { |
| max-width: none !important; | | max-width: none !important; |
| padding-left: 32px; | | padding-left: 32px; |
| | |
| skipping to change at line 2808 | | skipping to change at line 2840 |
|---|
| .table td.is-vcentered, | | .table td.is-vcentered, |
| .table th.is-vcentered { | | .table th.is-vcentered { |
| vertical-align: middle; | | vertical-align: middle; |
| } | | } |
| | |
| .table th { | | .table th { |
| color: #363636; | | color: #363636; |
| } | | } |
| | |
| .table th:not([align]) { | | .table th:not([align]) { |
|
| text-align: inherit; | | text-align: left; |
| } | | } |
| | |
| .table tr.is-selected { | | .table tr.is-selected { |
| background-color: #00d1b2; | | background-color: #00d1b2; |
| color: #fff; | | color: #fff; |
| } | | } |
| | |
| .table tr.is-selected a, | | .table tr.is-selected a, |
| .table tr.is-selected strong { | | .table tr.is-selected strong { |
| color: currentColor; | | color: currentColor; |
| | |
| skipping to change at line 3756 | | skipping to change at line 3788 |
|---|
| | |
| .select.is-medium { | | .select.is-medium { |
| font-size: 1.25rem; | | font-size: 1.25rem; |
| } | | } |
| | |
| .select.is-large { | | .select.is-large { |
| font-size: 1.5rem; | | font-size: 1.5rem; |
| } | | } |
| | |
| .select.is-disabled::after { | | .select.is-disabled::after { |
|
| border-color: #7a7a7a; | | border-color: #7a7a7a !important; |
| | opacity: 0.5; |
| } | | } |
| | |
| .select.is-fullwidth { | | .select.is-fullwidth { |
| width: 100%; | | width: 100%; |
| } | | } |
| | |
| .select.is-fullwidth select { | | .select.is-fullwidth select { |
| width: 100%; | | width: 100%; |
| } | | } |
| | |
| | |
| skipping to change at line 6063 | | skipping to change at line 6096 |
|---|
| | |
| .navbar-tabs { | | .navbar-tabs { |
| -webkit-overflow-scrolling: touch; | | -webkit-overflow-scrolling: touch; |
| max-width: 100vw; | | max-width: 100vw; |
| overflow-x: auto; | | overflow-x: auto; |
| overflow-y: hidden; | | overflow-y: hidden; |
| } | | } |
| | |
| .navbar-burger { | | .navbar-burger { |
| color: #4a4a4a; | | color: #4a4a4a; |
|
| | -moz-appearance: none; |
| | -webkit-appearance: none; |
| | appearance: none; |
| | background: none; |
| | border: none; |
| cursor: pointer; | | cursor: pointer; |
| display: block; | | display: block; |
| height: 3.25rem; | | height: 3.25rem; |
| position: relative; | | position: relative; |
| width: 3.25rem; | | width: 3.25rem; |
| margin-right: auto; | | margin-right: auto; |
| } | | } |
| | |
| .navbar-burger span { | | .navbar-burger span { |
| background-color: currentColor; | | background-color: currentColor; |
| | |
| skipping to change at line 6527 | | skipping to change at line 6565 |
|---|
| .pagination-link:focus { | | .pagination-link:focus { |
| border-color: #485fc7; | | border-color: #485fc7; |
| } | | } |
| | |
| .pagination-previous:active, | | .pagination-previous:active, |
| .pagination-next:active, | | .pagination-next:active, |
| .pagination-link:active { | | .pagination-link:active { |
| box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); | | box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); |
| } | | } |
| | |
|
| .pagination-previous[disabled], | | .pagination-previous[disabled], .pagination-previous.is-disabled, |
| .pagination-next[disabled], | | .pagination-next[disabled], |
|
| .pagination-link[disabled] { | | .pagination-next.is-disabled, |
| | .pagination-link[disabled], |
| | .pagination-link.is-disabled { |
| background-color: #dbdbdb; | | background-color: #dbdbdb; |
| border-color: #dbdbdb; | | border-color: #dbdbdb; |
| box-shadow: none; | | box-shadow: none; |
| color: #7a7a7a; | | color: #7a7a7a; |
| opacity: 0.5; | | opacity: 0.5; |
| } | | } |
| | |
| .pagination-previous, | | .pagination-previous, |
| .pagination-next { | | .pagination-next { |
| padding-left: 0.75em; | | padding-left: 0.75em; |
| | | |
| End of changes. 17 change blocks. |
|---|
| 15 lines changed or deleted | | 55 lines changed or added |
|---|
"Fossies" - the Fresh Open Source Software Archive 