1 files changed, 250 insertions, 0 deletions
diff --git a/p/themes/Mapco/_components.css b/p/themes/Mapco/_components.css
new file mode 100644
index 000000000..6e5a8c34c
--- /dev/null
+++ b/p/themes/Mapco/_components.css
@@ -0,0 +1,250 @@
+/* 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