metro-ui-rails 0.1.3 → 0.1.6

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

@@ -1,3 +1,11 @@
+/*
+ * Metro UI CSS
+ * Copyright 2012 Sergey Pimenov
+ * Licensed under the MIT Lilcense
+ *
+ * Accordion.less
+ */
+
 @acc-image-collapse: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHpSURBVEhLtZavT8JRFMXBGQgEg5FAYNNgIBAMBhpsEowEIpFgYLMYMBsMFht/gRNHgRn8EzDoCBY2CAQ3g4GAAz/ncUW+ym++nu3swnn3nfu47/se32BgDobDYRie8DEFozAiHXRhB9aDwWAFvjl1CqYWkDGhSDwjykgmL8QW1LgK7cEMPIA3jF/MKzTGYDBIwLYxbfJMkHMIm/B9YT4JWdiDZVa5Y/JCkBtizqXNPTXZCwa0ciXkTFoZFEoyvw/Vuh8wEEZUS8omrQ28Svh8wO8HYiy2iUu3ZRbw2MarMV6srV6tWbihywLPOH5qVUy9z8FXG/MNeD7A8y0+6xBVnOov7mFKBaJ2iHwFns+EqApot90JnQR9XAk2bRItikRUYBt+OukfoAIdFqCLzAOqrwSbNokIvl1XAOri8hWY7xM6KlCH3qPtD45hTZV2eV51KBIjfXOo5fj1iHEn8OUaNhFCTtgQeD3Cqn11FfUrdJ9fmrQ28CjAPp7agx8gpqF+VtKklSFTPHST5k3ygoEiVPUS1PlYGszTymV+ZdJ0kJCxxAZFRps0B+RoQ9VzPSjTV/4bJEZgGeoa161YwCgpM+MRWh7eWU4Vzdtzw9zXFibGCFnoXls4sO5fCrPv15Ya2i18kv4XgcAXTr+7IYi7bgIAAAAASUVORK5CYII%3D);
 @acc-image-expand: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAIzSURBVEhLtZYhSENRFIb3HgaDwWA0LAgaBBcMggu2DTQYFwwG44JBsE6MBpOwIhO0iahYJgoqBoNhFjEqaDAIBsOCsvn99509mXub080f/t33/nPuOfedd+7d82ItUK1W++AslykYh4PSwTN8gsee5x3AF6dGIDKBAjMsMS4zKpCC3DI+QNmVaBjOwFGYx77SKlGISqUyDh+NaZObAp8JeAdff/THIQPLsMAq+03+Efj2MmfN5i6aXA8MWrkc5kz6NUg0xfx3qNJ9AUMfokpSMOnPIFaOOG+w1hCh+MjYtCzY5mENOZMbgK2HWKVwsQhavUrT8gXh11YCAXuCeCrVkM+N+vzJ9/1iYO4ctOsNwznM+PxoEx3AbuMQpjwe45KMm3Ar0APwZPN26cD9JD4Ldq2NpwAhIuZPwW21571uTA+B9ivYtBBIcekqUQ/8cOo/QCW6YtzgJe8EUgCS13UK92OUQQ2h63OuL5zBwP13/yTcVYl24arpTYFz220qEHMBXqtEx7B+a3cH07Do82hq0VGyjTu5C+AJ9d+RJvaeEugMz8NtDL1y6BTE0TFxSmxtOCcM8AQ6z9ec0AGIkYXvxBwxKQBiGpYxNOyJdqGgxNBJ6jZkAzAsQWXPQe2PtsE8rVzB102KBg4z5lgiScLkpsAnju8Z1OkZvfLvwHEQFqCO8ROYJZDOFm1/MYmmPt83nyO0+pobWn62MHGIIQPdZwtd4f6lCFb7bCmqFcNuaUAs9glLFQdwvFGvGQAAAABJRU5ErkJggg%3D%3D);
 @acc-image-collapse-black: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAKlSURBVEhLtZY/aNNREMeTXzOYkMGxJBkymDSGDua/QyFuERTULYJLBwdBB8HiXBSc7OxQCdJBHIqpUyodClYU8geFFBwCbSB/BJ0kKuavn3t5rX+S2D+JX7jce3fvd3fv3r17MZv+Ab/fb7fZbJd7vV7CbDa7Ebn6GtNHqNLtdteRp/P5/Oe+eBBDHYhhq9V6h+FdDFRwkDYMYxuDu6JHJo5mkF+EzzJ/xHhxmKMBB5FIJIyh5zLG6PVsNptRihEIBoNnWZdiOI2jq3+vn9JcIRwOJ4lkjYUv2u32pUKhUNSqkajX6xWPx/O42Wye5Nslp9P5tVarvdXqX5DIQ6HQd5xc06Ijg+/PQS12JalTUDuQnFssllcSeS6Xu6c0xwC72XU4HFOk7KHL5VqpVqtfDFHoAzW1Wq3bwseB3W6/T6pKnKMK1Kwr5hNerxx0oIcF6T6Dgyx02pA6JzWVSRkXYOsdbJOgkwbbSUDpvmqikGpMGPy48bSthZNEkcDdZspyh8E8t3BTKxSQ9/TwUKD6/ri0sVjM3el0diRFFubtvvg/gEjfjHO5RoELNwfV5R5UoBklnSDIjA9WMajVdSb7V3tSoHAuUEAZqSIp0VnpRX3V+JADJujz2F41pIczkH6+Eo/HT+g1Y4HqSWFzQy6c6kUYX4RNNxqNYze6PXCwN7E3By3IXHVTuuA3+vh7hEt0w9fSFUV+VGDcR+TPsHOLt+SlyPYfHB6JEk5+MHwiLdfr9W6Vy+VuX3swJHJtfBnjD7R48MmUx4IKeMrCEnxeN66R0Dc2xXpJyw2ML2uVwtBHPxqNuqSf80GS6Ra0BhV5lFTqeE5d6HxSinCplg34AgXzQfS/Y6iDPQQCgVMYSWJAOq4brv62MFZ/W5hnoNXRuzSZfgLYkUQRTJGc4wAAAABJRU5ErkJggg%3D%3D);

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

@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.1
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *

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

@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.1
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
@@ -44,21 +44,33 @@ button, .button {
     #font > .control;
     min-width: 90px;
     min-height: 32px;
+    height: 32px;
     background-color: #ccc;
     border: 1px transparent solid;
     color: #353535;
     margin-right: 10px;
     margin-bottom: 10px;
     border-raduis: 0;
+    display: inline-block;
+    text-align: center;
+    vertical-align: middle;
+    cursor: pointer;
+    padding: 4px 10px;
+
+    &.standart {
+        min-width: 90px;
+        min-height: 32px;
+    }
 
     &:active, &.default:active {
-        background-color: #000;
+        background-color: #000 !important;
         color: #fff;
     }
 
-    &:disabled {
+    &:disabled, &.disabled {
         background-color: #eaeaea;
         color: #bebebe;
+        cursor: not-allowed;
     }
 
     &.default {
@@ -70,6 +82,55 @@ button, .button {
         outline: 0;
         border: 1px #353535 dotted;
     }
+
+    &:hover {
+    }
+
+}
+
+button, .button, .tool-button {
+
+    &.mini {
+        min-height: 24px;
+        min-width: 24px;
+        height: 26px;
+        font-size: .8em;
+
+        [class*=icon-] {
+
+        }
+    }
+    &.big {
+        min-height: 48px;
+        height: 48px;
+        font-size: 1.2em;
+
+        [class*=icon-] {
+            margin-top: 6px;
+            zoom: 1;
+        }
+    }
+}
+
+.tool-button {
+    [class*=icon-] {
+        margin-top: 2px !important;
+    }
+
+    &.mini {
+        min-width: 22px;
+        width: 22px;
+    }
+
+    &.big {
+        min-width: 48px;
+        width: 48px;
+
+        [class*=icon-] {
+            margin-top: 2px !important;
+            margin-left: 15px !important;
+        }
+    }
 }
 
 .command-button {
@@ -96,29 +157,94 @@ button, .button {
 }
 
 .tool-button {
+    .button;
     min-width: 32px;
     min-height: 32px;
     width: 32px;
     height: 32px;
-    padding-top: 3px;
+    text-align: center;
+    position: relative;
+    padding: 0;
 
     img {
         width: 16px;
         height: 16px;
-        margin: 0;
-        padding: 0;
-        display: inline;
-        float: none;
-        clear: both;
+        position: absolute;
+        top: 8px;
+        left: 8px;
+    }
+}
+
+.toolbar {
+    a, button {
+        .tool-button;
+        margin-right: 0px;
+    }
+
+    a {
+        padding: 5px 0;
+    }
+    .clearfix;
+
+    .toolbar-group {
+        margin-right: 20px;
+        margin-bottom: 10px;
+        float: left;
+    }
+}
+.toolbar-vertical {
+    width: 33px;
+    float: left;
+    margin-right: 10px;
+
+    a, button {
+        .tool-button;
+        margin-bottom: 5px;
+    }
+
+    a {
+        padding: 5px 0;
+    }
+    .clearfix;
+
+    .toolbar-group {
+        margin-bottom: 20px;
+    }
+}
+
+.image-button {
+    position: relative;
+    border: 0;
+    padding-right: 45px;
+
+    img, &:active img {
+        position: absolute;
+        right: 0;
+        margin-left: 32px;
+        padding: 5px;
+        height: 100%;
+        top: 0px;
+        margin-left: 0px;
+        box-sizing: border-box;
+        border: 1px transparent solid;
+        z-index: 2;
     }
 }
 
 .button-set {
-    button {
+    a, button {
         margin-right: 0;
+        text-align: center;
+        img {
+            background-color: transparent;
+        }
+    }
+    a {
+        padding: 5px 0;
     }
     button.active {
         background-color: #008287;
         color: #fff;
     }
-}
+}
+

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

@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.1
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *

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

@@ -0,0 +1,109 @@
+/*
+ * Metro UI CSS
+ * Copyright 2012 Sergey Pimenov
+ * Licensed under the MIT Lilcense
+ *
+ * Carousel.less
+ * Version: 1.0
+ *
+ */
+
+.carousel {
+    display: block;
+    position: relative;
+    //line-height: 1;
+    //width: 100%;
+    //height: 100%;
+    margin-bottom: 20px;
+
+    .slides {
+        width: 100%;
+        height: 100%;
+        overflow: hidden;
+        position: relative;
+
+        .slide {
+            position: absolute;
+            left: 0;
+            top: 0;
+            width: 100%;
+            height: 100%;
+
+            &.image {
+                img {
+                    width: 100%;
+                    height: 100%;
+                }
+            }
+
+            .description {
+                position: absolute;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                padding: 10px;
+                background: rgba(0,0,0,.7);
+                color: #fff;
+            }
+        }
+    }
+
+    .control {
+        position: absolute;
+        top: 50%;
+        left: 15px;
+        width: 40px;
+        height: 45px;
+        margin-top: -20px;
+        font-size: 48pt;
+        font-weight: 100;
+        line-height: 30px;
+        color: #fff;
+        text-align: center;
+        cursor: pointer;
+        opacity: .75;
+
+        &.right {
+            left: auto;
+            right: 15px;
+        }
+
+        &:hover {
+            opacity: 1;
+        }
+
+    }
+
+    .markers {
+        & > ul {
+            .unstyled;
+            list-style: none;
+            position: absolute;
+            top: 100%;
+            left: 0;
+            padding-top: 10px;
+        }
+
+        li {
+            display: block;
+            float: left;
+            margin-right: 5px;
+
+            a {
+                width: 32px;
+                height: 6px;
+                background-color: red;
+                display: block;
+                float: left;
+            }
+
+            &.active a {
+                background-color: #1e1e1e;
+            }
+        }
+    }
+
+    // Subclasses for animation effects
+    .effect-slide {}
+    .effect-fade {}
+}

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

@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.1
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
@@ -26,7 +26,6 @@ pre {
     display: block;
     padding: 10px;
     margin: 0;
-    font-size: 10pt;
     line-height: 14pt;
     word-break: break-all;
     word-wrap: break-word;

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

@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.1
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
@@ -15,16 +15,16 @@
 @black:                 #000000;
 @blue:                  #2d89ef;
 @blueLight:             #44a3aa;
-@blueDark:              #0a5ac2;
+@blueDark:              #2B5797;
 @green:                 #00a300;
 @greenLight:            #99b433;
-@greenDark:             #005200;
+@greenDark:             #1E7145;
 @red:                   #b91d47;
 @yellow:                #ffc40d;
 @orange:                #e3a21a;
 @orangeDark:            #da532c;
-@pink:                  #c3325f;
-@pinkDark:              #9f00a7;
+@pinkDark:              #7E3878;
+@pink:                  #9f00a7;
 @purple:                #603cba;
 @darken:                #1d1d1d;
 @grayDark:              #525252;
@@ -64,4 +64,47 @@
 .bg-color-purple {background-color: @purple !important;}
 .bg-color-darken {background-color: @darken !important;}
 .bg-color-white {background-color: @white !important;}
-.bg-color-grayDark {background-color: @grayDark !important;}
+.bg-color-grayDark {background-color: @grayDark !important;}
+
+// Border colors classes
+
+[class*=border-color]{
+    border: 2px solid;
+}
+
+.border-color-blue {border-color: @blue !important;}
+.border-color-blueLight {border-color: @blueLight !important;}
+.border-color-blueDark {border-color: @blueDark !important;}
+.border-color-green {border-color: @green !important;}
+.border-color-greenLight {border-color: @greenLight !important;}
+.border-color-greenDark {border-color: @greenDark !important;}
+.border-color-red {border-color: @red !important;}
+.border-color-yellow {border-color: @yellow !important;}
+.border-color-orange {border-color: @orange !important;}
+.border-color-orangeDark {border-color: @orangeDark !important;}
+.border-color-pink {border-color: @pink !important;}
+.border-color-pinkDark {border-color: @pinkDark !important;}
+.border-color-purple {border-color: @purple !important;}
+.border-color-darken {border-color: @darken !important;}
+.border-color-white {border-color: @white !important;}
+.border-color-grayDark {border-color: @grayDark !important;}
+
+*:hover[class=outline-color] {
+    outline: 3px solid;
+}
+.outline-color-blue {outline-color: @blue !important;}
+.outline-color-blueLight {outline-color: @blueLight !important;}
+.outline-color-blueDark {outline-color: @blueDark !important;}
+.outline-color-green {outline-color: @green !important;}
+.outline-color-greenLight {outline-color: @greenLight !important;}
+.outline-color-greenDark {outline-color: @greenDark !important;}
+.outline-color-red {outline-color: @red !important;}
+.outline-color-yellow {outline-color: @yellow !important;}
+.outline-color-orange {outline-color: @orange !important;}
+.outline-color-orangeDark {outline-color: @orangeDark !important;}
+.outline-color-pink {outline-color: @pink !important;}
+.outline-color-pinkDark {outline-color: @pinkDark !important;}
+.outline-color-purple {outline-color: @purple !important;}
+.outline-color-darken {outline-color: @darken !important;}
+.outline-color-white {outline-color: @white !important;}
+.outline-color-grayDark {outline-color: @grayDark !important;}

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

@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.1
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
@@ -297,7 +297,7 @@
 }
 
 
-.input-control > input[type=text], .input-control > input[type=password], .input-control > select, .input-control > textarea {
+.input-control > input[type=text], .input-control > input[type=email], .input-control > input[type=url], .input-control > input[type=phone], .input-control > input[type=password], .input-control > select, .input-control > textarea {
     border: 2px #bababa solid;
     width: 100%;
     padding: 4px 32px 6px 5px;
@@ -326,13 +326,13 @@
 
 .input-control {
     &.text, &.password {
-        input[type=text]:not(:focus) + .helper, input[type=password]: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=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=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;
         }
     }