Starting prefixing

recommender/static/css/recommender.css

 /* CSS for RecommenderXBlock */
-.clearFix {clear: both; height: 0.5em;}
+.recommender_clearFix {clear: both; height: 0.5em;}
 
-.hideShow {
+.recommender_hideShow {
     -webkit-transition:background-color 0.2s; color 0.2s;
     transition:background-color 0.2s; color 0.2s;
 }
 
-.hideShow:hover {
+.recommender_hideShow:hover {
     background-color:rgb(137, 183, 205);
     color:rgb(11, 11, 11);
 }
@@ -19,7 +19,7 @@
 	cursor: pointer;
 }
 
-.hidden { display: none; }
+.recommender_hidden { display: none; }
 
 .recommenderBlock {
     width : 100%;
@@ -30,7 +30,7 @@
     float: left;
 }
 
-.hideShow, .recommenderModifyTitleContainer { 
+.recommender_hideShow, .recommenderModifyTitleContainer { 
     font-size: 14px;
     padding-top: 0.5em;
     padding-left: 0.5em;
@@ -39,12 +39,12 @@
     color: #948f8f;
 }
 
-.hideShow.resourceListExpanded { cursor: n-resize; }
-.hideShow:not(.resourceListExpanded) { cursor: s-resize; }
+.recommender_hideShow.resourceListExpanded { cursor: n-resize; }
+.recommender_hideShow:not(.resourceListExpanded) { cursor: s-resize; }
 .resourceListExpanded .expanded { display: block; }
 .resourceListExpanded .notExpanded {display: none; }
-.expanded { display: none; }
-.notExpanded {display: block; }
+.recommender_expanded { display: none; }
+.recommender_notExpanded {display: block; }
 
 .recommenderRow { 
     height: 380px;
@@ -56,7 +56,7 @@
     overflow-y: auto;
 }
 
-.question {
+.recommender_question {
     width:700px;
 }
 
@@ -67,7 +67,7 @@
     width : 100%;
 }
 
-.expanded, .notExpanded {
+.recommender_expanded, .notExpanded {
     float: right;
     width: 50px;
 }
@@ -76,13 +76,13 @@
     width: 700px;
 }
 
-.descriptionImg {
+.recommender_descriptionImg {
     max-height: 1020px;
     max-width: 700px;
     margin-top: 2em;
 }
 
-.descriptionText {
+.recommender_descriptionText {
     max-height: 200px;
     overflow: auto;
     padding: 0.5em;
@@ -90,7 +90,7 @@
     color: #948f8f;
 }
 
-.showProblematicReasons {
+.recommender_showProblematicReasons {
     max-height: 200px;
     overflow: auto;
     padding: 0.5em;
@@ -98,7 +98,7 @@
     color: white;
 }
 
-.showEndorsedReasons {
+.recommender_showEndorsedReasons {
     max-height: 200px;
     overflow: auto;
     padding: 0.5em;
@@ -106,10 +106,10 @@
     color: white;
 }
 
-.showProblematicReasons:before { content: 'This resource was flagged problematic by students.'; }
-.showEndorsedReasons:before { content: 'This resource was endorsed by course staff.'; }
+.recommender_showProblematicReasons:before { content: 'This resource was flagged problematic by students.'; }
+.recommender_showEndorsedReasons:before { content: 'This resource was endorsed by course staff.'; }
 
-.previewingImg {
+.recommender_previewingImg {
     margin-top: 1em;
     max-width: 700px;
     max-height: 600px;
@@ -148,7 +148,7 @@
 
 .recommenderRecommendations { display: table; }
 
-.pagination {
+.recommender_pagination {
     display: table;
     margin: 0 auto;
 }
@@ -180,8 +180,8 @@
     width: 40px;
 }
 
-.redTxt { color: #B4053D; }
-.redTxt:before { content: '*'; }
+.recommender_redTxt { color: #B4053D; }
+.recommender_redTxt:before { content: '*'; }
 
 .recommenderVoteArrowDown, .recommenderVoteArrowUp, .resourceEditButton, .flagResource, .remove, .resourceImportButton, .resourceExportButton, .resourceAddButton, .paginationPageNumber, .backToViewButton, .endorse, .resourceRankingForRemovalButton { cursor: pointer; }