Move non style specific css to new scss class.

src/main/webapp/resources/sass/app/_general.scss

@@ -369,3 +369,16 @@
 	min-height: 0% !important;
 	min-width: 0% !important;
 }
+
+.gallery-dataview {
+	div {
+		background-color: $background !important;
+	}
+}
+
+.myCoursesList {
+	.x-inner,
+	.x-scroll-container {
+		background-color: $background;
+	}
+}

src/main/webapp/resources/sass/app/_theme.scss

@@ -84,120 +84,10 @@ $toolbar-toogleCorrect-button-inactive-color: $thm-lightgrey;
 	}
 }
 
-.thumbnail-image .wrapper {
-	width: auto !important;
-	height: auto !important;
-	display: inline-block;
-	position: relative;
-	margin: 8px;
-	transition: 0.25s;
-	-webkit-transition: 0.25s;
-	-o-transition: 0.25s;
-	-moz-transition: 0.25s;
-	-ms-transition: 0.25s;
-}
-
-.thumbnail-image .wrapper:hover {
-	transform: scale(1.1);
-	-webkit-transform: scale(1.1);
-	-o-transition: scale(1.1);
-	-moz-transition: scale(1.1);
-	-ms-transition: scale(1.1);
-}
-
-.thumbnail-image .wrapper-list {
-	width: 100%;
-	height: 100%;
-	display:inline-block;
-	position: relative;
-	margin-bottom: 25px;
-	overflow:hidden;
-}
-
-.thumbnail-image img {
-	display: inline-block;
-	border: 10px solid #fff;
-	border-bottom-width: 30px;
-}
-
-.thumbnail-image .image-list {
-	display:inline;
-	position:relative;
-	float:left;
-	margin-right:10px;
-	border-bottom-width: 10px;
-	border-right-width: 10000px;
-}
-
-.thumbnail-image span {
-	display: inline-block;
-	width: 100%;
-	position: absolute;
-	text-align: center;
-	bottom: 9px;
-	left: 0;
-	top: auto;
-	padding-left: 10px;
-	padding-right: 15px;
-	right: auto;
-	overflow: hidden;
-	box-sizing: border-box;
-	text-overflow: ellipsis;
-}
-
-.thumbnail-image span.answer-subject {
-	display: inline-block;
-	text-align: center;
-	font-weight:bold;
-	font-size:32px;
-	position: absolute;
-	top:50%;
-	padding: 0;
-	width: auto !important;
-	height: auto !important;
-	text-overflow: ellipsis;
-	max-width: 350px;
-	margin-top: -80px;
-	margin-left: 280px;
-	color: $thm-grey;
-}
-
-.thumbnail-image span.answer-text {
-	display: inline-block;
-	text-align: left;
-	width: auto !important;
-	height: auto !important;
-	top: 50%;
-	word-wrap: break-word;
-	font-size: 20px;
-	margin-top: -20px;
-	max-width: 350px;
-	max-height: 90px;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	margin-left: 280px;
-	color: $thm-grey;
-}
-
-.gallery-dataview {
-
-}
-
-.gallery-dataview div {
-	background-color: #e0e0e0 !important;
-}
-
 .x-segmentedbutton .x-button-normal {
 	background-image: none !important;
 }
 
-.myCoursesList {
-	.x-inner,
-	.x-scroll-container {
-		background-color: #E0E0E0;
-	}
-}
-
 .forwardListButton, .standardListButton {
 	border: 1px solid $background !important;
 }