metro-ui-rails 0.15.8.13 → 0.15.8.14

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

@@ -1,9 +1,10 @@
 /*
  * Metro UI CSS
- * Copyright 2012 Sergey Pimenov
- * Licensed under the MIT License
+ * (c) 2012-2013 by Sergey Pimenov
+ * Licensed under the MIT License and Commercial
+ *
+ * Butoons.less
  *
- * Buttons.less
  */
 
 @logo: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGESURBVFhH7ZevTsNQFIfbZgKxB9gjIHgABAIcS0CSQIJE4LEIEgQCyQNMIiHhIRAgEAgECWKIySUTCEjLd3t/Cyml3em6DtMvOTn33PM3XdvbBU2SJMmKlssnjuNtZIisa2t50HQNmXAFEvQHsi9X89CzR8M31/wXZwppDpp0aX7v++XBd41q7r5Qg1I0YE8pQYixqbWFpzAMx1pnoPA5vlOZpdDzHdWPoujZGVX4c1iaH8pvhpwJshOpxtxQawM18JYdrlYXdbKIAa4o1pFphrxX8g5qD0CRPsUeZZogfkzeLjJaxAAjZIuit9oqhbgv4veQl+lGFQqfGHwdbqpLH1YMMUdK8WjfysxHlgbHyKfiM7B/obAf5LNiemfQyB1E6VkwBfsGlb9ZvduM+aVFQ3cgDV0S+gHlHrs8LqAC5gEcxLuD6c5pbeVJy9qpNECLCV1aK+lPwO86kD0TF5s2KqD2m7Au7QDtAO0A7QD/PsBcf0zIWWVdfMRmcd+M/vsvRxB8A6+/IU2N93KYAAAAAElFTkSuQmCC);
@@ -48,6 +49,14 @@
 
 button, .button {
     #font > .control;
+    font-size: 14px;
+
+    display: inline-block;
+    padding: 4px 12px;
+    line-height: 20px;
+    text-align: center;
+    vertical-align: middle !important;
+
     min-width: 90px;
     min-height: 32px;
     height: 32px;
@@ -57,12 +66,10 @@ button, .button {
     margin-right: 10px;
     margin-bottom: 10px;
     border-raduis: 0;
-    display: inline-block;
-    text-align: center;
-    vertical-align: middle;
     cursor: pointer;
-    padding: 4px 10px;
-    position: relative;
+    width: auto;
+
+    .clearfix;
 
     &.standart {
         min-width: 90px;
@@ -92,6 +99,7 @@ button, .button {
 }
 
 a.button {
+    //padding: 8px 10px;
     &:hover, &:active {
         color: inherit;
     }
@@ -101,12 +109,12 @@ a.button {
 }
 
 button, .button, .tool-button {
-
     &.mini {
-        min-height: 24px;
-        min-width: 24px;
-        height: 26px;
-        font-size: .8em;
+        min-height: 20px;
+        min-width: 20px;
+        height: 14px;
+        font-size: .75em !important;
+        padding-top: 0px !important;
     }
     &.big {
         min-height: 48px;
@@ -128,6 +136,7 @@ button, .button, .tool-button {
 }
 
 .command-button {
+    display: inline-block;
     width: 330px;
     text-align: left;
     padding: 10px 20px;
@@ -163,9 +172,7 @@ button, .button, .tool-button {
     img {
         width: 16px;
         height: 16px;
-        position: absolute;
         top: 8px;
-        left: 8px;
     }
 }
 
@@ -279,8 +286,9 @@ button, .button, .tool-button {
     & > .icon {
         margin-top: .25em;
         margin-bottom: .25em;
-        font-size: 32px;
         color: #888;
+        display: block;
+        float: none;
     }
     & > .label {
         display: block;
@@ -299,11 +307,12 @@ button, .button, .tool-button {
         display: block;
         font-size: 9pt;
         color: #fff;
+        line-height: 11pt;
     }
 }
 
 a.shortcut {
-    padding: 30px 0;
+    padding: 12px 0;
     .label {
         font-size: 9pt;
     }

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

@@ -0,0 +1,81 @@
+/*
+ * Metro UI CSS
+ * (c) 2012-2013 by Sergey Pimenov
+ * Licensed under the MIT License and Commercial
+ *
+ * Calendar.less
+ *
+ */
+
+.calendar {
+    .bg-color-white;
+
+    table {
+        border: 1px #ccc solid;
+        width: 100%;
+        border-collapse: collapse;
+        margin: 0;
+        tr {
+            height: 1px;
+        }
+    }
+
+
+    tr:empty {
+        display: none;
+    }
+
+    td, th {
+        padding: 4px;
+        width: 14.285% !important;
+        font-size: 10pt;
+        border: 1px #ccc solid !important;
+        text-align: center;
+    }
+
+    td {
+        cursor: pointer;
+        position: relative;
+        height: 100%;
+
+        span {
+            font-size: 8px !important;
+            line-height: 10px;
+            position: absolute;
+            top: 0;
+            right: 0;
+            padding: 1px 3px;
+            .bg-color-red;
+            .fg-color-white;
+        }
+    }
+
+    .out {
+        background: #ececf0;
+        cursor: default;
+    }
+
+    .empty-day {
+        border: 0 !important;
+        display: none;
+    }
+
+    .weekdays td {
+        .bg-color-blueLight;
+        font-weight: bold !important;
+    }
+
+    .current-day {
+        .bg-color-green;
+        .fg-color-white;
+    }
+
+    .event {
+        .bg-color-blue;
+        .fg-color-white;
+    }
+}
+
+.datepicker {
+    position: relative;
+}

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

@@ -1,7 +1,7 @@
 /*
  * Metro UI CSS
- * Copyright 2012 Sergey Pimenov
- * Licensed under the MIT License
+ * (c) 2012-2013 by Sergey Pimenov
+ * Licensed under the MIT License and Commercial
  *
  * Cards.less
  *
@@ -40,17 +40,18 @@
     }
     .small-suit:after {
         top: 5px;
-        left: 10px;
+        left: 13px;
         position: absolute;
     }
     .small-suit:before {
-        top: 28px;
+        top: 22px;
         left: 10px;
         position: absolute;
     }
 
     .suit:after {
         position: relative;
+        bottom: 10px;
     }
 }
 
@@ -87,27 +88,32 @@
 // Масти
 
 // Пики
+@spades: "\e009";
+@clubs: "\e00a";
+@diamonds: "\e00b";
+@hearts: "\e07f";
+
 .card.spades {
     .small-suit:after { .black(); }
-    .small-suit:before { content: "\2660"; .black(); }
-    .suit:after { content: "\2660"; .black(); }
+    .small-suit:before {font-family: iconFont; content: @spades; .black(); }
+    .suit:after {font-size: 40pt; font-family: iconFont; content: @spades; .black(); }
 }
 // Трефы
 .card.clubs {
     .small-suit:after { .black(); }
-    .small-suit:before { content: "\2663"; .black(); }
-    .suit:after { content: "\2663"; .black(); }
+    .small-suit:before {font-family: iconFont; content: @clubs; .black(); }
+    .suit:after {font-size: 40pt; font-family: iconFont; content: @clubs; .black(); }
 }
 // Бубны
 .card.diamonds {
     .small-suit:after { .red(); }
-    .small-suit:before { content: "\2666"; .red(); }
-    .suit:after { content: "\2666"; .red();}
+    .small-suit:before {font-family: iconFont; content: @diamonds; .red(); }
+    .suit:after {font-size: 40pt; font-family: iconFont; content: @diamonds; .red();}
 }
 // Червы
 .card.hearts {
     .small-suit:after { .red(); }
-    .small-suit:before { content: "\2665"; .red(); }
-    .suit:after { content: "\2665"; .red(); }
+    .small-suit:before {font-family: iconFont; content: @hearts; .red(); }
+    .suit:after {font-size: 40pt; font-family: iconFont; content: @hearts; .red(); }
 }
 

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

@@ -1,10 +1,9 @@
 /*
  * Metro UI CSS
- * Copyright 2012 Sergey Pimenov
- * Licensed under the MIT License
+ * (c) 2012-2013 by Sergey Pimenov
+ * Licensed under the MIT License and Commercial
  *
  * 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 License
+ * (c) 2012-2013 by Sergey Pimenov
+ * Licensed under the MIT License and Commercial
  *
  * Code.less
  *

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

@@ -1,12 +1,12 @@
 /*
  * Metro UI CSS
- * Copyright 2012 Sergey Pimenov
- * Licensed under the MIT License
+ * (c) 2012-2013 by Sergey Pimenov
+ * Licensed under the MIT License and Commercial
+ *
+ * Colors.less
  *
- * Variables.less
  */
 
-// Units
 @unit: 20px;
 @subunit: 5px;
 
@@ -29,6 +29,9 @@
 @darken:                #1d1d1d;
 @lighten:               #d5e7ec;
 @grayDark:              #525252;
+@magenta:               #FF0097;
+@teal:                  #00ABA9;
+@redLight:              #EE1111;
 
 
 // Foregraund colors classes
@@ -49,6 +52,9 @@
 .fg-color-lighten {color: @lighten !important;}
 .fg-color-white {color: @white !important;}
 .fg-color-grayDark {color: @grayDark !important;}
+.fg-color-magenta {color: @magenta !important;}
+.fg-color-teal {color: @teal !important;}
+.fg-color-redLight {color: @redLight !important;}
 
 // Background colors classes
 .bg-color-blue {background-color: @blue !important;}
@@ -68,6 +74,9 @@
 .bg-color-lighten {background-color: @lighten !important;}
 .bg-color-white {background-color: @white !important;}
 .bg-color-grayDark {background-color: @grayDark !important;}
+.bg-color-magenta {background-color: @magenta !important;}
+.bg-color-teal {background-color: @teal !important;}
+.bg-color-redLight {background-color: @redLight !important;}
 
 // Border colors classes
 
@@ -92,6 +101,10 @@
 .border-color-lighten {border-color: @lighten !important;}
 .border-color-white {border-color: @white !important;}
 .border-color-grayDark {border-color: @grayDark !important;}
+.border-color-magenta {border-color: @magenta !important;}
+.border-color-teal {border-color: @teal !important;}
+.border-color-redLight {border-color: @redLight !important;}
+
 
 *:hover[class=outline-color] {
     outline: 3px solid;
@@ -112,4 +125,7 @@
 .outline-color-darken {outline-color: @darken !important;}
 .outline-color-lighten {outline-color: @lighten !important;}
 .outline-color-white {outline-color: @white !important;}
-.outline-color-grayDark {outline-color: @grayDark !important;}
+.outline-color-grayDark {outline-color: @grayDark !important;}
+.outline-color-magenta {outline-color: @magenta !important;}
+.outline-color-teal {outline-color: @teal !important;}
+.outline-color-redLight {outline-color: @redLight !important;}

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

@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS
+ * Component for Metro UI CSS
  * Copyright 2012 Valerio Battaglia
  * Licensed under the MIT License
  *
@@ -19,13 +19,15 @@
 
 	.header 
 	{
+        #font > .subheader;
 		width: auto;
 		height: 35px;
-		padding: 6px 35px 5px 5px;
+		padding: 0px 35px 5px 5px;
 		font-size: 18px;
 		white-space: nowrap;
 		overflow: hidden;
 		background-color: #2D89EF;
+        color: #fff;
 		border: 1px solid #2D89EF;
 		border-bottom: 0 none;
 
@@ -38,27 +40,25 @@
 
 		button
 		{
-			min-width: 16px;
-			min-height: 16px;
-			height: 24px;
-			width: 24px;
-
-			i
-			{
-				position: absolute;
-				left: 2px;
-				top: 4px;
-			}
-		}
-	}
+            .tool-button;
+            width: 24px !important;
+            height: 24px !important;
+            min-height: 24px;
+            min-width: 24px;
+            [class^="icon-"], [class*=" icon-"] {
+                font-size: 11px;
+            }
+        }
+    }
 
 	.content
 	{
 		min-height: 85px;
-		padding: 5px;
+		padding: 20px;
 		background-color: #FFFFFF;
 		border-left: 1px solid rgba(0, 0, 0, 0.2);
 		border-right: 1px solid rgba(0, 0, 0, 0.2);
+        #font > .normal;
 	}
 
 	.action

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

@@ -1,9 +1,10 @@
 /*
  * Metro UI CSS
- * Copyright 2012 Sergey Pimenov
- * Licensed under the MIT License
+ * (c) 2012-2013 by Sergey Pimenov
+ * Licensed under the MIT License and Commercial
+ *
+ * Forms.less
  *
- * Layout.less
  */
 
 @textbox_pass_active_icon: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzM2OTY1MjIwNkVGMTFFMjhDQkNEODZFQTYyRTI5MDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzM2OTY1MjMwNkVGMTFFMjhDQkNEODZFQTYyRTI5MDciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMzU3NURCRDA2RUYxMUUyOENCQ0Q4NkVBNjJFMjkwNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMzU3NURCRTA2RUYxMUUyOENCQ0Q4NkVBNjJFMjkwNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhJl5kAAAAEMSURBVHja7FXtEYIwDKVO0BE6AiPoBDICo7BBR9AVnMARcIOyAWxQk6PlakwC/uC888zdOwpJXl/SD0yMsdrLDtWO9h1yY4wDeEAARIKQfE7InQfY8xJgFnBB10ZgrCUc85N8rAHjB8QZmFNTcpNfoBQkvifl2SbAFXAjlZ8BLRN7Ar4HtmVRnoKo4o6Wy7SvYyqwL21hetxKpMwkLbMGS3sccfqtxMUEnnC4TO5pWSSxAYQiBscN06KRCkTrJdWJWNohjaK+X3ZNgSNJCAp50ITgN+2E2rQeklHf9MYh3YqJfNTuDsg10vFXlYMTlQwK97B6c61ssc0Lunq3KBOoW1EiN/8/0W+RPwUYACoftglrEejbAAAAAElFTkSuQmCC);
@@ -326,14 +327,46 @@
 
 .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 {
-            display: none;
+        input[type=text]:not(:focus),
+        input[type=password]:not(:focus),
+        input[type=email]:not(:focus),
+        input[type=phone]:not(:focus),
+        input[type=number]:not(:focus),
+        input[type=time]:not(:focus),
+        input[type=url]:not(:focus) {
+            & ~ [class^="btn-"], & ~ .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 {
-            display: block;
+
+        input[type=text]:focus,
+        input[type=password]:focus,
+        input[type=email]:focus,
+        input[type=phone]:focus,
+        input[type=number]:focus,
+        input[type=time]:focus,
+        input[type=url]:focus {
+            & ~ [class^="btn-"], & ~ .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{
-            display: block;
+
+
+        input[type=text]:not(:focus),
+        input[type=password]:not(:focus),
+        input[type=email]:not(:focus),
+        input[type=phone]:not(:focus),
+        input[type=number]:not(:focus),
+        input[type=time]:not(:focus),
+        input[type=url]:not(:focus) {
+            & ~ [class^="btn-"]:active, & ~ .helper:active {
+                display: block;
+            }
+        }
+    }
+    input[type=text] {
+        & ~ .btn-search, & ~ .btn-date,  {
+            display: block !important;
         }
     }
 }
@@ -344,7 +377,9 @@
     position: relative;
 
     &.text, &.password {
-        .helper, .btn-search {
+        .helper,
+        [class^="btn-"] {
+            font-family: "iconFont" !important;
             background: #fff;// @textbox_pass_inactive_icon 50% no-repeat;
             top: 2px;
             width: 26px !important;
@@ -361,9 +396,12 @@
 
             &:before {
                 //content: "";
-                font-size: 12pt;
+                font-size: 10pt !important;
                 position: absolute;
-                #font > .normal;
+                color: #000 !important;
+                font-family: "iconFont" !important;
+                left: 6px;
+                top: 4px;
             }
 
 
@@ -383,7 +421,7 @@
     }
 
     &.password {
-        .helper {
+        .helper, .btn-reveal {
             background: #fff @textbox_pass_inactive_icon 50% no-repeat;
             &:hover {
                 background: #fff @textbox_pass_active_icon 50% no-repeat;
@@ -391,29 +429,16 @@
         }
     }
     &.text {
-        .helper {
-
+        .helper, .btn-clear {
             &:before {
-                font-family: iconFont;
-                font-size: 12px;
                 content: "\e089";
-                left: 7px;
-                top: 3px;
             }
-
         }
-    }
-    &.text {
-        .btn-search {
-
-            &:before {
-                font-family: iconFont;
-                font-size: 12px;
-                content: "\e041";
-                left: 7px;
-                top: 3px;
-            }
-
+        .btn-search:before {
+            content: "\e041";
+        }
+        .btn-date:before {
+            content: "\e020";
         }
     }
 }

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

@@ -1,7 +1,7 @@
 /*
  * Metro UI CSS
- * Copyright 2012 Sergey Pimenov
- * Licensed under the MIT License
+ * (c) 2012-2013 by Sergey Pimenov
+ * Licensed under the MIT License and Commercial
  *
  * Grid.less
  *

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

@@ -1,7 +1,7 @@
 /*
  * Metro UI CSS
- * Copyright 2012 Sergey Pimenov
- * Licensed under the MIT License
+ * (c) 2012-2013 by Sergey Pimenov
+ * Licensed under the MIT License and Commercial
  *
  * Hero.less
  *