Commit fc063d9c by Tim Krones

Address review comments.

Use the more specific "background-color" instead of "background" where applicable.
parent a80ee8fc
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
.xblock--drag-and-drop .drag-container { .xblock--drag-and-drop .drag-container {
width: auto; width: auto;
padding: 1%; padding: 1%;
background: #ebf0f2; background-color: #ebf0f2;
} }
/*** DRAGGABLE ITEMS ***/ /*** DRAGGABLE ITEMS ***/
...@@ -166,12 +166,12 @@ ...@@ -166,12 +166,12 @@
} }
.xblock--drag-and-drop .drag-container .option .numerical-input.correct .input { .xblock--drag-and-drop .drag-container .option .numerical-input.correct .input {
background: #ceffce; background-color: #ceffce;
color: #087108; color: #087108;
} }
.xblock--drag-and-drop .drag-container .option .numerical-input.incorrect .input { .xblock--drag-and-drop .drag-container .option .numerical-input.incorrect .input {
background: #ffcece; background-color: #ffcece;
color: #ad0d0d; color: #ad0d0d;
} }
...@@ -190,7 +190,7 @@ ...@@ -190,7 +190,7 @@
height: auto; height: auto;
position: relative; position: relative;
margin-top: 1%; margin-top: 1%;
background: #fff; background-color: #fff;
} }
.xblock--drag-and-drop .target-img-wrapper { .xblock--drag-and-drop .target-img-wrapper {
...@@ -274,7 +274,7 @@ ...@@ -274,7 +274,7 @@
top: 5%; top: 5%;
right: 5%; right: 5%;
border: 1px solid #fff; border: 1px solid #fff;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); background-color: rgba(0, 0, 0, 0.8);
width: 500px; width: 500px;
max-width: 90%; max-width: 90%;
min-height: 50px; min-height: 50px;
...@@ -325,7 +325,7 @@ ...@@ -325,7 +325,7 @@
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
background: #000; background-color: #000;
opacity: 0.5; opacity: 0.5;
z-index: 1500; z-index: 1500;
} }
...@@ -349,7 +349,7 @@ ...@@ -349,7 +349,7 @@
.xblock--drag-and-drop .modal-content { .xblock--drag-and-drop .modal-content {
border-radius: 5px; border-radius: 5px;
background: #ffffff; background-color: #ffffff;
margin-bottom: 5px; margin-bottom: 5px;
padding: 5px; padding: 5px;
} }
...@@ -379,6 +379,6 @@ ...@@ -379,6 +379,6 @@
padding: 0; padding: 0;
position: absolute; position: absolute;
width: 1px; width: 1px;
background: #ffffff; background-color: #ffffff;
color: #000000; color: #000000;
} }
...@@ -68,7 +68,7 @@ ...@@ -68,7 +68,7 @@
.xblock--drag-and-drop--editor .tab { .xblock--drag-and-drop--editor .tab {
width: 100%; width: 100%;
background: #eee; background-color: #eee;
padding: 3px 0; padding: 3px 0;
position: relative; position: relative;
} }
...@@ -177,7 +177,7 @@ ...@@ -177,7 +177,7 @@
} }
.xblock--drag-and-drop--editor .items-form .item { .xblock--drag-and-drop--editor .items-form .item {
background: #8fcaec; background-color: #8fcaec;
padding: 10px 0 1px; padding: 10px 0 1px;
margin: 15px 0; margin: 15px 0;
} }
...@@ -219,7 +219,7 @@ ...@@ -219,7 +219,7 @@
/** Buttons **/ /** Buttons **/
.xblock--drag-and-drop--editor .btn { .xblock--drag-and-drop--editor .btn {
background: #1d5280; background-color: #1d5280;
color: #fff; color: #fff;
border: 1px solid #156ab4; border: 1px solid #156ab4;
border-radius: 6px; border-radius: 6px;
...@@ -257,7 +257,7 @@ ...@@ -257,7 +257,7 @@
width: 14px; width: 14px;
height: 14px; height: 14px;
border-radius: 7px; border-radius: 7px;
background: #1d5280; background-color: #1d5280;
position: relative; position: relative;
float: left; float: left;
margin: 0 5px 0 0; margin: 0 5px 0 0;
...@@ -274,7 +274,7 @@ ...@@ -274,7 +274,7 @@
content: ''; content: '';
height: 10px; height: 10px;
width: 2px; width: 2px;
background: #fff; background-color: #fff;
position: relative; position: relative;
display: inline; display: inline;
float: left; float: left;
...@@ -286,7 +286,7 @@ ...@@ -286,7 +286,7 @@
content: ''; content: '';
height: 2px; height: 2px;
width: 10px; width: 10px;
background: #fff; background-color: #fff;
position: relative; position: relative;
display: inline; display: inline;
float: left; float: left;
...@@ -298,7 +298,7 @@ ...@@ -298,7 +298,7 @@
content: ''; content: '';
height: 10px; height: 10px;
width: 2px; width: 2px;
background: #fff; background-color: #fff;
position: relative; position: relative;
display: inline; display: inline;
float: left; float: left;
...@@ -313,7 +313,7 @@ ...@@ -313,7 +313,7 @@
content: ''; content: '';
height: 2px; height: 2px;
width: 10px; width: 10px;
background: #fff; background-color: #fff;
position: relative; position: relative;
display: inline; display: inline;
float: left; float: left;
...@@ -325,10 +325,10 @@ ...@@ -325,10 +325,10 @@
} }
.xblock--drag-and-drop--editor .remove-item .icon.remove { .xblock--drag-and-drop--editor .remove-item .icon.remove {
background: #fff; background-color: #fff;
color: #0072a7; /* Override default color from Studio to ensure contrast is large enough */ color: #0072a7; /* Override default color from Studio to ensure contrast is large enough */
} }
.xblock--drag-and-drop--editor .remove-item .icon.remove:before, .xblock--drag-and-drop--editor .remove-item .icon.remove:before,
.xblock--drag-and-drop--editor .remove-item .icon.remove:after { .xblock--drag-and-drop--editor .remove-item .icon.remove:after {
background: #1d5280; background-color: #1d5280;
} }
.themed-xblock.xblock--drag-and-drop { .themed-xblock.xblock--drag-and-drop {
background: #fff; background-color: #fff;
} }
/* Shared styles used in header and footer */ /* Shared styles used in header and footer */
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
/* drag-container holds the .item-bank and the .target */ /* drag-container holds the .item-bank and the .target */
.themed-xblock.xblock--drag-and-drop .drag-container { .themed-xblock.xblock--drag-and-drop .drag-container {
background: #ebf0f2; background-color: #ebf0f2;
} }
.themed-xblock.xblock--drag-and-drop .item-bank { .themed-xblock.xblock--drag-and-drop .item-bank {
...@@ -32,12 +32,12 @@ ...@@ -32,12 +32,12 @@
} }
.themed-xblock.xblock--drag-and-drop .drag-container .option .numerical-input.correct .input { .themed-xblock.xblock--drag-and-drop .drag-container .option .numerical-input.correct .input {
background: #ceffce; background-color: #ceffce;
color: #087108; color: #087108;
} }
.themed-xblock.xblock--drag-and-drop .drag-container .option .numerical-input.incorrect .input { .themed-xblock.xblock--drag-and-drop .drag-container .option .numerical-input.incorrect .input {
background: #ffcece; background-color: #ffcece;
color: #ad0d0d; color: #ad0d0d;
} }
...@@ -48,7 +48,7 @@ ...@@ -48,7 +48,7 @@
/*** DROP TARGET ***/ /*** DROP TARGET ***/
.themed-xblock.xblock--drag-and-drop .target { .themed-xblock.xblock--drag-and-drop .target {
background: #fff; background-color: #fff;
} }
.themed-xblock.xblock--drag-and-drop .zone p { .themed-xblock.xblock--drag-and-drop .zone p {
...@@ -66,7 +66,7 @@ ...@@ -66,7 +66,7 @@
} }
.themed-xblock.xblock--drag-and-drop .popup { .themed-xblock.xblock--drag-and-drop .popup {
background: none repeat scroll 0 0 #66a5b5; background-color: #66a5b5;
} }
.themed-xblock.xblock--drag-and-drop .popup .popup-content { .themed-xblock.xblock--drag-and-drop .popup .popup-content {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment