X-Git-Url: https://git.josue.xyz/?p=josuexyz%2F.git;a=blobdiff_plain;f=public%2Fstylesheets%2Fstyle.css;h=72e8ef48c05fab73bc5bee914be27a47ddd6301c;hp=73e9c9ce2a0b82cdeac8e0a53672d2165924e774;hb=cb10ad6467390ec56d7e9eb315b3892f7e932f32;hpb=5621804db0b7c55b62bdee5eeb23021a5b8816ee diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css index 73e9c9c..72e8ef4 100644 --- a/public/stylesheets/style.css +++ b/public/stylesheets/style.css @@ -1,5 +1,6 @@ @charset "UTF-8"; /*! bulma.io v0.8.0 | MIT License | github.com/jgthms/bulma */ +@import url(../vendors/font-awesome/css/font-awesome.min.css); @keyframes spinAround { from { transform: rotate(0deg); } @@ -691,13 +692,13 @@ a.has-text-dark:hover, a.has-text-dark:focus { background-color: #363636 !important; } .has-text-primary { - color: red !important; } + color: #ccff00 !important; } a.has-text-primary:hover, a.has-text-primary:focus { - color: #cc0000 !important; } + color: #a3cc00 !important; } .has-background-primary { - background-color: red !important; } + background-color: #ccff00 !important; } .has-text-link { color: #3273dc !important; } @@ -1386,80 +1387,80 @@ a.box:active { box-shadow: none; color: #fff; } .button.is-primary { - background-color: red; + background-color: #ccff00; border-color: transparent; - color: #fff; } + color: rgba(0, 0, 0, 0.7); } .button.is-primary:hover, .button.is-primary.is-hovered { - background-color: #f20000; + background-color: #c2f200; border-color: transparent; - color: #fff; } + color: rgba(0, 0, 0, 0.7); } .button.is-primary:focus, .button.is-primary.is-focused { border-color: transparent; - color: #fff; } + color: rgba(0, 0, 0, 0.7); } .button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(255, 0, 0, 0.25); } + box-shadow: 0 0 0 0.125em rgba(204, 255, 0, 0.25); } .button.is-primary:active, .button.is-primary.is-active { - background-color: #e60000; + background-color: #b8e600; border-color: transparent; - color: #fff; } + color: rgba(0, 0, 0, 0.7); } .button.is-primary[disabled], fieldset[disabled] .button.is-primary { - background-color: red; + background-color: #ccff00; border-color: transparent; box-shadow: none; } .button.is-primary.is-inverted { - background-color: #fff; - color: red; } + background-color: rgba(0, 0, 0, 0.7); + color: #ccff00; } .button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered { - background-color: #f2f2f2; } + background-color: rgba(0, 0, 0, 0.7); } .button.is-primary.is-inverted[disabled], fieldset[disabled] .button.is-primary.is-inverted { - background-color: #fff; + background-color: rgba(0, 0, 0, 0.7); border-color: transparent; box-shadow: none; - color: red; } + color: #ccff00; } .button.is-primary.is-loading::after { - border-color: transparent transparent #fff #fff !important; } + border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } .button.is-primary.is-outlined { background-color: transparent; - border-color: red; - color: red; } + border-color: #ccff00; + color: #ccff00; } .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined.is-focused { - background-color: red; - border-color: red; - color: #fff; } + background-color: #ccff00; + border-color: #ccff00; + color: rgba(0, 0, 0, 0.7); } .button.is-primary.is-outlined.is-loading::after { - border-color: transparent transparent red red !important; } + border-color: transparent transparent #ccff00 #ccff00 !important; } .button.is-primary.is-outlined.is-loading:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent #fff #fff !important; } + border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } .button.is-primary.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-outlined { background-color: transparent; - border-color: red; + border-color: #ccff00; box-shadow: none; - color: red; } + color: #ccff00; } .button.is-primary.is-inverted.is-outlined { background-color: transparent; - border-color: #fff; - color: #fff; } + border-color: rgba(0, 0, 0, 0.7); + color: rgba(0, 0, 0, 0.7); } .button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused { - background-color: #fff; - color: red; } + background-color: rgba(0, 0, 0, 0.7); + color: #ccff00; } .button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent red red !important; } + border-color: transparent transparent #ccff00 #ccff00 !important; } .button.is-primary.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-inverted.is-outlined { background-color: transparent; - border-color: #fff; + border-color: rgba(0, 0, 0, 0.7); box-shadow: none; - color: #fff; } + color: rgba(0, 0, 0, 0.7); } .button.is-primary.is-light { - background-color: #ffebeb; - color: #eb0000; } + background-color: #fbffeb; + color: #769400; } .button.is-primary.is-light:hover, .button.is-primary.is-light.is-hovered { - background-color: #ffdede; + background-color: #f8ffde; border-color: transparent; - color: #eb0000; } + color: #769400; } .button.is-primary.is-light:active, .button.is-primary.is-light.is-active { - background-color: #ffd1d1; + background-color: #f6ffd1; border-color: transparent; - color: #eb0000; } + color: #769400; } .button.is-link { background-color: #3273dc; border-color: transparent; @@ -2205,8 +2206,8 @@ a.box:active { background-color: #363636; color: #fff; } .notification.is-primary { - background-color: red; - color: #fff; } + background-color: #ccff00; + color: rgba(0, 0, 0, 0.7); } .notification.is-link { background-color: #3273dc; color: #fff; } @@ -2275,13 +2276,13 @@ a.box:active { .progress.is-dark:indeterminate { background-image: linear-gradient(to right, #363636 30%, #ededed 30%); } .progress.is-primary::-webkit-progress-value { - background-color: red; } + background-color: #ccff00; } .progress.is-primary::-moz-progress-bar { - background-color: red; } + background-color: #ccff00; } .progress.is-primary::-ms-fill { - background-color: red; } + background-color: #ccff00; } .progress.is-primary:indeterminate { - background-image: linear-gradient(to right, red 30%, #ededed 30%); } + background-image: linear-gradient(to right, #ccff00 30%, #ededed 30%); } .progress.is-link::-webkit-progress-value { background-color: #3273dc; } .progress.is-link::-moz-progress-bar { @@ -2379,9 +2380,9 @@ a.box:active { color: #fff; } .table td.is-primary, .table th.is-primary { - background-color: red; - border-color: red; - color: #fff; } + background-color: #ccff00; + border-color: #ccff00; + color: rgba(0, 0, 0, 0.7); } .table td.is-link, .table th.is-link { background-color: #3273dc; @@ -2413,8 +2414,8 @@ a.box:active { width: 1%; } .table td.is-selected, .table th.is-selected { - background-color: red; - color: #fff; } + background-color: #ccff00; + color: rgba(0, 0, 0, 0.7); } .table td.is-selected a, .table td.is-selected strong, .table th.is-selected a, @@ -2425,14 +2426,14 @@ a.box:active { .table th:not([align]) { text-align: left; } .table tr.is-selected { - background-color: red; - color: #fff; } + background-color: #ccff00; + color: rgba(0, 0, 0, 0.7); } .table tr.is-selected a, .table tr.is-selected strong { color: currentColor; } .table tr.is-selected td, .table tr.is-selected th { - border-color: #fff; + border-color: rgba(0, 0, 0, 0.7); color: currentColor; } .table thead { background-color: transparent; } @@ -2544,11 +2545,11 @@ a.box:active { background-color: #363636; color: #fff; } .tag:not(body).is-primary { - background-color: red; - color: #fff; } + background-color: #ccff00; + color: rgba(0, 0, 0, 0.7); } .tag:not(body).is-primary.is-light { - background-color: #ffebeb; - color: #eb0000; } + background-color: #fbffeb; + color: #769400; } .tag:not(body).is-link { background-color: #3273dc; color: #fff; } @@ -2779,9 +2780,9 @@ a.tag:hover { .is-dark.input:focus, .is-dark.textarea:focus, .is-dark.is-focused.input, .is-dark.is-focused.textarea, .is-dark.input:active, .is-dark.textarea:active, .is-dark.is-active.input, .is-dark.is-active.textarea { box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } .is-primary.input, .is-primary.textarea { - border-color: red; } + border-color: #ccff00; } .is-primary.input:focus, .is-primary.textarea:focus, .is-primary.is-focused.input, .is-primary.is-focused.textarea, .is-primary.input:active, .is-primary.textarea:active, .is-primary.is-active.input, .is-primary.is-active.textarea { - box-shadow: 0 0 0 0.125em rgba(255, 0, 0, 0.25); } + box-shadow: 0 0 0 0.125em rgba(204, 255, 0, 0.25); } .is-link.input, .is-link.textarea { border-color: #3273dc; } .is-link.input:focus, .is-link.textarea:focus, .is-link.is-focused.input, .is-link.is-focused.textarea, .is-link.input:active, .is-link.textarea:active, .is-link.is-active.input, .is-link.is-active.textarea { @@ -2923,13 +2924,13 @@ a.tag:hover { .select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active { box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } .select.is-primary:not(:hover)::after { - border-color: red; } + border-color: #ccff00; } .select.is-primary select { - border-color: red; } + border-color: #ccff00; } .select.is-primary select:hover, .select.is-primary select.is-hovered { - border-color: #e60000; } + border-color: #b8e600; } .select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active { - box-shadow: 0 0 0 0.125em rgba(255, 0, 0, 0.25); } + box-shadow: 0 0 0 0.125em rgba(204, 255, 0, 0.25); } .select.is-link:not(:hover)::after { border-color: #3273dc; } .select.is-link select { @@ -3066,21 +3067,21 @@ a.tag:hover { border-color: transparent; color: #fff; } .file.is-primary .file-cta { - background-color: red; + background-color: #ccff00; border-color: transparent; - color: #fff; } + color: rgba(0, 0, 0, 0.7); } .file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta { - background-color: #f20000; + background-color: #c2f200; border-color: transparent; - color: #fff; } + color: rgba(0, 0, 0, 0.7); } .file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta { border-color: transparent; - box-shadow: 0 0 0.5em rgba(255, 0, 0, 0.25); - color: #fff; } + box-shadow: 0 0 0.5em rgba(204, 255, 0, 0.25); + color: rgba(0, 0, 0, 0.7); } .file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta { - background-color: #e60000; + background-color: #b8e600; border-color: transparent; - color: #fff; } + color: rgba(0, 0, 0, 0.7); } .file.is-link .file-cta { background-color: #3273dc; border-color: transparent; @@ -3308,7 +3309,7 @@ a.tag:hover { .help.is-dark { color: #363636; } .help.is-primary { - color: red; } + color: #ccff00; } .help.is-link { color: #3273dc; } .help.is-info { @@ -3893,13 +3894,13 @@ a.list-item { .message.is-dark .message-body { border-color: #363636; } .message.is-primary { - background-color: #ffebeb; } + background-color: #fbffeb; } .message.is-primary .message-header { - background-color: red; - color: #fff; } + background-color: #ccff00; + color: rgba(0, 0, 0, 0.7); } .message.is-primary .message-body { - border-color: red; - color: #eb0000; } + border-color: #ccff00; + color: #769400; } .message.is-link { background-color: #eef3fc; } .message.is-link .message-header { @@ -4240,27 +4241,27 @@ a.list-item { background-color: #363636; color: #fff; } } .navbar.is-primary { - background-color: red; - color: #fff; } + background-color: #ccff00; + color: rgba(0, 0, 0, 0.7); } .navbar.is-primary .navbar-brand > .navbar-item, .navbar.is-primary .navbar-brand .navbar-link { - color: #fff; } + color: rgba(0, 0, 0, 0.7); } .navbar.is-primary .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active, .navbar.is-primary .navbar-brand .navbar-link:focus, .navbar.is-primary .navbar-brand .navbar-link:hover, .navbar.is-primary .navbar-brand .navbar-link.is-active { - background-color: #e60000; - color: #fff; } + background-color: #b8e600; + color: rgba(0, 0, 0, 0.7); } .navbar.is-primary .navbar-brand .navbar-link::after { - border-color: #fff; } + border-color: rgba(0, 0, 0, 0.7); } .navbar.is-primary .navbar-burger { - color: #fff; } + color: rgba(0, 0, 0, 0.7); } @media screen and (min-width: 1024px) { .navbar.is-primary .navbar-start > .navbar-item, .navbar.is-primary .navbar-start .navbar-link, .navbar.is-primary .navbar-end > .navbar-item, .navbar.is-primary .navbar-end .navbar-link { - color: #fff; } + color: rgba(0, 0, 0, 0.7); } .navbar.is-primary .navbar-start > a.navbar-item:focus, .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active, .navbar.is-primary .navbar-start .navbar-link:focus, .navbar.is-primary .navbar-start .navbar-link:hover, @@ -4271,19 +4272,19 @@ a.list-item { .navbar.is-primary .navbar-end .navbar-link:focus, .navbar.is-primary .navbar-end .navbar-link:hover, .navbar.is-primary .navbar-end .navbar-link.is-active { - background-color: #e60000; - color: #fff; } + background-color: #b8e600; + color: rgba(0, 0, 0, 0.7); } .navbar.is-primary .navbar-start .navbar-link::after, .navbar.is-primary .navbar-end .navbar-link::after { - border-color: #fff; } + border-color: rgba(0, 0, 0, 0.7); } .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #e60000; - color: #fff; } + background-color: #b8e600; + color: rgba(0, 0, 0, 0.7); } .navbar.is-primary .navbar-dropdown a.navbar-item.is-active { - background-color: red; - color: #fff; } } + background-color: #ccff00; + color: rgba(0, 0, 0, 0.7); } } .navbar.is-link { background-color: #3273dc; color: #fff; } @@ -5019,12 +5020,12 @@ a.navbar-item, .panel.is-dark .panel-block.is-active .panel-icon { color: #363636; } .panel.is-primary .panel-heading { - background-color: red; - color: #fff; } + background-color: #ccff00; + color: rgba(0, 0, 0, 0.7); } .panel.is-primary .panel-tabs a.is-active { - border-bottom-color: red; } + border-bottom-color: #ccff00; } .panel.is-primary .panel-block.is-active .panel-icon { - color: red; } + color: #ccff00; } .panel.is-link .panel-heading { background-color: #3273dc; color: #fff; } @@ -6612,49 +6613,49 @@ label.panel-block { .hero.is-dark.is-bold .navbar-menu { background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); } } .hero.is-primary { - background-color: red; - color: #fff; } + background-color: #ccff00; + color: rgba(0, 0, 0, 0.7); } .hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-primary strong { color: inherit; } .hero.is-primary .title { - color: #fff; } + color: rgba(0, 0, 0, 0.7); } .hero.is-primary .subtitle { - color: rgba(255, 255, 255, 0.9); } + color: rgba(0, 0, 0, 0.9); } .hero.is-primary .subtitle a:not(.button), .hero.is-primary .subtitle strong { - color: #fff; } + color: rgba(0, 0, 0, 0.7); } @media screen and (max-width: 1023px) { .hero.is-primary .navbar-menu { - background-color: red; } } + background-color: #ccff00; } } .hero.is-primary .navbar-item, .hero.is-primary .navbar-link { - color: rgba(255, 255, 255, 0.7); } + color: rgba(0, 0, 0, 0.7); } .hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active, .hero.is-primary .navbar-link:hover, .hero.is-primary .navbar-link.is-active { - background-color: #e60000; - color: #fff; } + background-color: #b8e600; + color: rgba(0, 0, 0, 0.7); } .hero.is-primary .tabs a { - color: #fff; + color: rgba(0, 0, 0, 0.7); opacity: 0.9; } .hero.is-primary .tabs a:hover { opacity: 1; } .hero.is-primary .tabs li.is-active a { opacity: 1; } .hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a { - color: #fff; } + color: rgba(0, 0, 0, 0.7); } .hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover { - background-color: #fff; - border-color: #fff; - color: red; } + background-color: rgba(0, 0, 0, 0.7); + border-color: rgba(0, 0, 0, 0.7); + color: #ccff00; } .hero.is-primary.is-bold { - background-image: linear-gradient(141deg, #cc0022 0%, red 71%, #ff401a 100%); } + background-image: linear-gradient(141deg, #c5cc00 0%, #ccff00 71%, #abff1a 100%); } @media screen and (max-width: 768px) { .hero.is-primary.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #cc0022 0%, red 71%, #ff401a 100%); } } + background-image: linear-gradient(141deg, #c5cc00 0%, #ccff00 71%, #abff1a 100%); } } .hero.is-link { background-color: #3273dc; color: #fff; }