From 6ce612c6be14d02d437dd9b1c516a757cb02aac9 Mon Sep 17 00:00:00 2001 From: Markku Riekkinen Date: Fri, 20 Aug 2021 18:01:36 +0300 Subject: [PATCH] Remove italic font from questionnaire hints If italic font is used for the whole hint, then teachers are unable to emphasize certain parts of the hint with italic font. Let's use normal font for the hints and let teachers decide if they need italic font in the hint. --- assets/css/main.css | 2 +- assets/sass/protocols/_quiz1.scss | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/assets/css/main.css b/assets/css/main.css index 3147e9d25..a11e51cc1 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -8,4 +8,4 @@ * A+ Styles */.kbd,kbd{background-color:#eee;border-radius:3px;border:1px solid #b4b4b4;box-shadow:0 1px 1px rgba(0,0,0,.2),0 2px 0 0 rgba(255,255,255,.7) inset;color:#333;display:inline-block;font-size:.9em;font-weight:700;line-height:1;padding:4px 6px;white-space:nowrap}html,body{height:100%}.page-wrap{min-height:100%;position:relative}.site-content{padding-bottom:70px}@media(max-width: 768px){.site-content{padding-bottom:200px}}.navbar-dropdown{display:inline-block}.topbar{background-color:#005eb8;border-bottom:none;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.25),inset 0 -1px 0 rgba(0,0,0,.1);-moz-box-shadow:0 1px 4px rgba(0,0,0,.25),inset 0 -1px 0 rgba(0,0,0,.1);box-shadow:0 1px 4px rgba(0,0,0,.25),inset 0 -1px 0 rgba(0,0,0,.1)}.topbar .navbar-brand,.topbar .navbar-dropdown>a,.topbar .navbar-nav>li>a,.topbar .navbar-dropdown>li>a,.topbar .navbar-toggle,.topbar .navbar-nav>.active>a,.topbar .navbar-dropdown>.active>a,.topbar .navbar-nav>.active>a:hover{color:#fff;background:transparent}.topbar .navbar-brand.focus-visible,.topbar .navbar-dropdown>a.focus-visible,.topbar .navbar-nav>li>a.focus-visible,.topbar .navbar-dropdown>li>a.focus-visible,.topbar .navbar-toggle.focus-visible,.topbar .navbar-nav>.active>a.focus-visible,.topbar .navbar-dropdown>.active>a.focus-visible,.topbar .navbar-nav>.active>a:hover.focus-visible{background-color:#fd0;color:#000;outline:3px solid rgba(0,0,0,0);text-decoration:underline}.topbar a.navbar-brand:hover,.topbar a.navbar-dropdown>a:hover,.topbar .navbar-nav>li>a:hover,.topbar .navbar-dropdown>li>a:hover,.topbar .navbar-nav>.open>a,.topbar .navbar-dropdown>.open>a,.topbar .navbar-nav>.open>a:focus,.topbar .navbar-nav>.open>a:hover{background-color:#236aa7;background-color:rgba(0,0,0,.1)}.topbar a.navbar-brand:hover.focus-visible,.topbar a.navbar-dropdown>a:hover.focus-visible,.topbar .navbar-nav>li>a:hover.focus-visible,.topbar .navbar-dropdown>li>a:hover.focus-visible,.topbar .navbar-nav>.open>a.focus-visible,.topbar .navbar-dropdown>.open>a.focus-visible,.topbar .navbar-nav>.open>a:focus.focus-visible,.topbar .navbar-nav>.open>a:hover.focus-visible{background-color:#fd0;color:#000;outline:3px solid rgba(0,0,0,0);text-decoration:underline}.topbar .navbar-nav>li.active>a:focus:focus,.topbar .navbar-dropdown>li.active>a:focus:focus,.topbar .navbar-nav>li.active>a:focus:hover,.topbar .navbar-nav>li.open>a:focus:focus,.topbar .navbar-dropdown>li.open>a:focus:focus,.topbar .navbar-nav>li.open>a:focus:hover{background-color:rgba(0,0,0,.1)}.topbar .navbar-nav>li.active>a:focus:focus.focus-visible,.topbar .navbar-dropdown>li.active>a:focus:focus.focus-visible,.topbar .navbar-nav>li.active>a:focus:hover.focus-visible,.topbar .navbar-nav>li.open>a:focus:focus.focus-visible,.topbar .navbar-dropdown>li.open>a:focus:focus.focus-visible,.topbar .navbar-nav>li.open>a:focus:hover.focus-visible{background-color:#fd0;color:#000;outline:3px solid rgba(0,0,0,0);text-decoration:underline}.topbar .navbar-toggle .badge{position:absolute;right:-10px;top:4px}.topbar .navbar-toggle:focus,.topbar .navbar-toggle:hover{background-color:#fff}.topbar .navbar-toggle:focus.focus-visible,.topbar .navbar-toggle:hover.focus-visible{background-color:#fd0;color:#000;outline:3px solid rgba(0,0,0,0);text-decoration:underline}.topbar .navbar-toggle:focus .icon-bar,.topbar .navbar-toggle:hover .icon-bar{background-color:#000}.topbar .navbar-header .visible-xs{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width: 768px){.topbar .navbar-header .instance-selector{margin-left:30px}.topbar .navbar-header .navbar-nav.instance-selector li.open a,.topbar .navbar-header .instance-selector.navbar-dropdown li.open a{background-color:#005eb8;color:#fff}}.topbar .navbar-dropdown div.dropdown-backdrop{display:none}@media(max-width: 768px){.topbar .navbar-dropdown li.open>ul.dropdown-menu>li>a{color:#dadada}}.topbar ul.visible-xs{margin:0}.topbar ul.visible-xs li{border:1px solid;border-top:none;border-color:#236aa7;border-color:rgba(0,0,0,.25)}.topbar ul.visible-xs li a{color:#fff;padding:10px 15px !important}.topbar ul.visible-xs ul.dropdown-menu{padding:0}.topbar ul.visible-xs ul.dropdown-menu li{border:none;border-top:1px solid}.topbar ul.visible-xs ul.dropdown-menu li button[type=submit]{color:#dadada;height:2.63em}.topbar ul.visible-xs ul.dropdown-menu li button[type=submit]:hover,.topbar ul.visible-xs ul.dropdown-menu li button[type=submit]:focus{background-color:#236aa7;background-color:rgba(0,0,0,.1)}.topbar ul.visible-xs ul.dropdown-menu li button[type=submit]:hover.focus-visible,.topbar ul.visible-xs ul.dropdown-menu li button[type=submit]:focus.focus-visible{background-color:#fd0;color:#000;outline:3px solid rgba(0,0,0,0);text-decoration:underline}.topbar ul.visible-xs .header{border-left:none;border-right:none;padding:.2em 1em}.topbar ul.visible-xs .header h4{font-size:1em;font-weight:bolder;color:#fff;margin:0}.site-footer{position:absolute;bottom:0;min-height:50px;z-index:990}.site-footer .nav>li>a{color:#005eb8}.site-footer .nav>li>a.focus-visible{background-color:#fd0;color:#000;outline:3px solid rgba(0,0,0,0);text-decoration:underline}.site-footer .nav>li>a:focus,.site-footer .nav>li>a:hover{color:#236aa7}.badge{background-color:#c5c5c5;color:#000}.badge-success{background-color:#8bc34a;color:#000}.badge-warning{background-color:#ffb74d;color:#000}.badge-danger{background-color:#ff5c72;color:#000}.badge-info{background-color:#00bcd4;color:#000}.breadcrumb>.active{color:#333}.aplus-button--default{display:inline-block;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;cursor:pointer;font-weight:normal;background-image:none;background-color:#00803c;color:#fff;border:1px solid #00803c;transition:all .3s ease;font-weight:bold}.aplus-button--default.focus-visible{background-color:#fd0;color:#000;outline:3px solid rgba(0,0,0,0);text-decoration:underline}.aplus-button--default:link,.aplus-button--default:visited,.aplus-button--default:hover,.aplus-button--default:active{text-decoration:none}.aplus-button--default:link,.aplus-button--default:visited{color:#fff}.aplus-button--default:hover,.aplus-button--default:active{color:#fff;background-color:#004d24}.aplus-button--default.disabled,.aplus-button--default[disabled],fieldset[disabled] .aplus-button--default{cursor:not-allowed;opacity:65%}.aplus-button--default.disabled:hover,.aplus-button--default.disabled:active,.aplus-button--default[disabled]:hover,.aplus-button--default[disabled]:active,fieldset[disabled] .aplus-button--default:hover,fieldset[disabled] .aplus-button--default:active{background-color:#00803c;color:#fff}.aplus-button--secondary{display:inline-block;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;cursor:pointer;font-weight:normal;background-image:none;background-color:#eee;color:#000;border:1px solid #777;transition:all .3s ease}.aplus-button--secondary.focus-visible{background-color:#fd0;color:#000;outline:3px solid rgba(0,0,0,0);text-decoration:underline}.aplus-button--secondary:link,.aplus-button--secondary:visited,.aplus-button--secondary:hover,.aplus-button--secondary:active{text-decoration:none}.aplus-button--secondary:link,.aplus-button--secondary:visited{color:#000}.aplus-button--secondary:hover,.aplus-button--secondary:active{color:#000;background-color:#d5d5d5}.aplus-button--secondary.disabled,.aplus-button--secondary[disabled],fieldset[disabled] .aplus-button--secondary{cursor:not-allowed;opacity:65%}.aplus-button--secondary.disabled:hover,.aplus-button--secondary.disabled:active,.aplus-button--secondary[disabled]:hover,.aplus-button--secondary[disabled]:active,fieldset[disabled] .aplus-button--secondary:hover,fieldset[disabled] .aplus-button--secondary:active{background-color:#eee;color:#000}.aplus-button--danger{display:inline-block;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;cursor:pointer;font-weight:normal;background-image:none;background-color:#fff;color:#a50000;border:1px solid #a50000;transition:all .3s ease}.aplus-button--danger.focus-visible{background-color:#fd0;color:#000;outline:3px solid rgba(0,0,0,0);text-decoration:underline}.aplus-button--danger:link,.aplus-button--danger:visited,.aplus-button--danger:hover,.aplus-button--danger:active{text-decoration:none}.aplus-button--danger:link,.aplus-button--danger:visited{color:#a50000}.aplus-button--danger:hover,.aplus-button--danger:active{background-color:#a50000;color:#fff}.aplus-button--danger.disabled,.aplus-button--danger[disabled],fieldset[disabled] .aplus-button--danger{cursor:not-allowed;opacity:65%}.aplus-button--danger.disabled:hover,.aplus-button--danger.disabled:active,.aplus-button--danger[disabled]:hover,.aplus-button--danger[disabled]:active,fieldset[disabled] .aplus-button--danger:hover,fieldset[disabled] .aplus-button--danger:active{background-color:#fff;color:#a50000}.aplus-button--xs{font-size:12.3076923077px;padding-top:1px;padding-bottom:1px;padding-left:5px;padding-right:5px;border-radius:4.5714285714px;border-width:1px}.aplus-button--sm{font-size:13.8461538462px;padding-top:6px;padding-bottom:6px;padding-left:9px;padding-right:9px;border-radius:5.1428571429px;border-width:1px}.aplus-button--md{font-size:15.3846153846px;padding-top:6.6666666667px;padding-bottom:6.6666666667px;padding-left:10px;padding-right:10px;border-radius:5.7142857143px;border-width:1px}.aplus-button--lg{font-size:18.4615384615px;padding-top:8px;padding-bottom:8px;padding-left:12px;padding-right:12px;border-radius:6.8571428571px;border-width:1px}.error-summary{background:repeating-linear-gradient(45deg, #a50000, #a50000 5px, #FFF 5px, #FFF 10px);padding:5px;color:#a50000;margin:20px 0px}.error-summary__text{color:#a50000;background:#fff;padding:10px;padding-left:15px}.error-summary__text ul{list-style-type:none;padding-left:0px}.js-focus-visible a.focus-visible,.js-focus-visible input.focus-visible,.js-focus-visible select.focus-visible,.js-focus-visible div.focus-visible{outline:3px solid #fd0}.frontpage.frontpage-section{margin:1%;margin-top:30px}.frontpage.frontpage-section>.section-heading{border-bottom:solid 1px #eee;display:flex;justify-content:space-between;padding-left:10px;padding-right:10px;width:100%}.frontpage.frontpage-section>.section-heading>.action{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:18px;margin-top:20px;margin-bottom:10px}.frontpage.frontpage-section>.section-heading>.action a.focus-visible{background-color:#fd0;color:#000;outline:3px solid rgba(0,0,0,0);text-decoration:underline}.frontpage .panel-default-text{font-size:18px}.frontpage .cards{display:flex;flex-flow:row wrap;justify-content:flex-start;width:100%}.frontpage .card{display:flex;flex-direction:column;width:400px;border:solid 1px #ccc;border-radius:4px;margin:8px;margin-bottom:20px;padding:4px}@media(min-width: 1200px)and (max-width: 1800px){.frontpage .card{width:23%}}@media(min-width: 960px)and (max-width: 1199px){.frontpage .card{width:30%}}@media(min-width: 670px)and (max-width: 959px){.frontpage .card{width:47%}}@media(max-width: 669px){.frontpage .card{width:100%}}.frontpage .card a{display:block}.frontpage .card a.focus-visible{outline:3px solid #fd0}.frontpage .advert-card{position:relative;background-color:#d9edf7;border-color:#bce8f1}.frontpage .advert-card:hover h3{color:#333}.frontpage .advert-card:hover p{color:#333}.frontpage .advert-card>a>i.icon.glyphicon.glyphicon-new-window{position:absolute;top:92%;left:92%}.frontpage a:hover{text-decoration:none}.frontpage .card-clickable{flex-grow:1}.frontpage .card-clickable:hover{filter:brightness(85%)}.frontpage .card-clickable:hover h3{color:#333}.frontpage .card-clickable:hover p{color:#333}.frontpage .card-img-top{object-fit:cover;width:100%;height:145px;background-color:#eee}.frontpage .advert-image{position:relative}.frontpage .advert-image i{font-size:90px;position:absolute;left:34%;top:15%}.frontpage .course-image{position:relative;color:#fff}.frontpage .course-image i{font-size:90px;position:absolute;left:34%;top:15%}.frontpage .card-body{padding:10px;padding-top:0px;color:#333}.frontpage .card-title{color:#337ab7}.frontpage .card-subtitle{font-size:18px}.frontpage .card-footer{padding:10px 10px 14px 14px;width:100%;flex-shrink:0}.menu-notification .glyphicon{margin-right:18px}.menu-notification .badge{position:absolute;left:28px;top:15px;-webkit-animation:bounce 10s ease-in-out;-moz-animation:bounce 10s ease-in-out;-o-animation:bounce 10s ease-in-out;animation:bounce 10s ease-in-out}@media(max-width: 768px){.menu-notification.open>ul.dropdown-menu>li>a.page-modal{color:#dadada}}@-webkit-keyframes bounce{0%,10%,20%,25%,35%,40%,50%,55%,65%,70%,80%,90%,100%{top:15px;transform:scale(1)}5%,15%,30%,45%,60%,75%,95%{top:50px;transform:scale(2)}}@-moz-keyframes bounce{0%,10%,20%,25%,35%,40%,50%,55%,65%,70%,80%,90%,100%{top:15px;transform:scale(1)}5%,15%,30%,45%,60%,75%,95%{top:50px;transform:scale(2)}}@-o-keyframes bounce{0%,10%,20%,25%,35%,40%,50%,55%,65%,70%,80%,90%,100%{top:15px;transform:scale(1)}5%,15%,30%,45%,60%,75%,95%{top:50px;transform:scale(2)}}@keyframes bounce{0%,10%,20%,25%,35%,40%,50%,55%,65%,70%,80%,90%,100%{top:15px;transform:scale(1)}5%,15%,30%,45%,60%,75%,95%{top:50px;transform:scale(2)}}i.icon.glyphicon.glyphicon-new-window{position:relative;top:1px;display:inline-block;font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:5px}.news-panel{margin-bottom:30px}.news-panel .future-instance{color:#c0322d;background-color:#fff}.news-panel .current-instance{color:#333;background-color:#fff}.news-panel .list-group-item-heading{padding-top:5px;padding-bottom:10px}.news-panel .list-group-item-title{font-weight:bold;margin:0px;display:inline-block}.news-panel .list-group-item-details{font-size:.9em;display:inline-block}.news-panel .list-group-item,.news-panel .pinned-list-group-item,.news-panel .folding-list-group-item{position:relative;display:block;padding:10px 15px}.news-panel .pinned-list-group-item{border-left:2px solid #005eb8;border-bottom:1px solid #ccc}.news-panel .folding-list-group-item{background-color:#fff;font-size:16px;text-decoration:none;font-weight:bold;border-bottom-left-radius:0px;border-bottom-right-radius:0px}.news-panel .folding-list-group-item.collapsed{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.news-panel .folding-list-group-item:hover{background-color:#eee}.news-panel .list-group-item-text *:last-child{margin-bottom:0}.overlay-parent{position:relative;padding-bottom:15px}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:15;background-color:#000b}.submission-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:15;background-color:#f1f1f1;opacity:.25}.overlay .panel{margin:auto;margin-top:4rem;width:80%}nav.row.siblings{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin:0 5px}nav.row.siblings a.nav-flex-left,nav.row.siblings a.nav-flex-right{white-space:nowrap;max-width:45%;overflow:hidden;text-overflow:ellipsis}nav.row.siblings::before,nav.row.siblings::after{content:none}.login-section{border:1px solid #ddd;margin-left:10px;margin-right:10px;margin-bottom:15px;border-radius:5px;padding:5px}.login-section h2,.login-section .login-section-body{padding-left:9px}.local-storage-fields li.list-group-item{line-height:1.5em}.local-storage-fields li.list-group-item.clearfix{padding-top:0px;padding-bottom:0px;padding-right:0px}dt.provider-information{text-align:left}@media(max-width: 768px){.btn-save-profile{margin-top:10px}}/*! * A+ Protocols - */.exercise .aplus-quiz1 .question-area{margin-top:20px;margin-bottom:20px}.exercise .aplus-quiz1 .question-description{margin-bottom:5px}.exercise .aplus-quiz1 .question-feedback{margin-top:5px}.exercise .aplus-quiz1 .question-hint{display:block;margin-top:5px;margin-bottom:5px;color:#737373;font-style:italic}.exercise .aplus-quiz1 .hint-checkbox{padding-left:20px}.exercise .aplus-quiz1 .option-checked{font-weight:bold}.exercise .aplus-quiz1 .error-text{margin-top:5px;margin-bottom:5px;color:#a94442;font-weight:bold;margin-bottom:0px}.exercise .aplus-quiz1 .has-error .radio,.exercise .aplus-quiz1 .has-error .checkbox{color:#333}.exercise .aplus-quiz1 .quiz1-icon-correct{position:relative;top:1px;display:inline-block;font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#5cb85c}.exercise .aplus-quiz1 .quiz1-icon-correct:before{content:""}.exercise .aplus-quiz1 .quiz1-icon-neutral{position:relative;top:1px;display:inline-block;font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#f5bc09}.exercise .aplus-quiz1 .quiz1-icon-neutral:before{content:""}.exercise .aplus-quiz1 .quiz1-icon-incorrect{position:relative;top:1px;display:inline-block;font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#d9534f}.exercise .aplus-quiz1 .quiz1-icon-incorrect:before{content:""}.exercise .aplus-quiz1 .checkbox label input+span,.exercise .aplus-quiz1 .radio label input+span{border-radius:1px;margin-left:5px}.exercise .aplus-quiz1 .checkbox label input:checked+span,.exercise .aplus-quiz1 .radio label input:checked+span{background-color:#bce8f1;box-shadow:0 0 0 3px #bce8f1;font-weight:bold}.exercise .aplus-quiz1 .checkbox label:active input+span,.exercise .aplus-quiz1 .radio label:active input+span{background-color:#bce8f1;box-shadow:0 0 0 6px #bce8f1;font-weight:bold}/*# sourceMappingURL=main.css.map */ + */.exercise .aplus-quiz1 .question-area{margin-top:20px;margin-bottom:20px}.exercise .aplus-quiz1 .question-description{margin-bottom:5px}.exercise .aplus-quiz1 .question-feedback{margin-top:5px}.exercise .aplus-quiz1 .question-hint{display:block;margin-top:5px;margin-bottom:5px;color:#737373;font-style:normal}.exercise .aplus-quiz1 .hint-checkbox{padding-left:20px}.exercise .aplus-quiz1 .option-checked{font-weight:bold}.exercise .aplus-quiz1 .error-text{margin-top:5px;margin-bottom:5px;color:#a94442;font-weight:bold;margin-bottom:0px}.exercise .aplus-quiz1 .has-error .radio,.exercise .aplus-quiz1 .has-error .checkbox{color:#333}.exercise .aplus-quiz1 .quiz1-icon-correct{position:relative;top:1px;display:inline-block;font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#5cb85c}.exercise .aplus-quiz1 .quiz1-icon-correct:before{content:""}.exercise .aplus-quiz1 .quiz1-icon-neutral{position:relative;top:1px;display:inline-block;font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#f5bc09}.exercise .aplus-quiz1 .quiz1-icon-neutral:before{content:""}.exercise .aplus-quiz1 .quiz1-icon-incorrect{position:relative;top:1px;display:inline-block;font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#d9534f}.exercise .aplus-quiz1 .quiz1-icon-incorrect:before{content:""}.exercise .aplus-quiz1 .checkbox label input+span,.exercise .aplus-quiz1 .radio label input+span{border-radius:1px;margin-left:5px}.exercise .aplus-quiz1 .checkbox label input:checked+span,.exercise .aplus-quiz1 .radio label input:checked+span{background-color:#bce8f1;box-shadow:0 0 0 3px #bce8f1;font-weight:bold}.exercise .aplus-quiz1 .checkbox label:active input+span,.exercise .aplus-quiz1 .radio label:active input+span{background-color:#bce8f1;box-shadow:0 0 0 6px #bce8f1;font-weight:bold}/*# sourceMappingURL=main.css.map */ diff --git a/assets/sass/protocols/_quiz1.scss b/assets/sass/protocols/_quiz1.scss index 14f437918..b68a605b3 100644 --- a/assets/sass/protocols/_quiz1.scss +++ b/assets/sass/protocols/_quiz1.scss @@ -25,7 +25,7 @@ $questionnaire-focus-bg: #bce8f1; margin-top: 5px; margin-bottom: 5px; color: #737373; - font-style: italic; + font-style: normal; } .hint-checkbox {