A new version 0.1.1

fangle · Oct 2, 2012 · eb84aae · eb84aae
1 parent 76ef69d
commit eb84aae
Show file tree

Hide file tree

Showing 114 changed files with 10,695 additions and 0 deletions.
diff --git a/javascript/pagecontrol.js b/javascript/pagecontrol.js
@@ -0,0 +1,41 @@
+(function($){
+    $.fn.PageControl = function( options ){
+        var defaults = {
+        };
+
+        var $this = $(this)
+            , $ul = $this.children("ul")
+            , $selectors = $ul.find("li a")
+            , $selector = $ul.find(".active a")
+            , $frames = $this.find(".frames .frame")
+            , $frame = $frames.children(".frame.active")
+            ;
+
+        var initSelectors = function(selectors){
+            selectors.on('click', function(e){
+                e.preventDefault();
+                var $a = $(this);
+                if ( $a.parent('li').hasClass('active') ) return false;
+                $frames.hide();
+                $ul.find("li").removeClass("active");
+                var target = $($a.attr("href"));
+                target.show();
+                $(this).parent("li").addClass("active");
+            });
+        }
+
+        return this.each(function(){
+            if ( options ) {
+                $.extend(defaults, options)
+            }
+
+            initSelectors($selectors);
+        });
+    }
+
+    $(function () {
+        $('[data-role="page-control"]').each(function () {
+            $(this).PageControl();
+        })
+    })
+})(window.jQuery);
diff --git a/less/bricks.less b/less/bricks.less
@@ -0,0 +1,58 @@
+/*
+ * Metro UI CSS v 0.1.1
+ * Copyright 2012 Sergey Pimenov
+ * Licensed under the MIT Lilcense
+ *
+ * Bricks.less
+ *
+ */
+
+.item-margin {
+    margin: 0 @subunit*2 @subunit*2 0;
+}
+.column-margin {
+    margin: 0 @unit @subunit*2 0;
+}
+.group-margin {
+    margin: 0 @unit*4 @subunit*2 0;
+}
+
+[class*="-brick"] {
+}
+
+.brick {
+    .pos-rel;
+    .item-margin;
+    .as-block;
+}
+
+.short-brick {
+    .brick;
+    width: 150px;
+    height: 150px;
+}
+
+.medium-brick {
+    .brick;
+    width: 310px;
+    height: 150px;
+}
+
+.bage {
+    .brick;
+    width: @subunit*7;
+    height: @subunit*6;
+    padding-top: @subunit;
+    .short-text;
+    .semibold-text;
+    color: @darken;
+    text-align: center;
+}
+
+.square {
+    display: block;
+    float: left;
+    margin-right: 10px;
+    height: 20px;
+    width: 20px;
+}
diff --git a/less/buttons.less b/less/buttons.less
@@ -0,0 +1,95 @@
+/*
+ * Metro UI CSS v 0.1.1
+ * Copyright 2012 Sergey Pimenov
+ * Licensed under the MIT Lilcense
+ *
+ * Buttons.less
+ */
+
+@logo: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGESURBVFhH7ZevTsNQFIfbZgKxB9gjIHgABAIcS0CSQIJE4LEIEgQCyQNMIiHhIRAgEAgECWKIySUTCEjLd3t/Cyml3em6DtMvOTn33PM3XdvbBU2SJMmKlssnjuNtZIisa2t50HQNmXAFEvQHsi9X89CzR8M31/wXZwppDpp0aX7v++XBd41q7r5Qg1I0YE8pQYixqbWFpzAMx1pnoPA5vlOZpdDzHdWPoujZGVX4c1iaH8pvhpwJshOpxtxQawM18JYdrlYXdbKIAa4o1pFphrxX8g5qD0CRPsUeZZogfkzeLjJaxAAjZIuit9oqhbgv4veQl+lGFQqfGHwdbqpLH1YMMUdK8WjfysxHlgbHyKfiM7B/obAf5LNiemfQyB1E6VkwBfsGlb9ZvduM+aVFQ3cgDV0S+gHlHrs8LqAC5gEcxLuD6c5pbeVJy9qpNECLCV1aK+lPwO86kD0TF5s2KqD2m7Au7QDtAO0A7QD/PsBcf0zIWWVdfMRmcd+M/vsvRxB8A6+/IU2N93KYAAAAAElFTkSuQmCC);
+@img-back-button: url(data:image/png;base64,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);
+
+.modern-ui-logo {
+    height: 32px;
+    width: 32px;
+    display: block;
+    background-image: @logo;
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    background-size: cover;
+}
+
+.back-button {
+    height: 32px;
+    width: 32px;
+    display: block;
+    background-image: @img-back-button;
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    background-size: cover;
+
+    &.big {
+        height: 48px;
+        width: 48px;
+        left: 36px;
+        top: 40px;
+    }
+    &.page-back {
+    }
+}
+
+button, .button {
+    .regular-text;
+    min-width: 90px;
+    min-height: 32px;
+    background-color: #ccc;
+    border: 1px transparent solid;
+    color: #353535;
+    margin-right: 10px;
+    margin-bottom: 10px;
+    border-raduis: 0;
+
+    &:active, &.default:active {
+        background-color: #000;
+        color: #fff;
+    }
+
+    &:disabled {
+        background-color: #eaeaea;
+        color: #bebebe;
+    }
+
+    &.default {
+        background-color: #008287;
+        color: #fff;
+    }
+
+    &:focus {
+        outline: 0;
+        border: 1px #353535 dotted;
+    }
+}
+
+.command-button {
+    width: 330px;
+    text-align: left;
+    padding: 10px 20px;
+    height: auto;
+    color: #000;
+    background-color: #ccc;
+
+    & > small {
+        display: block;
+        .regular-text;
+        font-size: 11pt;
+        color: #505050;
+    }
+
+    &.default {
+        & > small {
+            color: #ccc;
+        }
+    }
+}