metro-ui-rails 0.15.8.12 → 0.15.8.13

data/vendor/toolkit/metro-ui/accordion.less

@@ -1,7 +1,7 @@
 /*
  * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
- * Licensed under the MIT Lilcense
+ * Licensed under the MIT License
  *
  * Accordion.less
  */

data/vendor/toolkit/metro-ui/bricks.less

@@ -1,7 +1,7 @@
 /*
  * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
- * Licensed under the MIT Lilcense
+ * Licensed under the MIT License
  *
  * Bricks.less
  *

data/vendor/toolkit/metro-ui/buttons.less

@@ -1,7 +1,7 @@
 /*
  * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
- * Licensed under the MIT Lilcense
+ * Licensed under the MIT License
  *
  * Buttons.less
  */

data/vendor/toolkit/metro-ui/cards.less

@@ -1,7 +1,7 @@
 /*
  * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
- * Licensed under the MIT Lilcense
+ * Licensed under the MIT License
  *
  * Cards.less
  *

data/vendor/toolkit/metro-ui/carousel.less

@@ -1,7 +1,7 @@
 /*
  * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
- * Licensed under the MIT Lilcense
+ * Licensed under the MIT License
  *
  * Carousel.less
  * Version: 1.0

data/vendor/toolkit/metro-ui/code.less

@@ -1,7 +1,7 @@
 /*
  * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
- * Licensed under the MIT Lilcense
+ * Licensed under the MIT License
  *
  * Code.less
  *

data/vendor/toolkit/metro-ui/colors.less

@@ -1,7 +1,7 @@
 /*
  * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
- * Licensed under the MIT Lilcense
+ * Licensed under the MIT License
  *
  * Variables.less
  */

data/vendor/toolkit/metro-ui/dialog.less

@@ -0,0 +1,90 @@
+/*
+ * Metro UI CSS
+ * Copyright 2012 Valerio Battaglia
+ * Licensed under the MIT License
+ *
+ * dialog.less
+ */
+
+
+.dialog
+{
+  	position: absolute;
+	top: 40%;
+	left: 40%;
+	min-width: 150px;
+	min-height: 155px;
+	z-index: 1000;
+	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+
+	.header 
+	{
+		width: auto;
+		height: 35px;
+		padding: 6px 35px 5px 5px;
+		font-size: 18px;
+		white-space: nowrap;
+		overflow: hidden;
+		background-color: #2D89EF;
+		border: 1px solid #2D89EF;
+		border-bottom: 0 none;
+
+		div
+		{
+			position: absolute;
+			right: -5px;
+			top: 5px;
+		}
+
+		button
+		{
+			min-width: 16px;
+			min-height: 16px;
+			height: 24px;
+			width: 24px;
+
+			i
+			{
+				position: absolute;
+				left: 2px;
+				top: 4px;
+			}
+		}
+	}
+
+	.content
+	{
+		min-height: 85px;
+		padding: 5px;
+		background-color: #FFFFFF;
+		border-left: 1px solid rgba(0, 0, 0, 0.2);
+		border-right: 1px solid rgba(0, 0, 0, 0.2);
+	}
+
+	.action
+	{
+		position: relative;
+		bottom: 0;
+		width: auto;
+		height: 40px;
+		font-size: 18px;
+		text-align: center;
+		white-space: nowrap;
+		overflow: hidden;
+		background-color: #FFFFFF;
+		border-left: 1px solid rgba(0, 0, 0, 0.2);
+		border-right: 1px solid rgba(0, 0, 0, 0.2);
+		border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+	}
+}
+
+#dialogOverlay
+{
+	width: 100%;
+	height: 100%;
+	position: fixed;
+	top: 0;
+	left: 0;
+	background-color: rgba(235, 235, 235, 0.5);
+	z-index: 1;
+}

data/vendor/toolkit/metro-ui/forms.less

@@ -1,7 +1,7 @@
 /*
  * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
- * Licensed under the MIT Lilcense
+ * Licensed under the MIT License
  *
  * Layout.less
  */
@@ -44,7 +44,7 @@
         }
 
 
-        input[type="checkbox"]:checked + .helper:after {
+        input[type="checkbox"]:checked ~ .helper:after {
             position: absolute;
             display: block;
             content: "\e08a";
@@ -60,27 +60,31 @@
             font-family: iconFont;
         }
 
-        input[type="checkbox"]:not(:checked) + .helper:after {
+        input[type="checkbox"]:not(:checked) ~ .helper:after {
             display: none;
         }
 
-        input[type="checkbox"]:disabled + .helper:before {
+        input[type="checkbox"]:disabled ~ .helper:before {
             cursor: default;
             background: #e6e6e6;
         }
 
-        input[type=checkbox]:disabled + .helper:after {
+        input[type=checkbox]:disabled ~ .helper:after {
             color: #8a8a8a;
         }
 
+        input[type=checkbox]:focus ~ .helper:before {
+            border-color: #919191;
+        }
+
         &:hover {
-            input:not(:disabled) + .helper:before {
+            input[type=checkbox]:not(:disabled) ~ .helper:before {
                 border-color: #919191;
             }
         }
 
         &:active {
-            input:not(:disabled) + .helper:before {
+            input[type=checkbox]:not(:disabled) ~ .helper:before {
                 border-color: #1e1e1e;
             }
         }
@@ -88,7 +92,7 @@
     }
 
     &.intermediate {
-        input[type="checkbox"] + .helper:after {
+        input[type="checkbox"] ~ .helper:after {
             position: absolute !important;
             display: block !important;
             content: "" !important;
@@ -104,7 +108,7 @@
             width: 10px !important;
             height: 10px !important;
         }
-        input[type="checkbox"]:disabled + .helper:after {
+        input[type="checkbox"]:disabled ~ .helper:after {
             background-color: lighten(#1a1a1a, 50%) !important;
         }
     }
@@ -144,7 +148,7 @@
             border-radius: 100%;
         }
 
-        input[type="radio"]:checked + .helper:after {
+        input[type="radio"]:checked ~ .helper:after {
             position: absolute;
             display: block;
             content: "";
@@ -162,23 +166,27 @@
             border-radius: 100%;
         }
 
-        input[type="radio"]:disabled + .helper:before {
+        input[type="radio"]:disabled ~ .helper:before {
             cursor: default;
             background: #e6e6e6;
         }
 
-        input[type="radio"]:disabled + .helper:after {
+        input[type="radio"]:disabled ~ .helper:after {
             background-color: #8a8a8a;
         }
 
+        input[type="radio"]:focus ~ .helper:before {
+            border-color: #919191;
+        }
+
         &:hover {
-            input:not(:disabled) + .helper:before {
+            input:not(:disabled) ~ .helper:before {
                 border-color: #919191;
             }
         }
 
         &:active {
-            input:not(:disabled) + .helper:before {
+            input:not(:disabled) ~ .helper:before {
                 border-color: #1e1e1e;
             }
         }
@@ -220,7 +228,7 @@
             z-index: 1;
         }
 
-        input[type="checkbox"] + .helper:after {
+        input[type="checkbox"] ~ .helper:after {
             position: absolute;
             left: 36px;
             top: 2px;
@@ -235,21 +243,25 @@
             z-index: 2;
         }
 
-        input[type="checkbox"]:not(:checked) + .helper:after {
+        input[type="checkbox"]:not(:checked) ~ .helper:after {
             left: 2px !important;
         }
 
-        input[type="checkbox"]:not(:checked) + .helper:before {
+        input[type="checkbox"]:not(:checked) ~ .helper:before {
             background: #a6a6a6 !important;
         }
 
-        input[type="checkbox"]:disabled + .helper:after {
+        input[type="checkbox"]:disabled ~ .helper:after {
             background: #a6a6a6 !important;
             outline: 2px #a6a6a6 solid !important;
             border: 1px #a6a6a6 solid !important;
         }
 
-        input[type="checkbox"]:disabled + .helper:before {
+        input[type="checkbox"]:focus ~ .helper:before {
+            outline: 2px #747474 solid !important;
+        }
+
+        input[type="checkbox"]:disabled ~ .helper:before {
             cursor: default !important;
             background: #e0e0e0 !important;
             outline: 2px #ccc solid !important;
@@ -265,18 +277,24 @@
 .input-control > input[type=url],
 .input-control > input[type=phone],
 .input-control > input[type=password],
+.input-control > input[type=number],
+.input-control > input[type=time],
 .input-control > select,
 .input-control > textarea {
-    border: 2px #bababa solid;
+    border: 1px #bababa solid;
     width: 100%;
-    padding: 4px 32px 6px 5px;
+    padding: 4px 6px 6px 5px;
     background-color: #fff;
     outline: 0;
     margin-right: 32px;
     min-height: 32px;
+    //-webkit-appearance: none;
+    //-moz-appearance: none;
     .pos-rel;
 
-
+    &.with-helper {
+        padding: 4px 32px 6px 5px;
+    }
     &:disabled {
         background-color: #eaeaea;
     }
@@ -288,14 +306,15 @@
 .input-control > input[type=text]::-ms-clear,
 .input-control > input[type=email]::-ms-clear,
 .input-control > input[type=url]::-ms-clear,
-.input-control > input[type=phone]::-ms-clear {
+.input-control > input[type=phone]::-ms-clear,
+.input-control > input[type=number]::-ms-clear,
+.input-control > input[type=time]::-ms-clear {
     display: none;
 }
 .input-control > input[type=password]::-ms-reveal {
     display: none;
 }
 
-
 .input-control > select {
     padding-right: 5px;
 }
@@ -307,13 +326,13 @@
 
 .input-control {
     &.text, &.password {
-        input[type=text]:not(:focus) + .helper, input[type=password]:not(:focus) + .helper, input[type=email]:not(:focus) + .helper, input[type=phone]:not(:focus) + .helper, input[type=url]:not(:focus) + .helper {
+        input[type=text]:not(:focus) ~ .helper, input[type=password]:not(:focus) ~ .helper, input[type=email]:not(:focus) ~ .helper, input[type=phone]:not(:focus) ~ .helper, input[type=url]:not(:focus) ~ .helper {
             display: none;
         }
-        input[type=text]:focus + .helper, input[type=password]:focus + .helper, input[type=email]:focus + .helper, input[type=phone]:focus + .helper, input[type=url]:focus + .helper {
+        input[type=text]:focus ~ .helper, input[type=password]:focus ~ .helper, input[type=email]:focus ~ .helper, input[type=phone]:focus ~ .helper, input[type=url]:focus ~ .helper {
             display: block;
         }
-        input[type=text]:not(:focus) + .helper:active, input[type=password]:not(:focus) + .helper:active, input[type=email]:not(:focus) + .helper:active, input[type=phone]:not(:focus) + .helper:active, input[type=url]:not(:focus) + .helper:active{
+        input[type=text]:not(:focus) ~ .helper:active, input[type=password]:not(:focus) ~ .helper:active, input[type=email]:not(:focus) ~ .helper:active, input[type=phone]:not(:focus) ~ .helper:active, input[type=url]:not(:focus) ~ .helper:active{
             display: block;
         }
     }

data/vendor/toolkit/metro-ui/grid.less

@@ -1,7 +1,7 @@
 /*
  * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
- * Licensed under the MIT Lilcense
+ * Licensed under the MIT License
  *
  * Grid.less
  *
@@ -112,4 +112,14 @@
     }
 
     .clearfix();
-}
+}
+
+.grid > .row::before, .grid > .row::after {
+    content: normal;
+}
+
+td[class*="span"], th[class*="span"] {
+    display: table-cell !important;
+    float: none !important;
+    padding: 0 !important;
+}

data/vendor/toolkit/metro-ui/hero.less

@@ -1,7 +1,7 @@
 /*
  * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
- * Licensed under the MIT Lilcense
+ * Licensed under the MIT License
  *
  * Hero.less
  *

data/vendor/toolkit/metro-ui/icons.less

@@ -77,7 +77,7 @@ li {
         width: 1.25em;
         text-align: center;
     }
-    .icon-large:before,
+    .icon-large:after,
     .icon-large:before {
         width: 1.5*1.25em;
     }

data/vendor/toolkit/metro-ui/images.less

@@ -1,7 +1,7 @@
 /*
  * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
- * Licensed under the MIT Lilcense
+ * Licensed under the MIT License
  *
  * images.less
  *

data/vendor/toolkit/metro-ui/layout.less

@@ -1,7 +1,7 @@
 /*
  * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
- * Licensed under the MIT Lilcense
+ * Licensed under the MIT License
  *
  * Layout.less
  */

data/vendor/toolkit/metro-ui/listview.less

@@ -1,7 +1,7 @@
 /*
  * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
- * Licensed under the MIT Lilcense
+ * Licensed under the MIT License
  *
  * ListView.less
  * Version 1.0
@@ -21,12 +21,17 @@
         .icon {
             width: 48px;
             height: 48px;
+            font-size: 40px;
             float: left;
 
             img {
                 width: 100%;
                 height: 100%;
             }
+
+            i {
+                margin-top: 10px;
+            }
         }
 
         .data {
@@ -106,6 +111,32 @@
         }
     }
 
+    li div.badge {
+        position: absolute;
+        left: -4px;
+        top: -4px;
+        background-color: @blue;
+        padding: 5px;
+        margin: 0 !important;
+        text-align: center;
+        display: block;
+        font-size: 9pt;
+        color: @white;
+
+        &.strech {
+            padding: 0 5px;
+        }
+
+        &.right {
+            right: -4px;
+            left: auto;
+        }
+
+        &.bottom {
+            top: auto;
+            bottom: -4px;
+        }
+    }
 
     & > li.selected {
         border: 4px @blue solid;