--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/pyams_portal/resources/less/portal.less	Wed Jun 17 09:58:33 2015 +0200
@@ -0,0 +1,146 @@
+#portal_config {
+
+	.rows {
+		min-height: 15px;
+	}
+	.row {
+		position: relative;
+		margin: 5px 0;
+		padding: 2px 4px;
+		border: 1px solid rgba(199, 81, 0, 0.40);
+		border-top-width: 1.5em;
+		min-height: 20px;
+		cursor: move;
+
+		> .row_id {
+			position: absolute;
+			right: 2px;
+			top: -1.6em;
+		}
+		.slot {
+			margin: 3px 0;
+			padding: 3px;
+			border: 1px solid rgba(98, 120, 128, 0.65);
+			border-bottom-width: 6px;
+			min-height: 20px!important;
+
+			>.header {
+				background-color: rgba(98, 120, 128, 0.60);
+				color: white;
+			}
+		}
+		.portlet {
+			margin: 3px 0;
+			padding: 3px;
+			border: 1px solid rgba(98, 120, 128, 0.60);
+			min-height: 20px!important;
+
+			>.header {
+				background-color: rgba(92, 109, 115, 0.80);
+				color: white;
+			}
+		}
+	}
+	.row-highlight {
+		margin: 5px 0;
+		border: 1px solid #c75100;
+		min-height: 40px;
+	}
+
+	.slots {
+		min-height: 15px;
+	}
+	.slot-highlight {
+		margin: 3px 0;
+		border: 1px solid #7b939c;
+		min-height: 40px;
+	}
+
+	.portlets {
+		min-height: 15px;
+
+		&-hover {
+			background-color: silver;
+		}
+		&-active {
+			background-color: silver;
+		}
+	}
+	.portlet-highlight {
+		margin: 0;
+		border: 1px solid #7b939c;
+		min-height: 40px;
+	}
+
+	&.container {
+		.col-12 {
+			float: left;
+			width: 100%!important;
+		}
+		.col-11 {
+			float: left;
+			width: 91.66666667%!important;
+		}
+		.col-10 {
+			float: left;
+			width: 83.33333333%!important;
+		}
+		.col-9 {
+			float: left;
+			width: 75%!important;
+		}
+		.col-8 {
+			float: left;
+			width: 66.66666667%!important;
+		}
+		.col-7 {
+			float: left;
+			width: 58.33333333%!important;
+		}
+		.col-6 {
+			float: left;
+			width: 50%!important;
+		}
+		.col-5 {
+			float: left;
+			width: 41.66666667%!important;
+		}
+		.col-4 {
+			float: left;
+			width: 33.33333333%!important;
+		}
+		.col-3 {
+			float: left;
+			width: 25%!important;
+		}
+		.col-2 {
+			float: left;
+			width: 16.66666667%!important;
+		}
+		.col-1 {
+			float: left;
+			width: 8.33333333%!important;
+		}
+		.col-0 {
+			float: left;
+			width: 100%!important;
+			opacity: 0.5;
+
+			>.portlets {
+				display: none;
+			}
+		}
+	}
+	&.container-xs {
+		max-width: 750px!important;
+	}
+	&.container-sm {
+		width: 750px!important;
+	}
+	&.container-md {
+		width: 970px!important;
+	}
+	&.container-lg {
+		width: 1170px!important;
+	}
+}