Feature: Theme Cicada

misc/theme-cicada/Makefile

@@ -0,0 +1,8 @@
+PLUGIN_NAME=		Theme-Cicada
+PLUGIN_VERSION=		0.1
+PLUGIN_REVISION=	1
+PLUGIN_COMMENT=		grey-orange theme
+PLUGIN_MAINTAINER=	remic-webdesign@chello.at
+PLUGIN_DEVEL=		yes
+
+.include "../../Mk/plugins.mk"

misc/theme-cicada/pkg-descr

@@ -0,0 +1,4 @@
+Cicada Theme 
+Orange Grey Dark
+
+Email: remic-webdesign@chello.at

misc/theme-cicada/src/opnsense/www/themes/cicada/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2013-2014 bootstrap-select
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/_bootstrap-compass.scss

@@ -0,0 +1,7 @@
+@function twbs-font-path($path) {
+  @return font-url($path, true);
+}
+
+@function twbs-image-path($path) {
+  @return image-url($path, true);
+}

misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/_bootstrap-mincer.scss

@@ -0,0 +1,17 @@
+// Mincer asset helper functions
+//
+// This must be imported into a .css.ejs.scss file.
+// Then, <% %>-interpolations will be parsed as strings by Sass, and evaluated by EJS after Sass compilation.
+
+
+@function twbs-font-path($path) {
+  // do something like following
+  // from "path/to/font.ext#suffix" to "<%- asset_path(path/to/font.ext)) + #suffix %>"
+  // from "path/to/font.ext?#suffix" to "<%- asset_path(path/to/font.ext)) + ?#suffix %>"
+  // or from "path/to/font.ext" just "<%- asset_path(path/to/font.ext)) %>"
+  @return "<%- asset_path('#{$path}'.replace(/[#?].*$/, '')) + '#{$path}'.replace(/(^[^#?]*)([#?]?.*$)/, '$2') %>";
+}
+
+@function twbs-image-path($file) {
+  @return "<%- asset_path('#{$file}') %>";
+}

misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/_bootstrap-sprockets.scss

@@ -0,0 +1,7 @@
+@function twbs-font-path($path) {
+  @return font-path($path);
+}
+
+@function twbs-image-path($path) {
+  @return image-path($path);
+}

misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/bootstrap-dialog.less

@@ -0,0 +1,137 @@
+.modal-backdrop {
+  z-index: -1;
+}
+
+.bootstrap-dialog {
+
+    .modal-header {
+        border-top-left-radius: 4px;
+        border-top-right-radius: 4px;
+    }
+    .bootstrap-dialog-title {
+        color: #fff;
+        display: inline-block;
+    }
+    .bootstrap-dialog-button-icon {
+        margin-right: 3px;
+    }
+    .bootstrap-dialog-close-button {
+        float: right;
+        filter:alpha(opacity=90);
+        -moz-opacity:0.9;
+        -khtml-opacity: 0.9;
+        opacity: 0.9;
+        &:hover {
+            cursor: pointer;
+            filter: alpha(opacity=100);
+            -moz-opacity: 1;
+            -khtml-opacity: 1;
+            opacity: 1;
+        }
+    }
+
+    /* dialog types */
+    &.type-default {
+        .modal-header {
+            background-color: #fff;
+        }
+        .bootstrap-dialog-title {
+            color: #333;
+        }
+    }
+
+    &.type-info {
+        .modal-header {
+            background-color: #B0CDDB;
+        }
+    }
+
+    &.type-primary {
+        .modal-header {
+            background-color: #EA7105;
+        }
+    }
+
+    &.type-success {
+        .modal-header {
+            background-color: #9BD275;
+        }
+    }
+
+    &.type-warning {
+        .modal-header {
+            background-color: #f0ad4e;
+        }
+    }
+
+    &.type-danger {
+        .modal-header {
+            background-color: #d9534f;
+        }
+    }
+
+    &.size-large {
+        .bootstrap-dialog-title {
+            font-size: 24px;
+        }
+        .bootstrap-dialog-close-button {
+            font-size: 30px;
+        }
+        .bootstrap-dialog-message {
+            font-size: 18px;
+        }
+    }
+
+    /**
+     * Icon animation
+     * Copied from font-awesome: http://fontawesome.io/
+     **/
+    .icon-spin {
+        display: inline-block;
+        -moz-animation: spin 2s infinite linear;
+        -o-animation: spin 2s infinite linear;
+        -webkit-animation: spin 2s infinite linear;
+        animation: spin 2s infinite linear;
+    }
+    @-moz-keyframes spin {
+        0% {
+            -moz-transform: rotate(0deg);
+        }
+        100% {
+            -moz-transform: rotate(359deg);
+        }
+    }
+    @-webkit-keyframes spin {
+        0% {
+            -webkit-transform: rotate(0deg);
+        }
+        100% {
+            -webkit-transform: rotate(359deg);
+        }
+    }
+    @-o-keyframes spin {
+        0% {
+            -o-transform: rotate(0deg);
+        }
+        100% {
+            -o-transform: rotate(359deg);
+        }
+    }
+    @-ms-keyframes spin {
+        0% {
+            -ms-transform: rotate(0deg);
+        }
+        100% {
+            -ms-transform: rotate(359deg);
+        }
+    }
+    @keyframes spin {
+        0% {
+            transform: rotate(0deg);
+        }
+        100% {
+            transform: rotate(359deg);
+        }
+    }
+    /** End of icon animation **/
+}