CSS now packaged with webpack instead of Grunt
n1474335
parent
fce13130cd
commit
df15826912
87
Gruntfile.js
87
Gruntfile.js
|
|
@ -1,4 +1,5 @@
|
||||||
var webpack = require("webpack");
|
var webpack = require("webpack"),
|
||||||
|
ExtractTextPlugin = require("extract-text-webpack-plugin");
|
||||||
|
|
||||||
module.exports = function(grunt) {
|
module.exports = function(grunt) {
|
||||||
grunt.file.defaultEncoding = "utf8";
|
grunt.file.defaultEncoding = "utf8";
|
||||||
|
|
@ -7,7 +8,7 @@ module.exports = function(grunt) {
|
||||||
// Tasks
|
// Tasks
|
||||||
grunt.registerTask("dev",
|
grunt.registerTask("dev",
|
||||||
"A persistent task which creates a development build whenever source files are modified.",
|
"A persistent task which creates a development build whenever source files are modified.",
|
||||||
["clean:dev", "concat:css", "webpack:web", "copy:htmlDev", "copy:staticDev", "chmod:build", "watch"]);
|
["clean:dev", "webpack:web", "copy:htmlDev", "copy:staticDev", "chmod:build", "watch"]);
|
||||||
|
|
||||||
grunt.registerTask("node",
|
grunt.registerTask("node",
|
||||||
"Compiles CyberChef into a single NodeJS module.",
|
"Compiles CyberChef into a single NodeJS module.",
|
||||||
|
|
@ -19,7 +20,7 @@ module.exports = function(grunt) {
|
||||||
|
|
||||||
grunt.registerTask("prod",
|
grunt.registerTask("prod",
|
||||||
"Creates a production-ready build. Use the --msg flag to add a compile message.",
|
"Creates a production-ready build. Use the --msg flag to add a compile message.",
|
||||||
["eslint", "test", "exec:stats", "clean", "jsdoc", "webpack:web", "concat", "copy:htmlDev", "copy:htmlProd", "copy:htmlInline",
|
["eslint", "test", "exec:stats", "clean", "jsdoc", "webpack:web", "copy:htmlDev", "copy:htmlProd", "copy:htmlInline",
|
||||||
"copy:staticDev", "copy:staticProd", "cssmin", "uglify:prod", "inline", "htmlmin", "docs", "chmod"]);
|
"copy:staticDev", "copy:staticProd", "cssmin", "uglify:prod", "inline", "htmlmin", "docs", "chmod"]);
|
||||||
|
|
||||||
grunt.registerTask("docs",
|
grunt.registerTask("docs",
|
||||||
|
|
@ -28,7 +29,7 @@ module.exports = function(grunt) {
|
||||||
|
|
||||||
grunt.registerTask("stats",
|
grunt.registerTask("stats",
|
||||||
"Provides statistics about the code base such as how many lines there are as well as details of file sizes before and after compression.",
|
"Provides statistics about the code base such as how many lines there are as well as details of file sizes before and after compression.",
|
||||||
["concat:js", "uglify:prod", "exec:stats", "exec:repoSize", "exec:displayStats"]);
|
["webpack:web", "uglify:prod", "exec:stats", "exec:repoSize", "exec:displayStats"]);
|
||||||
|
|
||||||
grunt.registerTask("release",
|
grunt.registerTask("release",
|
||||||
"Prepares and deploys a production version of CyberChef to the gh-pages branch.",
|
"Prepares and deploys a production version of CyberChef to the gh-pages branch.",
|
||||||
|
|
@ -48,7 +49,6 @@ module.exports = function(grunt) {
|
||||||
grunt.loadNpmTasks("grunt-jsdoc");
|
grunt.loadNpmTasks("grunt-jsdoc");
|
||||||
grunt.loadNpmTasks("grunt-contrib-clean");
|
grunt.loadNpmTasks("grunt-contrib-clean");
|
||||||
grunt.loadNpmTasks("grunt-webpack");
|
grunt.loadNpmTasks("grunt-webpack");
|
||||||
grunt.loadNpmTasks("grunt-contrib-concat");
|
|
||||||
grunt.loadNpmTasks("grunt-contrib-copy");
|
grunt.loadNpmTasks("grunt-contrib-copy");
|
||||||
grunt.loadNpmTasks("grunt-contrib-uglify");
|
grunt.loadNpmTasks("grunt-contrib-uglify");
|
||||||
grunt.loadNpmTasks("grunt-contrib-cssmin");
|
grunt.loadNpmTasks("grunt-contrib-cssmin");
|
||||||
|
|
@ -131,7 +131,7 @@ module.exports = function(grunt) {
|
||||||
$: "jquery",
|
$: "jquery",
|
||||||
jQuery: "jquery",
|
jQuery: "jquery",
|
||||||
moment: "moment-timezone"
|
moment: "moment-timezone"
|
||||||
}),
|
})
|
||||||
],
|
],
|
||||||
resolve: {
|
resolve: {
|
||||||
alias: {
|
alias: {
|
||||||
|
|
@ -139,20 +139,58 @@ module.exports = function(grunt) {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
module: {
|
module: {
|
||||||
loaders: [{
|
loaders: [
|
||||||
test: /\.js$/,
|
{
|
||||||
exclude: /node_modules/,
|
test: /\.js$/,
|
||||||
loader: "babel-loader?compact=false"
|
exclude: /node_modules/,
|
||||||
}]
|
loader: "babel-loader?compact=false"
|
||||||
|
}
|
||||||
|
]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
web: {
|
web: {
|
||||||
target: "web",
|
target: "web",
|
||||||
entry: ["babel-polyfill", "./src/js/views/html/main.js"],
|
entry: [
|
||||||
|
"babel-polyfill",
|
||||||
|
"bootstrap",
|
||||||
|
"bootstrap-switch",
|
||||||
|
"bootstrap-colorpicker",
|
||||||
|
"./src/css/index.js",
|
||||||
|
"./src/js/views/html/main.js"
|
||||||
|
],
|
||||||
output: {
|
output: {
|
||||||
filename: "scripts.js",
|
filename: "scripts.js",
|
||||||
path: "build/dev"
|
path: "build/dev"
|
||||||
},
|
},
|
||||||
|
module: {
|
||||||
|
rules: [
|
||||||
|
{
|
||||||
|
test: /\.css$/,
|
||||||
|
use: ExtractTextPlugin.extract({
|
||||||
|
use: "css-loader"
|
||||||
|
})
|
||||||
|
},
|
||||||
|
{
|
||||||
|
test: /\.less$/,
|
||||||
|
use: ExtractTextPlugin.extract({
|
||||||
|
use: [
|
||||||
|
{ loader: "css-loader" },
|
||||||
|
{ loader: "less-loader" }
|
||||||
|
]
|
||||||
|
})
|
||||||
|
},
|
||||||
|
{
|
||||||
|
test: /\.(png|jpg|gif|svg|eot|ttf|woff|woff2)$/,
|
||||||
|
loader: "url-loader",
|
||||||
|
options: {
|
||||||
|
limit: 10000
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
plugins: [
|
||||||
|
new ExtractTextPlugin("styles.css"),
|
||||||
|
]
|
||||||
},
|
},
|
||||||
tests: {
|
tests: {
|
||||||
target: "node",
|
target: "node",
|
||||||
|
|
@ -185,27 +223,6 @@ module.exports = function(grunt) {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
concat: {
|
|
||||||
options: {
|
|
||||||
process: templateOptions
|
|
||||||
},
|
|
||||||
css: {
|
|
||||||
options: {
|
|
||||||
banner: banner.replace(/\/\*\*/g, "/*!"),
|
|
||||||
process: function(content, srcpath) {
|
|
||||||
// Change special comments from /** to /*! to comply with cssmin
|
|
||||||
content = content.replace(/^\/\*\* /g, "/*! ");
|
|
||||||
return grunt.template.process(content);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
src: [
|
|
||||||
"src/css/lib/**/*.css",
|
|
||||||
"src/css/structure/**/*.css",
|
|
||||||
"src/css/themes/classic.css"
|
|
||||||
],
|
|
||||||
dest: "build/dev/styles.css"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
copy: {
|
copy: {
|
||||||
htmlDev: {
|
htmlDev: {
|
||||||
options: {
|
options: {
|
||||||
|
|
@ -430,7 +447,7 @@ module.exports = function(grunt) {
|
||||||
watch: {
|
watch: {
|
||||||
css: {
|
css: {
|
||||||
files: "src/css/**/*.css",
|
files: "src/css/**/*.css",
|
||||||
tasks: ["concat:css", "chmod:build"]
|
tasks: ["webpack:web", "chmod:build"]
|
||||||
},
|
},
|
||||||
js: {
|
js: {
|
||||||
files: "src/js/**/*.js",
|
files: "src/js/**/*.js",
|
||||||
|
|
@ -446,7 +463,7 @@ module.exports = function(grunt) {
|
||||||
},
|
},
|
||||||
grunt: {
|
grunt: {
|
||||||
files: "Gruntfile.js",
|
files: "Gruntfile.js",
|
||||||
tasks: ["clean:dev", "concat:css", "webpack:web", "copy:htmlDev", "copy:staticDev", "chmod:build"]
|
tasks: ["clean:dev", "webpack:web", "copy:htmlDev", "copy:staticDev", "chmod:build"]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
|
||||||
|
|
@ -30,11 +30,13 @@
|
||||||
"babel-loader": "^6.4.0",
|
"babel-loader": "^6.4.0",
|
||||||
"babel-polyfill": "^6.23.0",
|
"babel-polyfill": "^6.23.0",
|
||||||
"babel-preset-env": "^1.2.2",
|
"babel-preset-env": "^1.2.2",
|
||||||
|
"css-loader": "^0.27.3",
|
||||||
"exports-loader": "^0.6.4",
|
"exports-loader": "^0.6.4",
|
||||||
|
"extract-text-webpack-plugin": "^2.1.0",
|
||||||
|
"file-loader": "^0.10.1",
|
||||||
"grunt": ">=0.4.5",
|
"grunt": ">=0.4.5",
|
||||||
"grunt-chmod": "~1.1.1",
|
"grunt-chmod": "~1.1.1",
|
||||||
"grunt-contrib-clean": "~1.0.0",
|
"grunt-contrib-clean": "~1.0.0",
|
||||||
"grunt-contrib-concat": "~1.0.0",
|
|
||||||
"grunt-contrib-copy": "~1.0.0",
|
"grunt-contrib-copy": "~1.0.0",
|
||||||
"grunt-contrib-cssmin": "~1.0.2",
|
"grunt-contrib-cssmin": "~1.0.2",
|
||||||
"grunt-contrib-htmlmin": "~2.0.0",
|
"grunt-contrib-htmlmin": "~2.0.0",
|
||||||
|
|
@ -49,11 +51,14 @@
|
||||||
"import-loader": "^1.0.1",
|
"import-loader": "^1.0.1",
|
||||||
"imports-loader": "^0.7.1",
|
"imports-loader": "^0.7.1",
|
||||||
"ink-docstrap": "^1.1.4",
|
"ink-docstrap": "^1.1.4",
|
||||||
|
"less": "^2.7.2",
|
||||||
|
"less-loader": "^4.0.2",
|
||||||
"phantomjs-prebuilt": "^2.1.14",
|
"phantomjs-prebuilt": "^2.1.14",
|
||||||
|
"style-loader": "^0.15.0",
|
||||||
|
"url-loader": "^0.5.8",
|
||||||
"webpack": "^2.2.1"
|
"webpack": "^2.2.1"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"babel-polyfill": "^6.23.0",
|
|
||||||
"bootstrap": "^3.3.7",
|
"bootstrap": "^3.3.7",
|
||||||
"bootstrap-colorpicker": "^2.5.1",
|
"bootstrap-colorpicker": "^2.5.1",
|
||||||
"bootstrap-switch": "^3.3.4",
|
"bootstrap-switch": "^3.3.4",
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,18 @@
|
||||||
|
/**
|
||||||
|
* CSS index
|
||||||
|
*
|
||||||
|
* @author n1474335 [n1474335@gmail.com]
|
||||||
|
* @copyright Crown Copyright 2017
|
||||||
|
* @license Apache-2.0
|
||||||
|
*/
|
||||||
|
|
||||||
|
require("google-code-prettify/src/prettify.css");
|
||||||
|
|
||||||
|
require("./lib/bootstrap.less");
|
||||||
|
require("bootstrap-switch/src/less/bootstrap3/build.less");
|
||||||
|
require("bootstrap-colorpicker/dist/css/bootstrap-colorpicker.css");
|
||||||
|
|
||||||
|
require("./structure/overrides.css");
|
||||||
|
require("./structure/layout.css");
|
||||||
|
require("./structure/utils.css");
|
||||||
|
require("./themes/classic.css");
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,221 +0,0 @@
|
||||||
/** @license
|
|
||||||
========================================================================
|
|
||||||
bootstrap-switch - v3.1.0
|
|
||||||
http://www.bootstrap-switch.org
|
|
||||||
Copyright 2012-2013 Mattia Larentis
|
|
||||||
|
|
||||||
Licensed under the Apache License, Version 2.0 (the "License");
|
|
||||||
you may not use this file except in compliance with the License.
|
|
||||||
You may obtain a copy of the License at
|
|
||||||
|
|
||||||
http://www.apache.org/licenses/LICENSE-2.0
|
|
||||||
|
|
||||||
Unless required by applicable law or agreed to in writing, software
|
|
||||||
distributed under the License is distributed on an "AS IS" BASIS,
|
|
||||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
||||||
See the License for the specific language governing permissions and
|
|
||||||
limitations under the License.
|
|
||||||
*/
|
|
||||||
|
|
||||||
.bootstrap-switch {
|
|
||||||
display: inline-block;
|
|
||||||
cursor: pointer;
|
|
||||||
border-radius: 4px;
|
|
||||||
border: 1px solid;
|
|
||||||
border-color: #cccccc;
|
|
||||||
position: relative;
|
|
||||||
text-align: left;
|
|
||||||
overflow: hidden;
|
|
||||||
line-height: 8px;
|
|
||||||
-webkit-user-select: none;
|
|
||||||
-moz-user-select: none;
|
|
||||||
-ms-user-select: none;
|
|
||||||
user-select: none;
|
|
||||||
vertical-align: middle;
|
|
||||||
min-width: 100px;
|
|
||||||
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
|
||||||
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
|
||||||
}
|
|
||||||
.bootstrap-switch.bootstrap-switch-mini {
|
|
||||||
min-width: 71px;
|
|
||||||
}
|
|
||||||
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
|
|
||||||
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
|
|
||||||
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
|
|
||||||
padding-bottom: 4px;
|
|
||||||
padding-top: 4px;
|
|
||||||
font-size: 10px;
|
|
||||||
line-height: 9px;
|
|
||||||
}
|
|
||||||
.bootstrap-switch.bootstrap-switch-small {
|
|
||||||
min-width: 79px;
|
|
||||||
}
|
|
||||||
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
|
|
||||||
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
|
|
||||||
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
|
|
||||||
padding-bottom: 3px;
|
|
||||||
padding-top: 3px;
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 18px;
|
|
||||||
}
|
|
||||||
.bootstrap-switch.bootstrap-switch-large {
|
|
||||||
min-width: 120px;
|
|
||||||
}
|
|
||||||
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
|
|
||||||
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
|
|
||||||
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
|
|
||||||
padding-bottom: 9px;
|
|
||||||
padding-top: 9px;
|
|
||||||
font-size: 16px;
|
|
||||||
line-height: normal;
|
|
||||||
}
|
|
||||||
.bootstrap-switch.bootstrap-switch-disabled,
|
|
||||||
.bootstrap-switch.bootstrap-switch-readonly,
|
|
||||||
.bootstrap-switch.bootstrap-switch-indeterminate {
|
|
||||||
opacity: 0.5;
|
|
||||||
filter: alpha(opacity=50);
|
|
||||||
cursor: default !important;
|
|
||||||
}
|
|
||||||
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
|
|
||||||
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
|
|
||||||
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
|
|
||||||
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
|
|
||||||
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
|
|
||||||
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
|
|
||||||
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
|
|
||||||
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
|
|
||||||
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
|
|
||||||
cursor: default !important;
|
|
||||||
}
|
|
||||||
.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
|
|
||||||
-webkit-transition: margin-left 0.5s;
|
|
||||||
transition: margin-left 0.5s;
|
|
||||||
}
|
|
||||||
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
|
|
||||||
border-bottom-left-radius: 0;
|
|
||||||
border-top-left-radius: 0;
|
|
||||||
border-bottom-right-radius: 3px;
|
|
||||||
border-top-right-radius: 3px;
|
|
||||||
}
|
|
||||||
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
|
|
||||||
border-bottom-right-radius: 0;
|
|
||||||
border-top-right-radius: 0;
|
|
||||||
border-bottom-left-radius: 3px;
|
|
||||||
border-top-left-radius: 3px;
|
|
||||||
}
|
|
||||||
.bootstrap-switch.bootstrap-switch-focused {
|
|
||||||
border-color: #66afe9;
|
|
||||||
outline: 0;
|
|
||||||
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
|
|
||||||
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
|
|
||||||
}
|
|
||||||
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-container,
|
|
||||||
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-container {
|
|
||||||
margin-left: 0%;
|
|
||||||
}
|
|
||||||
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,
|
|
||||||
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
|
|
||||||
border-bottom-right-radius: 3px;
|
|
||||||
border-top-right-radius: 3px;
|
|
||||||
}
|
|
||||||
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-container,
|
|
||||||
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-container {
|
|
||||||
margin-left: -50%;
|
|
||||||
}
|
|
||||||
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
|
|
||||||
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
|
|
||||||
border-bottom-left-radius: 3px;
|
|
||||||
border-top-left-radius: 3px;
|
|
||||||
}
|
|
||||||
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-container,
|
|
||||||
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-indeterminate .bootstrap-switch-container {
|
|
||||||
margin-left: -25%;
|
|
||||||
}
|
|
||||||
.bootstrap-switch .bootstrap-switch-container {
|
|
||||||
display: inline-block;
|
|
||||||
width: 150%;
|
|
||||||
top: 0;
|
|
||||||
border-radius: 4px;
|
|
||||||
-webkit-transform: translate3d(0, 0, 0);
|
|
||||||
transform: translate3d(0, 0, 0);
|
|
||||||
}
|
|
||||||
.bootstrap-switch .bootstrap-switch-handle-on,
|
|
||||||
.bootstrap-switch .bootstrap-switch-handle-off,
|
|
||||||
.bootstrap-switch .bootstrap-switch-label {
|
|
||||||
-webkit-box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
box-sizing: border-box;
|
|
||||||
cursor: pointer;
|
|
||||||
display: inline-block !important;
|
|
||||||
height: 100%;
|
|
||||||
padding-bottom: 4px;
|
|
||||||
padding-top: 4px;
|
|
||||||
font-size: 14px;
|
|
||||||
line-height: 20px;
|
|
||||||
}
|
|
||||||
.bootstrap-switch .bootstrap-switch-handle-on,
|
|
||||||
.bootstrap-switch .bootstrap-switch-handle-off {
|
|
||||||
text-align: center;
|
|
||||||
z-index: 1;
|
|
||||||
width: 33.333333333%;
|
|
||||||
}
|
|
||||||
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
|
|
||||||
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
|
|
||||||
color: #fff;
|
|
||||||
background: #428bca;
|
|
||||||
}
|
|
||||||
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
|
|
||||||
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
|
|
||||||
color: #fff;
|
|
||||||
background: #5bc0de;
|
|
||||||
}
|
|
||||||
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
|
|
||||||
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
|
|
||||||
color: #fff;
|
|
||||||
background: #5cb85c;
|
|
||||||
}
|
|
||||||
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
|
|
||||||
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
|
|
||||||
background: #f0ad4e;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
|
|
||||||
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
|
|
||||||
color: #fff;
|
|
||||||
background: #d9534f;
|
|
||||||
}
|
|
||||||
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
|
|
||||||
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
|
|
||||||
color: #000;
|
|
||||||
background: #eeeeee;
|
|
||||||
}
|
|
||||||
.bootstrap-switch .bootstrap-switch-label {
|
|
||||||
text-align: center;
|
|
||||||
margin-top: -1px;
|
|
||||||
margin-bottom: -1px;
|
|
||||||
z-index: 100;
|
|
||||||
width: 33.333333333%;
|
|
||||||
color: #333333;
|
|
||||||
background: #ffffff;
|
|
||||||
}
|
|
||||||
.bootstrap-switch .bootstrap-switch-handle-on {
|
|
||||||
border-bottom-left-radius: 3px;
|
|
||||||
border-top-left-radius: 3px;
|
|
||||||
}
|
|
||||||
.bootstrap-switch .bootstrap-switch-handle-off {
|
|
||||||
border-bottom-right-radius: 3px;
|
|
||||||
border-top-right-radius: 3px;
|
|
||||||
}
|
|
||||||
.bootstrap-switch input[type='radio'],
|
|
||||||
.bootstrap-switch input[type='checkbox'] {
|
|
||||||
position: absolute !important;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
opacity: 0;
|
|
||||||
filter: alpha(opacity=0);
|
|
||||||
z-index: -1;
|
|
||||||
}
|
|
||||||
.bootstrap-switch input[type='radio'].form-control,
|
|
||||||
.bootstrap-switch input[type='checkbox'].form-control {
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
@ -0,0 +1,58 @@
|
||||||
|
/**
|
||||||
|
* Bootstrap imports
|
||||||
|
*
|
||||||
|
* @author n1474335 [n1474335@gmail.com]
|
||||||
|
* @copyright Crown Copyright 2017
|
||||||
|
* @license Apache-2.0
|
||||||
|
*/
|
||||||
|
|
||||||
|
// Core variables and mixins
|
||||||
|
@import "~bootstrap/less/variables.less";
|
||||||
|
@import "~bootstrap/less/mixins.less";
|
||||||
|
|
||||||
|
// Reset and dependencies
|
||||||
|
@import "~bootstrap/less/normalize.less";
|
||||||
|
@import "~bootstrap/less/print.less";
|
||||||
|
// @import "~bootstrap/less/glyphicons.less";
|
||||||
|
|
||||||
|
// Core CSS
|
||||||
|
@import "~bootstrap/less/scaffolding.less";
|
||||||
|
@import "~bootstrap/less/type.less";
|
||||||
|
@import "~bootstrap/less/code.less";
|
||||||
|
// @import "~bootstrap/less/grid.less";
|
||||||
|
@import "~bootstrap/less/tables.less";
|
||||||
|
@import "~bootstrap/less/forms.less";
|
||||||
|
@import "~bootstrap/less/buttons.less";
|
||||||
|
|
||||||
|
// Components
|
||||||
|
@import "~bootstrap/less/component-animations.less";
|
||||||
|
@import "~bootstrap/less/dropdowns.less";
|
||||||
|
@import "~bootstrap/less/button-groups.less";
|
||||||
|
@import "~bootstrap/less/input-groups.less";
|
||||||
|
// @import "~bootstrap/less/navs.less";
|
||||||
|
// @import "~bootstrap/less/navbar.less";
|
||||||
|
// @import "~bootstrap/less/breadcrumbs.less";
|
||||||
|
// @import "~bootstrap/less/pagination.less";
|
||||||
|
// @import "~bootstrap/less/pager.less";
|
||||||
|
@import "~bootstrap/less/labels.less";
|
||||||
|
// @import "~bootstrap/less/badges.less";
|
||||||
|
// @import "~bootstrap/less/jumbotron.less";
|
||||||
|
// @import "~bootstrap/less/thumbnails.less";
|
||||||
|
@import "~bootstrap/less/alerts.less";
|
||||||
|
@import "~bootstrap/less/progress-bars.less";
|
||||||
|
// @import "~bootstrap/less/media.less";
|
||||||
|
@import "~bootstrap/less/list-group.less";
|
||||||
|
@import "~bootstrap/less/panels.less";
|
||||||
|
// @import "~bootstrap/less/responsive-embed.less";
|
||||||
|
// @import "~bootstrap/less/wells.less";
|
||||||
|
// @import "~bootstrap/less/close.less";
|
||||||
|
|
||||||
|
// Components w/ JavaScript
|
||||||
|
@import "~bootstrap/less/modals.less";
|
||||||
|
@import "~bootstrap/less/tooltip.less";
|
||||||
|
@import "~bootstrap/less/popovers.less";
|
||||||
|
// @import "~bootstrap/less/carousel.less";
|
||||||
|
|
||||||
|
// Utility classes
|
||||||
|
@import "~bootstrap/less/utilities.less";
|
||||||
|
// @import "~bootstrap/less/responsive-utilities.less";
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,68 +0,0 @@
|
||||||
/** @license
|
|
||||||
========================================================================
|
|
||||||
StyleSheet for Google Code Prettify
|
|
||||||
Copyright (C) 2006 Google Inc.
|
|
||||||
|
|
||||||
Licensed under the Apache License, Version 2.0 (the "License");
|
|
||||||
you may not use this file except in compliance with the License.
|
|
||||||
You may obtain a copy of the License at
|
|
||||||
|
|
||||||
http://www.apache.org/licenses/LICENSE-2.0
|
|
||||||
|
|
||||||
Unless required by applicable law or agreed to in writing, software
|
|
||||||
distributed under the License is distributed on an "AS IS" BASIS,
|
|
||||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
||||||
See the License for the specific language governing permissions and
|
|
||||||
limitations under the License.
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* SPAN elements with the classes below are added by prettyprint. */
|
|
||||||
.pln { color: #000 } /* plain text */
|
|
||||||
|
|
||||||
@media screen {
|
|
||||||
.str { color: #080 } /* string content */
|
|
||||||
.kwd { color: #008 } /* a keyword */
|
|
||||||
.com { color: #800 } /* a comment */
|
|
||||||
.typ { color: #606 } /* a type name */
|
|
||||||
.lit { color: #066 } /* a literal value */
|
|
||||||
/* punctuation, lisp open bracket, lisp close bracket */
|
|
||||||
.pun, .opn, .clo { color: #660 }
|
|
||||||
.tag { color: #008 } /* a markup tag name */
|
|
||||||
.atn { color: #606 } /* a markup attribute name */
|
|
||||||
.atv { color: #080 } /* a markup attribute value */
|
|
||||||
.dec, .var { color: #606 } /* a declaration; a variable name */
|
|
||||||
.fun { color: red } /* a function name */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Use higher contrast and text-weight for printable form. */
|
|
||||||
@media print, projection {
|
|
||||||
.str { color: #060 }
|
|
||||||
.kwd { color: #006; font-weight: bold }
|
|
||||||
.com { color: #600; font-style: italic }
|
|
||||||
.typ { color: #404; font-weight: bold }
|
|
||||||
.lit { color: #044 }
|
|
||||||
.pun, .opn, .clo { color: #440 }
|
|
||||||
.tag { color: #006; font-weight: bold }
|
|
||||||
.atn { color: #404 }
|
|
||||||
.atv { color: #060 }
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Put a border around prettyprinted code snippets. */
|
|
||||||
pre.prettyprint { padding: 2px; border: 1px solid #888 }
|
|
||||||
|
|
||||||
/* Specify class=linenums on a pre to get line numbering */
|
|
||||||
ol.linenums { margin-top: 0; margin-bottom: 0 } /* IE indents via margin-left */
|
|
||||||
li.L0,
|
|
||||||
li.L1,
|
|
||||||
li.L2,
|
|
||||||
li.L3,
|
|
||||||
li.L5,
|
|
||||||
li.L6,
|
|
||||||
li.L7,
|
|
||||||
li.L8 { list-style-type: none }
|
|
||||||
/* Alternate shading for lines */
|
|
||||||
li.L1,
|
|
||||||
li.L3,
|
|
||||||
li.L5,
|
|
||||||
li.L7,
|
|
||||||
li.L9 { background: #eee }
|
|
||||||
|
|
@ -4,14 +4,10 @@
|
||||||
* @license Apache-2.0
|
* @license Apache-2.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
require("bootstrap");
|
|
||||||
require("bootstrap-colorpicker");
|
|
||||||
require("bootstrap-switch");
|
|
||||||
var CanvasComponents = require("../../lib/canvascomponents.js");
|
|
||||||
|
|
||||||
var HTMLApp = require("./HTMLApp.js"),
|
var HTMLApp = require("./HTMLApp.js"),
|
||||||
Categories = require("../../config/Categories.js"),
|
Categories = require("../../config/Categories.js"),
|
||||||
OperationConfig = require("../../config/OperationConfig.js");
|
OperationConfig = require("../../config/OperationConfig.js"),
|
||||||
|
CanvasComponents = require("../../lib/canvascomponents.js");;
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Main function used to build the CyberChef web app.
|
* Main function used to build the CyberChef web app.
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue