Merge pull request #327 from matematikk-mooc/Therese-Persen-KURSP-905…

…-UOB-boxer-replace-with-info-boxes KURSP-905-replace-info-boxes
matematikk-mooc · Oct 20, 2023 · 1376c5b · 1376c5b
2 parents 73c2243 + 0a9235c
commit 1376c5b
Show file tree

Hide file tree

Showing 9 changed files with 507 additions and 473 deletions.
diff --git a/src/css/3party/canvas-uob.less b/src/css/3party/canvas-uob.less
@@ -112,151 +112,6 @@
   visibility: visible;
 }
 
-/* UoB tip, info, warning and question boxes */
-/*
-Her er fargene Lisbeth foreslår
-#ffeed5
-#fcdecd
-#fce3e6
-#e5d4e9
-#c7d3e1
-#d9eef2
-#ecf0d7
-#e3e2e3
-#ededed
-*/
-
-.uob-tip,
-.pfdk-tips,
-.uob-warning,
-.kpas-lti-warning,
-.pfdk-advarsel,
-.uob-question,
-.pfdk-spsm,
-.uob-quote,
-.pfdk-sitat,
-.uob-box,
-.pfdk-boks,
-.uob-read,
-.pfdk-les,
-.pfdk-maal,
-.uob-info,
-.kpas-lti-info,
-.pfdk-info,
-.pfdk-important,
-.pfdk-viktig,
-.pfdk-tid,
-.pfdk-verktoy,
-.udir-skoleleder,
-.udir-kommentar,
-.udir-eksempel {
-  margin-top: 1em;
-  margin-bottom: 1em;
-  padding: 0.5em 0.5em 0.5em 62px;
-  border-radius: 4px;
-  border-color: silver;
-  border-style: solid;
-  border-width: 1px;
-  background-repeat: no-repeat;
-  background-position: 4px 4px;
-  min-height: 50px;
-  overflow-y: visible;
-}
-.pfdk-verktoy {
-  background-color: #ffeed5;
-  background-image: url('https://udirdit.blob.core.windows.net/bitmaps/pfdk_gear.png');
-  background-size: 40px;
-  background-position-y: 10px;
-  background-position-x: 10px;
-}
-
-.udir-kommentar {
-  background-color: #ffffff;
-  background-image: url('@{SERVER}vector_images/mmooc-icon-comment.svg');
-  background-size: 40px;
-  background-position-y: 10px;
-  background-position-x: 10px;
-}
-.udir-eksempel {
-  background-color: #ffffff;
-  background-image: url('@{SERVER}vector_images/street-view-solid.svg');
-  background-size: 40px;
-  background-position-y: 10px;
-  background-position-x: 10px;
-}
-.udir-skoleleder {
-  background-color:#E2E3F1;
-  background-image: url('@{SERVER}vector_images/mmooc-icon-principal.svg');
-  background-size: 40px;
-  background-position-y: 10px;
-  background-position-x: 10px;
-}
-.pfdk-tid {
-  background-color: #fcdecd;
-  background-image: url('https://udirdit.blob.core.windows.net/bitmaps/pfdk_time.png');
-  background-size: 40px;
-  background-position-x: 10px;
-}
-.pfdk-maal {
-  background-color: #fce3e6;
-  background-image: url('https://udirdit.blob.core.windows.net/bitmaps/pfdk_info.png');
-  background-size: 53px;
-}
-.pfdk-important,
-.pfdk-viktig {
-  background-color: #e5d4e9;
-  background-image: url('https://udirdit.blob.core.windows.net/bitmaps/pfdk_important.png');
-  background-size: 53px;
-}
-.uob-info,
-.kpas-lti-info,
-.pfdk-info {
-  background-color: #c7d3e1;
-  background-image: url('https://s3.amazonaws.com/SSL_Assets/bham/images/box_info.png');
-}
-.uob-tip {
-  background-color:#FAFAC8;
-  background-image: url('https://s3.amazonaws.com/SSL_Assets/bham/images/box_tip.png');
-  color: black;
-}
-.pfdk-tips {
-  background-color: #d9eef2; /* See http://www.w3.org/WAI/RD/2012/text-customization/r11 */
-  background-image: url('https://s3.amazonaws.com/SSL_Assets/bham/images/box_tip.png');
-  color: black;
-}
-.uob-read,
-.pfdk-les {
-  background-color: #ecf0d7;
-  background-image: url('@{SERVER}bitmaps/uia_read.png');
-}
-.uob-box {
-  background-color: #ffffff;
-  padding: 0.5em 0.5em 0.5em 0.5em;
-}
-.pfdk-boks {
-  background-color: #e3e2e3;
-  padding: 0.5em 0.5em 0.5em 0.5em;
-}
-.uob-question,
-.pfdk-spsm {
-  background-color: #ededed;
-  background-image: url('https://s3.amazonaws.com/SSL_Assets/bham/images/box_question.png');
-}
-.uob-quote,
-.pfdk-sitat {
-  background-color: #efefef;
-  background-image: url('https://s3.amazonaws.com/SSL_Assets/bham/images/box_quote66.png');
-  padding: 0.5em 62px 0.5em 62px;
-  position: relative;
-  top: 0px;
-  left: 0px;
-}
-.uob-warning,
-.kpas-lti-warning,
-.pfdk-advarsel {
-  background-color: #ffeeee;
-  background-image: url('https://s3.amazonaws.com/SSL_Assets/bham/images/box_warning.png');
-}
 
 .uob-accordion {
   background-color: #E2E3F1;