src/ztfy/myams/resources/less/content.less
changeset 118 c87d242a1176
parent 104 d25135ad3899
child 130 e3cb023c73b6
--- a/src/ztfy/myams/resources/less/content.less	Fri Mar 27 15:59:45 2015 +0100
+++ b/src/ztfy/myams/resources/less/content.less	Fri Mar 27 16:00:30 2015 +0100
@@ -104,6 +104,30 @@
 	border-left: 5px solid transparent;
 }
 
+.fixed {
+	position: fixed;
+}
+.xs-fixed {
+	@media (max-width: 768px) {
+		position: fixed;
+	}
+}
+.sm-fixed {
+	@media (min-width: 768px) and (max-width: 992px) {
+		position: fixed;
+	}
+}
+.md-fixed {
+	@media (min-width: 992px) and (max-width: 1200px) {
+		position: fixed;
+	}
+}
+.lg-fixed {
+	@media (min-width: 1200px) {
+		position: fixed;
+	}
+}
+
 .outside {
 	position: absolute;
 	left: -9999px;
@@ -139,27 +163,6 @@
 	}
 }
 
-.modal-dialog {
-	&.modal-large {
-		@media only screen and (min-width: 768px) {
-			width: 80%;
-			max-width: 900px;
-		}
-	}
-	&.modal-medium {
-		@media only screen and (min-width: 768px) {
-			width: 60%;
-			max-width: 650px;
-		}
-	}
-	&.modal-small {
-		@media only screen and (min-width: 768px) {
-			width: 40%;
-			max-width: 450px;
-		}
-	}
-}
-
 .viewport {
 	&-y {
 		overflow-y: auto;
@@ -173,6 +176,18 @@
 		&.viewport-300 {
 			max-height: 300px;
 		}
+		&.viewport-600 {
+			max-height: 600px;
+		}
+		&.viewport-400 {
+			max-height: 400px;
+		}
+		&.viewport-500 {
+			max-height: 500px;
+		}
+		&.viewport-600 {
+			max-height: 600px;
+		}
 	}
 	&-x {
 		overflow-x: auto;
@@ -186,6 +201,36 @@
 		&.viewport-300 {
 			max-width: 300px;
 		}
+		&.viewport-400 {
+			max-width: 400px;
+		}
+		&.viewport-500 {
+			max-width: 500px;
+		}
+		&.viewport-600 {
+			max-width: 600px;
+		}
+	}
+}
+
+.height {
+	&-100 {
+		min-height: 100px;
+	}
+	&-200 {
+		min-height: 200px;
+	}
+	&-300 {
+		min-height: 300px;
+	}
+	&-400 {
+		min-height: 400px;
+	}
+	&-500 {
+		min-height: 500px;
+	}
+	&-600 {
+		min-height: 600px;
 	}
 }
 
@@ -247,9 +292,14 @@
 
 .help {
 	font-size: 90%;
+	padding: 5px!important;
 
 	p {
 		margin: 0 0 1px;
+		line-height: 1.15;
+	}
+	.modal-dialog & {
+		margin-bottom: 5px!important;
 	}
 }