macbury-metro-ui-rails 0.15.9

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

@@ -0,0 +1,97 @@
+/*
+ * 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;}
+    .span2  {width: 104px;}
+    .span3  {width: 166px;}
+    .span4  {width: 228px;}
+    .span5  {width: 290px;}
+    .span6  {width: 352px;}
+    .span7  {width: 414px;}
+    .span8  {width: 476px;}
+    .span9  {width: 538px;}
+    .span10 {width: 600px;}
+    .span11 {width: 662px;}
+    .span12 {width: 724px;}
+
+    .offset1  {margin-left: 62px; }
+    .offset2  {margin-left: 124px;}
+    .offset3  {margin-left: 186px;}
+    .offset4  {margin-left: 248px;}
+    .offset5  {margin-left: 310px;}
+    .offset6  {margin-left: 372px;}
+    .offset7  {margin-left: 434px;}
+    .offset8  {margin-left: 496px;}
+    .offset9  {margin-left: 558px;}
+    .offset10 {margin-left: 620px;}
+    .offset11 {margin-left: 682px;}
+    .offset12 {margin-left: 744px;}
+
+    .nav-bar {
+        .nav-bar-inner {
+            .pull-menu {
+                display: inline-block;
+            }
+
+            & > .divider {
+                display: none;
+            }
+
+            .element {
+                float: none;
+            }
+
+            & > ul.menu {
+                display: none;
+                float: none;
+                margin: 5px;
+
+                & > li {
+                    display: block;
+                    float: none;
+                    width: 100%;
+                    margin-left: 0;
+                    padding-left: 5px;
+                //border-bottom: 1px #ccc solid;
+
+                    a {
+                        display: block;
+                        float: none;
+                    }
+
+                    .dropdown-menu {
+                        position: relative;
+                        width: 100%;
+                        border: 0;
+                    }
+                }
+            }
+
+            [data-role=dropdown] {
+                margin-right: 20px !important;
+                & > a {
+                    cursor: pointer;
+                    &:before {
+                        position: absolute;
+                        content: "\203A";
+                        display: block;
+                        font-size: 1.4em;
+                        left: 100%;
+                        margin-left: -10px;
+                        top: 8px;
+                        .rotate(90deg);
+                    }
+                }
+            }
+
+        }
+    }
+
+}

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

@@ -0,0 +1,28 @@
+/*
+ * Metro UI CSS
+ * Copyright 2012 Sergey Pimenov
+ * Licensed under the MIT Lilcense
+ *
+ * responsive.less
+ */
+
+/* Large desktop */
+@media (min-width: 1200px) {
+
+}
+
+@media (min-width: 980px) {
+    .nav-bar {
+        .nav-bar-inner {
+            .pull-menu {
+                display: none;
+            }
+            & > ul.menu {
+                display: block !important;
+            }
+        }
+    }
+}
+
+
+

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

@@ -0,0 +1,13 @@
+/*
+ * 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";
+@import "modern-responsive-max767.less";
+@import "modern-responsive-max480.less";

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

@@ -0,0 +1,35 @@
+/*
+ * Metro UI CSS v 0.1.6
+ * Copyright 2012 Sergey Pimenov
+ * Licensed under the MIT Lilcense
+ */
+
+@import "reset.less";
+
+@import "routines.less";
+@import "icons.less";
+@import "colors.less";
+@import "bricks.less";
+@import "typography.less";
+@import "layout.less";
+@import "buttons.less";
+@import "tables.less";
+@import "grid.less";
+
+@import "hero.less";
+@import "menus.less";
+@import "sidebar.less";
+@import "notices.less";
+@import "tiles.less";
+@import "forms.less";
+@import "images.less";
+@import "cards.less";
+@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

@@ -0,0 +1,185 @@
+/*
+ * Metro UI CSS
+ * Copyright 2012 Sergey Pimenov
+ * Licensed under the MIT Lilcense
+ *
+ * Notices.less
+ */
+
+.replies {
+    //list-style: none;
+    //margin: 0;
+    //padding: 0;
+    .unstyled;
+
+    & > div, & > li, & > span {
+        .medium-brick;
+        #font > .normal;
+        height: auto;
+        padding: 10px;
+
+        .avatar {
+            width: 50px;
+            height: 50px;
+            overflow: hidden;
+            display: table-cell;
+            vertical-align:middle !important;
+            background: #6e6e6e;
+            box-shadow-bottom: inset 0px 0px 3px #fff;
+
+            img {
+                width: 100%;
+                height: 100%;
+                display:inline-block !important;
+                vertical-align:middle !important;
+            }
+        }
+
+        .reply {
+            margin-left: 60px;
+            margin-top: -50px;
+
+            .date {
+                float: right;
+                font-size: 55%;
+                color: @white;
+            }
+            .author {
+                color: @white;
+            }
+            .text {
+                .tertiary-text;
+                color: @white;
+                line-height: 16px;
+                &:hover {
+                    color: @white;
+                }
+            }
+        }
+
+        .sticker {
+            width: 0;
+            height: 0;
+            border-top: 10px solid @white;
+            position: absolute;
+            display: block;
+            z-index: 1000;
+        }
+
+        .sticker.sticker-color-blue {border-color: @blue !important;}
+        .sticker.sticker-color-blueLight {border-color: @blueLight !important;}
+        .sticker.sticker-color-blueDark {border-color: @blueDark !important;}
+        .sticker.sticker-color-green {border-color: @green !important;}
+        .sticker.sticker-color-greenLight {border-color: @greenLight !important;}
+        .sticker.sticker-color-greenDark {border-color: @greenDark !important;}
+        .sticker.sticker-color-red {border-color: @red !important;}
+        .sticker.sticker-color-yellow {border-color: @yellow !important;}
+        .sticker.sticker-color-orange {border-color: @orange !important;}
+        .sticker.sticker-color-orangeDark {border-color: @orangeDark !important;}
+        .sticker.sticker-color-pink {border-color: @pink !important;}
+        .sticker.sticker-color-pinkDark {border-color: @pinkDark !important;}
+        .sticker.sticker-color-purple {border-color: @purple !important;}
+        .sticker.sticker-color-darken {border-color: @darken !important;}
+        .sticker.sticker-color-white {border-color: @white !important;}
+        .sticker.sticker-color-lighten {border-color: @lighten !important;}
+        .sticker.sticker-color-grayDark {border-color: @grayDark !important;}
+
+        .sticker.sticker-left {
+            border-left: 20px solid transparent !important;
+            left: -20px;
+        }
+
+        .sticker.sticker-right {
+            border-right: 20px solid transparent !important;
+            right: -20px;
+        }
+    }
+}
+
+
+.notices {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+
+    & > div, & > li, & > span, & > a {
+        //width: 385px;
+        width: 100%;
+        height: 90px;
+        display: block;
+        overflow: hidden;
+        position: relative;
+        margin-bottom: 10px;
+
+        .notice-header, .header {
+            position: relative;
+            background: transparent;
+            #font > .subheader-secondary;
+            font-size: 12pt;
+            margin-top: 5px;
+            margin-left: 10px;
+        }
+
+        .notice-text, .text {
+            position: relative;
+            margin-right: 50px;
+            margin-left: 10px;
+            color: #fff;
+            #font > .small;
+            margin-top: -5px;
+            line-height: 16px;
+        }
+
+        .notice-icon, .icon {
+            position: absolute;
+            right: 10px;
+            bottom: 5px;
+
+            img {
+                width: 32px;
+                height: 32px;
+            }
+        }
+
+        .notice-image, .image {
+            max-height: 48px;
+            width: 48px;
+            height: 48px;
+            margin: 20px 20px 20px 20px;
+            float: left;
+
+            img {
+                width: 48px;
+                height: 48px;
+            }
+        }
+
+        .close {
+            z-index: 2;
+            position: absolute;
+            top: 5px;
+            right: 10px;
+            cursor: pointer;
+            font-weight: bold;
+            text-decoration: none;
+            color: #fff !important;
+        }
+        .close::before {
+            content: "\00d7";
+            color: #fff !important;
+        }
+
+        .image-large {
+            width: 88px;
+            height: 88px;
+            margin: 1px 10px 1px 1px;
+            overflow: hidden;
+            float: left;
+
+            img {
+                width: 88px;
+                height: 88px;
+            }
+        }
+    }
+}

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

@@ -0,0 +1,100 @@
+/*
+ * Metro UI CSS
+ * Copyright 2012 Sergey Pimenov
+ * Licensed under the MIT Lilcense
+ *
+ * PageControl.less
+ *
+ */
+
+.page-control {
+    position: relative;
+    .clearfix;
+
+    & > ul {
+        .unstyled;
+        .clearfix;
+        position: absolute;
+        z-index: 5;
+        width: 100%;
+        background-color: rgba(217, 217, 217, 0.16);
+        height: 30px;
+
+        li:first-child {
+        margin-left: 20px;
+        }
+
+        li {
+            float: left;
+            display: block;
+            text-align: center;
+
+            img {
+                float: left;
+                width: 16px;
+                height: 16px;
+                margin-right: 5px;
+                margin-top: 3px;
+            }
+
+            &.active {
+                border: 1px #ccc solid;
+                border-bottom: 0;
+                background-color: #fff;
+
+                span, a {
+                    color: @blue;
+                }
+            }
+
+            span, a {
+                text-decoration: none;
+                //text-transform: uppercase;
+                display: block;
+                float: left;
+                padding: 5px 10px;
+                color: #1e1e1e;
+                #font > .navigation;
+                cursor: pointer;
+                outline: 0;
+            }
+        }
+    }
+
+    &.tabs-right {
+        & > ul {
+            li {
+                .place-right;
+            }
+        }
+    }
+
+    .frames {
+        margin-top: 28px;
+        width: 100%;
+        min-height: 50px;
+        border: 1px #ccc solid;
+
+        .frame {
+            width: 100%;
+            min-height: 100%;
+            height: auto;
+            display: none;
+            padding: 20px;
+
+            &.active {
+                display: block;
+            }
+        }
+    }
+}
+
+.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;
+}