fix regression mapco/ansum theme (#7490)

fix of https://github.com/FreshRSS/FreshRSS/pull/7489#discussion_r2023760515

Regression #7314 

8 files changed, 12 insertions, 980 deletions

diff --git a/p/themes/Ansum/_components.css b/p/themes/Ansum/_components.css
deleted file mode 100644
index 90f2eaf14..000000000
--- a/p/themes/Ansum/_components.css
+++ /dev/null
@@ -1,234 +0,0 @@
-/* stylelint-disable property-no-vendor-prefix */
-/* FUNCTIONS */
-/*=== COMPONENTS */
-/*===============*/
-/*=== Forms */
-/*=== Horizontal-list */
-.horizontal-list {
-	padding: 0.1rem 0;
-}
-.horizontal-list > .item:first-child {
-	padding-left: 0.5rem;
-}
-
-/*=== Dropdown */
-.dropdown .dropdown-target:target + .btn {
-	background-color: #e4d8cc;
-}
-
-.dropdown-menu {
-	margin: 9px 0 0 0;
-	padding: 0.5rem 0 1rem 0;
-	background: #fcfaf8;
-	font-size: 1rem;
-	border: none;
-	border-radius: 3px;
-	box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35);
-	text-align: left;
-}
-.dropdown-menu::after {
-	border: none;
-	right: 17px;
-}
-.dropdown-menu .dropdown-header,
-.dropdown-menu .dropdown-section .dropdown-section-title {
-	padding: 1rem 1.5rem;
-	font-weight: bold;
-	text-align: left;
-	color: #766556;
-	text-transform: uppercase;
-	letter-spacing: 1px;
-}
-.dropdown-menu .item {
-	transition: all 0.075s ease-in-out;
-}
-.dropdown-menu .item > a,
-.dropdown-menu .item > span,
-.dropdown-menu .item > .as-link {
-	padding: 0 2rem;
-	color: #363330;
-	font-size: inherit;
-	line-height: 2.5em;
-}
-.dropdown-menu .item > a span.icon,
-.dropdown-menu .item > span span.icon,
-.dropdown-menu .item > .as-link span.icon {
-	padding: 0 0.25rem !important;
-}
-.dropdown-menu .item > a:not(.addItem):hover,
-.dropdown-menu .item > .as-link:not(.addItem):hover {
-	background: #ca7227;
-	color: #fff;
-}
-.dropdown-menu .item > a:not(.addItem):hover .icon,
-.dropdown-menu .item > .as-link:not(.addItem):hover .icon {
-	filter: grayscale(100%) brightness(2.5);
-}
-.dropdown-menu .item.dropdown-section {
-	margin-top: 0.75rem;
-}
-.dropdown-menu .item.dropdown-section ~ .dropdown-section {
-	border-top-color: #f5f0ec;
-}
-.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item .as-link {
-	padding-left: 2rem;
-}
-.dropdown-menu .item:not(.addItem) > a:hover,
-.dropdown-menu .item:not(.addItem) button:hover {
-	background: #ca7227;
-	color: #fff;
-}
-.dropdown-menu .item:not(.addItem) > a:hover .icon,
-.dropdown-menu .item:not(.addItem) button:hover .icon {
-	filter: brightness(3);
-}
-.dropdown-menu .item[aria-checked=true] a::before {
-	margin: 0 0 0 -14px;
-	font-weight: bold;
-}
-.dropdown-menu .item ~ .dropdown-header {
-	margin-top: 0.75rem;
-	padding-top: 1.75rem;
-	border-top-color: #f5f0ec;
-}
-.dropdown-menu .item.separator {
-	margin-top: 0.75rem;
-	border-top-color: #f5f0ec;
-}
-.dropdown-menu .input select, .dropdown-menu .input input {
-	margin: 0 auto 5px;
-	padding: 2px 5px;
-	border-radius: 3px;
-}
-
-.tree .tree-folder .tree-folder-items .dropdown-menu .item {
-	padding: 0;
-}
-.tree .tree-folder .tree-folder-items .dropdown-menu .item a,
-.tree .tree-folder .tree-folder-items .dropdown-menu .item button {
-	color: #363330;
-}
-.tree .tree-folder .tree-folder-items .dropdown-menu .item a:hover,
-.tree .tree-folder .tree-folder-items .dropdown-menu .item button:hover {
-	color: #fff;
-}
-.tree .tree-folder .tree-folder-items .dropdown-menu .item:hover {
-	background: #ca7227;
-}
-
-/*=== Alerts */
-.alert {
-	background: #fcfaf8;
-	color: #766556;
-	font-size: 1rem;
-	border: 1px solid #d9ccbf;
-	border-radius: 3px;
-	text-shadow: 0 0 1px #f5f0ec;
-}
-
-.alert-head {
-	font-size: 1.15em;
-}
-
-.alert > a {
-	text-decoration: underline;
-	color: inherit;
-}
-
-.alert-warn {
-	background: #fdfde0;
-	color: #73762f;
-	border: 1px solid #73762f33;
-}
-
-.alert-success {
-	background: #cffdef;
-	color: #0c7556;
-	border: 1px solid #0c755633;
-}
-
-.alert-error {
-	background: #fde0d8;
-	color: #73341f;
-	border: 1px solid #73341f33;
-}
-
-/*=== Pagination */
-.pagination {
-	background: #f5f0ec;
-	color: #363330;
-}
-.pagination .item a {
-	color: #363330;
-}
-
-#load_more.loading,
-#load_more.loading:hover {
-	background: url("loader.gif") center center no-repeat #34495e;
-}
-
-/*=== Boxes */
-.box {
-	background: #fff;
-	border: none;
-	border-radius: 3px;
-	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
-}
-.box .box-title {
-	background: #f5f0ec;
-	color: #363330;
-	border-radius: 2px 2px 0 0;
-}
-.box .box-content {
-	padding-left: 30px;
-}
-.box .box-content .item {
-	padding: 0.5rem 0;
-	color: #363330;
-	font-size: 1rem;
-	border-bottom: 1px solid #f5f0ec;
-	line-height: 1.7em;
-}
-.box .box-content .item:last-child {
-	border-bottom: none;
-}
-.box .configure {
-	margin-right: 0.5rem;
-	padding: 0.25rem;
-	border-radius: 3px;
-}
-.box .configure .icon {
-	vertical-align: middle;
-}
-.box .configure:hover {
-	border-radius: 2px;
-	background-color: #ca7227;
-}
-.box .configure:hover .icon {
-	filter: brightness(3);
-}
-
-/*=== "Load more" part */
-#bigMarkAsRead.big {
-	text-align: center;
-	text-decoration: none;
-	background: #fdf6ef;
-	color: #ca7227;
-	transition: all 0.15s ease-in-out;
-}
-#bigMarkAsRead.big:hover {
-	background: #ca7227;
-	color: #fff;
-}
-#bigMarkAsRead.big:hover .bigTick {
-	filter: brightness(7);
-}
-#bigMarkAsRead.big .bigTick {
-	margin: 0.5rem 0;
-	background: url(icons/tick-color.svg) center no-repeat;
-	display: inline-block;
-	width: 64px;
-	height: 64px;
-	text-indent: -9999px;
-	white-space: nowrap;
-}
\ No newline at end of file
diff --git a/p/themes/Ansum/_components.rtl.css b/p/themes/Ansum/_components.rtl.css
deleted file mode 100644
index 90844a63a..000000000
--- a/p/themes/Ansum/_components.rtl.css
+++ /dev/null
@@ -1,234 +0,0 @@
-/* stylelint-disable property-no-vendor-prefix */
-/* FUNCTIONS */
-/*=== COMPONENTS */
-/*===============*/
-/*=== Forms */
-/*=== Horizontal-list */
-.horizontal-list {
-	padding: 0.1rem 0;
-}
-.horizontal-list > .item:first-child {
-	padding-right: 0.5rem;
-}
-
-/*=== Dropdown */
-.dropdown .dropdown-target:target + .btn {
-	background-color: #e4d8cc;
-}
-
-.dropdown-menu {
-	margin: 9px 0 0 0;
-	padding: 0.5rem 0 1rem 0;
-	background: #fcfaf8;
-	font-size: 1rem;
-	border: none;
-	border-radius: 3px;
-	box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35);
-	text-align: right;
-}
-.dropdown-menu::after {
-	border: none;
-	left: 17px;
-}
-.dropdown-menu .dropdown-header,
-.dropdown-menu .dropdown-section .dropdown-section-title {
-	padding: 1rem 1.5rem;
-	font-weight: bold;
-	text-align: right;
-	color: #766556;
-	text-transform: uppercase;
-	letter-spacing: 1px;
-}
-.dropdown-menu .item {
-	transition: all 0.075s ease-in-out;
-}
-.dropdown-menu .item > a,
-.dropdown-menu .item > span,
-.dropdown-menu .item > .as-link {
-	padding: 0 2rem;
-	color: #363330;
-	font-size: inherit;
-	line-height: 2.5em;
-}
-.dropdown-menu .item > a span.icon,
-.dropdown-menu .item > span span.icon,
-.dropdown-menu .item > .as-link span.icon {
-	padding: 0 0.25rem !important;
-}
-.dropdown-menu .item > a:not(.addItem):hover,
-.dropdown-menu .item > .as-link:not(.addItem):hover {
-	background: #ca7227;
-	color: #fff;
-}
-.dropdown-menu .item > a:not(.addItem):hover .icon,
-.dropdown-menu .item > .as-link:not(.addItem):hover .icon {
-	filter: grayscale(100%) brightness(2.5);
-}
-.dropdown-menu .item.dropdown-section {
-	margin-top: 0.75rem;
-}
-.dropdown-menu .item.dropdown-section ~ .dropdown-section {
-	border-top-color: #f5f0ec;
-}
-.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item .as-link {
-	padding-right: 2rem;
-}
-.dropdown-menu .item:not(.addItem) > a:hover,
-.dropdown-menu .item:not(.addItem) button:hover {
-	background: #ca7227;
-	color: #fff;
-}
-.dropdown-menu .item:not(.addItem) > a:hover .icon,
-.dropdown-menu .item:not(.addItem) button:hover .icon {
-	filter: brightness(3);
-}
-.dropdown-menu .item[aria-checked=true] a::before {
-	margin: 0 -14px 0 0;
-	font-weight: bold;
-}
-.dropdown-menu .item ~ .dropdown-header {
-	margin-top: 0.75rem;
-	padding-top: 1.75rem;
-	border-top-color: #f5f0ec;
-}
-.dropdown-menu .item.separator {
-	margin-top: 0.75rem;
-	border-top-color: #f5f0ec;
-}
-.dropdown-menu .input select, .dropdown-menu .input input {
-	margin: 0 auto 5px;
-	padding: 2px 5px;
-	border-radius: 3px;
-}
-
-.tree .tree-folder .tree-folder-items .dropdown-menu .item {
-	padding: 0;
-}
-.tree .tree-folder .tree-folder-items .dropdown-menu .item a,
-.tree .tree-folder .tree-folder-items .dropdown-menu .item button {
-	color: #363330;
-}
-.tree .tree-folder .tree-folder-items .dropdown-menu .item a:hover,
-.tree .tree-folder .tree-folder-items .dropdown-menu .item button:hover {
-	color: #fff;
-}
-.tree .tree-folder .tree-folder-items .dropdown-menu .item:hover {
-	background: #ca7227;
-}
-
-/*=== Alerts */
-.alert {
-	background: #fcfaf8;
-	color: #766556;
-	font-size: 1rem;
-	border: 1px solid #d9ccbf;
-	border-radius: 3px;
-	text-shadow: 0 0 1px #f5f0ec;
-}
-
-.alert-head {
-	font-size: 1.15em;
-}
-
-.alert > a {
-	text-decoration: underline;
-	color: inherit;
-}
-
-.alert-warn {
-	background: #fdfde0;
-	color: #73762f;
-	border: 1px solid #73762f33;
-}
-
-.alert-success {
-	background: #cffdef;
-	color: #0c7556;
-	border: 1px solid #0c755633;
-}
-
-.alert-error {
-	background: #fde0d8;
-	color: #73341f;
-	border: 1px solid #73341f33;
-}
-
-/*=== Pagination */
-.pagination {
-	background: #f5f0ec;
-	color: #363330;
-}
-.pagination .item a {
-	color: #363330;
-}
-
-#load_more.loading,
-#load_more.loading:hover {
-	background: url("loader.gif") center center no-repeat #34495e;
-}
-
-/*=== Boxes */
-.box {
-	background: #fff;
-	border: none;
-	border-radius: 3px;
-	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
-}
-.box .box-title {
-	background: #f5f0ec;
-	color: #363330;
-	border-radius: 2px 2px 0 0;
-}
-.box .box-content {
-	padding-right: 30px;
-}
-.box .box-content .item {
-	padding: 0.5rem 0;
-	color: #363330;
-	font-size: 1rem;
-	border-bottom: 1px solid #f5f0ec;
-	line-height: 1.7em;
-}
-.box .box-content .item:last-child {
-	border-bottom: none;
-}
-.box .configure {
-	margin-left: 0.5rem;
-	padding: 0.25rem;
-	border-radius: 3px;
-}
-.box .configure .icon {
-	vertical-align: middle;
-}
-.box .configure:hover {
-	border-radius: 2px;
-	background-color: #ca7227;
-}
-.box .configure:hover .icon {
-	filter: brightness(3);
-}
-
-/*=== "Load more" part */
-#bigMarkAsRead.big {
-	text-align: center;
-	text-decoration: none;
-	background: #fdf6ef;
-	color: #ca7227;
-	transition: all 0.15s ease-in-out;
-}
-#bigMarkAsRead.big:hover {
-	background: #ca7227;
-	color: #fff;
-}
-#bigMarkAsRead.big:hover .bigTick {
-	filter: brightness(7);
-}
-#bigMarkAsRead.big .bigTick {
-	margin: 0.5rem 0;
-	background: url(icons/tick-color.svg) center no-repeat;
-	display: inline-block;
-	width: 64px;
-	height: 64px;
-	text-indent: -9999px;
-	white-space: nowrap;
-}
\ No newline at end of file
diff --git a/p/themes/Ansum/ansum.css b/p/themes/Ansum/ansum.css
index 43c4cac06..e2ed207cd 100644
--- a/p/themes/Ansum/ansum.css
+++ b/p/themes/Ansum/ansum.css
@@ -417,14 +417,14 @@ th {
 	color: #ca7227;
 	transition: all 0.15s ease-in-out;
 }
-#bigMarkAsRead:hover {
+#bigMarkAsRead.big:hover {
 	background: #ca7227;
 	color: #fff;
 }
-#bigMarkAsRead:hover .bigTick {
+#bigMarkAsRead.big:hover .bigTick {
 	filter: brightness(7);
 }
-#bigMarkAsRead .bigTick {
+#bigMarkAsRead.big .bigTick {
 	margin: 0.5rem 0;
 	background: url(icons/tick-color.svg) center no-repeat;
 	display: inline-block;
diff --git a/p/themes/Ansum/ansum.rtl.css b/p/themes/Ansum/ansum.rtl.css
index 4262ae7ba..5f0446ca4 100644
--- a/p/themes/Ansum/ansum.rtl.css
+++ b/p/themes/Ansum/ansum.rtl.css
@@ -417,14 +417,14 @@ th {
 	color: #ca7227;
 	transition: all 0.15s ease-in-out;
 }
-#bigMarkAsRead:hover {
+#bigMarkAsRead.big:hover {
 	background: #ca7227;
 	color: #fff;
 }
-#bigMarkAsRead:hover .bigTick {
+#bigMarkAsRead.big:hover .bigTick {
 	filter: brightness(7);
 }
-#bigMarkAsRead .bigTick {
+#bigMarkAsRead.big .bigTick {
 	margin: 0.5rem 0;
 	background: url(icons/tick-color.svg) center no-repeat;
 	display: inline-block;
diff --git a/p/themes/Mapco/_components.css b/p/themes/Mapco/_components.css
deleted file mode 100644
index 6e5a8c34c..000000000
--- a/p/themes/Mapco/_components.css
+++ /dev/null
@@ -1,250 +0,0 @@
-/* stylelint-disable property-no-vendor-prefix */
-/* FUNCTIONS */
-/*=== COMPONENTS */
-/*===============*/
-/*=== Forms */
-/*=== Horizontal-list */
-.horizontal-list {
-	padding: 0.1rem 0;
-}
-.horizontal-list > .item:first-child {
-	padding-left: 0.5rem;
-}
-
-/*=== Dropdown */
-.dropdown .dropdown-target:target + .btn {
-	background-color: #d5d8db;
-}
-
-.dropdown-menu {
-	margin: 9px 0 0 0;
-	padding: 0.5rem 0 1rem 0;
-	background: #f9fafb;
-	font-size: 1rem;
-	border: none;
-	border-radius: 3px;
-	box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35);
-	text-align: left;
-}
-.dropdown-menu::after {
-	border: none;
-	right: 18px;
-}
-.dropdown-menu .dropdown-header,
-.dropdown-menu .dropdown-section .dropdown-section-title {
-	padding: 1rem 1.5rem;
-	font-weight: bold;
-	text-align: left;
-	color: #5b6871;
-	text-transform: uppercase;
-	letter-spacing: 1px;
-}
-.dropdown-menu .item {
-	transition: all 0.075s ease-in-out;
-}
-.dropdown-menu .item > a,
-.dropdown-menu .item > span,
-.dropdown-menu .item > .as-link {
-	padding: 0 2rem;
-	color: #303136;
-	font-size: inherit;
-	line-height: 2.5em;
-}
-.dropdown-menu .item > a span.icon,
-.dropdown-menu .item > span span.icon,
-.dropdown-menu .item > .as-link span.icon {
-	padding: 0 0.25rem !important;
-}
-.dropdown-menu .item > a:not(.addItem):hover,
-.dropdown-menu .item > .as-link:not(.addItem):hover {
-	background: #36c;
-	color: #fff;
-}
-.dropdown-menu .item > a:not(.addItem):hover .icon,
-.dropdown-menu .item > .as-link:not(.addItem):hover .icon {
-	filter: brightness(3);
-}
-.dropdown-menu .item.dropdown-section {
-	margin-top: 0.75rem;
-}
-.dropdown-menu .item.dropdown-section ~ .dropdown-section {
-	border-top-color: #eff0f2;
-}
-.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item .as-link {
-	padding-left: 2rem;
-}
-.dropdown-menu .item[aria-checked=true] a::before {
-	margin: 0 0 0 -14px;
-	font-weight: bold;
-}
-.dropdown-menu .item ~ .dropdown-header {
-	margin-top: 0.75rem;
-	padding-top: 1.75rem;
-	border-top-color: #eff0f2;
-}
-.dropdown-menu .item.separator {
-	margin-top: 0.75rem;
-	border-top-color: #eff0f2;
-}
-.dropdown-menu .input select, .dropdown-menu .input input {
-	margin: 0 auto 5px;
-	padding: 2px 5px;
-	border-radius: 3px;
-}
-
-.tree .tree-folder .tree-folder-items .dropdown-menu .item {
-	padding: 0;
-}
-.tree .tree-folder .tree-folder-items .dropdown-menu .item a,
-.tree .tree-folder .tree-folder-items .dropdown-menu .item button {
-	color: #303136;
-}
-.tree .tree-folder .tree-folder-items .dropdown-menu .item a:hover,
-.tree .tree-folder .tree-folder-items .dropdown-menu .item button:hover {
-	color: #fff;
-}
-.tree .tree-folder .tree-folder-items .dropdown-menu .item:hover {
-	background: #36c;
-}
-
-/*=== Alerts */
-.alert {
-	background: #f9fafb;
-	color: #5b6871;
-	font-size: 1rem;
-	border: 1px solid #c5ced3;
-	border-radius: 3px;
-	text-shadow: 0 0 1px #eff0f2;
-}
-
-.alert-head {
-	font-size: 1.15em;
-}
-
-.alert > a {
-	text-decoration: underline;
-	color: inherit;
-}
-
-.alert-warn {
-	background: #fdfde0;
-	color: #73762f;
-	border: 1px solid #73762f33;
-}
-
-.alert-success {
-	background: #cffde7;
-	color: #0c7540;
-	border: 1px solid #0c754033;
-}
-
-.alert-error {
-	background: #fde0d8;
-	color: #73341f;
-	border: 1px solid #73341f33;
-}
-
-/*=== Pagination */
-.pagination {
-	background: #eff0f2;
-	color: #303136;
-}
-.pagination .item a {
-	color: #303136;
-}
-
-#load_more.loading,
-#load_more.loading:hover {
-	background: url("loader.gif") center center no-repeat #34495e;
-}
-
-/*=== Boxes */
-.box {
-	background: #fff;
-	border: none;
-	border-radius: 3px;
-	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
-}
-.box .box-title {
-	background: #eff0f2;
-	color: #303136;
-	border-radius: 2px 2px 0 0;
-}
-.box .box-title .configure {
-	padding: 5px;
-}
-.box .box-title:hover .configure .icon {
-	vertical-align: middle;
-}
-.box .box-title:hover .configure:hover {
-	background-color: #36c;
-}
-.box .box-title:hover .configure:hover .icon {
-	filter: brightness(3);
-}
-.box .box-title form input {
-	width: 85%;
-}
-.box .box-title form .dropdown {
-	float: right;
-}
-.box .box-title form .dropdown a.dropdown-toggle {
-	padding: 0;
-	border-radius: 0;
-	background-image: url(icons/more.svg);
-	background-repeat: no-repeat;
-	background-position: right 8px;
-}
-.box .box-title form .dropdown a.dropdown-toggle img {
-	display: none;
-}
-.box .box-content {
-	padding-left: 30px;
-}
-.box .box-content .item {
-	padding: 0.25rem 0;
-	color: #303136;
-	font-size: 1rem;
-	border-bottom: 1px solid #eff0f2;
-	line-height: 1.7em;
-}
-.box .box-content .item .configure {
-	padding: 5px;
-}
-.box .box-content .item .configure .icon {
-	vertical-align: middle;
-}
-.box .box-content .item .configure:hover {
-	background-color: #36c;
-}
-.box .box-content .item .configure:hover .icon {
-	filter: brightness(3);
-}
-.box .box-content .item:last-child {
-	border-bottom: none;
-}
-
-/*=== "Load more" part */
-#bigMarkAsRead.big {
-	text-align: center;
-	text-decoration: none;
-	background: #effcfd;
-	color: #36c;
-	transition: all 0.15s ease-in-out;
-}
-#bigMarkAsRead.big:hover {
-	background: #36c;
-	color: #fff;
-}
-#bigMarkAsRead.big:hover .bigTick {
-	filter: brightness(5);
-}
-#bigMarkAsRead.big .bigTick {
-	margin: 0.5rem 0;
-	background: url(icons/tick-color.svg) center no-repeat;
-	display: inline-block;
-	width: 64px;
-	height: 64px;
-	text-indent: -9999px;
-	white-space: nowrap;
-}
\ No newline at end of file
diff --git a/p/themes/Mapco/_components.rtl.css b/p/themes/Mapco/_components.rtl.css
deleted file mode 100644
index 333c0eafc..000000000
--- a/p/themes/Mapco/_components.rtl.css
+++ /dev/null
@@ -1,250 +0,0 @@
-/* stylelint-disable property-no-vendor-prefix */
-/* FUNCTIONS */
-/*=== COMPONENTS */
-/*===============*/
-/*=== Forms */
-/*=== Horizontal-list */
-.horizontal-list {
-	padding: 0.1rem 0;
-}
-.horizontal-list > .item:first-child {
-	padding-right: 0.5rem;
-}
-
-/*=== Dropdown */
-.dropdown .dropdown-target:target + .btn {
-	background-color: #d5d8db;
-}
-
-.dropdown-menu {
-	margin: 9px 0 0 0;
-	padding: 0.5rem 0 1rem 0;
-	background: #f9fafb;
-	font-size: 1rem;
-	border: none;
-	border-radius: 3px;
-	box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35);
-	text-align: right;
-}
-.dropdown-menu::after {
-	border: none;
-	left: 18px;
-}
-.dropdown-menu .dropdown-header,
-.dropdown-menu .dropdown-section .dropdown-section-title {
-	padding: 1rem 1.5rem;
-	font-weight: bold;
-	text-align: right;
-	color: #5b6871;
-	text-transform: uppercase;
-	letter-spacing: 1px;
-}
-.dropdown-menu .item {
-	transition: all 0.075s ease-in-out;
-}
-.dropdown-menu .item > a,
-.dropdown-menu .item > span,
-.dropdown-menu .item > .as-link {
-	padding: 0 2rem;
-	color: #303136;
-	font-size: inherit;
-	line-height: 2.5em;
-}
-.dropdown-menu .item > a span.icon,
-.dropdown-menu .item > span span.icon,
-.dropdown-menu .item > .as-link span.icon {
-	padding: 0 0.25rem !important;
-}
-.dropdown-menu .item > a:not(.addItem):hover,
-.dropdown-menu .item > .as-link:not(.addItem):hover {
-	background: #36c;
-	color: #fff;
-}
-.dropdown-menu .item > a:not(.addItem):hover .icon,
-.dropdown-menu .item > .as-link:not(.addItem):hover .icon {
-	filter: brightness(3);
-}
-.dropdown-menu .item.dropdown-section {
-	margin-top: 0.75rem;
-}
-.dropdown-menu .item.dropdown-section ~ .dropdown-section {
-	border-top-color: #eff0f2;
-}
-.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item .as-link {
-	padding-right: 2rem;
-}
-.dropdown-menu .item[aria-checked=true] a::before {
-	margin: 0 -14px 0 0;
-	font-weight: bold;
-}
-.dropdown-menu .item ~ .dropdown-header {
-	margin-top: 0.75rem;
-	padding-top: 1.75rem;
-	border-top-color: #eff0f2;
-}
-.dropdown-menu .item.separator {
-	margin-top: 0.75rem;
-	border-top-color: #eff0f2;
-}
-.dropdown-menu .input select, .dropdown-menu .input input {
-	margin: 0 auto 5px;
-	padding: 2px 5px;
-	border-radius: 3px;
-}
-
-.tree .tree-folder .tree-folder-items .dropdown-menu .item {
-	padding: 0;
-}
-.tree .tree-folder .tree-folder-items .dropdown-menu .item a,
-.tree .tree-folder .tree-folder-items .dropdown-menu .item button {
-	color: #303136;
-}
-.tree .tree-folder .tree-folder-items .dropdown-menu .item a:hover,
-.tree .tree-folder .tree-folder-items .dropdown-menu .item button:hover {
-	color: #fff;
-}
-.tree .tree-folder .tree-folder-items .dropdown-menu .item:hover {
-	background: #36c;
-}
-
-/*=== Alerts */
-.alert {
-	background: #f9fafb;
-	color: #5b6871;
-	font-size: 1rem;
-	border: 1px solid #c5ced3;
-	border-radius: 3px;
-	text-shadow: 0 0 1px #eff0f2;
-}
-
-.alert-head {
-	font-size: 1.15em;
-}
-
-.alert > a {
-	text-decoration: underline;
-	color: inherit;
-}
-
-.alert-warn {
-	background: #fdfde0;
-	color: #73762f;
-	border: 1px solid #73762f33;
-}
-
-.alert-success {
-	background: #cffde7;
-	color: #0c7540;
-	border: 1px solid #0c754033;
-}
-
-.alert-error {
-	background: #fde0d8;
-	color: #73341f;
-	border: 1px solid #73341f33;
-}
-
-/*=== Pagination */
-.pagination {
-	background: #eff0f2;
-	color: #303136;
-}
-.pagination .item a {
-	color: #303136;
-}
-
-#load_more.loading,
-#load_more.loading:hover {
-	background: url("loader.gif") center center no-repeat #34495e;
-}
-
-/*=== Boxes */
-.box {
-	background: #fff;
-	border: none;
-	border-radius: 3px;
-	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
-}
-.box .box-title {
-	background: #eff0f2;
-	color: #303136;
-	border-radius: 2px 2px 0 0;
-}
-.box .box-title .configure {
-	padding: 5px;
-}
-.box .box-title:hover .configure .icon {
-	vertical-align: middle;
-}
-.box .box-title:hover .configure:hover {
-	background-color: #36c;
-}
-.box .box-title:hover .configure:hover .icon {
-	filter: brightness(3);
-}
-.box .box-title form input {
-	width: 85%;
-}
-.box .box-title form .dropdown {
-	float: left;
-}
-.box .box-title form .dropdown a.dropdown-toggle {
-	padding: 0;
-	border-radius: 0;
-	background-image: url(icons/more.svg);
-	background-repeat: no-repeat;
-	background-position: left 8px;
-}
-.box .box-title form .dropdown a.dropdown-toggle img {
-	display: none;
-}
-.box .box-content {
-	padding-right: 30px;
-}
-.box .box-content .item {
-	padding: 0.25rem 0;
-	color: #303136;
-	font-size: 1rem;
-	border-bottom: 1px solid #eff0f2;
-	line-height: 1.7em;
-}
-.box .box-content .item .configure {
-	padding: 5px;
-}
-.box .box-content .item .configure .icon {
-	vertical-align: middle;
-}
-.box .box-content .item .configure:hover {
-	background-color: #36c;
-}
-.box .box-content .item .configure:hover .icon {
-	filter: brightness(3);
-}
-.box .box-content .item:last-child {
-	border-bottom: none;
-}
-
-/*=== "Load more" part */
-#bigMarkAsRead.big {
-	text-align: center;
-	text-decoration: none;
-	background: #effcfd;
-	color: #36c;
-	transition: all 0.15s ease-in-out;
-}
-#bigMarkAsRead.big:hover {
-	background: #36c;
-	color: #fff;
-}
-#bigMarkAsRead.big:hover .bigTick {
-	filter: brightness(5);
-}
-#bigMarkAsRead.big .bigTick {
-	margin: 0.5rem 0;
-	background: url(icons/tick-color.svg) center no-repeat;
-	display: inline-block;
-	width: 64px;
-	height: 64px;
-	text-indent: -9999px;
-	white-space: nowrap;
-}
\ No newline at end of file
diff --git a/p/themes/Mapco/mapco.css b/p/themes/Mapco/mapco.css
index cc8edfb53..960c7d6aa 100644
--- a/p/themes/Mapco/mapco.css
+++ b/p/themes/Mapco/mapco.css
@@ -432,14 +432,14 @@ th {
 	color: #36c;
 	transition: all 0.15s ease-in-out;
 }
-#bigMarkAsRead:hover {
+#bigMarkAsRead.big:hover {
 	background: #36c;
 	color: #fff;
 }
-#bigMarkAsRead:hover .bigTick {
+#bigMarkAsRead.big:hover .bigTick {
 	filter: brightness(5);
 }
-#bigMarkAsRead .bigTick {
+#bigMarkAsRead.big .bigTick {
 	margin: 0.5rem 0;
 	background: url(icons/tick-color.svg) center no-repeat;
 	display: inline-block;
diff --git a/p/themes/Mapco/mapco.rtl.css b/p/themes/Mapco/mapco.rtl.css
index 5ebd049f7..553f2d7dc 100644
--- a/p/themes/Mapco/mapco.rtl.css
+++ b/p/themes/Mapco/mapco.rtl.css
@@ -432,14 +432,14 @@ th {
 	color: #36c;
 	transition: all 0.15s ease-in-out;
 }
-#bigMarkAsRead:hover {
+#bigMarkAsRead.big:hover {
 	background: #36c;
 	color: #fff;
 }
-#bigMarkAsRead:hover .bigTick {
+#bigMarkAsRead.big:hover .bigTick {
 	filter: brightness(5);
 }
-#bigMarkAsRead .bigTick {
+#bigMarkAsRead.big .bigTick {
 	margin: 0.5rem 0;
 	background: url(icons/tick-color.svg) center no-repeat;
 	display: inline-block;