active_administration 0.0.2 → 0.0.3

data/app/assets/stylesheets/active_administration/notice.less

@@ -0,0 +1,52 @@
+
+.notice {
+    display: block;
+    min-width: 200px;
+    height: auto;
+    position: relative;
+    background-color: @lightBlue;
+    padding: 20px;
+
+    * {
+        color: inherit;
+    }
+
+    &:before {
+        content: "";
+        width: 10px;
+        height: 10px;
+        display: block;
+        position: absolute;
+        background-color: inherit;
+        left: -5px;
+        top: 50%;
+        margin-top: -5px;
+        .rotate(45deg);
+    }
+
+    &.marker-on-top {
+        &:before {
+            top: 0;
+            left: 50%;
+            margin-left: -5px;
+        }
+    }
+
+    &.marker-on-right {
+        &:before {
+            top: 50%;
+            margin-top: -5px;
+            left: 100%;
+            margin-left: -5px;
+        }
+    }
+
+    &.marker-on-bottom {
+        &:before {
+            top: 100%;
+            margin-left: -5px;
+            left: 50%;
+            margin-top: -5px;
+        }
+    }
+}

data/app/assets/stylesheets/active_administration/notify.less

@@ -0,0 +1,43 @@
+
+&.notify-container {
+    position: fixed;
+    right: 0;
+    top: 0;
+    //bottom: 0;
+    z-index: @zindexCharms;
+    //border: 1px #000 dotted;
+    //background-color: @dark;
+
+    .notify {
+        background-color: @white;
+        //border: 1px @grayLight solid;
+        display: block;
+        position: relative;
+        min-width: 220px;
+        #font > .segoe;
+        color: @dark;
+        padding: 10px;
+        margin: 2px 2px 2px 0;
+
+        .caption {
+            font-size: 18px;
+            line-height: 20px;
+            margin-bottom: 5px;
+        }
+        .content {
+            font-size: 14px;
+            line-height: 16px;
+        }
+
+    }
+}
+
+.notify-wrapper {
+    position: relative;
+    background-color: @dark;
+    width: auto;
+    height: auto;
+    min-width: 250px;
+    color: @white;
+
+}

data/app/assets/stylesheets/active_administration/pagination.less

@@ -0,0 +1,83 @@
+.pagination {
+    width: auto;
+    margin-bottom: 10px;
+
+    & > ul {
+        .unstyled;
+        margin: 0;
+        .clearfix;
+
+        li {
+            display: block;
+            float: left;
+            margin-right: 1px;
+            position: relative;
+
+            a {
+                .button;
+                color: inherit;
+                display: block;
+                float: left;
+                margin-right: 1px;
+            }
+
+            &.first, &.prev, &.next, &.last {
+                a {
+                    //font-size: 20pt;
+                }
+            }
+
+            &.active {
+                a {
+                    background-color: @lightBlue ;
+                    color: @white;
+                }
+            }
+            &.disabled, &.spaces {
+                a {
+                    background-color: darken(@white, 5%);
+                    color: #1e1e1e;
+                    cursor: not-allowed;
+
+                    &:active {
+                        top: 0;
+                        left: 0;
+                    }
+                }
+            }
+            &.disabled {
+                a {
+                    color: #1e1e1e;
+                }
+            }
+
+            &.spaces {
+                a {
+                    background-color: @white;
+                    cursor: default;
+                }
+            }
+        }
+    }
+
+    &.small {
+        ul {
+            li {
+                a {
+                    padding: 2px 10px;
+                    font-size: 11.9px;
+                }
+            }
+        }
+    }
+    &.mini {
+        ul {
+            li {
+                a {
+                    padding: 0px 6px;
+                    font-size: 10.5px;
+                }
+            }
+        }
+    }
+}

data/app/assets/stylesheets/active_administration/panels.less

@@ -0,0 +1,38 @@
+.panel {
+    .border;
+    .panel-header {
+        padding: 10px;
+        background-color: @grayLighter;
+        width: 100%;
+        .subheader-secondary;
+        color: @dark;
+        cursor: default;
+    }
+    .panel-content {
+        width: 100%;
+        height: auto;
+        padding: 10px;
+    }
+}
+
+[data-role=panel] {
+    .panel-header {
+        cursor: pointer;
+        &:after {
+            font-family: @sysIconFontName;
+            content: "\e000";
+            float: right;
+            color: inherit;
+            .rotate(180deg);
+        }
+    }
+
+    &.collapsed {
+        .panel-header {
+            &:after {
+                content: "\e000";
+                .rotate(90deg);
+            }
+        }
+    }
+}

data/app/assets/stylesheets/active_administration/progress-bar.less

@@ -0,0 +1,25 @@
+.progress-bar {
+    display: block;
+    position: relative;
+    height: 10px;
+    width: 100%;
+    margin-bottom: 10px;
+    background-color: @grayLighter;
+    .clearfix;
+
+    .bar {
+        position: relative;
+        display: block;
+        float: left;
+        width: 0;
+        background-color: @cyan;
+        height: 100%;
+    }
+
+    &.small {
+        height: 5px;
+    }
+    &.large {
+        height: 15px;
+    }
+}

data/app/assets/stylesheets/active_administration/rating.less

@@ -0,0 +1,103 @@
+.rating {
+    color: #2784a7;
+    cursor: pointer;
+    display: block;
+    width: auto;
+    margin: 0 10px 10px 0;
+    height: @ratingSize;
+    .clearfix;
+
+    ul {
+        list-style: none;
+        color: inherit;
+        display: block;
+        margin: 0;
+        padding: 0;
+        margin-bottom: 5px;
+        .clearfix;
+
+        li {
+            display: block;
+            float: left;
+            position: relative;
+            font-family: @sysIconFontName;
+            font-size: @ratingSize;
+            line-height: @ratingSize;
+            color: inherit;
+
+            &:before {
+                content: @ratingNo;
+            }
+
+            &.rated {
+                &:before {
+                    content: @ratingRated;
+                }
+                &.half {
+                    &:before {
+                        content: @ratingHalf;
+                    }
+                }
+            }
+
+            &.half {
+                &:before {
+                    content: @ratingHalf;
+                }
+            }
+        }
+    }
+    .score-hint {
+        display: block;
+        font-size: 12px;
+        color: @dark;
+    }
+}
+
+.rating.active {
+    ul {
+        &:hover > li:before {
+            content: @ratingRated;
+        }
+
+        li {
+            &:hover ~ li {
+                &:before {
+                    content: @ratingNo !important;
+                }
+            }
+
+            &:hover {
+                &:before {
+                    content: @ratingRated !important;
+                }
+            }
+
+        }
+    }
+}
+
+.rating {
+    &.small {
+        li {
+            font-size: @ratingSize / 1.5;
+            line-height: @ratingSize / 1.5;
+        }
+
+        .score-hint {
+            margin-top: -5px;
+            font-size: 12px;
+        }
+    }
+
+    &.large {
+        li {
+            font-size: @ratingSize * 1.5;
+        }
+
+        .score-hint {
+            margin-top: 10px;
+            font-size: 16px;
+        }
+    }
+}

data/app/assets/stylesheets/active_administration/reset.less

@@ -0,0 +1,219 @@
+html {
+    font-size: 62.5%;
+}
+
+body {
+    font-size: 1.4rem;
+}
+
+html, body {
+    padding: 0;
+    margin: 0;
+    height: 100%;
+}
+
+html, body, * {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    -ms-box-sizing: border-box;
+    -o-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section {
+    display: block;
+}
+
+audio,
+canvas,
+video {
+    display: inline-block;
+}
+
+audio:not([controls]) {
+    display: none;
+}
+
+html {
+//    -webkit-text-size-adjust: 100%;
+//    -ms-text-size-adjust: 100%;
+}
+
+a:hover,
+a:active,
+.tile:active {
+    outline: 0;
+}
+
+sub,
+sup {
+    position: relative;
+    font-size: 75%;
+    line-height: 0;
+    vertical-align: baseline;
+}
+sup {
+    top: -0.5em;
+}
+sub {
+    bottom: -0.25em;
+}
+
+img {
+    max-width: 100%;
+    height: auto;
+
+    vertical-align: middle;
+    border: 0;
+    -ms-interpolation-mode: bicubic;
+}
+
+#map_canvas img,
+.google-maps img {
+    max-width: none;
+}
+
+button,
+input,
+select,
+textarea {
+    margin: 0;
+    font-size: 100%;
+    vertical-align: middle;
+}
+
+button,
+input {
+    line-height: normal;
+}
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+    padding: 0;
+    border: 0;
+}
+
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+    -webkit-appearance: button;
+    cursor: pointer;
+}
+label,
+select,
+button,
+input[type="button"],
+input[type="reset"],
+input[type="submit"],
+input[type="radio"],
+input[type="checkbox"] {
+    cursor: pointer;
+}
+input[type="search"] {
+    -webkit-appearance: textfield;
+    -webkit-box-sizing: content-box;
+    -moz-box-sizing: content-box;
+    -ms-box-sizing: content-box;
+    -o-box-sizing: content-box;
+    box-sizing: content-box;
+}
+input[type="search"]::-webkit-search-decoration,
+input[type="search"]::-webkit-search-cancel-button {
+    -webkit-appearance: none;
+}
+textarea {
+    overflow: auto;
+    vertical-align: top;
+}
+
+input[type=text]::-ms-clear,
+input[type=email]::-ms-clear,
+input[type=url]::-ms-clear,
+input[type=tel]::-ms-clear,
+input[type=number]::-ms-clear,
+input[type=time]::-ms-clear {
+    display: none;
+}
+
+input[type=password]::-ms-reveal {
+    display: none;
+}
+
+* {
+    border-collapse: collapse;
+}
+
+a {
+    text-decoration: none;
+}
+
+@media print {
+    * {
+        text-shadow: none !important;
+        color: #000 !important;
+        background: transparent !important;
+        box-shadow: none !important;
+    }
+
+    a,
+    a:visited {
+        text-decoration: underline;
+    }
+
+    a[href]:after {
+        content: " (" attr(href) ")";
+    }
+
+    abbr[title]:after {
+        content: " (" attr(title) ")";
+    }
+
+    .ir a:after,
+    a[href^="javascript:"]:after,
+    a[href^="#"]:after {
+        content: "";
+    }
+
+    pre,
+    blockquote {
+        border: 1px solid #999;
+        page-break-inside: avoid;
+    }
+
+    thead {
+        display: table-header-group;
+    }
+
+    tr,
+    img {
+        page-break-inside: avoid; 
+    }
+
+    img {
+        max-width: 100% !important;
+    }
+
+    //@page {margin: 0.5cm;}
+
+    p,
+    h2,
+    h3 {
+        orphans: 3;
+        widows: 3;
+    }
+
+    h2,
+    h3 {
+        page-break-after: avoid;
+    }
+}