adamas/curriculum
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

On cache les scrollbars des panneaux education/experienec

Browse Source
This commit is contained in:
Anthony Dumas 2019-03-11 11:24:41 +01:00
parent 488ab795cd
commit a51d6c4db2
2 changed files with 115 additions and 101 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
_sass/main.scss
View File

@ -26,8 +26,14 @@ $primary-invert: $pink-invert;
// 4. Import the rest of Bulma // 4. Import the rest of Bulma
*/ */
$primary: #fff; $orange-yellow:#F2CD60;
$primary-invert:#3c3c3c; $maize:#F2E863;
$sunset-orange:#F25757;
$middle-blue:#61E8E1;
$alabaster:#EAF2E3;
$primary:$sunset-orange;
$primary-invert:#fff;
@import "../node_modules/bulma/bulma"; @import "../node_modules/bulma/bulma";
@ -43,3 +49,8 @@ $primary-invert:#3c3c3c;
margin-top: -1.25rem; margin-top: -1.25rem;
} }
} }
// retire les barres de scroll des panneaux experience/education
#experiences .media-content {
overflow: hidden;
}

201
css/main.css
View File

@ -733,13 +733,13 @@ a.has-text-dark:hover, a.has-text-dark:focus {
background-color: #363636 !important; } background-color: #363636 !important; }
.has-text-primary { .has-text-primary {
color: #fff !important; } color: #F25757 !important; }
a.has-text-primary:hover, a.has-text-primary:focus { a.has-text-primary:hover, a.has-text-primary:focus {
color: #e6e6e6 !important; } color: #ee2828 !important; }
.has-background-primary { .has-background-primary {
background-color: #fff !important; } background-color: #F25757 !important; }
.has-text-link { .has-text-link {
color: #3273dc !important; } color: #3273dc !important; }
@ -1487,69 +1487,69 @@ a.box:active {
box-shadow: none; box-shadow: none;
color: whitesmoke; } color: whitesmoke; }
.button.is-primary { .button.is-primary {
background-color: #fff; background-color: #F25757;
border-color: transparent; border-color: transparent;
color: #3c3c3c; } color: #fff; }
.button.is-primary:hover, .button.is-primary.is-hovered { .button.is-primary:hover, .button.is-primary.is-hovered {
background-color: #f9f9f9; background-color: #f14b4b;
border-color: transparent; border-color: transparent;
color: #3c3c3c; } color: #fff; }
.button.is-primary:focus, .button.is-primary.is-focused { .button.is-primary:focus, .button.is-primary.is-focused {
border-color: transparent; border-color: transparent;
color: #3c3c3c; } color: #fff; }
.button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) { .button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) {
box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } box-shadow: 0 0 0 0.125em rgba(242, 87, 87, 0.25); }
.button.is-primary:active, .button.is-primary.is-active { .button.is-primary:active, .button.is-primary.is-active {
background-color: #f2f2f2; background-color: #f03f3f;
border-color: transparent; border-color: transparent;
color: #3c3c3c; } color: #fff; }
.button.is-primary[disabled], .button.is-primary[disabled],
fieldset[disabled] .button.is-primary { fieldset[disabled] .button.is-primary {
background-color: #fff; background-color: #F25757;
border-color: transparent; border-color: transparent;
box-shadow: none; } box-shadow: none; }
.button.is-primary.is-inverted { .button.is-primary.is-inverted {
background-color: #3c3c3c; background-color: #fff;
color: #fff; } color: #F25757; }
.button.is-primary.is-inverted:hover { .button.is-primary.is-inverted:hover {
background-color: #2f2f2f; } background-color: #f2f2f2; }
.button.is-primary.is-inverted[disabled], .button.is-primary.is-inverted[disabled],
fieldset[disabled] .button.is-primary.is-inverted { fieldset[disabled] .button.is-primary.is-inverted {
background-color: #3c3c3c; background-color: #fff;
border-color: transparent; border-color: transparent;
box-shadow: none; box-shadow: none;
color: #fff; } color: #F25757; }
.button.is-primary.is-loading::after { .button.is-primary.is-loading::after {
border-color: transparent transparent #3c3c3c #3c3c3c !important; } border-color: transparent transparent #fff #fff !important; }
.button.is-primary.is-outlined { .button.is-primary.is-outlined {
background-color: transparent; background-color: transparent;
border-color: #fff; border-color: #F25757;
color: #fff; } color: #F25757; }
.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus { .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus {
background-color: #fff; background-color: #F25757;
border-color: #fff; border-color: #F25757;
color: #3c3c3c; } color: #fff; }
.button.is-primary.is-outlined.is-loading::after { .button.is-primary.is-outlined.is-loading::after {
border-color: transparent transparent #fff #fff !important; } border-color: transparent transparent #F25757 #F25757 !important; }
.button.is-primary.is-outlined[disabled], .button.is-primary.is-outlined[disabled],
fieldset[disabled] .button.is-primary.is-outlined { fieldset[disabled] .button.is-primary.is-outlined {
background-color: transparent; background-color: transparent;
border-color: #fff; border-color: #F25757;
box-shadow: none; box-shadow: none;
color: #fff; } color: #F25757; }
.button.is-primary.is-inverted.is-outlined { .button.is-primary.is-inverted.is-outlined {
background-color: transparent; background-color: transparent;
border-color: #3c3c3c; border-color: #fff;
color: #3c3c3c; }
.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined:focus {
background-color: #3c3c3c;
color: #fff; } color: #fff; }
.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined:focus {
background-color: #fff;
color: #F25757; }
.button.is-primary.is-inverted.is-outlined[disabled], .button.is-primary.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-primary.is-inverted.is-outlined { fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
background-color: transparent; background-color: transparent;
border-color: #3c3c3c; border-color: #fff;
box-shadow: none; box-shadow: none;
color: #3c3c3c; } color: #fff; }
.button.is-link { .button.is-link {
background-color: #3273dc; background-color: #3273dc;
border-color: transparent; border-color: transparent;
@ -2224,13 +2224,13 @@ a.box:active {
box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); }
.input.is-primary, .input.is-primary,
.textarea.is-primary { .textarea.is-primary {
border-color: #fff; } border-color: #F25757; }
.input.is-primary:focus, .input.is-primary.is-focused, .input.is-primary:active, .input.is-primary.is-active, .input.is-primary:focus, .input.is-primary.is-focused, .input.is-primary:active, .input.is-primary.is-active,
.textarea.is-primary:focus, .textarea.is-primary:focus,
.textarea.is-primary.is-focused, .textarea.is-primary.is-focused,
.textarea.is-primary:active, .textarea.is-primary:active,
.textarea.is-primary.is-active { .textarea.is-primary.is-active {
box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } box-shadow: 0 0 0 0.125em rgba(242, 87, 87, 0.25); }
.input.is-link, .input.is-link,
.textarea.is-link { .textarea.is-link {
border-color: #3273dc; } border-color: #3273dc; }
@ -2445,13 +2445,13 @@ a.box:active {
.select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active { .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); } box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); }
.select.is-primary:not(:hover)::after { .select.is-primary:not(:hover)::after {
border-color: #fff; } border-color: #F25757; }
.select.is-primary select { .select.is-primary select {
border-color: #fff; } border-color: #F25757; }
.select.is-primary select:hover, .select.is-primary select.is-hovered { .select.is-primary select:hover, .select.is-primary select.is-hovered {
border-color: #f2f2f2; } border-color: #f03f3f; }
.select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active { .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, 255, 255, 0.25); } box-shadow: 0 0 0 0.125em rgba(242, 87, 87, 0.25); }
.select.is-link:not(:hover)::after { .select.is-link:not(:hover)::after {
border-color: #3273dc; } border-color: #3273dc; }
.select.is-link select { .select.is-link select {
@ -2588,21 +2588,21 @@ a.box:active {
border-color: transparent; border-color: transparent;
color: whitesmoke; } color: whitesmoke; }
.file.is-primary .file-cta { .file.is-primary .file-cta {
background-color: #fff; background-color: #F25757;
border-color: transparent; border-color: transparent;
color: #3c3c3c; } color: #fff; }
.file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta { .file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta {
background-color: #f9f9f9; background-color: #f14b4b;
border-color: transparent; border-color: transparent;
color: #3c3c3c; } color: #fff; }
.file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta { .file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta {
border-color: transparent; border-color: transparent;
box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); box-shadow: 0 0 0.5em rgba(242, 87, 87, 0.25);
color: #3c3c3c; } color: #fff; }
.file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta { .file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta {
background-color: #f2f2f2; background-color: #f03f3f;
border-color: transparent; border-color: transparent;
color: #3c3c3c; } color: #fff; }
.file.is-link .file-cta { .file.is-link .file-cta {
background-color: #3273dc; background-color: #3273dc;
border-color: transparent; border-color: transparent;
@ -2830,7 +2830,7 @@ a.box:active {
.help.is-dark { .help.is-dark {
color: #363636; } color: #363636; }
.help.is-primary { .help.is-primary {
color: #fff; } color: #F25757; }
.help.is-link { .help.is-link {
color: #3273dc; } color: #3273dc; }
.help.is-info { .help.is-info {
@ -3156,8 +3156,8 @@ a.box:active {
background-color: #363636; background-color: #363636;
color: whitesmoke; } color: whitesmoke; }
.notification.is-primary { .notification.is-primary {
background-color: #fff; background-color: #F25757;
color: #3c3c3c; } color: #fff; }
.notification.is-link { .notification.is-link {
background-color: #3273dc; background-color: #3273dc;
color: #fff; } color: #fff; }
@ -3240,13 +3240,13 @@ a.box:active {
.progress.is-dark:indeterminate { .progress.is-dark:indeterminate {
background-image: linear-gradient(to right, #363636 30%, #dbdbdb 30%); } background-image: linear-gradient(to right, #363636 30%, #dbdbdb 30%); }
.progress.is-primary::-webkit-progress-value { .progress.is-primary::-webkit-progress-value {
background-color: #fff; } background-color: #F25757; }
.progress.is-primary::-moz-progress-bar { .progress.is-primary::-moz-progress-bar {
background-color: #fff; } background-color: #F25757; }
.progress.is-primary::-ms-fill { .progress.is-primary::-ms-fill {
background-color: #fff; } background-color: #F25757; }
.progress.is-primary:indeterminate { .progress.is-primary:indeterminate {
background-image: linear-gradient(to right, #fff 30%, #dbdbdb 30%); } background-image: linear-gradient(to right, #F25757 30%, #dbdbdb 30%); }
.progress.is-link::-webkit-progress-value { .progress.is-link::-webkit-progress-value {
background-color: #3273dc; } background-color: #3273dc; }
.progress.is-link::-moz-progress-bar { .progress.is-link::-moz-progress-bar {
@ -3331,9 +3331,9 @@ a.box:active {
color: whitesmoke; } color: whitesmoke; }
.table td.is-primary, .table td.is-primary,
.table th.is-primary { .table th.is-primary {
background-color: #fff; background-color: #F25757;
border-color: #fff; border-color: #F25757;
color: #3c3c3c; } color: #fff; }
.table td.is-link, .table td.is-link,
.table th.is-link { .table th.is-link {
background-color: #3273dc; background-color: #3273dc;
@ -3365,8 +3365,8 @@ a.box:active {
width: 1%; } width: 1%; }
.table td.is-selected, .table td.is-selected,
.table th.is-selected { .table th.is-selected {
background-color: #fff; background-color: #F25757;
color: #3c3c3c; } color: #fff; }
.table td.is-selected a, .table td.is-selected a,
.table td.is-selected strong, .table td.is-selected strong,
.table th.is-selected a, .table th.is-selected a,
@ -3376,14 +3376,14 @@ a.box:active {
color: #363636; color: #363636;
text-align: left; } text-align: left; }
.table tr.is-selected { .table tr.is-selected {
background-color: #fff; background-color: #F25757;
color: #3c3c3c; } 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; }
.table tr.is-selected td, .table tr.is-selected td,
.table tr.is-selected th { .table tr.is-selected th {
border-color: #3c3c3c; border-color: #fff;
color: currentColor; } color: currentColor; }
.table thead { .table thead {
background-color: transparent; } background-color: transparent; }
@ -3503,8 +3503,8 @@ a.box:active {
background-color: #363636; background-color: #363636;
color: whitesmoke; } color: whitesmoke; }
.tag:not(body).is-primary { .tag:not(body).is-primary {
background-color: #fff; background-color: #F25757;
color: #3c3c3c; } color: #fff; }
.tag:not(body).is-link { .tag:not(body).is-link {
background-color: #3273dc; background-color: #3273dc;
color: #fff; } color: #fff; }
@ -4066,13 +4066,13 @@ a.list-item {
border-color: #363636; border-color: #363636;
color: #2a2a2a; } color: #2a2a2a; }
.message.is-primary { .message.is-primary {
background-color: white; } background-color: #fef6f6; }
.message.is-primary .message-header { .message.is-primary .message-header {
background-color: #fff; background-color: #F25757;
color: #3c3c3c; } color: #fff; }
.message.is-primary .message-body { .message.is-primary .message-body {
border-color: #fff; border-color: #F25757;
color: #4d4d4d; } color: #c31a1a; }
.message.is-link { .message.is-link {
background-color: #f6f9fe; } background-color: #f6f9fe; }
.message.is-link .message-header { .message.is-link .message-header {
@ -4393,26 +4393,26 @@ a.list-item {
background-color: #363636; background-color: #363636;
color: whitesmoke; } } color: whitesmoke; } }
.navbar.is-primary { .navbar.is-primary {
background-color: #fff; background-color: #F25757;
color: #3c3c3c; } color: #fff; }
.navbar.is-primary .navbar-brand > .navbar-item, .navbar.is-primary .navbar-brand > .navbar-item,
.navbar.is-primary .navbar-brand .navbar-link { .navbar.is-primary .navbar-brand .navbar-link {
color: #3c3c3c; } color: #fff; }
.navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active,
.navbar.is-primary .navbar-brand .navbar-link:hover, .navbar.is-primary .navbar-brand .navbar-link:hover,
.navbar.is-primary .navbar-brand .navbar-link.is-active { .navbar.is-primary .navbar-brand .navbar-link.is-active {
background-color: #f2f2f2; background-color: #f03f3f;
color: #3c3c3c; } color: #fff; }
.navbar.is-primary .navbar-brand .navbar-link::after { .navbar.is-primary .navbar-brand .navbar-link::after {
border-color: #3c3c3c; } border-color: #fff; }
.navbar.is-primary .navbar-burger { .navbar.is-primary .navbar-burger {
color: #3c3c3c; } color: #fff; }
@media screen and (min-width: 1088px) { @media screen and (min-width: 1088px) {
.navbar.is-primary .navbar-start > .navbar-item, .navbar.is-primary .navbar-start > .navbar-item,
.navbar.is-primary .navbar-start .navbar-link, .navbar.is-primary .navbar-start .navbar-link,
.navbar.is-primary .navbar-end > .navbar-item, .navbar.is-primary .navbar-end > .navbar-item,
.navbar.is-primary .navbar-end .navbar-link { .navbar.is-primary .navbar-end .navbar-link {
color: #3c3c3c; } color: #fff; }
.navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active, .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:hover, .navbar.is-primary .navbar-start .navbar-link:hover,
.navbar.is-primary .navbar-start .navbar-link.is-active, .navbar.is-primary .navbar-start .navbar-link.is-active,
@ -4420,18 +4420,18 @@ a.list-item {
.navbar.is-primary .navbar-end > a.navbar-item.is-active, .navbar.is-primary .navbar-end > a.navbar-item.is-active,
.navbar.is-primary .navbar-end .navbar-link:hover, .navbar.is-primary .navbar-end .navbar-link:hover,
.navbar.is-primary .navbar-end .navbar-link.is-active { .navbar.is-primary .navbar-end .navbar-link.is-active {
background-color: #f2f2f2; background-color: #f03f3f;
color: #3c3c3c; } color: #fff; }
.navbar.is-primary .navbar-start .navbar-link::after, .navbar.is-primary .navbar-start .navbar-link::after,
.navbar.is-primary .navbar-end .navbar-link::after { .navbar.is-primary .navbar-end .navbar-link::after {
border-color: #3c3c3c; } border-color: #fff; }
.navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link { .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #f2f2f2; background-color: #f03f3f;
color: #3c3c3c; } color: #fff; }
.navbar.is-primary .navbar-dropdown a.navbar-item.is-active { .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
background-color: #fff; background-color: #F25757;
color: #3c3c3c; } } color: #fff; } }
.navbar.is-link { .navbar.is-link {
background-color: #3273dc; background-color: #3273dc;
color: #fff; } color: #fff; }
@ -6610,49 +6610,49 @@ label.panel-block {
.hero.is-dark.is-bold .navbar-menu { .hero.is-dark.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); } } background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); } }
.hero.is-primary { .hero.is-primary {
background-color: #fff; background-color: #F25757;
color: #3c3c3c; } color: #fff; }
.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag), .hero.is-primary a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-primary strong { .hero.is-primary strong {
color: inherit; } color: inherit; }
.hero.is-primary .title { .hero.is-primary .title {
color: #3c3c3c; } color: #fff; }
.hero.is-primary .subtitle { .hero.is-primary .subtitle {
color: rgba(60, 60, 60, 0.9); } color: rgba(255, 255, 255, 0.9); }
.hero.is-primary .subtitle a:not(.button), .hero.is-primary .subtitle a:not(.button),
.hero.is-primary .subtitle strong { .hero.is-primary .subtitle strong {
color: #3c3c3c; } color: #fff; }
@media screen and (max-width: 1087px) { @media screen and (max-width: 1087px) {
.hero.is-primary .navbar-menu { .hero.is-primary .navbar-menu {
background-color: #fff; } } background-color: #F25757; } }
.hero.is-primary .navbar-item, .hero.is-primary .navbar-item,
.hero.is-primary .navbar-link { .hero.is-primary .navbar-link {
color: rgba(60, 60, 60, 0.7); } color: rgba(255, 255, 255, 0.7); }
.hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active, .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:hover,
.hero.is-primary .navbar-link.is-active { .hero.is-primary .navbar-link.is-active {
background-color: #f2f2f2; background-color: #f03f3f;
color: #3c3c3c; } color: #fff; }
.hero.is-primary .tabs a { .hero.is-primary .tabs a {
color: #3c3c3c; color: #fff;
opacity: 0.9; } opacity: 0.9; }
.hero.is-primary .tabs a:hover { .hero.is-primary .tabs a:hover {
opacity: 1; } opacity: 1; }
.hero.is-primary .tabs li.is-active a { .hero.is-primary .tabs li.is-active a {
opacity: 1; } opacity: 1; }
.hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a { .hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a {
color: #3c3c3c; } color: #fff; }
.hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover { .hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, 0.1); } 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 { .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: #3c3c3c; background-color: #fff;
border-color: #3c3c3c; border-color: #fff;
color: #fff; } color: #F25757; }
.hero.is-primary.is-bold { .hero.is-primary.is-bold {
background-image: linear-gradient(141deg, #e6e6e6 0%, #fff 71%, white 100%); } background-image: linear-gradient(141deg, #fa1c41 0%, #F25757 71%, #f8826b 100%); }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.hero.is-primary.is-bold .navbar-menu { .hero.is-primary.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #e6e6e6 0%, #fff 71%, white 100%); } } background-image: linear-gradient(141deg, #fa1c41 0%, #F25757 71%, #f8826b 100%); } }
.hero.is-link { .hero.is-link {
background-color: #3273dc; background-color: #3273dc;
color: #fff; } color: #fff; }
@ -6952,3 +6952,6 @@ label.panel-block {
#idCard .tags { #idCard .tags {
margin-top: -1.25rem; } margin-top: -1.25rem; }
#experiences .media-content {
overflow: hidden; }