This is an automated email from the git hooks/post-receive script. New commit to branch ramonville in repository pollen. See https://gitlab.nuiton.org/chorem/pollen.git commit 6e119ed906e1d594e5efea6d62e8c37b4ebf3acc Author: Samuel Maisonneuve <maisonneuve@codelutin.com> Date: Wed Dec 12 15:02:59 2018 +0100 fix css for ie11 --- pollen-ui-riot-js/src/main/web/css/blaze.css | 506 ++++++++++----------- pollen-ui-riot-js/src/main/web/css/main.css | 126 ++--- pollen-ui-riot-js/src/main/web/homeCL/style.css | 2 +- .../src/main/web/tag/PollenHeader.tag.html | 6 +- pollen-ui-riot-js/src/main/web/tag/SignUp.tag.html | 2 +- .../web/tag/components/ContextualMenu.tag.html | 12 +- .../main/web/tag/components/LoadingCard.tag.html | 2 +- .../src/main/web/tag/poll/Comments.tag.html | 2 +- .../src/main/web/tag/poll/PollCard.tag.html | 2 +- .../src/main/web/tag/poll/VotesTable.tag.html | 6 +- .../web/tag/voteCountingType/BordaConfig.tag.html | 4 +- 11 files changed, 335 insertions(+), 335 deletions(-) diff --git a/pollen-ui-riot-js/src/main/web/css/blaze.css b/pollen-ui-riot-js/src/main/web/css/blaze.css index cfd6286f..42ed5f13 100644 --- a/pollen-ui-riot-js/src/main/web/css/blaze.css +++ b/pollen-ui-riot-js/src/main/web/css/blaze.css @@ -23,8 +23,8 @@ ***************************************************************/ .c-button{ border:1px solid transparent; - background-color:var(--default); - color:var(--background); + background-color:#1b1b1b; + color:#ffffff; display:inline; max-width:100%; margin:0; @@ -51,20 +51,20 @@ } .c-button.c-button--active { - background-color:var(--active); + background-color:#7b929e; } .c-button:not(:disabled):hover { - background-color:var(--btn-hover); + background-color:#b0bec5; } .c-button:not(:disabled):focus { - border-color:var(--focus); - box-shadow:inset 0 0 0 2px var(--shadow); + border-color:#10b8ca; + box-shadow:inset 0 0 0 2px #4dabf5; } .c-button:not(:disabled):active { - background-color:var(--active); + background-color:#7b929e; } .c-button:disabled { @@ -94,8 +94,8 @@ } .c-button--close:not(:disabled):focus { - border-color:var(--focus); - box-shadow:inset 0 0 0 2px var(--shadow); + border-color:#10b8ca; + box-shadow:inset 0 0 0 2px #4dabf5; } .c-button--close:not(:disabled):active { @@ -113,123 +113,123 @@ .c-button--brand { border:1px solid transparent; - background-color:var(--brand); - color:var(--background); + background-color:#2c3e50; + color:#ffffff; } .c-button--brand.c-button--active { - background-color:var(--brand-active); + background-color:#1c2732; } .c-button--brand:not(:disabled):hover { - background-color:var(--brand-hover); + background-color:#3c556e; } .c-button--brand:not(:disabled):focus { - border-color:var(--focus); - box-shadow:inset 0 0 0 2px var(--shadow); + border-color:#10b8ca; + box-shadow:inset 0 0 0 2px #4dabf5; } .c-button--brand:not(:disabled):active { - background-color:var(--brand-active); + background-color:#1c2732; } .c-button--info { border:1px solid transparent; - background-color:var(--info); - color:var(--background); + background-color:#10b8ca; + color:#ffffff; } .c-button--info.c-button--active { - background-color:var(--info-active); + background-color:#00aba3; } .c-button--info:not(:disabled):hover { - background-color:var(--info-hover); + background-color:#10bfde; } .c-button--info:not(:disabled):focus { - border-color:var(--focus); - box-shadow:inset 0 0 0 2px var(--shadow); + border-color:#10b8ca; + box-shadow:inset 0 0 0 2px #4dabf5; } .c-button--info:not(:disabled):active { - background-color:var(--info-active); + background-color:#00aba3; } .c-button--warning { border:1px solid transparent; - background-color:var(--warning); - color:var(--background); + background-color:#ff9800; + color:#ffffff; } .c-button--warning.c-button--active { - background-color:var(--warning-active); + background-color:#d17d00; } .c-button--warning:not(:disabled):hover { - background-color:var(--warning-hover); + background-color:#ffab2e; } .c-button--warning:not(:disabled):focus { - border-color:var(--focus); - box-shadow:inset 0 0 0 2px var(--shadow); + border-color:#10b8ca; + box-shadow:inset 0 0 0 2px #4dabf5; } .c-button--warning:not(:disabled):active { - background-color:var(--warning-active); + background-color:#d17d00; } .c-button--success { border:1px solid transparent; - background-color:var(--success); - color:var(--background); + background-color:#4caf50; + color:#ffffff; } .c-button--success.c-button--active { - background-color:var(--success-active); + background-color:#3e8f41; } .c-button--success:not(:disabled):hover { - background-color:var(--success-hover); + background-color:#6abe6e; } .c-button--success:not(:disabled):focus { - border-color:var(--focus); - box-shadow:inset 0 0 0 2px var(--shadow); + border-color:#10b8ca; + box-shadow:inset 0 0 0 2px #4dabf5; } .c-button--success:not(:disabled):active { - background-color:var(--success-active); + background-color:#3e8f41; } .c-button--error { border:1px solid transparent; - background-color:var(--error); - color:var(--background); + background-color:#f44336; + color:#ffffff; } .c-button--error.c-button--active { - background-color:var(--error-active); + background-color:#ef1d0d; } .c-button--error:not(:disabled):hover { - background-color:var(--error-hover); + background-color:#f66c62; } .c-button--error:not(:disabled):focus { - border-color:var(--focus); - box-shadow:inset 0 0 0 2px var(--shadow); + border-color:#10b8ca; + box-shadow:inset 0 0 0 2px #4dabf5; } .c-button--error:not(:disabled):active { - background-color:var(--error-active); + background-color:#ef1d0d; } .c-button--ghost { - border:1px solid var(--default); + border:1px solid #1b1b1b; background-color:transparent; - color:var(--default); + color:#1b1b1b; } .colors-main-invers .c-button--ghost, @@ -238,169 +238,169 @@ .colors-main-invers .c-button--ghost-warning, .colors-main-invers .c-button--ghost-success, .colors-main-invers .c-button--ghost-error { - background-color: var(--background); + background-color: #ffffff; } .c-button--ghost.c-button--active { - border-color:var(--active); - background-color:var(--active); - color:var(--background); + border-color:#7b929e; + background-color:#7b929e; + color:#ffffff; } .c-button--ghost:not(:disabled):hover { - background-color:var(--default); - color:var(--background); + background-color:#1b1b1b; + color:#ffffff; } .c-button--ghost:not(:disabled):focus { - border-color:var(--focus); - box-shadow:inset 0 0 0 2px var(--shadow); + border-color:#10b8ca; + box-shadow:inset 0 0 0 2px #4dabf5; } .c-button--ghost:not(:disabled):active { - border-color:var(--active); - background-color:var(--active); - color:var(--background); + border-color:#7b929e; + background-color:#7b929e; + color:#ffffff; } .c-button--ghost-brand { - border:1px solid var(--brand); + border:1px solid #2c3e50; background-color:transparent; - color:var(--brand); + color:#2c3e50; } .c-button--ghost-brand.c-button--active { - border-color:var(--brand-active); - background-color:var(--brand-active); - color:var(--background); + border-color:#1c2732; + background-color:#1c2732; + color:#ffffff; } .c-button--ghost-brand:not(:disabled):hover { - background-color:var(--brand); - color:var(--background); + background-color:#2c3e50; + color:#ffffff; } .c-button--ghost-brand:not(:disabled):focus { - border-color:var(--focus); - box-shadow:inset 0 0 0 2px var(--shadow); + border-color:#10b8ca; + box-shadow:inset 0 0 0 2px #4dabf5; } .c-button--ghost-brand:not(:disabled):active { - border-color:var(--brand-active); - background-color:var(--brand-active); - color:var(--background); + border-color:#1c2732; + background-color:#1c2732; + color:#ffffff; } .c-button--ghost-info { - border:1px solid var(--info); + border:1px solid #10b8ca; background-color:transparent; - color:var(--info); + color:#10b8ca; } .c-button--ghost-info.c-button--active { - border-color:var(--info-active); - background-color:var(--info-active); - color:var(--background); + border-color:#00aba3; + background-color:#00aba3; + color:#ffffff; } .c-button--ghost-info:not(:disabled):hover { - background-color:var(--info); - color:var(--background); + background-color:#10b8ca; + color:#ffffff; } .c-button--ghost-info:not(:disabled):focus { - border-color:var(--focus); - box-shadow:inset 0 0 0 2px var(--shadow); + border-color:#10b8ca; + box-shadow:inset 0 0 0 2px #4dabf5; } .c-button--ghost-info:not(:disabled):active { - border-color:var(--info-active); - background-color:var(--info-active); - color:var(--background); + border-color:#00aba3; + background-color:#00aba3; + color:#ffffff; } .c-button--ghost-warning { - border:1px solid var(--warning); + border:1px solid #ff9800; background-color:transparent; - color:var(--warning); + color:#ff9800; } .c-button--ghost-warning.c-button--active { - border-color:var(--warning-active); - background-color:var(--warning-active); - color:var(--background); + border-color:#d17d00; + background-color:#d17d00; + color:#ffffff; } .c-button--ghost-warning:not(:disabled):hover { - background-color:var(--warning); - color:var(--background); + background-color:#ff9800; + color:#ffffff; } .c-button--ghost-warning:not(:disabled):focus { - border-color:var(--focus); - box-shadow:inset 0 0 0 2px var(--shadow); + border-color:#10b8ca; + box-shadow:inset 0 0 0 2px #4dabf5; } .c-button--ghost-warning:not(:disabled):active { - border-color:var(--warning-active); - background-color:var(--warning-active); - color:var(--background); + border-color:#d17d00; + background-color:#d17d00; + color:#ffffff; } .c-button--ghost-success { - border:1px solid var(--success); + border:1px solid #4caf50; background-color:transparent; - color:var(--success); + color:#4caf50; } .c-button--ghost-success.c-button--active { - border-color:var(--success-active); - background-color:var(--success-active); - color:var(--background); + border-color:#3e8f41; + background-color:#3e8f41; + color:#ffffff; } .c-button--ghost-success:not(:disabled):hover { - background-color:var(--success); - color:var(--background); + background-color:#4caf50; + color:#ffffff; } .c-button--ghost-success:not(:disabled):focus { - border-color:var(--focus); - box-shadow:inset 0 0 0 2px var(--shadow); + border-color:#10b8ca; + box-shadow:inset 0 0 0 2px #4dabf5; } .c-button--ghost-success:not(:disabled):active { - border-color:var(--success-active); - background-color:var(--success-active); - color:var(--background); + border-color:#3e8f41; + background-color:#3e8f41; + color:#ffffff; } .c-button--ghost-error { - border:1px solid var(--error); + border:1px solid #f44336; background-color:transparent; - color:var(--error); + color:#f44336; } .c-button--ghost-error.c-button--active { - border-color:var(--error-active); - background-color:var(--error-active); - color:var(--background); + border-color:#ef1d0d; + background-color:#ef1d0d; + color:#ffffff; } .c-button--ghost-error:not(:disabled):hover { - background-color:var(--error); - color:var(--background); + background-color:#f44336; + color:#ffffff; } .c-button--ghost-error:not(:disabled):focus { - border-color:var(--focus); - box-shadow:inset 0 0 0 2px var(--shadow); + border-color:#10b8ca; + box-shadow:inset 0 0 0 2px #4dabf5; } .c-button--ghost-error:not(:disabled):active { - border-color:var(--error-active); - background-color:var(--error-active); - color:var(--background); + border-color:#ef1d0d; + background-color:#ef1d0d; + color:#ffffff; } .c-button__icon-left { @@ -547,21 +547,21 @@ } .o-field .c-field--success~.c-icon { - color:var(--success); + color:#4caf50; } .o-field .c-field--error~.c-icon { - color:var(--error); + color:#f44336; } .o-field .c-field:disabled~.c-icon { - color:var(--default); + color:#1b1b1b; } .o-field .c-icon { position:absolute;top:50%; transform:translateY(-50%); - color:var(--default); + color:#1b1b1b; } .o-field--icon-right .c-field+.c-icon { @@ -589,10 +589,10 @@ width:100%; margin:0; padding:.5em; - border:1px solid var(--default); + border:1px solid #1b1b1b; border-radius:4px; outline:0; - background-color:var(--background); + background-color:#ffffff; font-family:inherit; font-size:1em; font-weight:400; @@ -603,8 +603,8 @@ } .c-field:focus { - border-color:var(--focus); - box-shadow:inset 0 0 0 2px var(--shadow); + border-color:#10b8ca; + box-shadow:inset 0 0 0 2px #4dabf5; } @@ -628,12 +628,12 @@ select.c-field:not([multiple]) { } .c-field--error { - border-color:var(--error); - color:var(--error); + border-color:#f44336; + color:#f44336; } .c-field--success { - border-color:var(--success); + border-color:#4caf50; color:inherit; } @@ -645,10 +645,10 @@ select.c-field:not([multiple]) { .c-field--disabled, .c-field:disabled { - color:var(--default); + color:#1b1b1b; cursor:not-allowed; - border-color:var(--default); - background-color:var(--disabled); + border-color:#1b1b1b; + background-color:#e5eaec; } .c-field--disabled.c-field--choice, @@ -657,7 +657,7 @@ select.c-field:not([multiple]) { } .c-field input:disabled { - color:var(--default); + color:#1b1b1b; cursor:not-allowed; } @@ -684,7 +684,7 @@ select.c-field:not([multiple]) { } .c-toggle input:not(:checked)+.c-toggle__track { - background-color:var(--disabled); + background-color:#e5eaec; } .c-toggle input:not(:checked)+.c-toggle__track .c-toggle__handle { @@ -693,28 +693,28 @@ select.c-field:not([multiple]) { .c-toggle input:disabled+.c-toggle__track, .c-toggle input:disabled+.c-toggle__track .c-toggle__handle { - background-color:var(--disabled); + background-color:#e5eaec; cursor:not-allowed; } .c-toggle--brand .c-toggle__track { - background-color:var(--brand); + background-color:#2c3e50; } .c-toggle--info .c-toggle__track { - background-color:var(--info); + background-color:#10b8ca; } .c-toggle--warning .c-toggle__track { - background-color:var(--warning); + background-color:#ff9800; } .c-toggle--success .c-toggle__track { - background-color:var(--success); + background-color:#4caf50; } .c-toggle--error .c-toggle__track { - background-color:var(--error); + background-color:#f44336; } .c-toggle input { @@ -728,7 +728,7 @@ select.c-field:not([multiple]) { padding-left:1em; -ms-flex:0 1 auto; flex:0 1 auto; - background-color:var(--default); + background-color:#1b1b1b; position:relative; width:1em; height:.5em; @@ -744,8 +744,8 @@ select.c-field:not([multiple]) { height:1em; transform:translateX(100%); border-radius:30em; - background-color:var(--toggle); - box-shadow:0 1px 4px -1px var(--toggle-shadow); + background-color:#fff; + box-shadow:0 1px 4px -1px #111; } .o-modal { @@ -755,9 +755,9 @@ select.c-field:not([multiple]) { transform:translate(-50%,-50%); display:block; width:80%; - border:0 solid var(--default); + border:0 solid #1b1b1b; border-radius:4px; - background-color:var(--background); + background-color:#ffffff; overflow:hidden; z-index:1; } @@ -776,8 +776,8 @@ select.c-field:not([multiple]) { list-style:none; display:block; border-radius:4px; - background-color:var(--background); - box-shadow:0 0 1px var(--shadow); + background-color:#ffffff; + box-shadow:0 0 1px #4dabf5; overflow:hidden; } @@ -872,33 +872,33 @@ select.c-field:not([multiple]) { .c-card__item--divider { background-color:var(--defaut); - color:var(--background); + color:#ffffff; font-weight:700; } .c-card__item--brand { - background-color:var(--brand); - color:var(--background); + background-color:#2c3e50; + color:#ffffff; } .c-card__item--info { - background-color:var(--info); - color:var(--background); + background-color:#10b8ca; + color:#ffffff; } .c-card__item--warning { - background-color:var(--warning); - color:var(--background); + background-color:#ff9800; + color:#ffffff; } .c-card__item--success { background-color:#4caf50; - color:var(--background); + color:#ffffff; } .c-card__item--error { - background-color:var(--error); - color:var(--background); + background-color:#f44336; + color:#ffffff; } .c-card__item--disabled { @@ -907,7 +907,7 @@ select.c-field:not([multiple]) { } .c-card--accordion label.c-card__item:not(.c-card__item--disabled):not(.c-card__item--divider):hover,.c-card--menu .c-card__item:not(.c-card__item--disabled):not(.c-card__item--divider):hover { - background-color:var(--disabled); + background-color:#e5eaec; cursor:pointer; } @@ -916,7 +916,7 @@ select.c-field:not([multiple]) { } .c-card--accordion label.c-card__item:not(.c-card__item--disabled):not(.c-card__item--divider):hover.c-card__item--info,.c-card--menu .c-card__item:not(.c-card__item--disabled):not(.c-card__item--divider):hover.c-card__item--info { - background-color:var(--info-hover); + background-color:#10bfde; } .c-card--accordion label.c-card__item:not(.c-card__item--disabled):not(.c-card__item--divider):hover.c-card__item--warning,.c-card--menu .c-card__item:not(.c-card__item--disabled):not(.c-card__item--divider):hover.c-card__item--warning { @@ -924,11 +924,11 @@ select.c-field:not([multiple]) { } .c-card--accordion label.c-card__item:not(.c-card__item--disabled):not(.c-card__item--divider):hover.c-card__item--success,.c-card--menu .c-card__item:not(.c-card__item--disabled):not(.c-card__item--divider):hover.c-card__item--success { - background-color:var(--success-hover); + background-color:#6abe6e; } .c-card--accordion label.c-card__item:not(.c-card__item--disabled):not(.c-card__item--divider):hover.c-card__item--error,.c-card--menu .c-card__item:not(.c-card__item--disabled):not(.c-card__item--divider):hover.c-card__item--error { - background-color:var(--error-hover); + background-color:#f66c62; } .c-card--accordion>input:checked+.c-card__item,.c-card__item--active { @@ -937,23 +937,23 @@ select.c-field:not([multiple]) { } .c-card--accordion>input:checked+.c-card__item.c-card__item--brand,.c-card__item--active.c-card__item--brand { - background-color:var(--brand-active); + background-color:#1c2732; } .c-card--accordion>input:checked+.c-card__item.c-card__item--info,.c-card__item--active.c-card__item--info { - background-color:var(--info-active); + background-color:#00aba3; } .c-card--accordion>input:checked+.c-card__item.c-card__item--warning,.c-card__item--active.c-card__item--warning { - background-color:var(--warning-active); + background-color:#d17d00; } .c-card--accordion>input:checked+.c-card__item.c-card__item--success,.c-card__item--active.c-card__item--success { - background-color:var(--success-active); + background-color:#3e8f41; } .c-card--accordion>input:checked+.c-card__item.c-card__item--error,.c-card__item--active.c-card__item--error { - background-color:var(--error-active); + background-color:#ef1d0d; } .c-overlay { @@ -965,7 +965,7 @@ select.c-field:not([multiple]) { left:0; width:100%; height:100%; - background-color: var(--overlay); + background-color: hsla(0, 0%, 7%, 0.4); z-index:1; } @@ -974,7 +974,7 @@ select.c-field:not([multiple]) { padding:0 .5em; transform:scale(.8); transform-origin:top left; - color:var(--active); + color:#7b929e; font-size:1em; opacity:0; pointer-events:none; @@ -987,11 +987,11 @@ select.c-field:not([multiple]) { } .c-hint--success { - color:var(--success); + color:#4caf50; } .c-hint--error { - color:var(--error); + color:#f44336; } .c-alerts { @@ -1005,8 +1005,8 @@ select.c-field:not([multiple]) { } .c-alert { - background-color:var(--default); - color:var(--background); + background-color:#1b1b1b; + color:#ffffff; position:relative; margin:0 0 1em; padding:1em 3em 1em 1em; @@ -1014,28 +1014,28 @@ select.c-field:not([multiple]) { } .c-alert--brand { - background-color:var(--brand); - color:var(--background); + background-color:#2c3e50; + color:#ffffff; } .c-alert--info { - background-color:var(--info); - color:var(--background); + background-color:#10b8ca; + color:#ffffff; } .c-alert--warning { - background-color:var(--warning); - color:var(--background); + background-color:#ff9800; + color:#ffffff; } .c-alert--success { - background-color:var(--success); - color:var(--background); + background-color:#4caf50; + color:#ffffff; } .c-alert--error { - background-color:var(--error); - color:var(--background); + background-color:#f44336; + color:#ffffff; } .c-pagination { @@ -1063,8 +1063,8 @@ select.c-field:not([multiple]) { .c-pagination__control,.c-pagination__page { border:1px solid transparent; - background-color: var(--default); - color: var(--background); + background-color: #1b1b1b; + color: #ffffff; display:inline; max-width:100%; margin:0; @@ -1088,23 +1088,23 @@ select.c-field:not([multiple]) { -moz-user-select:none; -ms-user-select:none; user-select:none; - border:1px solid var(--brand); + border:1px solid #2c3e50; background-color:transparent; - color: var(--brand); + color: #2c3e50; min-width:2.4em; border-radius:30em; } .c-pagination__control.c-button--active,.c-pagination__page.c-button--active { - background-color:var(--active); + background-color:#7b929e; } .c-pagination__control:not(:disabled):hover,.c-pagination__page:not(:disabled):hover { - background-color:var(--btn-hover); + background-color:#b0bec5; } .c-pagination__control:not(:disabled):active,.c-pagination__page:not(:disabled):active { - background-color:var(--active); + background-color:#7b929e; } .c-pagination__control:disabled,.c-pagination__page:disabled { @@ -1113,30 +1113,30 @@ select.c-field:not([multiple]) { } .c-pagination__control.c-button--active,.c-pagination__page.c-button--active { - border-color: var(--brand-active); - background-color: var(--brand-active); - color: var(--background); + border-color: #1c2732; + background-color: #1c2732; + color: #ffffff; } .c-pagination__control:not(:disabled):hover,.c-pagination__page:not(:disabled):hover { - background-color: var(--brand); - color: var(--background); + background-color: #2c3e50; + color: #ffffff; } .c-pagination__control:not(:disabled):focus,.c-pagination__page:not(:disabled):focus { - border-color: var(--focus); - box-shadow:inset 0 0 0 2px var(--shadow); + border-color: #10b8ca; + box-shadow:inset 0 0 0 2px #4dabf5; } .c-pagination__control:not(:disabled):active,.c-pagination__page:not(:disabled):active { - border-color: var(--brand-active); - background-color: var(--brand-active); - color: var(--background); + border-color: #1c2732; + background-color: #1c2732; + color: #ffffff; } .c-pagination__page--current { - background-color: var(--brand); - color: var(--background); + background-color: #2c3e50; + color: #ffffff; } .c-pagination__ellipsis { @@ -1145,8 +1145,8 @@ select.c-field:not([multiple]) { .c-code { margin:-.125em; padding:.25em .25em .125em; - background-color: var(--code); - color: var(--code-text); + background-color: #e5eaec; + color: #111; display:inline; font-family:Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace; font-weight:400; @@ -1171,16 +1171,16 @@ select.c-field:not([multiple]) { padding-left:.001em; max-width:400px; padding:.25em; - border:1px solid var(--default); + border:1px solid #1b1b1b; border-radius:4px; - background-color: var(--background); + background-color: #ffffff; text-align:center; z-index:1; } .c-calendar__control,.c-calendar__date { - background-color: var(--background); - color:var(--default); + background-color: #ffffff; + color:#1b1b1b; display:inline; -ms-flex:0 0 14.28%; flex:0 0 14.28%; @@ -1199,20 +1199,20 @@ select.c-field:not([multiple]) { } .c-calendar__control.c-button--active,.c-calendar__date.c-button--active { - background-color: var(--active); + background-color: #7b929e; } .c-calendar__control:not(:disabled):hover,.c-calendar__date:not(:disabled):hover { - background-color: var(--background); + background-color: #ffffff; } .c-calendar__control:not(:disabled):focus,.c-calendar__date:not(:disabled):focus { - border-color: var(--focus); - box-shadow:inset 0 0 0 2px var(--shadow); + border-color: #10b8ca; + box-shadow:inset 0 0 0 2px #4dabf5; } .c-calendar__control:not(:disabled):active,.c-calendar__date:not(:disabled):active { - background-color:var(--active); + background-color:#7b929e; } .c-calendar__header { @@ -1241,39 +1241,39 @@ select.c-field:not([multiple]) { } .c-calendar__date:hover { - border:1px solid var(--default); + border:1px solid #1b1b1b; } .c-calendar__date--in-month { - color: var(--default); + color: #1b1b1b; } .c-calendar__date--today { - border-color: var(--info); + border-color: #10b8ca; } .c-calendar__date--selected,.c-calendar__date--selected:hover { border:1px solid transparent; - background-color:var(--brand); - color: var(--background); - border-color:var(--brand); + background-color:#2c3e50; + color: #ffffff; + border-color:#2c3e50; } .c-calendar__date--selected.c-button--active,.c-calendar__date--selected:hover.c-button--active { - background-color: var(--brand-active); + background-color: #1c2732; } .c-calendar__date--selected:hover:not(:disabled):hover,.c-calendar__date--selected:not(:disabled):hover { - background-color:var(--brand-hover); + background-color:#3c556e; } .c-calendar__date--selected:hover:not(:disabled):focus,.c-calendar__date--selected:not(:disabled):focus { - border-color:var(--focus); - box-shadow:inset 0 0 0 2px var(--shadow); + border-color:#10b8ca; + box-shadow:inset 0 0 0 2px #4dabf5; } .c-calendar__date--selected:hover:not(:disabled):active,.c-calendar__date--selected:not(:disabled):active { - background-color: var(--brand-active); + background-color: #1c2732; } .u-super { @@ -1364,9 +1364,9 @@ h6.c-heading{ } .c-badge { - border:1px solid var(--default); - background-color:var(--default); - color:var(--background); + border:1px solid #1b1b1b; + background-color:#1b1b1b; + color:#ffffff; display:inline-block; margin:0; padding:.25em .5em; @@ -1377,9 +1377,9 @@ h6.c-heading{ } .c-badge.c-badge--ghost { - border:1px solid var(--default); + border:1px solid #1b1b1b; background-color:transparent; - color:var(--default); + color:#1b1b1b; } .c-badge--rounded { @@ -1387,63 +1387,63 @@ h6.c-heading{ } .c-badge--brand { - border:1px solid var(--brand); - background-color:var(--brand); - color:var(--background); + border:1px solid #2c3e50; + background-color:#2c3e50; + color:#ffffff; } .c-badge--brand.c-badge--ghost { - border:1px solid var(--brand); + border:1px solid #2c3e50; background-color:transparent; - color:var(--brand); + color:#2c3e50; } .c-badge--info { - border:1px solid var(--info); - background-color:var(--info); - color:var(--background); + border:1px solid #10b8ca; + background-color:#10b8ca; + color:#ffffff; } .c-badge--info.c-badge--ghost { - border:1px solid var(--info); + border:1px solid #10b8ca; background-color:transparent; - color:var(--info); + color:#10b8ca; } .c-badge--warning { - border:1px solid var(--warning); - background-color:var(--warning); - color:var(--background); + border:1px solid #ff9800; + background-color:#ff9800; + color:#ffffff; } .c-badge--warning.c-badge--ghost { - border:1px solid var(--warning); + border:1px solid #ff9800; background-color:transparent; - color:var(--warning); + color:#ff9800; } .c-badge--success { - border:1px solid var(--success); - background-color:var(--success); - color:var(--background); + border:1px solid #4caf50; + background-color:#4caf50; + color:#ffffff; } .c-badge--success.c-badge--ghost { - border:1px solid var(--success); + border:1px solid #4caf50; background-color:transparent; - color:var(--success); + color:#4caf50; } .c-badge--error { - border:1px solid var(--error); - background-color:var(--error); - color:var(--background); + border:1px solid #f44336; + background-color:#f44336; + color:#ffffff; } .c-badge--error.c-badge--ghost { - border:1px solid var(--error); + border:1px solid #f44336; background-color:transparent; - color:var(--error); + color:#f44336; } .c-breadcrumbs { @@ -1461,7 +1461,7 @@ h6.c-heading{ .c-breadcrumbs__crumb:not(:last-child):after { padding:0 .5em; - color: var(--link); + color: #96a8b2; content:"/"; } diff --git a/pollen-ui-riot-js/src/main/web/css/main.css b/pollen-ui-riot-js/src/main/web/css/main.css index 7915e075..b9a624f2 100644 --- a/pollen-ui-riot-js/src/main/web/css/main.css +++ b/pollen-ui-riot-js/src/main/web/css/main.css @@ -64,12 +64,12 @@ input, textarea { } .instance-title::before { - content: var(--logo); + content: ""; margin-right: 10px; } .instance-title::after { - content: var(--title); + content: "Pollen - Ramonville"; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; @@ -101,13 +101,13 @@ input, textarea { a { text-decoration: none; - color: var(--main); + color: #10b8ca; cursor: pointer; } .container { height: 100%; - background-color: var(--background); + background-color: #ffffff; } .actions { @@ -173,83 +173,83 @@ ul { .colors-main input, .colors-main textarea, .colors-main select { - background-color: var(--background); - color: var(--main); + background-color: #ffffff; + color: #10b8ca; } .colors-main-invers, .colors-main-invers a { - background-color: var(--main); - color: var(--background); + background-color: #10b8ca; + color: #ffffff; } .colors-default, .colors-default input, .colors-default textarea, .colors-default select { - background-color: var(--background); - color: var(--default); + background-color: #ffffff; + color: #1b1b1b; } .colors-default-invers, .colors-default-invers a { - background-color: var(--default); - color: var(--background); + background-color: #1b1b1b; + color: #ffffff; } .border-main { - border-color: var(--main); + border-color: #10b8ca; } .border-main-invers { - border-color: var(--background); + border-color: #ffffff; } .list-card { - background-color: var(--favorit-list) + background-color: #feffcc } .member-card { - background-color: var(--favorit-member) + background-color: #ffffff } .poll-created { - background-color: var(--poll-created); + background-color: #a6e4e1; } .poll-adding_choices { - background-color: var(--poll-adding_choices); + background-color: #bcb2e9; } .poll-voting { - background-color: var(--poll-voting); + background-color: #fff2ba; } .poll-closed { - background-color: var(--poll-closed); + background-color: #ffd9ba; } .choice-tile { - background-color: var(--choice-tile); + background-color: #d1eaea; } .choicesScale, .choicesStash { - background-color: var(--h1-background); - color: var(--h1); + background-color: #f3f3f3; + color: #777777; opacity: 0.4; border-radius: 10px; } .info-label { font-size: 0.8em; - color: var(--info); + color: #10b8ca; cursor: pointer; } .error-label { font-size: 0.8em; - color: var(--error); + color: #f44336; cursor: pointer; } @@ -265,7 +265,7 @@ ul { .tabs.below-h1 { background-color: var(--tabs-background); - border-bottom: 1px solid var(--separator); + border-bottom: 1px solid #b2c7d3; } .tab-container { @@ -299,7 +299,7 @@ ul { .tab.selected { background: var(--tab-selected-background); - border: 1px solid var(--separator); + border: 1px solid #b2c7d3; border-bottom: 0; border-radius: 4px 4px 0 0; } @@ -307,13 +307,13 @@ ul { .tab.selected, .tab.selected a, .tab.selected button { - color: var(--main); + color: #10b8ca; font-weight: bold; } .tab a:hover, .tab button:hover { - color: var(--main); + color: #10b8ca; } @media (max-width: 640px) { @@ -334,12 +334,12 @@ ul { time-picker .next, time-picker .prev { - border-color: var(--brand); + border-color: #2c3e50; } time-picker .prev:hover, time-picker .next:hover { - background-color: var(--brand); + background-color: #2c3e50; } /* The container <div> - needed to position the dropdown content */ @@ -373,117 +373,117 @@ time-picker .next:hover { } .dropdown-content { - background-color: var(--dropdown); - box-shadow: 0 2px 2px 0 var(--dropdown-shadow); + background-color: #f9f9f9; + box-shadow: 0 2px 2px 0 #aaa; } .dropdown-content a { - background-color: var(--dropdown); - color: var(--dropdown-text); + background-color: #f9f9f9; + color: #353535; } .dropdown-content a:hover { - background-color: var(--dropdown-hover); + background-color: #f1f1f1; } .separator { - border: 1px solid var(--separator); + border: 1px solid #b2c7d3; } .separator-top { - border-top: 1px solid var(--separator); + border-top: 1px solid #b2c7d3; } .separator-bottom { - border-bottom: 1px solid var(--separator); + border-bottom: 1px solid #b2c7d3; } .separator-left { - border-left: 1px solid var(--separator); + border-left: 1px solid #b2c7d3; } .separator-right { - border-right: 1px solid var(--separator); + border-right: 1px solid #b2c7d3; } .winner { - color: var(--winner); + color: #ff9e0d; } .anonymous-voter { - color: var(--anonymous); + color: #666666; font-style: italic; } qrcodebutton .o-modal, qrcode { - background-color: var(--qrcode); + background-color: #ffffff; } pollenheader { - background-color: var(--header); + background-color: #353535; } pollenheader .header-home { - font-family: var(--title-font); - color: var(--header-title); + font-family: pacifico; + color: #10b8ca; } pollenheader .header-actions { - background-color: var(--header-actions); + background-color: #535353; } pollenheader .header-link { - color: var(--header-link); + color: #eeeeee; } pollenheader .header-link:hover { - color: var(--header-link-hover); + color: #10b8ca; } h1, .h1-like { - color: var(--h1); - background-color: var(--h1-background); + color: #777777; + background-color: #f3f3f3; padding: 30px 2% 15px 2%; - border-bottom: 1px solid var(--separator); + border-bottom: 1px solid #b2c7d3; } h4 { - color: var(--h4); + color: #555555; } pollenfooter, pollenfooter a { - background-color: var(--footer); - color: var(--footer-text); + background-color: black; + color: #ffffff; } pollenfooter a:hover { - color: var(--footer-text-hover); + color: #eeeeee; } .brand { - color: var(--brand); + color: #2c3e50; } .info { - color: var(--info); + color: #10b8ca; } .warning { - color: var(--warning); + color: #ff9800; } .success { - color: var(--success); + color: #4caf50; } .error { - color: var(--error); + color: #f44336; } .c-field { - border-color: var(--field-border); + border-color: #96a8b2; } .no-border { diff --git a/pollen-ui-riot-js/src/main/web/homeCL/style.css b/pollen-ui-riot-js/src/main/web/homeCL/style.css index 79561921..48957797 100644 --- a/pollen-ui-riot-js/src/main/web/homeCL/style.css +++ b/pollen-ui-riot-js/src/main/web/homeCL/style.css @@ -61,5 +61,5 @@ .pollen { font-size: 1.4em; - font-family: var(--title-font); + font-family: pacifico; } diff --git a/pollen-ui-riot-js/src/main/web/tag/PollenHeader.tag.html b/pollen-ui-riot-js/src/main/web/tag/PollenHeader.tag.html index 52c61993..deaa2b1c 100644 --- a/pollen-ui-riot-js/src/main/web/tag/PollenHeader.tag.html +++ b/pollen-ui-riot-js/src/main/web/tag/PollenHeader.tag.html @@ -177,7 +177,7 @@ import "./components/Avatar.tag.html"; } .header-link--info { - background-color: var(--info); + background-color: #10b8ca; } .header-link--support { @@ -191,8 +191,8 @@ import "./components/Avatar.tag.html"; } .header-link--info:hover { - background-color: var(--info-hover); - color: var(--header-link); + background-color: #10bfde; + color: #eeeeee; } pollenheader .user-avatar { diff --git a/pollen-ui-riot-js/src/main/web/tag/SignUp.tag.html b/pollen-ui-riot-js/src/main/web/tag/SignUp.tag.html index 67fddc97..9a376022 100644 --- a/pollen-ui-riot-js/src/main/web/tag/SignUp.tag.html +++ b/pollen-ui-riot-js/src/main/web/tag/SignUp.tag.html @@ -212,7 +212,7 @@ import "./components/GtuValidation.tag.html"; @media (max-width: 596px) { h1 { - border-top: 1px solid var(--separator); + border-top: 1px solid #b2c7d3; } } diff --git a/pollen-ui-riot-js/src/main/web/tag/components/ContextualMenu.tag.html b/pollen-ui-riot-js/src/main/web/tag/components/ContextualMenu.tag.html index 994d2d8f..26a816b4 100644 --- a/pollen-ui-riot-js/src/main/web/tag/components/ContextualMenu.tag.html +++ b/pollen-ui-riot-js/src/main/web/tag/components/ContextualMenu.tag.html @@ -8,12 +8,12 @@ it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. - + This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. - + You should have received a copy of the GNU Affero General Public License along with this program. If not, see <http://www.gnu.org/licenses/>. #L% @@ -33,8 +33,8 @@ display: block; border-radius: 1.5em; overflow: hidden; - background-color: var(--main); - color:var(--background); + background-color: #10b8ca; + color:#ffffff; max-width: 90%; z-index: 3; } @@ -66,11 +66,11 @@ overflow: hidden; text-overflow: ellipsis; display: block; - color:var(--background); + color:#ffffff; } .links a:hover { - background-color: var(--main-hover) + background-color: #129993; } @media (max-width: 640px) { diff --git a/pollen-ui-riot-js/src/main/web/tag/components/LoadingCard.tag.html b/pollen-ui-riot-js/src/main/web/tag/components/LoadingCard.tag.html index 99a50a26..f0e99a63 100644 --- a/pollen-ui-riot-js/src/main/web/tag/components/LoadingCard.tag.html +++ b/pollen-ui-riot-js/src/main/web/tag/components/LoadingCard.tag.html @@ -37,7 +37,7 @@ width: 180px; overflow: hidden; height: 207px; - background-color: var(--disabled); + background-color: #e5eaec; } .spinner { diff --git a/pollen-ui-riot-js/src/main/web/tag/poll/Comments.tag.html b/pollen-ui-riot-js/src/main/web/tag/poll/Comments.tag.html index 810a8620..e4e45eed 100644 --- a/pollen-ui-riot-js/src/main/web/tag/poll/Comments.tag.html +++ b/pollen-ui-riot-js/src/main/web/tag/poll/Comments.tag.html @@ -390,7 +390,7 @@ import "./Report.tag.html"; overflow-y: scroll; width: 100%; height: 100%; - box-shadow: 1px 1px 12px var(--dropdown-shadow); + box-shadow: 1px 1px 12px #aaa; } .window .frame { diff --git a/pollen-ui-riot-js/src/main/web/tag/poll/PollCard.tag.html b/pollen-ui-riot-js/src/main/web/tag/poll/PollCard.tag.html index 5ba047c7..c7a532a2 100644 --- a/pollen-ui-riot-js/src/main/web/tag/poll/PollCard.tag.html +++ b/pollen-ui-riot-js/src/main/web/tag/poll/PollCard.tag.html @@ -175,7 +175,7 @@ import "../components/Avatar.tag.html"; } a { - color: var(--default); + color: #1b1b1b; } </style> diff --git a/pollen-ui-riot-js/src/main/web/tag/poll/VotesTable.tag.html b/pollen-ui-riot-js/src/main/web/tag/poll/VotesTable.tag.html index 3e40b558..375c2f7c 100644 --- a/pollen-ui-riot-js/src/main/web/tag/poll/VotesTable.tag.html +++ b/pollen-ui-riot-js/src/main/web/tag/poll/VotesTable.tag.html @@ -252,7 +252,7 @@ } .voters .row:not(:first-child):hover { - border-bottom-color: var(--brand); + border-bottom-color: #2c3e50; } .voters :not(.vote-tooltip) { @@ -281,7 +281,7 @@ .voters .row:hover .name { background-color: var(--vote-hover); - border-bottom-color: var(--brand); + border-bottom-color: #2c3e50; } .voters .name button { @@ -342,7 +342,7 @@ color: var(--tooltip-color); background: var(--tooltip-background); border-radius: 5px; - box-shadow: 0px 0px 10px var(--shadow); + box-shadow: 0px 0px 10px #4dabf5; opacity: 0.8; text-align: center; z-index: 9999; diff --git a/pollen-ui-riot-js/src/main/web/tag/voteCountingType/BordaConfig.tag.html b/pollen-ui-riot-js/src/main/web/tag/voteCountingType/BordaConfig.tag.html index 7fb14de0..1e3fe8fc 100644 --- a/pollen-ui-riot-js/src/main/web/tag/voteCountingType/BordaConfig.tag.html +++ b/pollen-ui-riot-js/src/main/web/tag/voteCountingType/BordaConfig.tag.html @@ -116,7 +116,7 @@ import "./MaxChoicesNumberConfig.tag.html"; position: absolute; top: 50%; transform: translateY(-50%); - color: var(--default); + color: #1b1b1b; } .ranks .points { @@ -124,7 +124,7 @@ import "./MaxChoicesNumberConfig.tag.html"; position: absolute; top: 50%; transform: translateY(-50%); - color: var(--default); + color: #1b1b1b; } .ranks .c-field { -- To stop receiving notification emails like this one, please contact chorem.org SCM administrator <admin+scm@chorem.org>.