metro-ui-rails 0.1.3 → 0.1.6

data/vendor/toolkit/metro-ui/modern-responsive-max979.less

@@ -1,3 +1,11 @@
+/*
+ * Metro UI CSS
+ * Copyright 2012 Sergey Pimenov
+ * Licensed under the MIT Lilcense
+ *
+ * responsive.less
+ */
+
 /* Portrait tablet to landscape and desktop */
 @media (min-width: 768px) and (max-width: 979px) {
     .span1  {width: 42px;}
@@ -26,10 +34,6 @@
     .offset11 {margin-left: 682px;}
     .offset12 {margin-left: 744px;}
 
-    .hero-unit {
-        .span12;
-    }
-
     .navigation-bar {
         .navigation-bar-inner {
             .menu-pull {
@@ -63,4 +67,5 @@
             }
         }
     }
+
 }

data/vendor/toolkit/metro-ui/modern-responsive-min1200.less

@@ -1,4 +1,16 @@
+/*
+ * Metro UI CSS
+ * Copyright 2012 Sergey Pimenov
+ * Licensed under the MIT Lilcense
+ *
+ * responsive.less
+ */
+
 /* Large desktop */
+@media (min-width: 1200px) {
+
+}
+
 @media (min-width: 980px) {
     .navigation-bar {
         .navigation-bar-inner {

data/vendor/toolkit/metro-ui/modern-responsive.less

@@ -1,3 +1,11 @@
+/*
+ * Metro UI CSS
+ * Copyright 2012 Sergey Pimenov
+ * Licensed under the MIT Lilcense
+ *
+ * responsive.less
+ */
+
 @import "colors.less";
 @import "modern-responsive-min1200.less";
 @import "modern-responsive-max979.less";

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

@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.1
+ * Metro UI CSS v 0.1.6
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  */
@@ -7,6 +7,7 @@
 @import "reset.less";
 @import "routines.less";
 @import "colors.less";
+@import "icons.less";
 @import "bricks.less";
 @import "typography.less";
 @import "layout.less";
@@ -15,6 +16,7 @@
 @import "grid.less";
 @import "hero.less";
 @import "menus.less";
+@import "sidebar.less";
 @import "notices.less";
 @import "tiles.less";
 @import "forms.less";
@@ -23,4 +25,9 @@
 @import "code.less";
 @import "pagecontrol.less";
 @import "accordion.less";
+@import "rating.less";
+@import "progress.less";
+@import "carousel.less";
+@import "listview.less";
+@import "slider.less";
 

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

@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.1
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
@@ -101,7 +101,8 @@
     padding: 0;
 
     & > div, & > li, & > span, & > a {
-        width: 385px;
+        //width: 385px;
+        width: 100%;
         height: 90px;
         display: block;
         overflow: hidden;
@@ -152,6 +153,7 @@
         }
 
         .close {
+            z-index: 2;
             position: absolute;
             top: 5px;
             right: 10px;

data/vendor/toolkit/metro-ui/pagecontrol.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,7 +15,7 @@
         .unstyled;
         .clearfix;
         position: absolute;
-        z-index: 9000;
+        z-index: 5;
         width: 100%;
         background-color: rgba(217, 217, 217, 0.16);
         height: 30px;
@@ -87,4 +87,14 @@
             }
         }
     }
+}
+
+.page-control ul {
+    display: block;
+    overflow: visible;
+}
+.page-control {
+    .menu-pull, .menu-pull-bar {
+        display: none;
+    }
 }

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

@@ -0,0 +1,22 @@
+/*
+ * Metro UI CSS
+ * Copyright 2012 Sergey Pimenov
+ * Licensed under the MIT Lilcense
+ *
+ * Progress.less
+ */
+
+.progress-bar {
+    height: 5px;
+    width: 100%;
+    margin-bottom: 10px;
+
+    .bar {
+        float: left;
+        width: 0;
+        background-color: #008287;
+        height: 100%;
+    }
+
+    .clearfix;
+}

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

@@ -0,0 +1,80 @@
+/*
+ * Metro UI CSS
+ * Copyright 2012 Sergey Pimenov
+ * Licensed under the MIT Lilcense
+ *
+ * rating.less
+ */
+
+@image_big_star: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAABOCAYAAADRl20RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUMwOUI4NjQxQ0Y1MTFFMjlGOThBQTVDRENEQURDNUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUMwOUI4NjUxQ0Y1MTFFMjlGOThBQTVDRENEQURDNUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5QzAwNDIyNjFDRjUxMUUyOUY5OEFBNUNEQ0RBREM1RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5QzAwNDIyNzFDRjUxMUUyOUY5OEFBNUNEQ0RBREM1RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmSPr8EAAASsSURBVHjavFlpiFNXFE6eMWaqcaGjMSOtrfpLrYpLcSqKqKh16kKeMg6jiFNLR4SCIEp/tBSFUmhBwQX/uNA/LpWWYq1iW1CxWLQVFRxkHNzTwaWdcamijsbvpCdwfd68d89N3hz4SPK27517z/Ldm2hVVVVEaFHgLeCy9EYnIrdK4G2L+6zIaCi6A73DJqPr0/x9QNhkfYGuiofRMMlUbxLA62GRdQFSmvkLhawfENOQOWGQ6QKiK8+jkcUEF6eKHB8IPDe4/xmRJYGh0sjyvEQq4JqHwCkiuwTcBcYA3SLlt1vAaeBpYc7+AY4BbWUmugicJKJ8OCeTycKJDuAGe9e7RJKn7M0Vb4CoRhN9DmgH3rGsnfdpfoD/dNGos2vAPWAsUCEg+hs4y6MkyjPyrklA1MFD12Gb1CkBWSyoVjoB51LC+UrbklUq7cTU+vsVB8fiLSlJzwCPNeeo7fTxG+dioqa/JneaOFLJbgLDNQWaXvJfiWc00XHl923gqEJE9oSj70+Pl2mpZ2klnM97SLzWyuWu4GUFV6B2E7Iok5E3Z1sbVz4yCIy8l+mt6ympR3BTfYUsqhGpPWmSQXI1IIq1PQyENPyDgAsmc0Zl6mqAFllRdEwbVz4BLmjnLJvN6l993TfFnjcF+ATY6DeuuufaVPWFwBDg3bBFKs1Hhr/Xhk02Q2msC6X3OxZDqGrGSWGRvQbM8RyrC4usBujhOeZKOoNjOYRqDZ1uvGSNrv16mmEX/oFbiNcOABsMnvGQHjIS+MqnKJsMb03ANSSEM9FcLkfVYjJ+7JUsEgR2EKh//tmqtvyc4csRfIxm9VouywHrgA+IKD9n5JlSD7txzfuoRCJaOywGyf6XAkQlU0g/xMdmy4UGNdsMiJqNQh8XbsPHROC6kIjmfTzQLM0z0uurBUTUB+uBB7ZJXSMg6xlUK/3IaL5mC4cxY0s2FehlQebYkLlFjh8CGlgZ6yRgtYgMoU+la64mdygl3gd2AMOAPYKXLOrZZM/y5xCvRLcrx+5wJ3BZiqtkUQmZq4TzMmCWT859z2p4N/9+k1eswfIbQ0gvMA84TESDqqtNEpu8rLt04sR3+NwCzOc8DfSM5PPnwEwfIu2I4PqCl4+1zVNXG8mG/Pp7MS9IBnwMbPJztWXahLKIVJIBy21agQ1ZLe91jQqbLMHB0ymKuIZ38QqaMdQ9YlXODfQrTaWSJTm5O0URz2EJrtoCXhx2iiJO8eLQTBEP/uW4iSKOsyKOa879GJTgbA9irBe/lAyHx+Zq2pHXaEfVzZcrlKapXLUrQ1DEP5GGRPlqd7iO/Rb5f0P6rzKS0NbFFxRYRPRKIYaHCRanDSUS0cPrQfJzYNUHaSMvg2wUMe0xuyBqMQp9XLiVpUFWSLQLeI8eIc2zP4BPBUS0UlkU0ex6h6GIaVNzgm0FSQjJSlLEMzS7A0HmRiz3iF2fJCV5d1tz7g1gnIgMoR/XLCooAJbw8W2sovZpbp8v9WxK5OU/fw6wIv5WOXaLW0ytx8uMlGyBUgmW0iLcJ+f2erwcXEwMOZohjHGjPMgP2WkQGF4vXVPP6K3WsASQVpCCl9r94xcCDACHgA63y6lwZwAAAABJRU5ErkJggg%3D%3D);
+@image_small_star: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAnCAYAAAA/63kvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUMwOUI4NkMxQ0Y1MTFFMjlGOThBQTVDRENEQURDNUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUMwOUI4NkQxQ0Y1MTFFMjlGOThBQTVDRENEQURDNUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5QzA5Qjg2QTFDRjUxMUUyOUY5OEFBNUNEQ0RBREM1RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5QzA5Qjg2QjFDRjUxMUUyOUY5OEFBNUNEQ0RBREM1RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pu4JKw4AAAILSURBVHjavJRPSFRRFIfnjUM22hiFTM4YlNhSIQKjaCdRCYlki2jjqsEgN4FbN7rUdtHKhbhrkdBsWigUVKtwaRakxuj8IUMYC9xMTt/B895Mj3vfzKh04ePd+879nXfvub93nWQyGbK085CDfVMwHLK3CxC3BW3CKJyFzkaFruAcREwT5GVLgLBJ9/rDFy+J8DRctmWm9frGP2FZJufhF/TBqVBwW4NVKLt7/A3voWARlOQr8FlE/uJIcMUi3NYztVa1wyKMa6GswoQ+9+ATfK+qbtx/HG47CWcgo0su6Z5zWvWEFvIgUywWc/vtsAXrPn/uabI22DEVp1B90PnHT0egWYd/4Et1wkg2mzV7cWpmlEeR+Ou6vYpI/ozr8LBRkz8ABwZJYnST40xOd+mk6vZKKyltDN744kU5jiswF+DT577xW1lReH9iXLJfha81DC7H8Axuodl2yuWyWxA5p3kYMojkJ3iE4KW3R1eo4os8NgzCBUT3g6p6z7LM2ySNBgndrJu65Be6t1YYMArJKBfsNZiFHpaWhif0+3X5w7YvytVxl8kp2HVf0n+n906G5CcqNaY4JroXP4xAsy0edJOLye805NVLSx+PbnKSmE3OPv6zyb/dvNGwydFUTM5eapocgdnkiK0mR3Q4k5P0mE1Oxn9MztLSUL/JmZwCz+T0PZOT3DP5XwEGAJj+1ghmlpwuAAAAAElFTkSuQmCC);
+
+.static-rating {
+    background: @image_big_star top left repeat-x;
+    height: 26px;
+    width: 134px;
+    margin-bottom: 10px;
+
+    .rating-value {
+        background: @image_big_star top left repeat-x;
+        background-position: left -26px;
+        height: 26px;
+        width: 0;
+    }
+
+    &.small {
+        background: @image_small_star top left repeat-x;
+        height: 12px;
+        width: 70px;
+        margin-bottom: 5px;
+
+        .rating-value {
+            background: @image_small_star top left repeat-x;
+            background-position: left -13px;
+            height: 12px;
+            width: 0;
+        }
+    }
+
+    .clearfix;
+}
+
+.rating {
+    a {
+        float: left;
+        display: block;
+        width: 26px;
+        height: 26px;
+        position: relative;
+        background: @image_big_star top left;
+
+        &.rated {
+            background-position: 0 -26px;
+        }
+
+        &.hover {
+            background-position: 0 -52px;
+        }
+    }
+
+    &.small {
+        a {
+            float: left;
+            display: block;
+            width: 12px;
+            height: 12px;
+            position: relative;
+            background: @image_small_star top left;
+
+            &.rated {
+                background-position: 0 -13px;
+            }
+
+            &.hover {
+                background-position: 0 -26px;
+            }
+        }
+    }
+
+    .clearfix;
+}

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

@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.1
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
@@ -69,6 +69,7 @@
 .padding10 {padding: 10px;}
 .padding15 {padding: 15px;}
 .padding20 {padding: 20px;}
+.padding30 {padding: 30px;}
 .padding40 {padding: 40px;}
 .padding80 {padding: 80px;}
 

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

@@ -0,0 +1,136 @@
+/*
+ * Metro UI CSS
+ * Copyright 2012 Sergey Pimenov
+ * Licensed under the MIT Lilcense
+ *
+ * Sidebar.less
+ */
+
+.page-sidebar {
+    display: block;
+    width: 213px;
+    float: left;
+    min-height: 100% !important;
+    height: auto;
+    background-color: #EBEBEB;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    margin-top: 10px;
+    margin-left: 7px;
+
+    a {
+        #font > .navigation;
+        #state > .navigation;
+        display: block;
+        width: 100%;
+        padding: 5px 20px 5px 10px;
+        white-space: nowrap;
+        font-size: 14px;
+        cursor: pointer;
+
+        &:hover {
+            .bg-color-blue;
+            .fg-color-white;
+        }
+    }
+
+    li {
+        display: list-item;
+        line-height: 20px;
+        position: relative;
+    }
+
+    & > ul > li > a {
+        font-size: 1.1em;
+    }
+
+    & > ul > li a.lead, & > ul > li.lead a, & > ul > li.lead {
+        font-weight: bold;
+    }
+
+    & > ul > li.sticker {
+
+        &:before {
+            content: ".";
+            position: absolute;
+            width: 7px;
+            height: 28px;
+            left: -7px;
+            text-indent: -9999px;
+            border-top-left-radius: 10px;
+            border-bottom-left-radius: 10px;
+            background-color: #ebebeb;
+        }
+
+        &.sticker-color-blue {&:before{background-color: @blue;}}
+        &.sticker-color-blueLight {&:before{background-color: @blueLight;}}
+        &.sticker-color-blueDark {&:before{background-color: @blueDark;}}
+        &.sticker-color-green {&:before{background-color: @green !important;}}
+        &.sticker-color-greenLight {&:before{background-color: @greenLight !important;}}
+        &.sticker-color-greenDark {&:before{background-color: @greenDark !important;}}
+        &.sticker-color-red {&:before{background-color: @red !important;}}
+        &.sticker-color-yellow {&:before{background-color: @yellow !important;}}
+        &.sticker-color-orange {&:before{background-color: @orange !important;}}
+        &.sticker-color-orangeDark {&:before{background-color: @orangeDark !important;}}
+        &.sticker-color-pink {&:before{background-color: @pink !important;}}
+        &.sticker-color-pinkDark {&:before{background-color: @pinkDark !important;}}
+        &.sticker-color-purple {&:before{background-color: @purple !important;}}
+        &.sticker-color-darken {&:before{background-color: @darken !important;}}
+        &.sticker-color-white {&:before{background-color: @white !important;}}
+        &.sticker-color-grayDark {&:before{background-color: @grayDark !important;}}
+    }
+
+    .divider {
+        height: 1px;
+        margin: 9px 1px;
+        overflow: hidden;
+        background-color: #e5e5e5;
+    }
+
+    & ul {
+        .unstyled;
+        background-color: #EBEBEB;
+    }
+
+    ul.sub-menu {
+        padding-top: 5px;
+        padding-bottom: 5px;
+
+        a {
+            padding: 5px 20px 5px 25px;
+        }
+
+        &.light {
+            background-color: #f9f9f9 !important;
+        }
+    }
+
+    .sidebar-dropdown-menu {
+        display: none;
+
+        &.open {
+            display: block;
+        }
+    }
+
+    & > ul > li.dropdown {
+        position: relative;
+
+        &:after {
+            content: "";
+            display: block;
+            position: absolute;
+            top: 6px;
+            left: 100%;
+            margin-left: -20px;
+            width: 16px;
+            height: 16px;
+            background: no-repeat;
+            background-position: 0 -1586px;
+            z-index: 200;
+        }
+        &.active:after {
+            background-position: 0 -676px;
+        }
+    }
+}

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

@@ -0,0 +1,67 @@
+/*
+ * Metro UI CSS
+ * Copyright 2012 Sergey Pimenov
+ * Licensed under the MIT Lilcense
+ *
+ * Slider.less
+ *
+ */
+
+@slider-color: #c6c6c6;
+@slider-color-disabled: #dbdbdb;
+@slider-color-rest-state: #00828b;
+@slider-color-hover-state: #219297;
+@slider-color-active-state: #25bbc4;
+@slider-color-disabled-state: #bababa;
+@slider-marker-color: #000;
+@slider-marker-color-disabled: #a0a0a0;
+
+.slider {
+    height: 12px;
+    width: auto;
+    position: relative;
+    background-color: @slider-color;
+    margin-bottom: 10px;
+
+    .marker {
+        height: 12px;
+        width: 12px;
+        cursor: pointer;
+        position: absolute;
+        top: 0;
+        left: 0;
+        background-color: @slider-marker-color;
+        z-index: 3;
+    }
+    .complete {
+        height: 100%;
+        width: auto;
+        background-color: @slider-color-rest-state;
+        z-index: 2;
+    }
+
+
+    &.vertical {
+        height: auto;
+        width: 12px;
+
+        .complete {
+            position: absolute;
+            height: auto;
+            width: 12px;
+            bottom: 0;
+        }
+    }
+
+    &:hover {
+        .complete {
+            background-color: @slider-color-hover-state;
+        }
+    }
+
+    &:active, &:active + .marker:active {
+        .complete {
+            background-color: @slider-color-active-state;
+        }
+    }
+}