zhaoxingchang.sd
11 months ago
parent
bb7e7c0669
commit
18026ea488
@ -0,0 +1,3 @@ |
||||
> 1% |
||||
last 2 versions |
||||
not dead |
||||
@ -0,0 +1,2 @@ |
||||
VUE_APP_SIMSTAXMANAGERURL = simsTaxManager |
||||
VUE_APP_ORDERURL= http://localhost:9000 |
||||
@ -0,0 +1,2 @@ |
||||
VUE_APP_SIMSTAXMANAGERURL = simsTaxManager |
||||
VUE_APP_ORDERURL= siws |
||||
@ -0,0 +1,32 @@ |
||||
module.exports = { |
||||
root: true, |
||||
env: { |
||||
node: true |
||||
}, |
||||
'extends': [ |
||||
'plugin:vue/essential' |
||||
// 'eslint:recommended'
|
||||
], |
||||
parserOptions: { |
||||
parser: 'babel-eslint' |
||||
}, |
||||
rules: { |
||||
'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off', |
||||
'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off', |
||||
"invalid-first-character-of-tag-name": 'off', // 忽略 template 中的三元运算符使用小于号（<）时报错
|
||||
'vue/no-parsing-error': [2, { |
||||
"x-invalid-end-tag": false |
||||
}] |
||||
}, |
||||
overrides: [ |
||||
{ |
||||
files: [ |
||||
'**/__tests__/*.{j,t}s?(x)', |
||||
'**/tests/unit/**/*.spec.{j,t}s?(x)' |
||||
], |
||||
env: { |
||||
mocha: true |
||||
} |
||||
} |
||||
] |
||||
} |
||||
@ -0,0 +1,14 @@ |
||||
.DS_Store |
||||
node_modules/ |
||||
siws/ |
||||
npm-debug.log* |
||||
yarn-debug.log* |
||||
yarn-error.log* |
||||
test/unit/coverage |
||||
vendor.dll.js |
||||
vendor-mainfest.json |
||||
.idea/* |
||||
.settings |
||||
config/prod.env.js |
||||
*.zip |
||||
package-lock.json |
||||
@ -0,0 +1,4 @@ |
||||
{ |
||||
"compile-hero.disable-compile-files-on-did-save-code": false, |
||||
"vetur.validation.template": false |
||||
} |
||||
@ -1,3 +1,29 @@ |
||||
# sims-front-ffjt |
||||
# sims2 |
||||
|
||||
阜丰集团 |
||||
## Project setup |
||||
``` |
||||
yarn install |
||||
``` |
||||
|
||||
### Compiles and hot-reloads for development |
||||
``` |
||||
yarn serve |
||||
``` |
||||
|
||||
### Compiles and minifies for production |
||||
``` |
||||
yarn build |
||||
``` |
||||
|
||||
### Run your unit tests |
||||
``` |
||||
yarn test:unit |
||||
``` |
||||
|
||||
### Lints and fixes files |
||||
``` |
||||
yarn lint |
||||
``` |
||||
|
||||
### Customize configuration |
||||
See [Configuration Reference](https://cli.vuejs.org/config/). |
||||
|
||||
@ -0,0 +1,14 @@ |
||||
module.exports = { |
||||
presets: [ |
||||
'@vue/cli-plugin-babel/preset' |
||||
], |
||||
"plugins": [ |
||||
[ |
||||
"component", |
||||
{ |
||||
"libraryName": "element-ui", |
||||
"styleLibraryName": "theme-chalk" |
||||
} |
||||
] |
||||
] |
||||
} |
||||
@ -0,0 +1,54 @@ |
||||
{ |
||||
"name": "sims2", |
||||
"version": "0.1.0", |
||||
"private": true, |
||||
"scripts": { |
||||
"serve": "vue-cli-service serve", |
||||
"build": "vue-cli-service build", |
||||
"test:unit": "vue-cli-service test:unit", |
||||
"lint": "vue-cli-service lint", |
||||
"dll": "webpack --config ./webpack.dll.config.js" |
||||
}, |
||||
"dependencies": { |
||||
"axios": "^0.19.2", |
||||
"crypto-js": "^4.0.0", |
||||
"echarts": "^4.9.0", |
||||
"element-ui": "^2.13.2", |
||||
"jquery": "^3.5.1", |
||||
"lodash.debounce": "^4.0.8", |
||||
"moment": "^2.29.1", |
||||
"print-js": "^1.5.0", |
||||
"vue": "^2.6.11", |
||||
"vue-clipboard2": "^0.3.1", |
||||
"vue-router": "^3.2.0", |
||||
"vuex": "^3.4.0" |
||||
}, |
||||
"devDependencies": { |
||||
"@vue/cli-plugin-babel": "^4.5.0", |
||||
"@vue/cli-plugin-eslint": "^4.5.0", |
||||
"@vue/cli-plugin-router": "^4.5.0", |
||||
"@vue/cli-plugin-unit-mocha": "^4.5.0", |
||||
"@vue/cli-plugin-vuex": "^4.5.0", |
||||
"@vue/cli-service": "^4.5.0", |
||||
"@vue/test-utils": "^1.0.3", |
||||
"add-asset-html-webpack-plugin": "^3.1.3", |
||||
"babel-eslint": "^10.1.0", |
||||
"babel-plugin-component": "^1.1.1", |
||||
"chai": "^4.1.2", |
||||
"clean-webpack-plugin": "^3.0.0", |
||||
"core-js": "^3.6.5", |
||||
"eslint": "^6.7.2", |
||||
"eslint-plugin-vue": "^6.2.2", |
||||
"kindeditor": "^4.1.10", |
||||
"less": "^3.12.2", |
||||
"less-loader": "^7.0.2", |
||||
"sass": "^1.26.5", |
||||
"sass-loader": "^8.0.2", |
||||
"style-resources-loader": "^1.3.3", |
||||
"terser-webpack-plugin": "^5.0.0", |
||||
"uglifyjs-webpack-plugin": "^2.2.0", |
||||
"vue-resource": "^1.5.1", |
||||
"vue-template-compiler": "^2.6.11", |
||||
"webpack-cli": "^4.0.0" |
||||
} |
||||
} |
||||
|
After Width: | Height: | Size: 4.2 KiB |
@ -0,0 +1,53 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
|
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>首页</title> |
||||
<!-- <link rel="stylesheet" href="./static/adminlte/css/one.css"> --> |
||||
<!-- <link rel="stylesheet" href="./static/plugins/vue2-animate/vue2-animate.min.css"> --> |
||||
<link rel="stylesheet" href="./static/plugins/iconfont/iconfont.css"> |
||||
<link rel="stylesheet" href="./static/bootstrap/css/bootstrap.min.css"> |
||||
<link rel="stylesheet" href="./static/adminlte/css/AdminLTE.min.css"> |
||||
<link rel="stylesheet" href="./static/bootstrap/css/bootstrap.min.css"> |
||||
<link rel="stylesheet" href="./static/adminlte/css/skins/_all-skins.min.css"> |
||||
<link rel="stylesheet" href="./static/plugins/font-awesome/css/font-awesome.css"> |
||||
<link rel="stylesheet" href="./static/css/element-custom.css"> |
||||
|
||||
<style> |
||||
.base-font { |
||||
font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif |
||||
} |
||||
</style> |
||||
</head> |
||||
|
||||
<body class="hold-transition skin-blue sidebar-mini base-font"> |
||||
<div id="app"></div> |
||||
|
||||
<!-- Jquery系列插件 Start --> |
||||
<script src="./static/plugins/jquery/jquery.min.js"></script> |
||||
|
||||
<!-- <script src="./static/plugins/moment/min/moment.min.js"></script> --> |
||||
|
||||
<!-- <script src="./static/plugins/ztree/jquery.ztree.all.min.js"></script> --> |
||||
<!-- ckeditor --> |
||||
|
||||
<!-- icheck --> |
||||
<!-- <script src="./static/plugins/iCheck/icheck.min.js"></script> --> |
||||
<!-- <link rel="stylesheet" href="./static/plugins/iCheck/flat/_all.css"> --> |
||||
|
||||
<!-- bootStrap系列插件 --> |
||||
<script src="./static/bootstrap/js/bootstrap.min.js"></script> |
||||
<script src="./static/plugins/webuploader/webuploader.js"></script> |
||||
<script src="./static/adminlte/js/app.min.js"></script> |
||||
|
||||
<link rel="stylesheet" href="./static/plugins/element-ui/css/index.min.css"> |
||||
<link rel="stylesheet" href="./static/css/common.css"> |
||||
|
||||
<script src="./vendor/vendor.dll.js"></script> |
||||
|
||||
|
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -0,0 +1,760 @@ |
||||
/* |
||||
* Social Buttons for Bootstrap |
||||
* |
||||
* Copyright 2013-2015 Panayiotis Lipiridis |
||||
* Licensed under the MIT License |
||||
* |
||||
* https://github.com/lipis/bootstrap-social |
||||
*/ |
||||
.btn-social { |
||||
position: relative; |
||||
padding-left: 44px; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
} |
||||
.btn-social > :first-child { |
||||
position: absolute; |
||||
left: 0; |
||||
top: 0; |
||||
bottom: 0; |
||||
width: 32px; |
||||
line-height: 34px; |
||||
font-size: 1.6em; |
||||
text-align: center; |
||||
border-right: 1px solid rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-social.btn-lg { |
||||
padding-left: 61px; |
||||
} |
||||
.btn-social.btn-lg > :first-child { |
||||
line-height: 45px; |
||||
width: 45px; |
||||
font-size: 1.8em; |
||||
} |
||||
.btn-social.btn-sm { |
||||
padding-left: 38px; |
||||
} |
||||
.btn-social.btn-sm > :first-child { |
||||
line-height: 28px; |
||||
width: 28px; |
||||
font-size: 1.4em; |
||||
} |
||||
.btn-social.btn-xs { |
||||
padding-left: 30px; |
||||
} |
||||
.btn-social.btn-xs > :first-child { |
||||
line-height: 20px; |
||||
width: 20px; |
||||
font-size: 1.2em; |
||||
} |
||||
.btn-social-icon { |
||||
position: relative; |
||||
padding-left: 44px; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
height: 34px; |
||||
width: 34px; |
||||
padding: 0; |
||||
} |
||||
.btn-social-icon > :first-child { |
||||
position: absolute; |
||||
left: 0; |
||||
top: 0; |
||||
bottom: 0; |
||||
width: 32px; |
||||
line-height: 34px; |
||||
font-size: 1.6em; |
||||
text-align: center; |
||||
border-right: 1px solid rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-social-icon.btn-lg { |
||||
padding-left: 61px; |
||||
} |
||||
.btn-social-icon.btn-lg > :first-child { |
||||
line-height: 45px; |
||||
width: 45px; |
||||
font-size: 1.8em; |
||||
} |
||||
.btn-social-icon.btn-sm { |
||||
padding-left: 38px; |
||||
} |
||||
.btn-social-icon.btn-sm > :first-child { |
||||
line-height: 28px; |
||||
width: 28px; |
||||
font-size: 1.4em; |
||||
} |
||||
.btn-social-icon.btn-xs { |
||||
padding-left: 30px; |
||||
} |
||||
.btn-social-icon.btn-xs > :first-child { |
||||
line-height: 20px; |
||||
width: 20px; |
||||
font-size: 1.2em; |
||||
} |
||||
.btn-social-icon > :first-child { |
||||
border: none; |
||||
text-align: center; |
||||
width: 100%; |
||||
} |
||||
.btn-social-icon.btn-lg { |
||||
height: 45px; |
||||
width: 45px; |
||||
padding-left: 0; |
||||
padding-right: 0; |
||||
} |
||||
.btn-social-icon.btn-sm { |
||||
height: 30px; |
||||
width: 30px; |
||||
padding-left: 0; |
||||
padding-right: 0; |
||||
} |
||||
.btn-social-icon.btn-xs { |
||||
height: 22px; |
||||
width: 22px; |
||||
padding-left: 0; |
||||
padding-right: 0; |
||||
} |
||||
.btn-adn { |
||||
color: #ffffff; |
||||
background-color: #d87a68; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-adn:focus, |
||||
.btn-adn.focus { |
||||
color: #ffffff; |
||||
background-color: #ce563f; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-adn:hover { |
||||
color: #ffffff; |
||||
background-color: #ce563f; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-adn:active, |
||||
.btn-adn.active, |
||||
.open > .dropdown-toggle.btn-adn { |
||||
color: #ffffff; |
||||
background-color: #ce563f; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-adn:active, |
||||
.btn-adn.active, |
||||
.open > .dropdown-toggle.btn-adn { |
||||
background-image: none; |
||||
} |
||||
.btn-adn .badge { |
||||
color: #d87a68; |
||||
background-color: #ffffff; |
||||
} |
||||
.btn-bitbucket { |
||||
color: #ffffff; |
||||
background-color: #205081; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-bitbucket:focus, |
||||
.btn-bitbucket.focus { |
||||
color: #ffffff; |
||||
background-color: #163758; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-bitbucket:hover { |
||||
color: #ffffff; |
||||
background-color: #163758; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-bitbucket:active, |
||||
.btn-bitbucket.active, |
||||
.open > .dropdown-toggle.btn-bitbucket { |
||||
color: #ffffff; |
||||
background-color: #163758; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-bitbucket:active, |
||||
.btn-bitbucket.active, |
||||
.open > .dropdown-toggle.btn-bitbucket { |
||||
background-image: none; |
||||
} |
||||
.btn-bitbucket .badge { |
||||
color: #205081; |
||||
background-color: #ffffff; |
||||
} |
||||
.btn-dropbox { |
||||
color: #ffffff; |
||||
background-color: #1087dd; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-dropbox:focus, |
||||
.btn-dropbox.focus { |
||||
color: #ffffff; |
||||
background-color: #0d6aad; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-dropbox:hover { |
||||
color: #ffffff; |
||||
background-color: #0d6aad; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-dropbox:active, |
||||
.btn-dropbox.active, |
||||
.open > .dropdown-toggle.btn-dropbox { |
||||
color: #ffffff; |
||||
background-color: #0d6aad; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-dropbox:active, |
||||
.btn-dropbox.active, |
||||
.open > .dropdown-toggle.btn-dropbox { |
||||
background-image: none; |
||||
} |
||||
.btn-dropbox .badge { |
||||
color: #1087dd; |
||||
background-color: #ffffff; |
||||
} |
||||
.btn-facebook { |
||||
color: #ffffff; |
||||
background-color: #3b5998; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-facebook:focus, |
||||
.btn-facebook.focus { |
||||
color: #ffffff; |
||||
background-color: #2d4373; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-facebook:hover { |
||||
color: #ffffff; |
||||
background-color: #2d4373; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-facebook:active, |
||||
.btn-facebook.active, |
||||
.open > .dropdown-toggle.btn-facebook { |
||||
color: #ffffff; |
||||
background-color: #2d4373; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-facebook:active, |
||||
.btn-facebook.active, |
||||
.open > .dropdown-toggle.btn-facebook { |
||||
background-image: none; |
||||
} |
||||
.btn-facebook .badge { |
||||
color: #3b5998; |
||||
background-color: #ffffff; |
||||
} |
||||
.btn-flickr { |
||||
color: #ffffff; |
||||
background-color: #ff0084; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-flickr:focus, |
||||
.btn-flickr.focus { |
||||
color: #ffffff; |
||||
background-color: #cc006a; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-flickr:hover { |
||||
color: #ffffff; |
||||
background-color: #cc006a; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-flickr:active, |
||||
.btn-flickr.active, |
||||
.open > .dropdown-toggle.btn-flickr { |
||||
color: #ffffff; |
||||
background-color: #cc006a; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-flickr:active, |
||||
.btn-flickr.active, |
||||
.open > .dropdown-toggle.btn-flickr { |
||||
background-image: none; |
||||
} |
||||
.btn-flickr .badge { |
||||
color: #ff0084; |
||||
background-color: #ffffff; |
||||
} |
||||
.btn-foursquare { |
||||
color: #ffffff; |
||||
background-color: #f94877; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-foursquare:focus, |
||||
.btn-foursquare.focus { |
||||
color: #ffffff; |
||||
background-color: #f71752; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-foursquare:hover { |
||||
color: #ffffff; |
||||
background-color: #f71752; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-foursquare:active, |
||||
.btn-foursquare.active, |
||||
.open > .dropdown-toggle.btn-foursquare { |
||||
color: #ffffff; |
||||
background-color: #f71752; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-foursquare:active, |
||||
.btn-foursquare.active, |
||||
.open > .dropdown-toggle.btn-foursquare { |
||||
background-image: none; |
||||
} |
||||
.btn-foursquare .badge { |
||||
color: #f94877; |
||||
background-color: #ffffff; |
||||
} |
||||
.btn-github { |
||||
color: #ffffff; |
||||
background-color: #444444; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-github:focus, |
||||
.btn-github.focus { |
||||
color: #ffffff; |
||||
background-color: #2b2b2b; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-github:hover { |
||||
color: #ffffff; |
||||
background-color: #2b2b2b; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-github:active, |
||||
.btn-github.active, |
||||
.open > .dropdown-toggle.btn-github { |
||||
color: #ffffff; |
||||
background-color: #2b2b2b; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-github:active, |
||||
.btn-github.active, |
||||
.open > .dropdown-toggle.btn-github { |
||||
background-image: none; |
||||
} |
||||
.btn-github .badge { |
||||
color: #444444; |
||||
background-color: #ffffff; |
||||
} |
||||
.btn-google { |
||||
color: #ffffff; |
||||
background-color: #dd4b39; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-google:focus, |
||||
.btn-google.focus { |
||||
color: #ffffff; |
||||
background-color: #c23321; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-google:hover { |
||||
color: #ffffff; |
||||
background-color: #c23321; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-google:active, |
||||
.btn-google.active, |
||||
.open > .dropdown-toggle.btn-google { |
||||
color: #ffffff; |
||||
background-color: #c23321; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-google:active, |
||||
.btn-google.active, |
||||
.open > .dropdown-toggle.btn-google { |
||||
background-image: none; |
||||
} |
||||
.btn-google .badge { |
||||
color: #dd4b39; |
||||
background-color: #ffffff; |
||||
} |
||||
.btn-instagram { |
||||
color: #ffffff; |
||||
background-color: #3f729b; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-instagram:focus, |
||||
.btn-instagram.focus { |
||||
color: #ffffff; |
||||
background-color: #305777; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-instagram:hover { |
||||
color: #ffffff; |
||||
background-color: #305777; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-instagram:active, |
||||
.btn-instagram.active, |
||||
.open > .dropdown-toggle.btn-instagram { |
||||
color: #ffffff; |
||||
background-color: #305777; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-instagram:active, |
||||
.btn-instagram.active, |
||||
.open > .dropdown-toggle.btn-instagram { |
||||
background-image: none; |
||||
} |
||||
.btn-instagram .badge { |
||||
color: #3f729b; |
||||
background-color: #ffffff; |
||||
} |
||||
.btn-linkedin { |
||||
color: #ffffff; |
||||
background-color: #007bb6; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-linkedin:focus, |
||||
.btn-linkedin.focus { |
||||
color: #ffffff; |
||||
background-color: #005983; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-linkedin:hover { |
||||
color: #ffffff; |
||||
background-color: #005983; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-linkedin:active, |
||||
.btn-linkedin.active, |
||||
.open > .dropdown-toggle.btn-linkedin { |
||||
color: #ffffff; |
||||
background-color: #005983; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-linkedin:active, |
||||
.btn-linkedin.active, |
||||
.open > .dropdown-toggle.btn-linkedin { |
||||
background-image: none; |
||||
} |
||||
.btn-linkedin .badge { |
||||
color: #007bb6; |
||||
background-color: #ffffff; |
||||
} |
||||
.btn-microsoft { |
||||
color: #ffffff; |
||||
background-color: #2672ec; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-microsoft:focus, |
||||
.btn-microsoft.focus { |
||||
color: #ffffff; |
||||
background-color: #125acd; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-microsoft:hover { |
||||
color: #ffffff; |
||||
background-color: #125acd; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-microsoft:active, |
||||
.btn-microsoft.active, |
||||
.open > .dropdown-toggle.btn-microsoft { |
||||
color: #ffffff; |
||||
background-color: #125acd; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-microsoft:active, |
||||
.btn-microsoft.active, |
||||
.open > .dropdown-toggle.btn-microsoft { |
||||
background-image: none; |
||||
} |
||||
.btn-microsoft .badge { |
||||
color: #2672ec; |
||||
background-color: #ffffff; |
||||
} |
||||
.btn-openid { |
||||
color: #ffffff; |
||||
background-color: #f7931e; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-openid:focus, |
||||
.btn-openid.focus { |
||||
color: #ffffff; |
||||
background-color: #da7908; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-openid:hover { |
||||
color: #ffffff; |
||||
background-color: #da7908; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-openid:active, |
||||
.btn-openid.active, |
||||
.open > .dropdown-toggle.btn-openid { |
||||
color: #ffffff; |
||||
background-color: #da7908; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-openid:active, |
||||
.btn-openid.active, |
||||
.open > .dropdown-toggle.btn-openid { |
||||
background-image: none; |
||||
} |
||||
.btn-openid .badge { |
||||
color: #f7931e; |
||||
background-color: #ffffff; |
||||
} |
||||
.btn-pinterest { |
||||
color: #ffffff; |
||||
background-color: #cb2027; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-pinterest:focus, |
||||
.btn-pinterest.focus { |
||||
color: #ffffff; |
||||
background-color: #9f191f; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-pinterest:hover { |
||||
color: #ffffff; |
||||
background-color: #9f191f; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-pinterest:active, |
||||
.btn-pinterest.active, |
||||
.open > .dropdown-toggle.btn-pinterest { |
||||
color: #ffffff; |
||||
background-color: #9f191f; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-pinterest:active, |
||||
.btn-pinterest.active, |
||||
.open > .dropdown-toggle.btn-pinterest { |
||||
background-image: none; |
||||
} |
||||
.btn-pinterest .badge { |
||||
color: #cb2027; |
||||
background-color: #ffffff; |
||||
} |
||||
.btn-reddit { |
||||
color: #000000; |
||||
background-color: #eff7ff; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-reddit:focus, |
||||
.btn-reddit.focus { |
||||
color: #000000; |
||||
background-color: #bcddff; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-reddit:hover { |
||||
color: #000000; |
||||
background-color: #bcddff; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-reddit:active, |
||||
.btn-reddit.active, |
||||
.open > .dropdown-toggle.btn-reddit { |
||||
color: #000000; |
||||
background-color: #bcddff; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-reddit:active, |
||||
.btn-reddit.active, |
||||
.open > .dropdown-toggle.btn-reddit { |
||||
background-image: none; |
||||
} |
||||
.btn-reddit .badge { |
||||
color: #eff7ff; |
||||
background-color: #000000; |
||||
} |
||||
.btn-soundcloud { |
||||
color: #ffffff; |
||||
background-color: #ff5500; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-soundcloud:focus, |
||||
.btn-soundcloud.focus { |
||||
color: #ffffff; |
||||
background-color: #cc4400; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-soundcloud:hover { |
||||
color: #ffffff; |
||||
background-color: #cc4400; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-soundcloud:active, |
||||
.btn-soundcloud.active, |
||||
.open > .dropdown-toggle.btn-soundcloud { |
||||
color: #ffffff; |
||||
background-color: #cc4400; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-soundcloud:active, |
||||
.btn-soundcloud.active, |
||||
.open > .dropdown-toggle.btn-soundcloud { |
||||
background-image: none; |
||||
} |
||||
.btn-soundcloud .badge { |
||||
color: #ff5500; |
||||
background-color: #ffffff; |
||||
} |
||||
.btn-tumblr { |
||||
color: #ffffff; |
||||
background-color: #2c4762; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-tumblr:focus, |
||||
.btn-tumblr.focus { |
||||
color: #ffffff; |
||||
background-color: #1c2d3f; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-tumblr:hover { |
||||
color: #ffffff; |
||||
background-color: #1c2d3f; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-tumblr:active, |
||||
.btn-tumblr.active, |
||||
.open > .dropdown-toggle.btn-tumblr { |
||||
color: #ffffff; |
||||
background-color: #1c2d3f; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-tumblr:active, |
||||
.btn-tumblr.active, |
||||
.open > .dropdown-toggle.btn-tumblr { |
||||
background-image: none; |
||||
} |
||||
.btn-tumblr .badge { |
||||
color: #2c4762; |
||||
background-color: #ffffff; |
||||
} |
||||
.btn-twitter { |
||||
color: #ffffff; |
||||
background-color: #55acee; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-twitter:focus, |
||||
.btn-twitter.focus { |
||||
color: #ffffff; |
||||
background-color: #2795e9; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-twitter:hover { |
||||
color: #ffffff; |
||||
background-color: #2795e9; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-twitter:active, |
||||
.btn-twitter.active, |
||||
.open > .dropdown-toggle.btn-twitter { |
||||
color: #ffffff; |
||||
background-color: #2795e9; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-twitter:active, |
||||
.btn-twitter.active, |
||||
.open > .dropdown-toggle.btn-twitter { |
||||
background-image: none; |
||||
} |
||||
.btn-twitter .badge { |
||||
color: #55acee; |
||||
background-color: #ffffff; |
||||
} |
||||
.btn-vimeo { |
||||
color: #ffffff; |
||||
background-color: #1ab7ea; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-vimeo:focus, |
||||
.btn-vimeo.focus { |
||||
color: #ffffff; |
||||
background-color: #1295bf; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-vimeo:hover { |
||||
color: #ffffff; |
||||
background-color: #1295bf; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-vimeo:active, |
||||
.btn-vimeo.active, |
||||
.open > .dropdown-toggle.btn-vimeo { |
||||
color: #ffffff; |
||||
background-color: #1295bf; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-vimeo:active, |
||||
.btn-vimeo.active, |
||||
.open > .dropdown-toggle.btn-vimeo { |
||||
background-image: none; |
||||
} |
||||
.btn-vimeo .badge { |
||||
color: #1ab7ea; |
||||
background-color: #ffffff; |
||||
} |
||||
.btn-vk { |
||||
color: #ffffff; |
||||
background-color: #587ea3; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-vk:focus, |
||||
.btn-vk.focus { |
||||
color: #ffffff; |
||||
background-color: #466482; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-vk:hover { |
||||
color: #ffffff; |
||||
background-color: #466482; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-vk:active, |
||||
.btn-vk.active, |
||||
.open > .dropdown-toggle.btn-vk { |
||||
color: #ffffff; |
||||
background-color: #466482; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-vk:active, |
||||
.btn-vk.active, |
||||
.open > .dropdown-toggle.btn-vk { |
||||
background-image: none; |
||||
} |
||||
.btn-vk .badge { |
||||
color: #587ea3; |
||||
background-color: #ffffff; |
||||
} |
||||
.btn-yahoo { |
||||
color: #ffffff; |
||||
background-color: #720e9e; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-yahoo:focus, |
||||
.btn-yahoo.focus { |
||||
color: #ffffff; |
||||
background-color: #500a6f; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-yahoo:hover { |
||||
color: #ffffff; |
||||
background-color: #500a6f; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-yahoo:active, |
||||
.btn-yahoo.active, |
||||
.open > .dropdown-toggle.btn-yahoo { |
||||
color: #ffffff; |
||||
background-color: #500a6f; |
||||
border-color: rgba(0, 0, 0, 0.2); |
||||
} |
||||
.btn-yahoo:active, |
||||
.btn-yahoo.active, |
||||
.open > .dropdown-toggle.btn-yahoo { |
||||
background-image: none; |
||||
} |
||||
.btn-yahoo .badge { |
||||
color: #720e9e; |
||||
background-color: #ffffff; |
||||
} |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,93 @@ |
||||
/* |
||||
* Plugin: Full Calendar |
||||
* --------------------- |
||||
*/ |
||||
.fc-button { |
||||
background: #f4f4f4; |
||||
background-image: none; |
||||
color: #444; |
||||
border-color: #ddd; |
||||
border-bottom-color: #ddd; |
||||
} |
||||
.fc-button:hover, |
||||
.fc-button:active, |
||||
.fc-button.hover { |
||||
background-color: #e9e9e9; |
||||
} |
||||
.fc-header-title h2 { |
||||
font-size: 15px; |
||||
line-height: 1.6em; |
||||
color: #666; |
||||
margin-left: 10px; |
||||
} |
||||
.fc-header-right { |
||||
padding-right: 10px; |
||||
} |
||||
.fc-header-left { |
||||
padding-left: 10px; |
||||
} |
||||
.fc-widget-header { |
||||
background: #fafafa; |
||||
} |
||||
.fc-grid { |
||||
width: 100%; |
||||
border: 0; |
||||
} |
||||
.fc-widget-header:first-of-type, |
||||
.fc-widget-content:first-of-type { |
||||
border-left: 0; |
||||
border-right: 0; |
||||
} |
||||
.fc-widget-header:last-of-type, |
||||
.fc-widget-content:last-of-type { |
||||
border-right: 0; |
||||
} |
||||
.fc-toolbar { |
||||
padding: 10px; |
||||
margin: 0; |
||||
} |
||||
.fc-day-number { |
||||
font-size: 20px; |
||||
font-weight: 300; |
||||
padding-right: 10px; |
||||
} |
||||
.fc-color-picker { |
||||
list-style: none; |
||||
margin: 0; |
||||
padding: 0; |
||||
} |
||||
.fc-color-picker > li { |
||||
float: left; |
||||
font-size: 30px; |
||||
margin-right: 5px; |
||||
line-height: 30px; |
||||
} |
||||
.fc-color-picker > li .fa { |
||||
-webkit-transition: -webkit-transform linear 0.3s; |
||||
-moz-transition: -moz-transform linear 0.3s; |
||||
-o-transition: -o-transform linear 0.3s; |
||||
transition: transform linear 0.3s; |
||||
} |
||||
.fc-color-picker > li .fa:hover { |
||||
-webkit-transform: rotate(30deg); |
||||
-ms-transform: rotate(30deg); |
||||
-o-transform: rotate(30deg); |
||||
transform: rotate(30deg); |
||||
} |
||||
#add-new-event { |
||||
-webkit-transition: all linear 0.3s; |
||||
-o-transition: all linear 0.3s; |
||||
transition: all linear 0.3s; |
||||
} |
||||
.external-event { |
||||
padding: 5px 10px; |
||||
font-weight: bold; |
||||
margin-bottom: 4px; |
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); |
||||
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); |
||||
border-radius: 3px; |
||||
cursor: move; |
||||
} |
||||
.external-event:hover { |
||||
box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2); |
||||
} |
||||
@ -0,0 +1 @@ |
||||
.fc-button{background:#f4f4f4;background-image:none;color:#444;border-color:#ddd;border-bottom-color:#ddd}.fc-button:hover,.fc-button:active,.fc-button.hover{background-color:#e9e9e9}.fc-header-title h2{font-size:15px;line-height:1.6em;color:#666;margin-left:10px}.fc-header-right{padding-right:10px}.fc-header-left{padding-left:10px}.fc-widget-header{background:#fafafa}.fc-grid{width:100%;border:0}.fc-widget-header:first-of-type,.fc-widget-content:first-of-type{border-left:0;border-right:0}.fc-widget-header:last-of-type,.fc-widget-content:last-of-type{border-right:0}.fc-toolbar{padding:10px;margin:0}.fc-day-number{font-size:20px;font-weight:300;padding-right:10px}.fc-color-picker{list-style:none;margin:0;padding:0}.fc-color-picker>li{float:left;font-size:30px;margin-right:5px;line-height:30px}.fc-color-picker>li .fa{-webkit-transition:-webkit-transform linear .3s;-moz-transition:-moz-transform linear .3s;-o-transition:-o-transform linear .3s;transition:transform linear .3s}.fc-color-picker>li .fa:hover{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}#add-new-event{-webkit-transition:all linear .3s;-o-transition:all linear .3s;transition:all linear .3s}.external-event{padding:5px 10px;font-weight:bold;margin-bottom:4px;box-shadow:0 1px 1px rgba(0,0,0,0.1);text-shadow:0 1px 1px rgba(0,0,0,0.1);border-radius:3px;cursor:move}.external-event:hover{box-shadow:inset 0 0 90px rgba(0,0,0,0.2)} |
||||
@ -0,0 +1,97 @@ |
||||
/* |
||||
* Plugin: Select2 |
||||
* --------------- |
||||
*/ |
||||
.select2-container--default.select2-container--focus, |
||||
.select2-selection.select2-container--focus, |
||||
.select2-container--default:focus, |
||||
.select2-selection:focus, |
||||
.select2-container--default:active, |
||||
.select2-selection:active { |
||||
outline: none; |
||||
} |
||||
.select2-container--default .select2-selection--single, |
||||
.select2-selection .select2-selection--single { |
||||
border: 1px solid #d2d6de; |
||||
border-radius: 0; |
||||
padding: 6px 12px; |
||||
height: 34px; |
||||
} |
||||
.select2-container--default.select2-container--open { |
||||
border-color: #3c8dbc; |
||||
} |
||||
.select2-dropdown { |
||||
border: 1px solid #d2d6de; |
||||
border-radius: 0; |
||||
} |
||||
.select2-container--default .select2-results__option--highlighted[aria-selected] { |
||||
background-color: #3c8dbc; |
||||
color: white; |
||||
} |
||||
.select2-results__option { |
||||
padding: 6px 12px; |
||||
user-select: none; |
||||
-webkit-user-select: none; |
||||
} |
||||
.select2-container .select2-selection--single .select2-selection__rendered { |
||||
padding-left: 0; |
||||
padding-right: 0; |
||||
height: auto; |
||||
margin-top: -4px; |
||||
} |
||||
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { |
||||
padding-right: 6px; |
||||
padding-left: 20px; |
||||
} |
||||
.select2-container--default .select2-selection--single .select2-selection__arrow { |
||||
height: 28px; |
||||
right: 3px; |
||||
} |
||||
.select2-container--default .select2-selection--single .select2-selection__arrow b { |
||||
margin-top: 0; |
||||
} |
||||
.select2-dropdown .select2-search__field, |
||||
.select2-search--inline .select2-search__field { |
||||
border: 1px solid #d2d6de; |
||||
} |
||||
.select2-dropdown .select2-search__field:focus, |
||||
.select2-search--inline .select2-search__field:focus { |
||||
outline: none; |
||||
border: 1px solid #3c8dbc; |
||||
} |
||||
.select2-container--default .select2-results__option[aria-disabled=true] { |
||||
color: #999; |
||||
} |
||||
.select2-container--default .select2-results__option[aria-selected=true] { |
||||
background-color: #ddd; |
||||
} |
||||
.select2-container--default .select2-results__option[aria-selected=true], |
||||
.select2-container--default .select2-results__option[aria-selected=true]:hover { |
||||
color: #444; |
||||
} |
||||
.select2-container--default .select2-selection--multiple { |
||||
border: 1px solid #d2d6de; |
||||
border-radius: 0; |
||||
} |
||||
.select2-container--default .select2-selection--multiple:focus { |
||||
border-color: #3c8dbc; |
||||
} |
||||
.select2-container--default.select2-container--focus .select2-selection--multiple { |
||||
border-color: #d2d6de; |
||||
} |
||||
.select2-container--default .select2-selection--multiple .select2-selection__choice { |
||||
background-color: #3c8dbc; |
||||
border-color: #367fa9; |
||||
padding: 1px 10px; |
||||
color: #fff; |
||||
} |
||||
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { |
||||
margin-right: 5px; |
||||
color: rgba(255, 255, 255, 0.7); |
||||
} |
||||
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { |
||||
color: #fff; |
||||
} |
||||
.select2-container .select2-selection--single .select2-selection__rendered { |
||||
padding-right: 10px; |
||||
} |
||||
@ -0,0 +1 @@ |
||||
.select2-container--default.select2-container--focus,.select2-selection.select2-container--focus,.select2-container--default:focus,.select2-selection:focus,.select2-container--default:active,.select2-selection:active{outline:none}.select2-container--default .select2-selection--single,.select2-selection .select2-selection--single{border:1px solid #d2d6de;border-radius:0;padding:6px 12px;height:34px}.select2-container--default.select2-container--open{border-color:#3c8dbc}.select2-dropdown{border:1px solid #d2d6de;border-radius:0}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#3c8dbc;color:white}.select2-results__option{padding:6px 12px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{padding-left:0;padding-right:0;height:auto;margin-top:-4px}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:6px;padding-left:20px}.select2-container--default .select2-selection--single .select2-selection__arrow{height:28px;right:3px}.select2-container--default .select2-selection--single .select2-selection__arrow b{margin-top:0}.select2-dropdown .select2-search__field,.select2-search--inline .select2-search__field{border:1px solid #d2d6de}.select2-dropdown .select2-search__field:focus,.select2-search--inline .select2-search__field:focus{outline:none;border:1px solid #3c8dbc}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[aria-selected=true]:hover{color:#444}.select2-container--default .select2-selection--multiple{border:1px solid #d2d6de;border-radius:0}.select2-container--default .select2-selection--multiple:focus{border-color:#3c8dbc}.select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#d2d6de}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#3c8dbc;border-color:#367fa9;padding:1px 10px;color:#fff}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{margin-right:5px;color:rgba(255,255,255,0.7)}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.select2-container .select2-selection--single .select2-selection__rendered{padding-right:10px} |
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -0,0 +1,99 @@ |
||||
/* 滚动条 */ |
||||
/* ::-webkit-scrollbar { |
||||
width: 10px !important; |
||||
height: 10px !important; |
||||
-webkit-appearance: none; |
||||
} |
||||
|
||||
::-webkit-scrollbar-thumb { |
||||
height: 5px; |
||||
border: 1px solid transparent; |
||||
border-top: none; |
||||
border-bottom: none; |
||||
-webkit-border-radius: 6px; |
||||
background-color: rgba(125, 125, 125, .4); |
||||
background-clip: padding-box; |
||||
} |
||||
|
||||
::-webkit-scrollbar-thumb:hover { |
||||
background-color: rgba(125, 125, 125, .5); |
||||
} */ |
||||
|
||||
/*row间距*/ |
||||
.row-margin-bottom { |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
/*树前面的空格*/ |
||||
.tree-indent { |
||||
width: 16px; |
||||
height: 16px; |
||||
display: inline-block; |
||||
position: relative; |
||||
} |
||||
|
||||
.tree-expander { |
||||
width: 16px; |
||||
height: 16px; |
||||
display: inline-block; |
||||
position: relative; |
||||
cursor: pointer; |
||||
} |
||||
|
||||
/*去掉黑点和空格*/ |
||||
/* ul, li { |
||||
list-style: none; |
||||
padding:0; margin:0; |
||||
} */ |
||||
|
||||
/*模态框滚动*/ |
||||
.modal-scrollable { |
||||
overflow-y: auto; |
||||
max-height: 450px; |
||||
} |
||||
|
||||
.registry-title { |
||||
margin-top: 40px; |
||||
font-weight: bold; |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
/*Icon*/ |
||||
.icon-default { |
||||
color: #c1c2c5 |
||||
} |
||||
|
||||
.icon-danger { |
||||
color: #dd4b39 |
||||
} |
||||
|
||||
.query {} |
||||
|
||||
.query input { |
||||
height: 30px; |
||||
font-size: 12px; |
||||
} |
||||
|
||||
.query .btn { |
||||
height: 30px; |
||||
} |
||||
|
||||
.query .col-md-4 { |
||||
margin-bottom: 10px |
||||
} |
||||
|
||||
|
||||
.margin20 { |
||||
margin-top: 20px; |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
.required:before { |
||||
font-family: 'Times New Roman'; |
||||
font-size: 15px; |
||||
content: "*"; |
||||
color: #dd4b39; |
||||
position: relative; |
||||
top: 3px; |
||||
right: 3px; |
||||
} |
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -0,0 +1,173 @@ |
||||
/* |
||||
* Skin: Black |
||||
* ----------- |
||||
*/ |
||||
/* skin-black navbar */ |
||||
.skin-black-light .main-header { |
||||
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); |
||||
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); |
||||
} |
||||
.skin-black-light .main-header .navbar-toggle { |
||||
color: #333; |
||||
} |
||||
.skin-black-light .main-header .navbar-brand { |
||||
color: #333; |
||||
border-right: 1px solid #eee; |
||||
} |
||||
.skin-black-light .main-header .navbar { |
||||
background-color: #ffffff; |
||||
} |
||||
.skin-black-light .main-header .navbar .nav > li > a { |
||||
color: #333333; |
||||
} |
||||
.skin-black-light .main-header .navbar .nav > li > a:hover, |
||||
.skin-black-light .main-header .navbar .nav > li > a:active, |
||||
.skin-black-light .main-header .navbar .nav > li > a:focus, |
||||
.skin-black-light .main-header .navbar .nav .open > a, |
||||
.skin-black-light .main-header .navbar .nav .open > a:hover, |
||||
.skin-black-light .main-header .navbar .nav .open > a:focus, |
||||
.skin-black-light .main-header .navbar .nav > .active > a { |
||||
background: #ffffff; |
||||
color: #999999; |
||||
} |
||||
.skin-black-light .main-header .navbar .sidebar-toggle { |
||||
color: #333333; |
||||
} |
||||
.skin-black-light .main-header .navbar .sidebar-toggle:hover { |
||||
color: #999999; |
||||
background: #ffffff; |
||||
} |
||||
.skin-black-light .main-header .navbar > .sidebar-toggle { |
||||
color: #333; |
||||
border-right: 1px solid #eee; |
||||
} |
||||
.skin-black-light .main-header .navbar .navbar-nav > li > a { |
||||
border-right: 1px solid #eee; |
||||
} |
||||
.skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav > li > a, |
||||
.skin-black-light .main-header .navbar .navbar-right > li > a { |
||||
border-left: 1px solid #eee; |
||||
border-right-width: 0; |
||||
} |
||||
.skin-black-light .main-header > .logo { |
||||
background-color: #ffffff; |
||||
color: #333333; |
||||
border-bottom: 0 solid transparent; |
||||
border-right: 1px solid #eee; |
||||
} |
||||
.skin-black-light .main-header > .logo:hover { |
||||
background-color: #fcfcfc; |
||||
} |
||||
@media (max-width: 767px) { |
||||
.skin-black-light .main-header > .logo { |
||||
background-color: #222222; |
||||
color: #ffffff; |
||||
border-bottom: 0 solid transparent; |
||||
border-right: none; |
||||
} |
||||
.skin-black-light .main-header > .logo:hover { |
||||
background-color: #1f1f1f; |
||||
} |
||||
} |
||||
.skin-black-light .main-header li.user-header { |
||||
background-color: #222; |
||||
} |
||||
.skin-black-light .content-header { |
||||
background: transparent; |
||||
box-shadow: none; |
||||
} |
||||
.skin-black-light .wrapper, |
||||
.skin-black-light .main-sidebar, |
||||
.skin-black-light .left-side { |
||||
background-color: #f9fafc; |
||||
} |
||||
.skin-black-light .content-wrapper, |
||||
.skin-black-light .main-footer { |
||||
border-left: 1px solid #d2d6de; |
||||
} |
||||
.skin-black-light .user-panel > .info, |
||||
.skin-black-light .user-panel > .info > a { |
||||
color: #444444; |
||||
} |
||||
.skin-black-light .sidebar-menu > li { |
||||
-webkit-transition: border-left-color 0.3s ease; |
||||
-o-transition: border-left-color 0.3s ease; |
||||
transition: border-left-color 0.3s ease; |
||||
} |
||||
.skin-black-light .sidebar-menu > li.header { |
||||
color: #848484; |
||||
background: #f9fafc; |
||||
} |
||||
.skin-black-light .sidebar-menu > li > a { |
||||
border-left: 3px solid transparent; |
||||
font-weight: 600; |
||||
} |
||||
.skin-black-light .sidebar-menu > li:hover > a, |
||||
.skin-black-light .sidebar-menu > li.active > a { |
||||
color: #000000; |
||||
background: #f4f4f5; |
||||
} |
||||
.skin-black-light .sidebar-menu > li.active { |
||||
border-left-color: #ffffff; |
||||
} |
||||
.skin-black-light .sidebar-menu > li.active > a { |
||||
font-weight: 600; |
||||
} |
||||
.skin-black-light .sidebar-menu > li > .treeview-menu { |
||||
background: #f4f4f5; |
||||
} |
||||
.skin-black-light .sidebar a { |
||||
color: #444444; |
||||
} |
||||
.skin-black-light .sidebar a:hover { |
||||
text-decoration: none; |
||||
} |
||||
.skin-black-light .treeview-menu > li > a { |
||||
color: #777777; |
||||
} |
||||
.skin-black-light .treeview-menu > li.active > a, |
||||
.skin-black-light .treeview-menu > li > a:hover { |
||||
color: #000000; |
||||
} |
||||
.skin-black-light .treeview-menu > li.active > a { |
||||
font-weight: 600; |
||||
} |
||||
.skin-black-light .sidebar-form { |
||||
border-radius: 3px; |
||||
border: 1px solid #d2d6de; |
||||
margin: 10px 10px; |
||||
} |
||||
.skin-black-light .sidebar-form input[type="text"], |
||||
.skin-black-light .sidebar-form .btn { |
||||
box-shadow: none; |
||||
background-color: #fff; |
||||
border: 1px solid transparent; |
||||
height: 35px; |
||||
} |
||||
.skin-black-light .sidebar-form input[type="text"] { |
||||
color: #666; |
||||
border-top-left-radius: 2px; |
||||
border-top-right-radius: 0; |
||||
border-bottom-right-radius: 0; |
||||
border-bottom-left-radius: 2px; |
||||
} |
||||
.skin-black-light .sidebar-form input[type="text"]:focus, |
||||
.skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { |
||||
background-color: #fff; |
||||
color: #666; |
||||
} |
||||
.skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { |
||||
border-left-color: #fff; |
||||
} |
||||
.skin-black-light .sidebar-form .btn { |
||||
color: #999; |
||||
border-top-left-radius: 0; |
||||
border-top-right-radius: 2px; |
||||
border-bottom-right-radius: 2px; |
||||
border-bottom-left-radius: 0; |
||||
} |
||||
@media (min-width: 768px) { |
||||
.skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { |
||||
border-left: 1px solid #d2d6de; |
||||
} |
||||
} |
||||
@ -0,0 +1 @@ |
||||
.skin-black-light .main-header{-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.skin-black-light .main-header .navbar-toggle{color:#333}.skin-black-light .main-header .navbar-brand{color:#333;border-right:1px solid #eee}.skin-black-light .main-header .navbar{background-color:#fff}.skin-black-light .main-header .navbar .nav>li>a{color:#333}.skin-black-light .main-header .navbar .nav>li>a:hover,.skin-black-light .main-header .navbar .nav>li>a:active,.skin-black-light .main-header .navbar .nav>li>a:focus,.skin-black-light .main-header .navbar .nav .open>a,.skin-black-light .main-header .navbar .nav .open>a:hover,.skin-black-light .main-header .navbar .nav .open>a:focus,.skin-black-light .main-header .navbar .nav>.active>a{background:#fff;color:#999}.skin-black-light .main-header .navbar .sidebar-toggle{color:#333}.skin-black-light .main-header .navbar .sidebar-toggle:hover{color:#999;background:#fff}.skin-black-light .main-header .navbar>.sidebar-toggle{color:#333;border-right:1px solid #eee}.skin-black-light .main-header .navbar .navbar-nav>li>a{border-right:1px solid #eee}.skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav>li>a,.skin-black-light .main-header .navbar .navbar-right>li>a{border-left:1px solid #eee;border-right-width:0}.skin-black-light .main-header>.logo{background-color:#fff;color:#333;border-bottom:0 solid transparent;border-right:1px solid #eee}.skin-black-light .main-header>.logo:hover{background-color:#fcfcfc}@media (max-width:767px){.skin-black-light .main-header>.logo{background-color:#222;color:#fff;border-bottom:0 solid transparent;border-right:none}.skin-black-light .main-header>.logo:hover{background-color:#1f1f1f}}.skin-black-light .main-header li.user-header{background-color:#222}.skin-black-light .content-header{background:transparent;box-shadow:none}.skin-black-light .wrapper,.skin-black-light .main-sidebar,.skin-black-light .left-side{background-color:#f9fafc}.skin-black-light .content-wrapper,.skin-black-light .main-footer{border-left:1px solid #d2d6de}.skin-black-light .user-panel>.info,.skin-black-light .user-panel>.info>a{color:#444}.skin-black-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-black-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-black-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-black-light .sidebar-menu>li:hover>a,.skin-black-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-black-light .sidebar-menu>li.active{border-left-color:#fff}.skin-black-light .sidebar-menu>li.active>a{font-weight:600}.skin-black-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-black-light .sidebar a{color:#444}.skin-black-light .sidebar a:hover{text-decoration:none}.skin-black-light .treeview-menu>li>a{color:#777}.skin-black-light .treeview-menu>li.active>a,.skin-black-light .treeview-menu>li>a:hover{color:#000}.skin-black-light .treeview-menu>li.active>a{font-weight:600}.skin-black-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-black-light .sidebar-form input[type="text"],.skin-black-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px}.skin-black-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-black-light .sidebar-form input[type="text"]:focus,.skin-black-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-black-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-black-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}} |
||||
@ -0,0 +1,158 @@ |
||||
/* |
||||
* Skin: Black |
||||
* ----------- |
||||
*/ |
||||
/* skin-black navbar */ |
||||
.skin-black .main-header { |
||||
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); |
||||
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); |
||||
} |
||||
.skin-black .main-header .navbar-toggle { |
||||
color: #333; |
||||
} |
||||
.skin-black .main-header .navbar-brand { |
||||
color: #333; |
||||
border-right: 1px solid #eee; |
||||
} |
||||
.skin-black .main-header .navbar { |
||||
background-color: #ffffff; |
||||
} |
||||
.skin-black .main-header .navbar .nav > li > a { |
||||
color: #333333; |
||||
} |
||||
.skin-black .main-header .navbar .nav > li > a:hover, |
||||
.skin-black .main-header .navbar .nav > li > a:active, |
||||
.skin-black .main-header .navbar .nav > li > a:focus, |
||||
.skin-black .main-header .navbar .nav .open > a, |
||||
.skin-black .main-header .navbar .nav .open > a:hover, |
||||
.skin-black .main-header .navbar .nav .open > a:focus, |
||||
.skin-black .main-header .navbar .nav > .active > a { |
||||
background: #ffffff; |
||||
color: #999999; |
||||
} |
||||
.skin-black .main-header .navbar .sidebar-toggle { |
||||
color: #333333; |
||||
} |
||||
.skin-black .main-header .navbar .sidebar-toggle:hover { |
||||
color: #999999; |
||||
background: #ffffff; |
||||
} |
||||
.skin-black .main-header .navbar > .sidebar-toggle { |
||||
color: #333; |
||||
border-right: 1px solid #eee; |
||||
} |
||||
.skin-black .main-header .navbar .navbar-nav > li > a { |
||||
border-right: 1px solid #eee; |
||||
} |
||||
.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav > li > a, |
||||
.skin-black .main-header .navbar .navbar-right > li > a { |
||||
border-left: 1px solid #eee; |
||||
border-right-width: 0; |
||||
} |
||||
.skin-black .main-header > .logo { |
||||
background-color: #ffffff; |
||||
color: #333333; |
||||
border-bottom: 0 solid transparent; |
||||
border-right: 1px solid #eee; |
||||
} |
||||
.skin-black .main-header > .logo:hover { |
||||
background-color: #fcfcfc; |
||||
} |
||||
@media (max-width: 767px) { |
||||
.skin-black .main-header > .logo { |
||||
background-color: #222222; |
||||
color: #ffffff; |
||||
border-bottom: 0 solid transparent; |
||||
border-right: none; |
||||
} |
||||
.skin-black .main-header > .logo:hover { |
||||
background-color: #1f1f1f; |
||||
} |
||||
} |
||||
.skin-black .main-header li.user-header { |
||||
background-color: #222; |
||||
} |
||||
.skin-black .content-header { |
||||
background: transparent; |
||||
box-shadow: none; |
||||
} |
||||
.skin-black .wrapper, |
||||
.skin-black .main-sidebar, |
||||
.skin-black .left-side { |
||||
background-color: #222d32; |
||||
} |
||||
.skin-black .user-panel > .info, |
||||
.skin-black .user-panel > .info > a { |
||||
color: #fff; |
||||
} |
||||
.skin-black .sidebar-menu > li.header { |
||||
color: #4b646f; |
||||
background: #1a2226; |
||||
} |
||||
.skin-black .sidebar-menu > li > a { |
||||
border-left: 3px solid transparent; |
||||
} |
||||
.skin-black .sidebar-menu > li:hover > a, |
||||
.skin-black .sidebar-menu > li.active > a { |
||||
color: #ffffff; |
||||
background: #1e282c; |
||||
border-left-color: #ffffff; |
||||
} |
||||
.skin-black .sidebar-menu > li > .treeview-menu { |
||||
margin: 0 1px; |
||||
background: #2c3b41; |
||||
} |
||||
.skin-black .sidebar a { |
||||
color: #b8c7ce; |
||||
} |
||||
.skin-black .sidebar a:hover { |
||||
text-decoration: none; |
||||
} |
||||
.skin-black .treeview-menu > li > a { |
||||
color: #8aa4af; |
||||
} |
||||
.skin-black .treeview-menu > li.active > a, |
||||
.skin-black .treeview-menu > li > a:hover { |
||||
color: #ffffff; |
||||
} |
||||
.skin-black .sidebar-form { |
||||
border-radius: 3px; |
||||
border: 1px solid #374850; |
||||
margin: 10px 10px; |
||||
} |
||||
.skin-black .sidebar-form input[type="text"], |
||||
.skin-black .sidebar-form .btn { |
||||
box-shadow: none; |
||||
background-color: #374850; |
||||
border: 1px solid transparent; |
||||
height: 35px; |
||||
} |
||||
.skin-black .sidebar-form input[type="text"] { |
||||
color: #666; |
||||
border-top-left-radius: 2px; |
||||
border-top-right-radius: 0; |
||||
border-bottom-right-radius: 0; |
||||
border-bottom-left-radius: 2px; |
||||
} |
||||
.skin-black .sidebar-form input[type="text"]:focus, |
||||
.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn { |
||||
background-color: #fff; |
||||
color: #666; |
||||
} |
||||
.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn { |
||||
border-left-color: #fff; |
||||
} |
||||
.skin-black .sidebar-form .btn { |
||||
color: #999; |
||||
border-top-left-radius: 0; |
||||
border-top-right-radius: 2px; |
||||
border-bottom-right-radius: 2px; |
||||
border-bottom-left-radius: 0; |
||||
} |
||||
.skin-black .pace .pace-progress { |
||||
background: #222; |
||||
} |
||||
.skin-black .pace .pace-activity { |
||||
border-top-color: #222; |
||||
border-left-color: #222; |
||||
} |
||||
@ -0,0 +1 @@ |
||||
.skin-black .main-header{-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.skin-black .main-header .navbar-toggle{color:#333}.skin-black .main-header .navbar-brand{color:#333;border-right:1px solid #eee}.skin-black .main-header .navbar{background-color:#fff}.skin-black .main-header .navbar .nav>li>a{color:#333}.skin-black .main-header .navbar .nav>li>a:hover,.skin-black .main-header .navbar .nav>li>a:active,.skin-black .main-header .navbar .nav>li>a:focus,.skin-black .main-header .navbar .nav .open>a,.skin-black .main-header .navbar .nav .open>a:hover,.skin-black .main-header .navbar .nav .open>a:focus,.skin-black .main-header .navbar .nav>.active>a{background:#fff;color:#999}.skin-black .main-header .navbar .sidebar-toggle{color:#333}.skin-black .main-header .navbar .sidebar-toggle:hover{color:#999;background:#fff}.skin-black .main-header .navbar>.sidebar-toggle{color:#333;border-right:1px solid #eee}.skin-black .main-header .navbar .navbar-nav>li>a{border-right:1px solid #eee}.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav>li>a,.skin-black .main-header .navbar .navbar-right>li>a{border-left:1px solid #eee;border-right-width:0}.skin-black .main-header>.logo{background-color:#fff;color:#333;border-bottom:0 solid transparent;border-right:1px solid #eee}.skin-black .main-header>.logo:hover{background-color:#fcfcfc}@media (max-width:767px){.skin-black .main-header>.logo{background-color:#222;color:#fff;border-bottom:0 solid transparent;border-right:none}.skin-black .main-header>.logo:hover{background-color:#1f1f1f}}.skin-black .main-header li.user-header{background-color:#222}.skin-black .content-header{background:transparent;box-shadow:none}.skin-black .wrapper,.skin-black .main-sidebar,.skin-black .left-side{background-color:#222d32}.skin-black .user-panel>.info,.skin-black .user-panel>.info>a{color:#fff}.skin-black .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-black .sidebar-menu>li>a{border-left:3px solid transparent}.skin-black .sidebar-menu>li:hover>a,.skin-black .sidebar-menu>li.active>a{color:#fff;background:#1e282c;border-left-color:#fff}.skin-black .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-black .sidebar a{color:#b8c7ce}.skin-black .sidebar a:hover{text-decoration:none}.skin-black .treeview-menu>li>a{color:#8aa4af}.skin-black .treeview-menu>li.active>a,.skin-black .treeview-menu>li>a:hover{color:#fff}.skin-black .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-black .sidebar-form input[type="text"],.skin-black .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-black .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-black .sidebar-form input[type="text"]:focus,.skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-black .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-black .pace .pace-progress{background:#222}.skin-black .pace .pace-activity{border-top-color:#222;border-left-color:#222} |
||||
@ -0,0 +1,164 @@ |
||||
/* |
||||
* Skin: Blue |
||||
* ---------- |
||||
*/ |
||||
.skin-blue-light .main-header .navbar { |
||||
background-color: #3c8dbc; |
||||
} |
||||
.skin-blue-light .main-header .navbar .nav > li > a { |
||||
color: #ffffff; |
||||
} |
||||
.skin-blue-light .main-header .navbar .nav > li > a:hover, |
||||
.skin-blue-light .main-header .navbar .nav > li > a:active, |
||||
.skin-blue-light .main-header .navbar .nav > li > a:focus, |
||||
.skin-blue-light .main-header .navbar .nav .open > a, |
||||
.skin-blue-light .main-header .navbar .nav .open > a:hover, |
||||
.skin-blue-light .main-header .navbar .nav .open > a:focus, |
||||
.skin-blue-light .main-header .navbar .nav > .active > a { |
||||
background: rgba(0, 0, 0, 0.1); |
||||
color: #f6f6f6; |
||||
} |
||||
.skin-blue-light .main-header .navbar .sidebar-toggle { |
||||
color: #ffffff; |
||||
} |
||||
.skin-blue-light .main-header .navbar .sidebar-toggle:hover { |
||||
color: #f6f6f6; |
||||
background: rgba(0, 0, 0, 0.1); |
||||
} |
||||
.skin-blue-light .main-header .navbar .sidebar-toggle { |
||||
color: #fff; |
||||
} |
||||
.skin-blue-light .main-header .navbar .sidebar-toggle:hover { |
||||
background-color: #367fa9; |
||||
} |
||||
@media (max-width: 767px) { |
||||
.skin-blue-light .main-header .navbar .dropdown-menu li.divider { |
||||
background-color: rgba(255, 255, 255, 0.1); |
||||
} |
||||
.skin-blue-light .main-header .navbar .dropdown-menu li a { |
||||
color: #fff; |
||||
} |
||||
.skin-blue-light .main-header .navbar .dropdown-menu li a:hover { |
||||
background: #367fa9; |
||||
} |
||||
} |
||||
.skin-blue-light .main-header .logo { |
||||
background-color: #3c8dbc; |
||||
color: #ffffff; |
||||
border-bottom: 0 solid transparent; |
||||
} |
||||
.skin-blue-light .main-header .logo:hover { |
||||
background-color: #3b8ab8; |
||||
} |
||||
.skin-blue-light .main-header li.user-header { |
||||
background-color: #3c8dbc; |
||||
} |
||||
.skin-blue-light .content-header { |
||||
background: transparent; |
||||
} |
||||
.skin-blue-light .wrapper, |
||||
.skin-blue-light .main-sidebar, |
||||
.skin-blue-light .left-side { |
||||
background-color: #f9fafc; |
||||
} |
||||
.skin-blue-light .content-wrapper, |
||||
.skin-blue-light .main-footer { |
||||
border-left: 1px solid #d2d6de; |
||||
} |
||||
.skin-blue-light .user-panel > .info, |
||||
.skin-blue-light .user-panel > .info > a { |
||||
color: #444444; |
||||
} |
||||
.skin-blue-light .sidebar-menu > li { |
||||
-webkit-transition: border-left-color 0.3s ease; |
||||
-o-transition: border-left-color 0.3s ease; |
||||
transition: border-left-color 0.3s ease; |
||||
} |
||||
.skin-blue-light .sidebar-menu > li.header { |
||||
color: #848484; |
||||
background: #f9fafc; |
||||
} |
||||
.skin-blue-light .sidebar-menu > li > a { |
||||
border-left: 3px solid transparent; |
||||
font-weight: 600; |
||||
} |
||||
.skin-blue-light .sidebar-menu > li:hover > a, |
||||
.skin-blue-light .sidebar-menu > li.active > a { |
||||
color: #000000; |
||||
background: #f4f4f5; |
||||
} |
||||
.skin-blue-light .sidebar-menu > li.active { |
||||
border-left-color: #3c8dbc; |
||||
} |
||||
.skin-blue-light .sidebar-menu > li.active > a { |
||||
font-weight: 600; |
||||
} |
||||
.skin-blue-light .sidebar-menu > li > .treeview-menu { |
||||
background: #f4f4f5; |
||||
} |
||||
.skin-blue-light .sidebar a { |
||||
color: #444444; |
||||
} |
||||
.skin-blue-light .sidebar a:hover { |
||||
text-decoration: none; |
||||
} |
||||
.skin-blue-light .treeview-menu > li > a { |
||||
color: #777777; |
||||
} |
||||
.skin-blue-light .treeview-menu > li.active > a, |
||||
.skin-blue-light .treeview-menu > li > a:hover { |
||||
color: #000000; |
||||
} |
||||
.skin-blue-light .treeview-menu > li.active > a { |
||||
font-weight: 600; |
||||
} |
||||
.skin-blue-light .sidebar-form { |
||||
border-radius: 3px; |
||||
border: 1px solid #d2d6de; |
||||
margin: 10px 10px; |
||||
} |
||||
.skin-blue-light .sidebar-form input[type="text"], |
||||
.skin-blue-light .sidebar-form .btn { |
||||
box-shadow: none; |
||||
background-color: #fff; |
||||
border: 1px solid transparent; |
||||
height: 35px; |
||||
} |
||||
.skin-blue-light .sidebar-form input[type="text"] { |
||||
color: #666; |
||||
border-top-left-radius: 2px; |
||||
border-top-right-radius: 0; |
||||
border-bottom-right-radius: 0; |
||||
border-bottom-left-radius: 2px; |
||||
} |
||||
.skin-blue-light .sidebar-form input[type="text"]:focus, |
||||
.skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { |
||||
background-color: #fff; |
||||
color: #666; |
||||
} |
||||
.skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { |
||||
border-left-color: #fff; |
||||
} |
||||
.skin-blue-light .sidebar-form .btn { |
||||
color: #999; |
||||
border-top-left-radius: 0; |
||||
border-top-right-radius: 2px; |
||||
border-bottom-right-radius: 2px; |
||||
border-bottom-left-radius: 0; |
||||
} |
||||
@media (min-width: 768px) { |
||||
.skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { |
||||
border-left: 1px solid #d2d6de; |
||||
} |
||||
} |
||||
.skin-blue-light .main-footer { |
||||
border-top-color: #d2d6de; |
||||
} |
||||
.skin-blue.layout-top-nav .main-header > .logo { |
||||
background-color: #3c8dbc; |
||||
color: #ffffff; |
||||
border-bottom: 0 solid transparent; |
||||
} |
||||
.skin-blue.layout-top-nav .main-header > .logo:hover { |
||||
background-color: #3b8ab8; |
||||
} |
||||
@ -0,0 +1 @@ |
||||
.skin-blue-light .main-header .navbar{background-color:#3c8dbc}.skin-blue-light .main-header .navbar .nav>li>a{color:#fff}.skin-blue-light .main-header .navbar .nav>li>a:hover,.skin-blue-light .main-header .navbar .nav>li>a:active,.skin-blue-light .main-header .navbar .nav>li>a:focus,.skin-blue-light .main-header .navbar .nav .open>a,.skin-blue-light .main-header .navbar .nav .open>a:hover,.skin-blue-light .main-header .navbar .nav .open>a:focus,.skin-blue-light .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-blue-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-blue-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue-light .main-header .navbar .sidebar-toggle:hover{background-color:#367fa9}@media (max-width:767px){.skin-blue-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-blue-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-blue-light .main-header .navbar .dropdown-menu li a:hover{background:#367fa9}}.skin-blue-light .main-header .logo{background-color:#3c8dbc;color:#fff;border-bottom:0 solid transparent}.skin-blue-light .main-header .logo:hover{background-color:#3b8ab8}.skin-blue-light .main-header li.user-header{background-color:#3c8dbc}.skin-blue-light .content-header{background:transparent}.skin-blue-light .wrapper,.skin-blue-light .main-sidebar,.skin-blue-light .left-side{background-color:#f9fafc}.skin-blue-light .content-wrapper,.skin-blue-light .main-footer{border-left:1px solid #d2d6de}.skin-blue-light .user-panel>.info,.skin-blue-light .user-panel>.info>a{color:#444}.skin-blue-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-blue-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-blue-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-blue-light .sidebar-menu>li:hover>a,.skin-blue-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-blue-light .sidebar-menu>li.active{border-left-color:#3c8dbc}.skin-blue-light .sidebar-menu>li.active>a{font-weight:600}.skin-blue-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-blue-light .sidebar a{color:#444}.skin-blue-light .sidebar a:hover{text-decoration:none}.skin-blue-light .treeview-menu>li>a{color:#777}.skin-blue-light .treeview-menu>li.active>a,.skin-blue-light .treeview-menu>li>a:hover{color:#000}.skin-blue-light .treeview-menu>li.active>a{font-weight:600}.skin-blue-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-blue-light .sidebar-form input[type="text"],.skin-blue-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px}.skin-blue-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-blue-light .sidebar-form input[type="text"]:focus,.skin-blue-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-blue-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-blue-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}.skin-blue-light .main-footer{border-top-color:#d2d6de}.skin-blue.layout-top-nav .main-header>.logo{background-color:#3c8dbc;color:#fff;border-bottom:0 solid transparent}.skin-blue.layout-top-nav .main-header>.logo:hover{background-color:#3b8ab8} |
||||
@ -0,0 +1,139 @@ |
||||
/* |
||||
* Skin: Blue |
||||
* ---------- |
||||
*/ |
||||
.skin-blue .main-header .navbar { |
||||
background-color: #3c8dbc; |
||||
} |
||||
.skin-blue .main-header .navbar .nav > li > a { |
||||
color: #ffffff; |
||||
} |
||||
.skin-blue .main-header .navbar .nav > li > a:hover, |
||||
.skin-blue .main-header .navbar .nav > li > a:active, |
||||
.skin-blue .main-header .navbar .nav > li > a:focus, |
||||
.skin-blue .main-header .navbar .nav .open > a, |
||||
.skin-blue .main-header .navbar .nav .open > a:hover, |
||||
.skin-blue .main-header .navbar .nav .open > a:focus, |
||||
.skin-blue .main-header .navbar .nav > .active > a { |
||||
background: rgba(0, 0, 0, 0.1); |
||||
color: #f6f6f6; |
||||
} |
||||
.skin-blue .main-header .navbar .sidebar-toggle { |
||||
color: #ffffff; |
||||
} |
||||
.skin-blue .main-header .navbar .sidebar-toggle:hover { |
||||
color: #f6f6f6; |
||||
background: rgba(0, 0, 0, 0.1); |
||||
} |
||||
.skin-blue .main-header .navbar .sidebar-toggle { |
||||
color: #fff; |
||||
} |
||||
.skin-blue .main-header .navbar .sidebar-toggle:hover { |
||||
background-color: #367fa9; |
||||
} |
||||
@media (max-width: 767px) { |
||||
.skin-blue .main-header .navbar .dropdown-menu li.divider { |
||||
background-color: rgba(255, 255, 255, 0.1); |
||||
} |
||||
.skin-blue .main-header .navbar .dropdown-menu li a { |
||||
color: #fff; |
||||
} |
||||
.skin-blue .main-header .navbar .dropdown-menu li a:hover { |
||||
background: #367fa9; |
||||
} |
||||
} |
||||
.skin-blue .main-header .logo { |
||||
background-color: #367fa9; |
||||
color: #ffffff; |
||||
border-bottom: 0 solid transparent; |
||||
} |
||||
.skin-blue .main-header .logo:hover { |
||||
background-color: #357ca5; |
||||
} |
||||
.skin-blue .main-header li.user-header { |
||||
background-color: #3c8dbc; |
||||
} |
||||
.skin-blue .content-header { |
||||
background: transparent; |
||||
} |
||||
.skin-blue .wrapper, |
||||
.skin-blue .main-sidebar, |
||||
.skin-blue .left-side { |
||||
background-color: #222d32; |
||||
} |
||||
.skin-blue .user-panel > .info, |
||||
.skin-blue .user-panel > .info > a { |
||||
color: #fff; |
||||
} |
||||
.skin-blue .sidebar-menu > li.header { |
||||
color: #4b646f; |
||||
background: #1a2226; |
||||
} |
||||
.skin-blue .sidebar-menu > li > a { |
||||
border-left: 3px solid transparent; |
||||
} |
||||
.skin-blue .sidebar-menu > li:hover > a, |
||||
.skin-blue .sidebar-menu > li.active > a { |
||||
color: #ffffff; |
||||
background: #1e282c; |
||||
border-left-color: #3c8dbc; |
||||
} |
||||
.skin-blue .sidebar-menu > li > .treeview-menu { |
||||
margin: 0 1px; |
||||
background: #2c3b41; |
||||
} |
||||
.skin-blue .sidebar a { |
||||
color: #b8c7ce; |
||||
} |
||||
.skin-blue .sidebar a:hover { |
||||
text-decoration: none; |
||||
} |
||||
.skin-blue .treeview-menu > li > a { |
||||
color: #8aa4af; |
||||
} |
||||
.skin-blue .treeview-menu > li.active > a, |
||||
.skin-blue .treeview-menu > li > a:hover { |
||||
color: #ffffff; |
||||
} |
||||
.skin-blue .sidebar-form { |
||||
border-radius: 3px; |
||||
border: 1px solid #374850; |
||||
margin: 10px 10px; |
||||
} |
||||
.skin-blue .sidebar-form input[type="text"], |
||||
.skin-blue .sidebar-form .btn { |
||||
box-shadow: none; |
||||
background-color: #374850; |
||||
border: 1px solid transparent; |
||||
height: 35px; |
||||
} |
||||
.skin-blue .sidebar-form input[type="text"] { |
||||
color: #666; |
||||
border-top-left-radius: 2px; |
||||
border-top-right-radius: 0; |
||||
border-bottom-right-radius: 0; |
||||
border-bottom-left-radius: 2px; |
||||
} |
||||
.skin-blue .sidebar-form input[type="text"]:focus, |
||||
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn { |
||||
background-color: #fff; |
||||
color: #666; |
||||
} |
||||
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn { |
||||
border-left-color: #fff; |
||||
} |
||||
.skin-blue .sidebar-form .btn { |
||||
color: #999; |
||||
border-top-left-radius: 0; |
||||
border-top-right-radius: 2px; |
||||
border-bottom-right-radius: 2px; |
||||
border-bottom-left-radius: 0; |
||||
} |
||||
.skin-blue.layout-top-nav .main-header > .logo { |
||||
background-color: #3c8dbc; |
||||
color: #ffffff; |
||||
border-bottom: 0 solid transparent; |
||||
} |
||||
.skin-blue.layout-top-nav .main-header > .logo:hover { |
||||
background-color: #3b8ab8; |
||||
} |
||||
@ -0,0 +1 @@ |
||||
.skin-blue .main-header .navbar{background-color:#3c8dbc}.skin-blue .main-header .navbar .nav>li>a{color:#fff}.skin-blue .main-header .navbar .nav>li>a:hover,.skin-blue .main-header .navbar .nav>li>a:active,.skin-blue .main-header .navbar .nav>li>a:focus,.skin-blue .main-header .navbar .nav .open>a,.skin-blue .main-header .navbar .nav .open>a:hover,.skin-blue .main-header .navbar .nav .open>a:focus,.skin-blue .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-blue .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-blue .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue .main-header .navbar .sidebar-toggle:hover{background-color:#367fa9}@media (max-width:767px){.skin-blue .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-blue .main-header .navbar .dropdown-menu li a{color:#fff}.skin-blue .main-header .navbar .dropdown-menu li a:hover{background:#367fa9}}.skin-blue .main-header .logo{background-color:#367fa9;color:#fff;border-bottom:0 solid transparent}.skin-blue .main-header .logo:hover{background-color:#357ca5}.skin-blue .main-header li.user-header{background-color:#3c8dbc}.skin-blue .content-header{background:transparent}.skin-blue .wrapper,.skin-blue .main-sidebar,.skin-blue .left-side{background-color:#222d32}.skin-blue .user-panel>.info,.skin-blue .user-panel>.info>a{color:#fff}.skin-blue .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-blue .sidebar-menu>li>a{border-left:3px solid transparent}.skin-blue .sidebar-menu>li:hover>a,.skin-blue .sidebar-menu>li.active>a{color:#fff;background:#1e282c;border-left-color:#3c8dbc}.skin-blue .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-blue .sidebar a{color:#b8c7ce}.skin-blue .sidebar a:hover{text-decoration:none}.skin-blue .treeview-menu>li>a{color:#8aa4af}.skin-blue .treeview-menu>li.active>a,.skin-blue .treeview-menu>li>a:hover{color:#fff}.skin-blue .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-blue .sidebar-form input[type="text"],.skin-blue .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-blue .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-blue .sidebar-form input[type="text"]:focus,.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-blue .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-blue.layout-top-nav .main-header>.logo{background-color:#3c8dbc;color:#fff;border-bottom:0 solid transparent}.skin-blue.layout-top-nav .main-header>.logo:hover{background-color:#3b8ab8} |
||||
@ -0,0 +1,153 @@ |
||||
/* |
||||
* Skin: Green |
||||
* ----------- |
||||
*/ |
||||
.skin-green-light .main-header .navbar { |
||||
background-color: #00a65a; |
||||
} |
||||
.skin-green-light .main-header .navbar .nav > li > a { |
||||
color: #ffffff; |
||||
} |
||||
.skin-green-light .main-header .navbar .nav > li > a:hover, |
||||
.skin-green-light .main-header .navbar .nav > li > a:active, |
||||
.skin-green-light .main-header .navbar .nav > li > a:focus, |
||||
.skin-green-light .main-header .navbar .nav .open > a, |
||||
.skin-green-light .main-header .navbar .nav .open > a:hover, |
||||
.skin-green-light .main-header .navbar .nav .open > a:focus, |
||||
.skin-green-light .main-header .navbar .nav > .active > a { |
||||
background: rgba(0, 0, 0, 0.1); |
||||
color: #f6f6f6; |
||||
} |
||||
.skin-green-light .main-header .navbar .sidebar-toggle { |
||||
color: #ffffff; |
||||
} |
||||
.skin-green-light .main-header .navbar .sidebar-toggle:hover { |
||||
color: #f6f6f6; |
||||
background: rgba(0, 0, 0, 0.1); |
||||
} |
||||
.skin-green-light .main-header .navbar .sidebar-toggle { |
||||
color: #fff; |
||||
} |
||||
.skin-green-light .main-header .navbar .sidebar-toggle:hover { |
||||
background-color: #008d4c; |
||||
} |
||||
@media (max-width: 767px) { |
||||
.skin-green-light .main-header .navbar .dropdown-menu li.divider { |
||||
background-color: rgba(255, 255, 255, 0.1); |
||||
} |
||||
.skin-green-light .main-header .navbar .dropdown-menu li a { |
||||
color: #fff; |
||||
} |
||||
.skin-green-light .main-header .navbar .dropdown-menu li a:hover { |
||||
background: #008d4c; |
||||
} |
||||
} |
||||
.skin-green-light .main-header .logo { |
||||
background-color: #00a65a; |
||||
color: #ffffff; |
||||
border-bottom: 0 solid transparent; |
||||
} |
||||
.skin-green-light .main-header .logo:hover { |
||||
background-color: #00a157; |
||||
} |
||||
.skin-green-light .main-header li.user-header { |
||||
background-color: #00a65a; |
||||
} |
||||
.skin-green-light .content-header { |
||||
background: transparent; |
||||
} |
||||
.skin-green-light .wrapper, |
||||
.skin-green-light .main-sidebar, |
||||
.skin-green-light .left-side { |
||||
background-color: #f9fafc; |
||||
} |
||||
.skin-green-light .content-wrapper, |
||||
.skin-green-light .main-footer { |
||||
border-left: 1px solid #d2d6de; |
||||
} |
||||
.skin-green-light .user-panel > .info, |
||||
.skin-green-light .user-panel > .info > a { |
||||
color: #444444; |
||||
} |
||||
.skin-green-light .sidebar-menu > li { |
||||
-webkit-transition: border-left-color 0.3s ease; |
||||
-o-transition: border-left-color 0.3s ease; |
||||
transition: border-left-color 0.3s ease; |
||||
} |
||||
.skin-green-light .sidebar-menu > li.header { |
||||
color: #848484; |
||||
background: #f9fafc; |
||||
} |
||||
.skin-green-light .sidebar-menu > li > a { |
||||
border-left: 3px solid transparent; |
||||
font-weight: 600; |
||||
} |
||||
.skin-green-light .sidebar-menu > li:hover > a, |
||||
.skin-green-light .sidebar-menu > li.active > a { |
||||
color: #000000; |
||||
background: #f4f4f5; |
||||
} |
||||
.skin-green-light .sidebar-menu > li.active { |
||||
border-left-color: #00a65a; |
||||
} |
||||
.skin-green-light .sidebar-menu > li.active > a { |
||||
font-weight: 600; |
||||
} |
||||
.skin-green-light .sidebar-menu > li > .treeview-menu { |
||||
background: #f4f4f5; |
||||
} |
||||
.skin-green-light .sidebar a { |
||||
color: #444444; |
||||
} |
||||
.skin-green-light .sidebar a:hover { |
||||
text-decoration: none; |
||||
} |
||||
.skin-green-light .treeview-menu > li > a { |
||||
color: #777777; |
||||
} |
||||
.skin-green-light .treeview-menu > li.active > a, |
||||
.skin-green-light .treeview-menu > li > a:hover { |
||||
color: #000000; |
||||
} |
||||
.skin-green-light .treeview-menu > li.active > a { |
||||
font-weight: 600; |
||||
} |
||||
.skin-green-light .sidebar-form { |
||||
border-radius: 3px; |
||||
border: 1px solid #d2d6de; |
||||
margin: 10px 10px; |
||||
} |
||||
.skin-green-light .sidebar-form input[type="text"], |
||||
.skin-green-light .sidebar-form .btn { |
||||
box-shadow: none; |
||||
background-color: #fff; |
||||
border: 1px solid transparent; |
||||
height: 35px; |
||||
} |
||||
.skin-green-light .sidebar-form input[type="text"] { |
||||
color: #666; |
||||
border-top-left-radius: 2px; |
||||
border-top-right-radius: 0; |
||||
border-bottom-right-radius: 0; |
||||
border-bottom-left-radius: 2px; |
||||
} |
||||
.skin-green-light .sidebar-form input[type="text"]:focus, |
||||
.skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { |
||||
background-color: #fff; |
||||
color: #666; |
||||
} |
||||
.skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { |
||||
border-left-color: #fff; |
||||
} |
||||
.skin-green-light .sidebar-form .btn { |
||||
color: #999; |
||||
border-top-left-radius: 0; |
||||
border-top-right-radius: 2px; |
||||
border-bottom-right-radius: 2px; |
||||
border-bottom-left-radius: 0; |
||||
} |
||||
@media (min-width: 768px) { |
||||
.skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { |
||||
border-left: 1px solid #d2d6de; |
||||
} |
||||
} |
||||
@ -0,0 +1 @@ |
||||
.skin-green-light .main-header .navbar{background-color:#00a65a}.skin-green-light .main-header .navbar .nav>li>a{color:#fff}.skin-green-light .main-header .navbar .nav>li>a:hover,.skin-green-light .main-header .navbar .nav>li>a:active,.skin-green-light .main-header .navbar .nav>li>a:focus,.skin-green-light .main-header .navbar .nav .open>a,.skin-green-light .main-header .navbar .nav .open>a:hover,.skin-green-light .main-header .navbar .nav .open>a:focus,.skin-green-light .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-green-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-green-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-green-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-green-light .main-header .navbar .sidebar-toggle:hover{background-color:#008d4c}@media (max-width:767px){.skin-green-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-green-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-green-light .main-header .navbar .dropdown-menu li a:hover{background:#008d4c}}.skin-green-light .main-header .logo{background-color:#00a65a;color:#fff;border-bottom:0 solid transparent}.skin-green-light .main-header .logo:hover{background-color:#00a157}.skin-green-light .main-header li.user-header{background-color:#00a65a}.skin-green-light .content-header{background:transparent}.skin-green-light .wrapper,.skin-green-light .main-sidebar,.skin-green-light .left-side{background-color:#f9fafc}.skin-green-light .content-wrapper,.skin-green-light .main-footer{border-left:1px solid #d2d6de}.skin-green-light .user-panel>.info,.skin-green-light .user-panel>.info>a{color:#444}.skin-green-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-green-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-green-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-green-light .sidebar-menu>li:hover>a,.skin-green-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-green-light .sidebar-menu>li.active{border-left-color:#00a65a}.skin-green-light .sidebar-menu>li.active>a{font-weight:600}.skin-green-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-green-light .sidebar a{color:#444}.skin-green-light .sidebar a:hover{text-decoration:none}.skin-green-light .treeview-menu>li>a{color:#777}.skin-green-light .treeview-menu>li.active>a,.skin-green-light .treeview-menu>li>a:hover{color:#000}.skin-green-light .treeview-menu>li.active>a{font-weight:600}.skin-green-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-green-light .sidebar-form input[type="text"],.skin-green-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px}.skin-green-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-green-light .sidebar-form input[type="text"]:focus,.skin-green-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-green-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-green-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}} |
||||
@ -0,0 +1,131 @@ |
||||
/* |
||||
* Skin: Green |
||||
* ----------- |
||||
*/ |
||||
.skin-green .main-header .navbar { |
||||
background-color: #00a65a; |
||||
} |
||||
.skin-green .main-header .navbar .nav > li > a { |
||||
color: #ffffff; |
||||
} |
||||
.skin-green .main-header .navbar .nav > li > a:hover, |
||||
.skin-green .main-header .navbar .nav > li > a:active, |
||||
.skin-green .main-header .navbar .nav > li > a:focus, |
||||
.skin-green .main-header .navbar .nav .open > a, |
||||
.skin-green .main-header .navbar .nav .open > a:hover, |
||||
.skin-green .main-header .navbar .nav .open > a:focus, |
||||
.skin-green .main-header .navbar .nav > .active > a { |
||||
background: rgba(0, 0, 0, 0.1); |
||||
color: #f6f6f6; |
||||
} |
||||
.skin-green .main-header .navbar .sidebar-toggle { |
||||
color: #ffffff; |
||||
} |
||||
.skin-green .main-header .navbar .sidebar-toggle:hover { |
||||
color: #f6f6f6; |
||||
background: rgba(0, 0, 0, 0.1); |
||||
} |
||||
.skin-green .main-header .navbar .sidebar-toggle { |
||||
color: #fff; |
||||
} |
||||
.skin-green .main-header .navbar .sidebar-toggle:hover { |
||||
background-color: #008d4c; |
||||
} |
||||
@media (max-width: 767px) { |
||||
.skin-green .main-header .navbar .dropdown-menu li.divider { |
||||
background-color: rgba(255, 255, 255, 0.1); |
||||
} |
||||
.skin-green .main-header .navbar .dropdown-menu li a { |
||||
color: #fff; |
||||
} |
||||
.skin-green .main-header .navbar .dropdown-menu li a:hover { |
||||
background: #008d4c; |
||||
} |
||||
} |
||||
.skin-green .main-header .logo { |
||||
background-color: #008d4c; |
||||
color: #ffffff; |
||||
border-bottom: 0 solid transparent; |
||||
} |
||||
.skin-green .main-header .logo:hover { |
||||
background-color: #008749; |
||||
} |
||||
.skin-green .main-header li.user-header { |
||||
background-color: #00a65a; |
||||
} |
||||
.skin-green .content-header { |
||||
background: transparent; |
||||
} |
||||
.skin-green .wrapper, |
||||
.skin-green .main-sidebar, |
||||
.skin-green .left-side { |
||||
background-color: #222d32; |
||||
} |
||||
.skin-green .user-panel > .info, |
||||
.skin-green .user-panel > .info > a { |
||||
color: #fff; |
||||
} |
||||
.skin-green .sidebar-menu > li.header { |
||||
color: #4b646f; |
||||
background: #1a2226; |
||||
} |
||||
.skin-green .sidebar-menu > li > a { |
||||
border-left: 3px solid transparent; |
||||
} |
||||
.skin-green .sidebar-menu > li:hover > a, |
||||
.skin-green .sidebar-menu > li.active > a { |
||||
color: #ffffff; |
||||
background: #1e282c; |
||||
border-left-color: #00a65a; |
||||
} |
||||
.skin-green .sidebar-menu > li > .treeview-menu { |
||||
margin: 0 1px; |
||||
background: #2c3b41; |
||||
} |
||||
.skin-green .sidebar a { |
||||
color: #b8c7ce; |
||||
} |
||||
.skin-green .sidebar a:hover { |
||||
text-decoration: none; |
||||
} |
||||
.skin-green .treeview-menu > li > a { |
||||
color: #8aa4af; |
||||
} |
||||
.skin-green .treeview-menu > li.active > a, |
||||
.skin-green .treeview-menu > li > a:hover { |
||||
color: #ffffff; |
||||
} |
||||
.skin-green .sidebar-form { |
||||
border-radius: 3px; |
||||
border: 1px solid #374850; |
||||
margin: 10px 10px; |
||||
} |
||||
.skin-green .sidebar-form input[type="text"], |
||||
.skin-green .sidebar-form .btn { |
||||
box-shadow: none; |
||||
background-color: #374850; |
||||
border: 1px solid transparent; |
||||
height: 35px; |
||||
} |
||||
.skin-green .sidebar-form input[type="text"] { |
||||
color: #666; |
||||
border-top-left-radius: 2px; |
||||
border-top-right-radius: 0; |
||||
border-bottom-right-radius: 0; |
||||
border-bottom-left-radius: 2px; |
||||
} |
||||
.skin-green .sidebar-form input[type="text"]:focus, |
||||
.skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn { |
||||
background-color: #fff; |
||||
color: #666; |
||||
} |
||||
.skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn { |
||||
border-left-color: #fff; |
||||
} |
||||
.skin-green .sidebar-form .btn { |
||||
color: #999; |
||||
border-top-left-radius: 0; |
||||
border-top-right-radius: 2px; |
||||
border-bottom-right-radius: 2px; |
||||
border-bottom-left-radius: 0; |
||||
} |
||||
@ -0,0 +1 @@ |
||||
.skin-green .main-header .navbar{background-color:#00a65a}.skin-green .main-header .navbar .nav>li>a{color:#fff}.skin-green .main-header .navbar .nav>li>a:hover,.skin-green .main-header .navbar .nav>li>a:active,.skin-green .main-header .navbar .nav>li>a:focus,.skin-green .main-header .navbar .nav .open>a,.skin-green .main-header .navbar .nav .open>a:hover,.skin-green .main-header .navbar .nav .open>a:focus,.skin-green .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-green .main-header .navbar .sidebar-toggle{color:#fff}.skin-green .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-green .main-header .navbar .sidebar-toggle{color:#fff}.skin-green .main-header .navbar .sidebar-toggle:hover{background-color:#008d4c}@media (max-width:767px){.skin-green .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-green .main-header .navbar .dropdown-menu li a{color:#fff}.skin-green .main-header .navbar .dropdown-menu li a:hover{background:#008d4c}}.skin-green .main-header .logo{background-color:#008d4c;color:#fff;border-bottom:0 solid transparent}.skin-green .main-header .logo:hover{background-color:#008749}.skin-green .main-header li.user-header{background-color:#00a65a}.skin-green .content-header{background:transparent}.skin-green .wrapper,.skin-green .main-sidebar,.skin-green .left-side{background-color:#222d32}.skin-green .user-panel>.info,.skin-green .user-panel>.info>a{color:#fff}.skin-green .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-green .sidebar-menu>li>a{border-left:3px solid transparent}.skin-green .sidebar-menu>li:hover>a,.skin-green .sidebar-menu>li.active>a{color:#fff;background:#1e282c;border-left-color:#00a65a}.skin-green .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-green .sidebar a{color:#b8c7ce}.skin-green .sidebar a:hover{text-decoration:none}.skin-green .treeview-menu>li>a{color:#8aa4af}.skin-green .treeview-menu>li.active>a,.skin-green .treeview-menu>li>a:hover{color:#fff}.skin-green .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-green .sidebar-form input[type="text"],.skin-green .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-green .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-green .sidebar-form input[type="text"]:focus,.skin-green .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-green .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-green .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0} |
||||
@ -0,0 +1,153 @@ |
||||
/* |
||||
* Skin: Purple |
||||
* ------------ |
||||
*/ |
||||
.skin-purple-light .main-header .navbar { |
||||
background-color: #605ca8; |
||||
} |
||||
.skin-purple-light .main-header .navbar .nav > li > a { |
||||
color: #ffffff; |
||||
} |
||||
.skin-purple-light .main-header .navbar .nav > li > a:hover, |
||||
.skin-purple-light .main-header .navbar .nav > li > a:active, |
||||
.skin-purple-light .main-header .navbar .nav > li > a:focus, |
||||
.skin-purple-light .main-header .navbar .nav .open > a, |
||||
.skin-purple-light .main-header .navbar .nav .open > a:hover, |
||||
.skin-purple-light .main-header .navbar .nav .open > a:focus, |
||||
.skin-purple-light .main-header .navbar .nav > .active > a { |
||||
background: rgba(0, 0, 0, 0.1); |
||||
color: #f6f6f6; |
||||
} |
||||
.skin-purple-light .main-header .navbar .sidebar-toggle { |
||||
color: #ffffff; |
||||
} |
||||
.skin-purple-light .main-header .navbar .sidebar-toggle:hover { |
||||
color: #f6f6f6; |
||||
background: rgba(0, 0, 0, 0.1); |
||||
} |
||||
.skin-purple-light .main-header .navbar .sidebar-toggle { |
||||
color: #fff; |
||||
} |
||||
.skin-purple-light .main-header .navbar .sidebar-toggle:hover { |
||||
background-color: #555299; |
||||
} |
||||
@media (max-width: 767px) { |
||||
.skin-purple-light .main-header .navbar .dropdown-menu li.divider { |
||||
background-color: rgba(255, 255, 255, 0.1); |
||||
} |
||||
.skin-purple-light .main-header .navbar .dropdown-menu li a { |
||||
color: #fff; |
||||
} |
||||
.skin-purple-light .main-header .navbar .dropdown-menu li a:hover { |
||||
background: #555299; |
||||
} |
||||
} |
||||
.skin-purple-light .main-header .logo { |
||||
background-color: #605ca8; |
||||
color: #ffffff; |
||||
border-bottom: 0 solid transparent; |
||||
} |
||||
.skin-purple-light .main-header .logo:hover { |
||||
background-color: #5d59a6; |
||||
} |
||||
.skin-purple-light .main-header li.user-header { |
||||
background-color: #605ca8; |
||||
} |
||||
.skin-purple-light .content-header { |
||||
background: transparent; |
||||
} |
||||
.skin-purple-light .wrapper, |
||||
.skin-purple-light .main-sidebar, |
||||
.skin-purple-light .left-side { |
||||
background-color: #f9fafc; |
||||
} |
||||
.skin-purple-light .content-wrapper, |
||||
.skin-purple-light .main-footer { |
||||
border-left: 1px solid #d2d6de; |
||||
} |
||||
.skin-purple-light .user-panel > .info, |
||||
.skin-purple-light .user-panel > .info > a { |
||||
color: #444444; |
||||
} |
||||
.skin-purple-light .sidebar-menu > li { |
||||
-webkit-transition: border-left-color 0.3s ease; |
||||
-o-transition: border-left-color 0.3s ease; |
||||
transition: border-left-color 0.3s ease; |
||||
} |
||||
.skin-purple-light .sidebar-menu > li.header { |
||||
color: #848484; |
||||
background: #f9fafc; |
||||
} |
||||
.skin-purple-light .sidebar-menu > li > a { |
||||
border-left: 3px solid transparent; |
||||
font-weight: 600; |
||||
} |
||||
.skin-purple-light .sidebar-menu > li:hover > a, |
||||
.skin-purple-light .sidebar-menu > li.active > a { |
||||
color: #000000; |
||||
background: #f4f4f5; |
||||
} |
||||
.skin-purple-light .sidebar-menu > li.active { |
||||
border-left-color: #605ca8; |
||||
} |
||||
.skin-purple-light .sidebar-menu > li.active > a { |
||||
font-weight: 600; |
||||
} |
||||
.skin-purple-light .sidebar-menu > li > .treeview-menu { |
||||
background: #f4f4f5; |
||||
} |
||||
.skin-purple-light .sidebar a { |
||||
color: #444444; |
||||
} |
||||
.skin-purple-light .sidebar a:hover { |
||||
text-decoration: none; |
||||
} |
||||
.skin-purple-light .treeview-menu > li > a { |
||||
color: #777777; |
||||
} |
||||
.skin-purple-light .treeview-menu > li.active > a, |
||||
.skin-purple-light .treeview-menu > li > a:hover { |
||||
color: #000000; |
||||
} |
||||
.skin-purple-light .treeview-menu > li.active > a { |
||||
font-weight: 600; |
||||
} |
||||
.skin-purple-light .sidebar-form { |
||||
border-radius: 3px; |
||||
border: 1px solid #d2d6de; |
||||
margin: 10px 10px; |
||||
} |
||||
.skin-purple-light .sidebar-form input[type="text"], |
||||
.skin-purple-light .sidebar-form .btn { |
||||
box-shadow: none; |
||||
background-color: #fff; |
||||
border: 1px solid transparent; |
||||
height: 35px; |
||||
} |
||||
.skin-purple-light .sidebar-form input[type="text"] { |
||||
color: #666; |
||||
border-top-left-radius: 2px; |
||||
border-top-right-radius: 0; |
||||
border-bottom-right-radius: 0; |
||||
border-bottom-left-radius: 2px; |
||||
} |
||||
.skin-purple-light .sidebar-form input[type="text"]:focus, |
||||
.skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { |
||||
background-color: #fff; |
||||
color: #666; |
||||
} |
||||
.skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { |
||||
border-left-color: #fff; |
||||
} |
||||
.skin-purple-light .sidebar-form .btn { |
||||
color: #999; |
||||
border-top-left-radius: 0; |
||||
border-top-right-radius: 2px; |
||||
border-bottom-right-radius: 2px; |
||||
border-bottom-left-radius: 0; |
||||
} |
||||
@media (min-width: 768px) { |
||||
.skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { |
||||
border-left: 1px solid #d2d6de; |
||||
} |
||||
} |
||||
@ -0,0 +1 @@ |
||||
.skin-purple-light .main-header .navbar{background-color:#605ca8}.skin-purple-light .main-header .navbar .nav>li>a{color:#fff}.skin-purple-light .main-header .navbar .nav>li>a:hover,.skin-purple-light .main-header .navbar .nav>li>a:active,.skin-purple-light .main-header .navbar .nav>li>a:focus,.skin-purple-light .main-header .navbar .nav .open>a,.skin-purple-light .main-header .navbar .nav .open>a:hover,.skin-purple-light .main-header .navbar .nav .open>a:focus,.skin-purple-light .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-purple-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-purple-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple-light .main-header .navbar .sidebar-toggle:hover{background-color:#555299}@media (max-width:767px){.skin-purple-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-purple-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-purple-light .main-header .navbar .dropdown-menu li a:hover{background:#555299}}.skin-purple-light .main-header .logo{background-color:#605ca8;color:#fff;border-bottom:0 solid transparent}.skin-purple-light .main-header .logo:hover{background-color:#5d59a6}.skin-purple-light .main-header li.user-header{background-color:#605ca8}.skin-purple-light .content-header{background:transparent}.skin-purple-light .wrapper,.skin-purple-light .main-sidebar,.skin-purple-light .left-side{background-color:#f9fafc}.skin-purple-light .content-wrapper,.skin-purple-light .main-footer{border-left:1px solid #d2d6de}.skin-purple-light .user-panel>.info,.skin-purple-light .user-panel>.info>a{color:#444}.skin-purple-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-purple-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-purple-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-purple-light .sidebar-menu>li:hover>a,.skin-purple-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-purple-light .sidebar-menu>li.active{border-left-color:#605ca8}.skin-purple-light .sidebar-menu>li.active>a{font-weight:600}.skin-purple-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-purple-light .sidebar a{color:#444}.skin-purple-light .sidebar a:hover{text-decoration:none}.skin-purple-light .treeview-menu>li>a{color:#777}.skin-purple-light .treeview-menu>li.active>a,.skin-purple-light .treeview-menu>li>a:hover{color:#000}.skin-purple-light .treeview-menu>li.active>a{font-weight:600}.skin-purple-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-purple-light .sidebar-form input[type="text"],.skin-purple-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px}.skin-purple-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-purple-light .sidebar-form input[type="text"]:focus,.skin-purple-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-purple-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-purple-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}} |
||||
@ -0,0 +1,131 @@ |
||||
/* |
||||
* Skin: Purple |
||||
* ------------ |
||||
*/ |
||||
.skin-purple .main-header .navbar { |
||||
background-color: #605ca8; |
||||
} |
||||
.skin-purple .main-header .navbar .nav > li > a { |
||||
color: #ffffff; |
||||
} |
||||
.skin-purple .main-header .navbar .nav > li > a:hover, |
||||
.skin-purple .main-header .navbar .nav > li > a:active, |
||||
.skin-purple .main-header .navbar .nav > li > a:focus, |
||||
.skin-purple .main-header .navbar .nav .open > a, |
||||
.skin-purple .main-header .navbar .nav .open > a:hover, |
||||
.skin-purple .main-header .navbar .nav .open > a:focus, |
||||
.skin-purple .main-header .navbar .nav > .active > a { |
||||
background: rgba(0, 0, 0, 0.1); |
||||
color: #f6f6f6; |
||||
} |
||||
.skin-purple .main-header .navbar .sidebar-toggle { |
||||
color: #ffffff; |
||||
} |
||||
.skin-purple .main-header .navbar .sidebar-toggle:hover { |
||||
color: #f6f6f6; |
||||
background: rgba(0, 0, 0, 0.1); |
||||
} |
||||
.skin-purple .main-header .navbar .sidebar-toggle { |
||||
color: #fff; |
||||
} |
||||
.skin-purple .main-header .navbar .sidebar-toggle:hover { |
||||
background-color: #555299; |
||||
} |
||||
@media (max-width: 767px) { |
||||
.skin-purple .main-header .navbar .dropdown-menu li.divider { |
||||
background-color: rgba(255, 255, 255, 0.1); |
||||
} |
||||
.skin-purple .main-header .navbar .dropdown-menu li a { |
||||
color: #fff; |
||||
} |
||||
.skin-purple .main-header .navbar .dropdown-menu li a:hover { |
||||
background: #555299; |
||||
} |
||||
} |
||||
.skin-purple .main-header .logo { |
||||
background-color: #555299; |
||||
color: #ffffff; |
||||
border-bottom: 0 solid transparent; |
||||
} |
||||
.skin-purple .main-header .logo:hover { |
||||
background-color: #545096; |
||||
} |
||||
.skin-purple .main-header li.user-header { |
||||
background-color: #605ca8; |
||||
} |
||||
.skin-purple .content-header { |
||||
background: transparent; |
||||
} |
||||
.skin-purple .wrapper, |
||||
.skin-purple .main-sidebar, |
||||
.skin-purple .left-side { |
||||
background-color: #222d32; |
||||
} |
||||
.skin-purple .user-panel > .info, |
||||
.skin-purple .user-panel > .info > a { |
||||
color: #fff; |
||||
} |
||||
.skin-purple .sidebar-menu > li.header { |
||||
color: #4b646f; |
||||
background: #1a2226; |
||||
} |
||||
.skin-purple .sidebar-menu > li > a { |
||||
border-left: 3px solid transparent; |
||||
} |
||||
.skin-purple .sidebar-menu > li:hover > a, |
||||
.skin-purple .sidebar-menu > li.active > a { |
||||
color: #ffffff; |
||||
background: #1e282c; |
||||
border-left-color: #605ca8; |
||||
} |
||||
.skin-purple .sidebar-menu > li > .treeview-menu { |
||||
margin: 0 1px; |
||||
background: #2c3b41; |
||||
} |
||||
.skin-purple .sidebar a { |
||||
color: #b8c7ce; |
||||
} |
||||
.skin-purple .sidebar a:hover { |
||||
text-decoration: none; |
||||
} |
||||
.skin-purple .treeview-menu > li > a { |
||||
color: #8aa4af; |
||||
} |
||||
.skin-purple .treeview-menu > li.active > a, |
||||
.skin-purple .treeview-menu > li > a:hover { |
||||
color: #ffffff; |
||||
} |
||||
.skin-purple .sidebar-form { |
||||
border-radius: 3px; |
||||
border: 1px solid #374850; |
||||
margin: 10px 10px; |
||||
} |
||||
.skin-purple .sidebar-form input[type="text"], |
||||
.skin-purple .sidebar-form .btn { |
||||
box-shadow: none; |
||||
background-color: #374850; |
||||
border: 1px solid transparent; |
||||
height: 35px; |
||||
} |
||||
.skin-purple .sidebar-form input[type="text"] { |
||||
color: #666; |
||||
border-top-left-radius: 2px; |
||||
border-top-right-radius: 0; |
||||
border-bottom-right-radius: 0; |
||||
border-bottom-left-radius: 2px; |
||||
} |
||||
.skin-purple .sidebar-form input[type="text"]:focus, |
||||
.skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn { |
||||
background-color: #fff; |
||||
color: #666; |
||||
} |
||||
.skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn { |
||||
border-left-color: #fff; |
||||
} |
||||
.skin-purple .sidebar-form .btn { |
||||
color: #999; |
||||
border-top-left-radius: 0; |
||||
border-top-right-radius: 2px; |
||||
border-bottom-right-radius: 2px; |
||||
border-bottom-left-radius: 0; |
||||
} |
||||
@ -0,0 +1 @@ |
||||
.skin-purple .main-header .navbar{background-color:#605ca8}.skin-purple .main-header .navbar .nav>li>a{color:#fff}.skin-purple .main-header .navbar .nav>li>a:hover,.skin-purple .main-header .navbar .nav>li>a:active,.skin-purple .main-header .navbar .nav>li>a:focus,.skin-purple .main-header .navbar .nav .open>a,.skin-purple .main-header .navbar .nav .open>a:hover,.skin-purple .main-header .navbar .nav .open>a:focus,.skin-purple .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-purple .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-purple .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple .main-header .navbar .sidebar-toggle:hover{background-color:#555299}@media (max-width:767px){.skin-purple .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-purple .main-header .navbar .dropdown-menu li a{color:#fff}.skin-purple .main-header .navbar .dropdown-menu li a:hover{background:#555299}}.skin-purple .main-header .logo{background-color:#555299;color:#fff;border-bottom:0 solid transparent}.skin-purple .main-header .logo:hover{background-color:#545096}.skin-purple .main-header li.user-header{background-color:#605ca8}.skin-purple .content-header{background:transparent}.skin-purple .wrapper,.skin-purple .main-sidebar,.skin-purple .left-side{background-color:#222d32}.skin-purple .user-panel>.info,.skin-purple .user-panel>.info>a{color:#fff}.skin-purple .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-purple .sidebar-menu>li>a{border-left:3px solid transparent}.skin-purple .sidebar-menu>li:hover>a,.skin-purple .sidebar-menu>li.active>a{color:#fff;background:#1e282c;border-left-color:#605ca8}.skin-purple .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-purple .sidebar a{color:#b8c7ce}.skin-purple .sidebar a:hover{text-decoration:none}.skin-purple .treeview-menu>li>a{color:#8aa4af}.skin-purple .treeview-menu>li.active>a,.skin-purple .treeview-menu>li>a:hover{color:#fff}.skin-purple .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-purple .sidebar-form input[type="text"],.skin-purple .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-purple .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-purple .sidebar-form input[type="text"]:focus,.skin-purple .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-purple .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-purple .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0} |
||||
@ -0,0 +1,153 @@ |
||||
/* |
||||
* Skin: Red |
||||
* --------- |
||||
*/ |
||||
.skin-red-light .main-header .navbar { |
||||
background-color: #dd4b39; |
||||
} |
||||
.skin-red-light .main-header .navbar .nav > li > a { |
||||
color: #ffffff; |
||||
} |
||||
.skin-red-light .main-header .navbar .nav > li > a:hover, |
||||
.skin-red-light .main-header .navbar .nav > li > a:active, |
||||
.skin-red-light .main-header .navbar .nav > li > a:focus, |
||||
.skin-red-light .main-header .navbar .nav .open > a, |
||||
.skin-red-light .main-header .navbar .nav .open > a:hover, |
||||
.skin-red-light .main-header .navbar .nav .open > a:focus, |
||||
.skin-red-light .main-header .navbar .nav > .active > a { |
||||
background: rgba(0, 0, 0, 0.1); |
||||
color: #f6f6f6; |
||||
} |
||||
.skin-red-light .main-header .navbar .sidebar-toggle { |
||||
color: #ffffff; |
||||
} |
||||
.skin-red-light .main-header .navbar .sidebar-toggle:hover { |
||||
color: #f6f6f6; |
||||
background: rgba(0, 0, 0, 0.1); |
||||
} |
||||
.skin-red-light .main-header .navbar .sidebar-toggle { |
||||
color: #fff; |
||||
} |
||||
.skin-red-light .main-header .navbar .sidebar-toggle:hover { |
||||
background-color: #d73925; |
||||
} |
||||
@media (max-width: 767px) { |
||||
.skin-red-light .main-header .navbar .dropdown-menu li.divider { |
||||
background-color: rgba(255, 255, 255, 0.1); |
||||
} |
||||
.skin-red-light .main-header .navbar .dropdown-menu li a { |
||||
color: #fff; |
||||
} |
||||
.skin-red-light .main-header .navbar .dropdown-menu li a:hover { |
||||
background: #d73925; |
||||
} |
||||
} |
||||
.skin-red-light .main-header .logo { |
||||
background-color: #dd4b39; |
||||
color: #ffffff; |
||||
border-bottom: 0 solid transparent; |
||||
} |
||||
.skin-red-light .main-header .logo:hover { |
||||
background-color: #dc4735; |
||||
} |
||||
.skin-red-light .main-header li.user-header { |
||||
background-color: #dd4b39; |
||||
} |
||||
.skin-red-light .content-header { |
||||
background: transparent; |
||||
} |
||||
.skin-red-light .wrapper, |
||||
.skin-red-light .main-sidebar, |
||||
.skin-red-light .left-side { |
||||
background-color: #f9fafc; |
||||
} |
||||
.skin-red-light .content-wrapper, |
||||
.skin-red-light .main-footer { |
||||
border-left: 1px solid #d2d6de; |
||||
} |
||||
.skin-red-light .user-panel > .info, |
||||
.skin-red-light .user-panel > .info > a { |
||||
color: #444444; |
||||
} |
||||
.skin-red-light .sidebar-menu > li { |
||||
-webkit-transition: border-left-color 0.3s ease; |
||||
-o-transition: border-left-color 0.3s ease; |
||||
transition: border-left-color 0.3s ease; |
||||
} |
||||
.skin-red-light .sidebar-menu > li.header { |
||||
color: #848484; |
||||
background: #f9fafc; |
||||
} |
||||
.skin-red-light .sidebar-menu > li > a { |
||||
border-left: 3px solid transparent; |
||||
font-weight: 600; |
||||
} |
||||
.skin-red-light .sidebar-menu > li:hover > a, |
||||
.skin-red-light .sidebar-menu > li.active > a { |
||||
color: #000000; |
||||
background: #f4f4f5; |
||||
} |
||||
.skin-red-light .sidebar-menu > li.active { |
||||
border-left-color: #dd4b39; |
||||
} |
||||
.skin-red-light .sidebar-menu > li.active > a { |
||||
font-weight: 600; |
||||
} |
||||
.skin-red-light .sidebar-menu > li > .treeview-menu { |
||||
background: #f4f4f5; |
||||
} |
||||
.skin-red-light .sidebar a { |
||||
color: #444444; |
||||
} |
||||
.skin-red-light .sidebar a:hover { |
||||
text-decoration: none; |
||||
} |
||||
.skin-red-light .treeview-menu > li > a { |
||||
color: #777777; |
||||
} |
||||
.skin-red-light .treeview-menu > li.active > a, |
||||
.skin-red-light .treeview-menu > li > a:hover { |
||||
color: #000000; |
||||
} |
||||
.skin-red-light .treeview-menu > li.active > a { |
||||
font-weight: 600; |
||||
} |
||||
.skin-red-light .sidebar-form { |
||||
border-radius: 3px; |
||||
border: 1px solid #d2d6de; |
||||
margin: 10px 10px; |
||||
} |
||||
.skin-red-light .sidebar-form input[type="text"], |
||||
.skin-red-light .sidebar-form .btn { |
||||
box-shadow: none; |
||||
background-color: #fff; |
||||
border: 1px solid transparent; |
||||
height: 35px; |
||||
} |
||||
.skin-red-light .sidebar-form input[type="text"] { |
||||
color: #666; |
||||
border-top-left-radius: 2px; |
||||
border-top-right-radius: 0; |
||||
border-bottom-right-radius: 0; |
||||
border-bottom-left-radius: 2px; |
||||
} |
||||
.skin-red-light .sidebar-form input[type="text"]:focus, |
||||
.skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { |
||||
background-color: #fff; |
||||
color: #666; |
||||
} |
||||
.skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { |
||||
border-left-color: #fff; |
||||
} |
||||
.skin-red-light .sidebar-form .btn { |
||||
color: #999; |
||||
border-top-left-radius: 0; |
||||
border-top-right-radius: 2px; |
||||
border-bottom-right-radius: 2px; |
||||
border-bottom-left-radius: 0; |
||||
} |
||||
@media (min-width: 768px) { |
||||
.skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { |
||||
border-left: 1px solid #d2d6de; |
||||
} |
||||
} |
||||
@ -0,0 +1 @@ |
||||
.skin-red-light .main-header .navbar{background-color:#dd4b39}.skin-red-light .main-header .navbar .nav>li>a{color:#fff}.skin-red-light .main-header .navbar .nav>li>a:hover,.skin-red-light .main-header .navbar .nav>li>a:active,.skin-red-light .main-header .navbar .nav>li>a:focus,.skin-red-light .main-header .navbar .nav .open>a,.skin-red-light .main-header .navbar .nav .open>a:hover,.skin-red-light .main-header .navbar .nav .open>a:focus,.skin-red-light .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-red-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-red-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-red-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-red-light .main-header .navbar .sidebar-toggle:hover{background-color:#d73925}@media (max-width:767px){.skin-red-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-red-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-red-light .main-header .navbar .dropdown-menu li a:hover{background:#d73925}}.skin-red-light .main-header .logo{background-color:#dd4b39;color:#fff;border-bottom:0 solid transparent}.skin-red-light .main-header .logo:hover{background-color:#dc4735}.skin-red-light .main-header li.user-header{background-color:#dd4b39}.skin-red-light .content-header{background:transparent}.skin-red-light .wrapper,.skin-red-light .main-sidebar,.skin-red-light .left-side{background-color:#f9fafc}.skin-red-light .content-wrapper,.skin-red-light .main-footer{border-left:1px solid #d2d6de}.skin-red-light .user-panel>.info,.skin-red-light .user-panel>.info>a{color:#444}.skin-red-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-red-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-red-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-red-light .sidebar-menu>li:hover>a,.skin-red-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-red-light .sidebar-menu>li.active{border-left-color:#dd4b39}.skin-red-light .sidebar-menu>li.active>a{font-weight:600}.skin-red-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-red-light .sidebar a{color:#444}.skin-red-light .sidebar a:hover{text-decoration:none}.skin-red-light .treeview-menu>li>a{color:#777}.skin-red-light .treeview-menu>li.active>a,.skin-red-light .treeview-menu>li>a:hover{color:#000}.skin-red-light .treeview-menu>li.active>a{font-weight:600}.skin-red-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-red-light .sidebar-form input[type="text"],.skin-red-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px}.skin-red-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-red-light .sidebar-form input[type="text"]:focus,.skin-red-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-red-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-red-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}} |
||||
@ -0,0 +1,131 @@ |
||||
/* |
||||
* Skin: Red |
||||
* --------- |
||||
*/ |
||||
.skin-red .main-header .navbar { |
||||
background-color: #dd4b39; |
||||
} |
||||
.skin-red .main-header .navbar .nav > li > a { |
||||
color: #ffffff; |
||||
} |
||||
.skin-red .main-header .navbar .nav > li > a:hover, |
||||
.skin-red .main-header .navbar .nav > li > a:active, |
||||
.skin-red .main-header .navbar .nav > li > a:focus, |
||||
.skin-red .main-header .navbar .nav .open > a, |
||||
.skin-red .main-header .navbar .nav .open > a:hover, |
||||
.skin-red .main-header .navbar .nav .open > a:focus, |
||||
.skin-red .main-header .navbar .nav > .active > a { |
||||
background: rgba(0, 0, 0, 0.1); |
||||
color: #f6f6f6; |
||||
} |
||||
.skin-red .main-header .navbar .sidebar-toggle { |
||||
color: #ffffff; |
||||
} |
||||
.skin-red .main-header .navbar .sidebar-toggle:hover { |
||||
color: #f6f6f6; |
||||
background: rgba(0, 0, 0, 0.1); |
||||
} |
||||
.skin-red .main-header .navbar .sidebar-toggle { |
||||
color: #fff; |
||||
} |
||||
.skin-red .main-header .navbar .sidebar-toggle:hover { |
||||
background-color: #d73925; |
||||
} |
||||
@media (max-width: 767px) { |
||||
.skin-red .main-header .navbar .dropdown-menu li.divider { |
||||
background-color: rgba(255, 255, 255, 0.1); |
||||
} |
||||
.skin-red .main-header .navbar .dropdown-menu li a { |
||||
color: #fff; |
||||
} |
||||
.skin-red .main-header .navbar .dropdown-menu li a:hover { |
||||
background: #d73925; |
||||
} |
||||
} |
||||
.skin-red .main-header .logo { |
||||
background-color: #d73925; |
||||
color: #ffffff; |
||||
border-bottom: 0 solid transparent; |
||||
} |
||||
.skin-red .main-header .logo:hover { |
||||
background-color: #d33724; |
||||
} |
||||
.skin-red .main-header li.user-header { |
||||
background-color: #dd4b39; |
||||
} |
||||
.skin-red .content-header { |
||||
background: transparent; |
||||
} |
||||
.skin-red .wrapper, |
||||
.skin-red .main-sidebar, |
||||
.skin-red .left-side { |
||||
background-color: #222d32; |
||||
} |
||||
.skin-red .user-panel > .info, |
||||
.skin-red .user-panel > .info > a { |
||||
color: #fff; |
||||
} |
||||
.skin-red .sidebar-menu > li.header { |
||||
color: #4b646f; |
||||
background: #1a2226; |
||||
} |
||||
.skin-red .sidebar-menu > li > a { |
||||
border-left: 3px solid transparent; |
||||
} |
||||
.skin-red .sidebar-menu > li:hover > a, |
||||
.skin-red .sidebar-menu > li.active > a { |
||||
color: #ffffff; |
||||
background: #1e282c; |
||||
border-left-color: #dd4b39; |
||||
} |
||||
.skin-red .sidebar-menu > li > .treeview-menu { |
||||
margin: 0 1px; |
||||
background: #2c3b41; |
||||
} |
||||
.skin-red .sidebar a { |
||||
color: #b8c7ce; |
||||
} |
||||
.skin-red .sidebar a:hover { |
||||
text-decoration: none; |
||||
} |
||||
.skin-red .treeview-menu > li > a { |
||||
color: #8aa4af; |
||||
} |
||||
.skin-red .treeview-menu > li.active > a, |
||||
.skin-red .treeview-menu > li > a:hover { |
||||
color: #ffffff; |
||||
} |
||||
.skin-red .sidebar-form { |
||||
border-radius: 3px; |
||||
border: 1px solid #374850; |
||||
margin: 10px 10px; |
||||
} |
||||
.skin-red .sidebar-form input[type="text"], |
||||
.skin-red .sidebar-form .btn { |
||||
box-shadow: none; |
||||
background-color: #374850; |
||||
border: 1px solid transparent; |
||||
height: 35px; |
||||
} |
||||
.skin-red .sidebar-form input[type="text"] { |
||||
color: #666; |
||||
border-top-left-radius: 2px; |
||||
border-top-right-radius: 0; |
||||
border-bottom-right-radius: 0; |
||||
border-bottom-left-radius: 2px; |
||||
} |
||||
.skin-red .sidebar-form input[type="text"]:focus, |
||||
.skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn { |
||||
background-color: #fff; |
||||
color: #666; |
||||
} |
||||
.skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn { |
||||
border-left-color: #fff; |
||||
} |
||||
.skin-red .sidebar-form .btn { |
||||
color: #999; |
||||
border-top-left-radius: 0; |
||||
border-top-right-radius: 2px; |
||||
border-bottom-right-radius: 2px; |
||||
border-bottom-left-radius: 0; |
||||
} |
||||
@ -0,0 +1 @@ |
||||
.skin-red .main-header .navbar{background-color:#dd4b39}.skin-red .main-header .navbar .nav>li>a{color:#fff}.skin-red .main-header .navbar .nav>li>a:hover,.skin-red .main-header .navbar .nav>li>a:active,.skin-red .main-header .navbar .nav>li>a:focus,.skin-red .main-header .navbar .nav .open>a,.skin-red .main-header .navbar .nav .open>a:hover,.skin-red .main-header .navbar .nav .open>a:focus,.skin-red .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-red .main-header .navbar .sidebar-toggle{color:#fff}.skin-red .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-red .main-header .navbar .sidebar-toggle{color:#fff}.skin-red .main-header .navbar .sidebar-toggle:hover{background-color:#d73925}@media (max-width:767px){.skin-red .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-red .main-header .navbar .dropdown-menu li a{color:#fff}.skin-red .main-header .navbar .dropdown-menu li a:hover{background:#d73925}}.skin-red .main-header .logo{background-color:#d73925;color:#fff;border-bottom:0 solid transparent}.skin-red .main-header .logo:hover{background-color:#d33724}.skin-red .main-header li.user-header{background-color:#dd4b39}.skin-red .content-header{background:transparent}.skin-red .wrapper,.skin-red .main-sidebar,.skin-red .left-side{background-color:#222d32}.skin-red .user-panel>.info,.skin-red .user-panel>.info>a{color:#fff}.skin-red .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-red .sidebar-menu>li>a{border-left:3px solid transparent}.skin-red .sidebar-menu>li:hover>a,.skin-red .sidebar-menu>li.active>a{color:#fff;background:#1e282c;border-left-color:#dd4b39}.skin-red .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-red .sidebar a{color:#b8c7ce}.skin-red .sidebar a:hover{text-decoration:none}.skin-red .treeview-menu>li>a{color:#8aa4af}.skin-red .treeview-menu>li.active>a,.skin-red .treeview-menu>li>a:hover{color:#fff}.skin-red .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-red .sidebar-form input[type="text"],.skin-red .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-red .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-red .sidebar-form input[type="text"]:focus,.skin-red .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-red .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-red .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0} |
||||
@ -0,0 +1,153 @@ |
||||
/* |
||||
* Skin: Yellow |
||||
* ------------ |
||||
*/ |
||||
.skin-yellow-light .main-header .navbar { |
||||
background-color: #f39c12; |
||||
} |
||||
.skin-yellow-light .main-header .navbar .nav > li > a { |
||||
color: #ffffff; |
||||
} |
||||
.skin-yellow-light .main-header .navbar .nav > li > a:hover, |
||||
.skin-yellow-light .main-header .navbar .nav > li > a:active, |
||||
.skin-yellow-light .main-header .navbar .nav > li > a:focus, |
||||
.skin-yellow-light .main-header .navbar .nav .open > a, |
||||
.skin-yellow-light .main-header .navbar .nav .open > a:hover, |
||||
.skin-yellow-light .main-header .navbar .nav .open > a:focus, |
||||
.skin-yellow-light .main-header .navbar .nav > .active > a { |
||||
background: rgba(0, 0, 0, 0.1); |
||||
color: #f6f6f6; |
||||
} |
||||
.skin-yellow-light .main-header .navbar .sidebar-toggle { |
||||
color: #ffffff; |
||||
} |
||||
.skin-yellow-light .main-header .navbar .sidebar-toggle:hover { |
||||
color: #f6f6f6; |
||||
background: rgba(0, 0, 0, 0.1); |
||||
} |
||||
.skin-yellow-light .main-header .navbar .sidebar-toggle { |
||||
color: #fff; |
||||
} |
||||
.skin-yellow-light .main-header .navbar .sidebar-toggle:hover { |
||||
background-color: #e08e0b; |
||||
} |
||||
@media (max-width: 767px) { |
||||
.skin-yellow-light .main-header .navbar .dropdown-menu li.divider { |
||||
background-color: rgba(255, 255, 255, 0.1); |
||||
} |
||||
.skin-yellow-light .main-header .navbar .dropdown-menu li a { |
||||
color: #fff; |
||||
} |
||||
.skin-yellow-light .main-header .navbar .dropdown-menu li a:hover { |
||||
background: #e08e0b; |
||||
} |
||||
} |
||||
.skin-yellow-light .main-header .logo { |
||||
background-color: #f39c12; |
||||
color: #ffffff; |
||||
border-bottom: 0 solid transparent; |
||||
} |
||||
.skin-yellow-light .main-header .logo:hover { |
||||
background-color: #f39a0d; |
||||
} |
||||
.skin-yellow-light .main-header li.user-header { |
||||
background-color: #f39c12; |
||||
} |
||||
.skin-yellow-light .content-header { |
||||
background: transparent; |
||||
} |
||||
.skin-yellow-light .wrapper, |
||||
.skin-yellow-light .main-sidebar, |
||||
.skin-yellow-light .left-side { |
||||
background-color: #f9fafc; |
||||
} |
||||
.skin-yellow-light .content-wrapper, |
||||
.skin-yellow-light .main-footer { |
||||
border-left: 1px solid #d2d6de; |
||||
} |
||||
.skin-yellow-light .user-panel > .info, |
||||
.skin-yellow-light .user-panel > .info > a { |
||||
color: #444444; |
||||
} |
||||
.skin-yellow-light .sidebar-menu > li { |
||||
-webkit-transition: border-left-color 0.3s ease; |
||||
-o-transition: border-left-color 0.3s ease; |
||||
transition: border-left-color 0.3s ease; |
||||
} |
||||
.skin-yellow-light .sidebar-menu > li.header { |
||||
color: #848484; |
||||
background: #f9fafc; |
||||
} |
||||
.skin-yellow-light .sidebar-menu > li > a { |
||||
border-left: 3px solid transparent; |
||||
font-weight: 600; |
||||
} |
||||
.skin-yellow-light .sidebar-menu > li:hover > a, |
||||
.skin-yellow-light .sidebar-menu > li.active > a { |
||||
color: #000000; |
||||
background: #f4f4f5; |
||||
} |
||||
.skin-yellow-light .sidebar-menu > li.active { |
||||
border-left-color: #f39c12; |
||||
} |
||||
.skin-yellow-light .sidebar-menu > li.active > a { |
||||
font-weight: 600; |
||||
} |
||||
.skin-yellow-light .sidebar-menu > li > .treeview-menu { |
||||
background: #f4f4f5; |
||||
} |
||||
.skin-yellow-light .sidebar a { |
||||
color: #444444; |
||||
} |
||||
.skin-yellow-light .sidebar a:hover { |
||||
text-decoration: none; |
||||
} |
||||
.skin-yellow-light .treeview-menu > li > a { |
||||
color: #777777; |
||||
} |
||||
.skin-yellow-light .treeview-menu > li.active > a, |
||||
.skin-yellow-light .treeview-menu > li > a:hover { |
||||
color: #000000; |
||||
} |
||||
.skin-yellow-light .treeview-menu > li.active > a { |
||||
font-weight: 600; |
||||
} |
||||
.skin-yellow-light .sidebar-form { |
||||
border-radius: 3px; |
||||
border: 1px solid #d2d6de; |
||||
margin: 10px 10px; |
||||
} |
||||
.skin-yellow-light .sidebar-form input[type="text"], |
||||
.skin-yellow-light .sidebar-form .btn { |
||||
box-shadow: none; |
||||
background-color: #fff; |
||||
border: 1px solid transparent; |
||||
height: 35px; |
||||
} |
||||
.skin-yellow-light .sidebar-form input[type="text"] { |
||||
color: #666; |
||||
border-top-left-radius: 2px; |
||||
border-top-right-radius: 0; |
||||
border-bottom-right-radius: 0; |
||||
border-bottom-left-radius: 2px; |
||||
} |
||||
.skin-yellow-light .sidebar-form input[type="text"]:focus, |
||||
.skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { |
||||
background-color: #fff; |
||||
color: #666; |
||||
} |
||||
.skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { |
||||
border-left-color: #fff; |
||||
} |
||||
.skin-yellow-light .sidebar-form .btn { |
||||
color: #999; |
||||
border-top-left-radius: 0; |
||||
border-top-right-radius: 2px; |
||||
border-bottom-right-radius: 2px; |
||||
border-bottom-left-radius: 0; |
||||
} |
||||
@media (min-width: 768px) { |
||||
.skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { |
||||
border-left: 1px solid #d2d6de; |
||||
} |
||||
} |
||||
@ -0,0 +1 @@ |
||||
.skin-yellow-light .main-header .navbar{background-color:#f39c12}.skin-yellow-light .main-header .navbar .nav>li>a{color:#fff}.skin-yellow-light .main-header .navbar .nav>li>a:hover,.skin-yellow-light .main-header .navbar .nav>li>a:active,.skin-yellow-light .main-header .navbar .nav>li>a:focus,.skin-yellow-light .main-header .navbar .nav .open>a,.skin-yellow-light .main-header .navbar .nav .open>a:hover,.skin-yellow-light .main-header .navbar .nav .open>a:focus,.skin-yellow-light .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-yellow-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-yellow-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow-light .main-header .navbar .sidebar-toggle:hover{background-color:#e08e0b}@media (max-width:767px){.skin-yellow-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-yellow-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-yellow-light .main-header .navbar .dropdown-menu li a:hover{background:#e08e0b}}.skin-yellow-light .main-header .logo{background-color:#f39c12;color:#fff;border-bottom:0 solid transparent}.skin-yellow-light .main-header .logo:hover{background-color:#f39a0d}.skin-yellow-light .main-header li.user-header{background-color:#f39c12}.skin-yellow-light .content-header{background:transparent}.skin-yellow-light .wrapper,.skin-yellow-light .main-sidebar,.skin-yellow-light .left-side{background-color:#f9fafc}.skin-yellow-light .content-wrapper,.skin-yellow-light .main-footer{border-left:1px solid #d2d6de}.skin-yellow-light .user-panel>.info,.skin-yellow-light .user-panel>.info>a{color:#444}.skin-yellow-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-yellow-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-yellow-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-yellow-light .sidebar-menu>li:hover>a,.skin-yellow-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-yellow-light .sidebar-menu>li.active{border-left-color:#f39c12}.skin-yellow-light .sidebar-menu>li.active>a{font-weight:600}.skin-yellow-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-yellow-light .sidebar a{color:#444}.skin-yellow-light .sidebar a:hover{text-decoration:none}.skin-yellow-light .treeview-menu>li>a{color:#777}.skin-yellow-light .treeview-menu>li.active>a,.skin-yellow-light .treeview-menu>li>a:hover{color:#000}.skin-yellow-light .treeview-menu>li.active>a{font-weight:600}.skin-yellow-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-yellow-light .sidebar-form input[type="text"],.skin-yellow-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px}.skin-yellow-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-yellow-light .sidebar-form input[type="text"]:focus,.skin-yellow-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-yellow-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-yellow-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}} |
||||
@ -0,0 +1,131 @@ |
||||
/* |
||||
* Skin: Yellow |
||||
* ------------ |
||||
*/ |
||||
.skin-yellow .main-header .navbar { |
||||
background-color: #f39c12; |
||||
} |
||||
.skin-yellow .main-header .navbar .nav > li > a { |
||||
color: #ffffff; |
||||
} |
||||
.skin-yellow .main-header .navbar .nav > li > a:hover, |
||||
.skin-yellow .main-header .navbar .nav > li > a:active, |
||||
.skin-yellow .main-header .navbar .nav > li > a:focus, |
||||
.skin-yellow .main-header .navbar .nav .open > a, |
||||
.skin-yellow .main-header .navbar .nav .open > a:hover, |
||||
.skin-yellow .main-header .navbar .nav .open > a:focus, |
||||
.skin-yellow .main-header .navbar .nav > .active > a { |
||||
background: rgba(0, 0, 0, 0.1); |
||||
color: #f6f6f6; |
||||
} |
||||
.skin-yellow .main-header .navbar .sidebar-toggle { |
||||
color: #ffffff; |
||||
} |
||||
.skin-yellow .main-header .navbar .sidebar-toggle:hover { |
||||
color: #f6f6f6; |
||||
background: rgba(0, 0, 0, 0.1); |
||||
} |
||||
.skin-yellow .main-header .navbar .sidebar-toggle { |
||||
color: #fff; |
||||
} |
||||
.skin-yellow .main-header .navbar .sidebar-toggle:hover { |
||||
background-color: #e08e0b; |
||||
} |
||||
@media (max-width: 767px) { |
||||
.skin-yellow .main-header .navbar .dropdown-menu li.divider { |
||||
background-color: rgba(255, 255, 255, 0.1); |
||||
} |
||||
.skin-yellow .main-header .navbar .dropdown-menu li a { |
||||
color: #fff; |
||||
} |
||||
.skin-yellow .main-header .navbar .dropdown-menu li a:hover { |
||||
background: #e08e0b; |
||||
} |
||||
} |
||||
.skin-yellow .main-header .logo { |
||||
background-color: #e08e0b; |
||||
color: #ffffff; |
||||
border-bottom: 0 solid transparent; |
||||
} |
||||
.skin-yellow .main-header .logo:hover { |
||||
background-color: #db8b0b; |
||||
} |
||||
.skin-yellow .main-header li.user-header { |
||||
background-color: #f39c12; |
||||
} |
||||
.skin-yellow .content-header { |
||||
background: transparent; |
||||
} |
||||
.skin-yellow .wrapper, |
||||
.skin-yellow .main-sidebar, |
||||
.skin-yellow .left-side { |
||||
background-color: #222d32; |
||||
} |
||||
.skin-yellow .user-panel > .info, |
||||
.skin-yellow .user-panel > .info > a { |
||||
color: #fff; |
||||
} |
||||
.skin-yellow .sidebar-menu > li.header { |
||||
color: #4b646f; |
||||
background: #1a2226; |
||||
} |
||||
.skin-yellow .sidebar-menu > li > a { |
||||
border-left: 3px solid transparent; |
||||
} |
||||
.skin-yellow .sidebar-menu > li:hover > a, |
||||
.skin-yellow .sidebar-menu > li.active > a { |
||||
color: #ffffff; |
||||
background: #1e282c; |
||||
border-left-color: #f39c12; |
||||
} |
||||
.skin-yellow .sidebar-menu > li > .treeview-menu { |
||||
margin: 0 1px; |
||||
background: #2c3b41; |
||||
} |
||||
.skin-yellow .sidebar a { |
||||
color: #b8c7ce; |
||||
} |
||||
.skin-yellow .sidebar a:hover { |
||||
text-decoration: none; |
||||
} |
||||
.skin-yellow .treeview-menu > li > a { |
||||
color: #8aa4af; |
||||
} |
||||
.skin-yellow .treeview-menu > li.active > a, |
||||
.skin-yellow .treeview-menu > li > a:hover { |
||||
color: #ffffff; |
||||
} |
||||
.skin-yellow .sidebar-form { |
||||
border-radius: 3px; |
||||
border: 1px solid #374850; |
||||
margin: 10px 10px; |
||||
} |
||||
.skin-yellow .sidebar-form input[type="text"], |
||||
.skin-yellow .sidebar-form .btn { |
||||
box-shadow: none; |
||||
background-color: #374850; |
||||
border: 1px solid transparent; |
||||
height: 35px; |
||||
} |
||||
.skin-yellow .sidebar-form input[type="text"] { |
||||
color: #666; |
||||
border-top-left-radius: 2px; |
||||
border-top-right-radius: 0; |
||||
border-bottom-right-radius: 0; |
||||
border-bottom-left-radius: 2px; |
||||
} |
||||
.skin-yellow .sidebar-form input[type="text"]:focus, |
||||
.skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn { |
||||
background-color: #fff; |
||||
color: #666; |
||||
} |
||||
.skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn { |
||||
border-left-color: #fff; |
||||
} |
||||
.skin-yellow .sidebar-form .btn { |
||||
color: #999; |
||||
border-top-left-radius: 0; |
||||
border-top-right-radius: 2px; |
||||
border-bottom-right-radius: 2px; |
||||
border-bottom-left-radius: 0; |
||||
} |
||||
@ -0,0 +1 @@ |
||||
.skin-yellow .main-header .navbar{background-color:#f39c12}.skin-yellow .main-header .navbar .nav>li>a{color:#fff}.skin-yellow .main-header .navbar .nav>li>a:hover,.skin-yellow .main-header .navbar .nav>li>a:active,.skin-yellow .main-header .navbar .nav>li>a:focus,.skin-yellow .main-header .navbar .nav .open>a,.skin-yellow .main-header .navbar .nav .open>a:hover,.skin-yellow .main-header .navbar .nav .open>a:focus,.skin-yellow .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-yellow .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-yellow .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow .main-header .navbar .sidebar-toggle:hover{background-color:#e08e0b}@media (max-width:767px){.skin-yellow .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-yellow .main-header .navbar .dropdown-menu li a{color:#fff}.skin-yellow .main-header .navbar .dropdown-menu li a:hover{background:#e08e0b}}.skin-yellow .main-header .logo{background-color:#e08e0b;color:#fff;border-bottom:0 solid transparent}.skin-yellow .main-header .logo:hover{background-color:#db8b0b}.skin-yellow .main-header li.user-header{background-color:#f39c12}.skin-yellow .content-header{background:transparent}.skin-yellow .wrapper,.skin-yellow .main-sidebar,.skin-yellow .left-side{background-color:#222d32}.skin-yellow .user-panel>.info,.skin-yellow .user-panel>.info>a{color:#fff}.skin-yellow .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-yellow .sidebar-menu>li>a{border-left:3px solid transparent}.skin-yellow .sidebar-menu>li:hover>a,.skin-yellow .sidebar-menu>li.active>a{color:#fff;background:#1e282c;border-left-color:#f39c12}.skin-yellow .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-yellow .sidebar a{color:#b8c7ce}.skin-yellow .sidebar a:hover{text-decoration:none}.skin-yellow .treeview-menu>li>a{color:#8aa4af}.skin-yellow .treeview-menu>li.active>a,.skin-yellow .treeview-menu>li>a:hover{color:#fff}.skin-yellow .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-yellow .sidebar-form input[type="text"],.skin-yellow .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-yellow .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-yellow .sidebar-form input[type="text"]:focus,.skin-yellow .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-yellow .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-yellow .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0} |
||||
|
After Width: | Height: | Size: 7.9 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 8.1 KiB |
|
After Width: | Height: | Size: 9.0 KiB |
|
After Width: | Height: | Size: 7.4 KiB |
|
After Width: | Height: | Size: 121 KiB |
|
After Width: | Height: | Size: 43 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 184 B |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 9.9 KiB |
|
After Width: | Height: | Size: 656 KiB |
|
After Width: | Height: | Size: 412 KiB |
|
After Width: | Height: | Size: 383 KiB |
|
After Width: | Height: | Size: 1.1 MiB |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 6.9 KiB |
|
After Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 6.3 KiB |
|
After Width: | Height: | Size: 4.2 KiB |
|
After Width: | Height: | Size: 6.3 KiB |
|
After Width: | Height: | Size: 4.9 KiB |
@ -0,0 +1,772 @@ |
||||
/*! AdminLTE app.js |
||||
* ================ |
||||
* Main JS application file for AdminLTE v2. This file |
||||
* should be included in all pages. It controls some layout |
||||
* options and implements exclusive AdminLTE plugins. |
||||
* |
||||
* @Author Almsaeed Studio |
||||
* @Support <http://www.almsaeedstudio.com>
|
||||
* @Email <abdullah@almsaeedstudio.com> |
||||
* @version 2.3.8 |
||||
* @license MIT <http://opensource.org/licenses/MIT>
|
||||
*/ |
||||
|
||||
//Make sure jQuery has been loaded before app.js
|
||||
if (typeof jQuery === "undefined") { |
||||
throw new Error("AdminLTE requires jQuery"); |
||||
} |
||||
|
||||
/* AdminLTE |
||||
* |
||||
* @type Object |
||||
* @description $.AdminLTE is the main object for the template's app. |
||||
* It's used for implementing functions and options related |
||||
* to the template. Keeping everything wrapped in an object |
||||
* prevents conflict with other plugins and is a better |
||||
* way to organize our code. |
||||
*/ |
||||
$.AdminLTE = {}; |
||||
|
||||
/* -------------------- |
||||
* - AdminLTE Options - |
||||
* -------------------- |
||||
* Modify these options to suit your implementation |
||||
*/ |
||||
$.AdminLTE.options = { |
||||
//Add slimscroll to navbar menus
|
||||
//This requires you to load the slimscroll plugin
|
||||
//in every page before app.js
|
||||
navbarMenuSlimscroll: true, |
||||
navbarMenuSlimscrollWidth: "3px", //The width of the scroll bar
|
||||
navbarMenuHeight: "200px", //The height of the inner menu
|
||||
//General animation speed for JS animated elements such as box collapse/expand and
|
||||
//sidebar treeview slide up/down. This options accepts an integer as milliseconds,
|
||||
//'fast', 'normal', or 'slow'
|
||||
animationSpeed: 500, |
||||
//Sidebar push menu toggle button selector
|
||||
sidebarToggleSelector: "[data-toggle='offcanvas']", |
||||
//Activate sidebar push menu
|
||||
sidebarPushMenu: true, |
||||
//Activate sidebar slimscroll if the fixed layout is set (requires SlimScroll Plugin)
|
||||
sidebarSlimScroll: true, |
||||
//Enable sidebar expand on hover effect for sidebar mini
|
||||
//This option is forced to true if both the fixed layout and sidebar mini
|
||||
//are used together
|
||||
sidebarExpandOnHover: false, |
||||
//BoxRefresh Plugin
|
||||
enableBoxRefresh: true, |
||||
//Bootstrap.js tooltip
|
||||
enableBSToppltip: true, |
||||
BSTooltipSelector: "[data-toggle='tooltip']", |
||||
//Enable Fast Click. Fastclick.js creates a more
|
||||
//native touch experience with touch devices. If you
|
||||
//choose to enable the plugin, make sure you load the script
|
||||
//before AdminLTE's app.js
|
||||
enableFastclick: false, |
||||
//Control Sidebar Tree views
|
||||
enableControlTreeView: true, |
||||
//Control Sidebar Options
|
||||
enableControlSidebar: true, |
||||
controlSidebarOptions: { |
||||
//Which button should trigger the open/close event
|
||||
toggleBtnSelector: "[data-toggle='control-sidebar']", |
||||
//The sidebar selector
|
||||
selector: ".control-sidebar", |
||||
//Enable slide over content
|
||||
slide: true |
||||
}, |
||||
//Box Widget Plugin. Enable this plugin
|
||||
//to allow boxes to be collapsed and/or removed
|
||||
enableBoxWidget: true, |
||||
//Box Widget plugin options
|
||||
boxWidgetOptions: { |
||||
boxWidgetIcons: { |
||||
//Collapse icon
|
||||
collapse: 'fa-minus', |
||||
//Open icon
|
||||
open: 'fa-plus', |
||||
//Remove icon
|
||||
remove: 'fa-times' |
||||
}, |
||||
boxWidgetSelectors: { |
||||
//Remove button selector
|
||||
remove: '[data-widget="remove"]', |
||||
//Collapse button selector
|
||||
collapse: '[data-widget="collapse"]' |
||||
} |
||||
}, |
||||
//Direct Chat plugin options
|
||||
directChat: { |
||||
//Enable direct chat by default
|
||||
enable: true, |
||||
//The button to open and close the chat contacts pane
|
||||
contactToggleSelector: '[data-widget="chat-pane-toggle"]' |
||||
}, |
||||
//Define the set of colors to use globally around the website
|
||||
colors: { |
||||
lightBlue: "#3c8dbc", |
||||
red: "#f56954", |
||||
green: "#00a65a", |
||||
aqua: "#00c0ef", |
||||
yellow: "#f39c12", |
||||
blue: "#0073b7", |
||||
navy: "#001F3F", |
||||
teal: "#39CCCC", |
||||
olive: "#3D9970", |
||||
lime: "#01FF70", |
||||
orange: "#FF851B", |
||||
fuchsia: "#F012BE", |
||||
purple: "#8E24AA", |
||||
maroon: "#D81B60", |
||||
black: "#222222", |
||||
gray: "#d2d6de" |
||||
}, |
||||
//The standard screen sizes that bootstrap uses.
|
||||
//If you change these in the variables.less file, change
|
||||
//them here too.
|
||||
screenSizes: { |
||||
xs: 480, |
||||
sm: 768, |
||||
md: 992, |
||||
lg: 1200 |
||||
} |
||||
}; |
||||
|
||||
/* ------------------ |
||||
* - Implementation - |
||||
* ------------------ |
||||
* The next block of code implements AdminLTE's |
||||
* functions and plugins as specified by the |
||||
* options above. |
||||
*/ |
||||
$(function () { |
||||
"use strict"; |
||||
|
||||
//Fix for IE page transitions
|
||||
$("body").removeClass("hold-transition"); |
||||
|
||||
//Extend options if external options exist
|
||||
if (typeof AdminLTEOptions !== "undefined") { |
||||
$.extend(true, |
||||
$.AdminLTE.options, |
||||
AdminLTEOptions); |
||||
} |
||||
|
||||
//Easy access to options
|
||||
var o = $.AdminLTE.options; |
||||
|
||||
//Set up the object
|
||||
_init(); |
||||
|
||||
//Activate the layout maker
|
||||
$.AdminLTE.layout.activate(); |
||||
|
||||
//Enable sidebar tree view controls
|
||||
if (o.enableControlTreeView) { |
||||
$.AdminLTE.tree('.sidebar'); |
||||
} |
||||
|
||||
//Enable control sidebar
|
||||
if (o.enableControlSidebar) { |
||||
$.AdminLTE.controlSidebar.activate(); |
||||
} |
||||
|
||||
//Add slimscroll to navbar dropdown
|
||||
if (o.navbarMenuSlimscroll && typeof $.fn.slimscroll != 'undefined') { |
||||
$(".navbar .menu").slimscroll({ |
||||
height: o.navbarMenuHeight, |
||||
alwaysVisible: false, |
||||
size: o.navbarMenuSlimscrollWidth |
||||
}).css("width", "100%"); |
||||
} |
||||
|
||||
//Activate sidebar push menu
|
||||
if (o.sidebarPushMenu) { |
||||
$.AdminLTE.pushMenu.activate(o.sidebarToggleSelector); |
||||
} |
||||
|
||||
//Activate Bootstrap tooltip
|
||||
if (o.enableBSToppltip) { |
||||
$('body').tooltip({ |
||||
selector: o.BSTooltipSelector, |
||||
container: 'body' |
||||
}); |
||||
} |
||||
|
||||
//Activate box widget
|
||||
if (o.enableBoxWidget) { |
||||
$.AdminLTE.boxWidget.activate(); |
||||
} |
||||
|
||||
//Activate fast click
|
||||
if (o.enableFastclick && typeof FastClick != 'undefined') { |
||||
FastClick.attach(document.body); |
||||
} |
||||
|
||||
//Activate direct chat widget
|
||||
if (o.directChat.enable) { |
||||
$(document).on('click', o.directChat.contactToggleSelector, function () { |
||||
var box = $(this).parents('.direct-chat').first(); |
||||
box.toggleClass('direct-chat-contacts-open'); |
||||
}); |
||||
} |
||||
|
||||
/* |
||||
* INITIALIZE BUTTON TOGGLE |
||||
* ------------------------ |
||||
*/ |
||||
$('.btn-group[data-toggle="btn-toggle"]').each(function () { |
||||
var group = $(this); |
||||
$(this).find(".btn").on('click', function (e) { |
||||
group.find(".btn.active").removeClass("active"); |
||||
$(this).addClass("active"); |
||||
e.preventDefault(); |
||||
}); |
||||
|
||||
}); |
||||
}); |
||||
|
||||
/* ---------------------------------- |
||||
* - Initialize the AdminLTE Object - |
||||
* ---------------------------------- |
||||
* All AdminLTE functions are implemented below. |
||||
*/ |
||||
function _init() { |
||||
'use strict'; |
||||
/* Layout |
||||
* ====== |
||||
* Fixes the layout height in case min-height fails. |
||||
* |
||||
* @type Object |
||||
* @usage $.AdminLTE.layout.activate() |
||||
* $.AdminLTE.layout.fix() |
||||
* $.AdminLTE.layout.fixSidebar() |
||||
*/ |
||||
$.AdminLTE.layout = { |
||||
activate: function () { |
||||
var _this = this; |
||||
_this.fix(); |
||||
_this.fixSidebar(); |
||||
$('body, html, .wrapper').css('height', 'auto'); |
||||
$(window, ".wrapper").resize(function () { |
||||
_this.fix(); |
||||
_this.fixSidebar(); |
||||
}); |
||||
}, |
||||
fix: function () { |
||||
// Remove overflow from .wrapper if layout-boxed exists
|
||||
$(".layout-boxed > .wrapper").css('overflow', 'hidden'); |
||||
//Get window height and the wrapper height
|
||||
var footer_height = $('.main-footer').outerHeight() || 0; |
||||
var neg = $('.main-header').outerHeight() + footer_height; |
||||
var window_height = $(window).height(); |
||||
var sidebar_height = $(".sidebar").height() || 0; |
||||
//Set the min-height of the content and sidebar based on the
|
||||
//the height of the document.
|
||||
if ($("body").hasClass("fixed")) { |
||||
$(".content-wrapper, .right-side").css('min-height', window_height - footer_height); |
||||
} else { |
||||
var postSetWidth; |
||||
if (window_height >= sidebar_height) { |
||||
$(".content-wrapper, .right-side").css('min-height', window_height - neg); |
||||
postSetWidth = window_height - neg; |
||||
} else { |
||||
$(".content-wrapper, .right-side").css('min-height', sidebar_height); |
||||
postSetWidth = sidebar_height; |
||||
} |
||||
|
||||
//Fix for the control sidebar height
|
||||
var controlSidebar = $($.AdminLTE.options.controlSidebarOptions.selector); |
||||
if (typeof controlSidebar !== "undefined") { |
||||
if (controlSidebar.height() > postSetWidth) |
||||
$(".content-wrapper, .right-side").css('min-height', controlSidebar.height()); |
||||
} |
||||
|
||||
} |
||||
}, |
||||
fixSidebar: function () { |
||||
//Make sure the body tag has the .fixed class
|
||||
if (!$("body").hasClass("fixed")) { |
||||
if (typeof $.fn.slimScroll != 'undefined') { |
||||
$(".sidebar").slimScroll({destroy: true}).height("auto"); |
||||
} |
||||
return; |
||||
} else if (typeof $.fn.slimScroll == 'undefined' && window.console) { |
||||
window.console.error("Error: the fixed layout requires the slimscroll plugin!"); |
||||
} |
||||
//Enable slimscroll for fixed layout
|
||||
if ($.AdminLTE.options.sidebarSlimScroll) { |
||||
if (typeof $.fn.slimScroll != 'undefined') { |
||||
//Destroy if it exists
|
||||
$(".sidebar").slimScroll({destroy: true}).height("auto"); |
||||
//Add slimscroll
|
||||
$(".sidebar").slimScroll({ |
||||
height: ($(window).height() - $(".main-header").height()) + "px", |
||||
color: "rgba(0,0,0,0.2)", |
||||
size: "3px" |
||||
}); |
||||
} |
||||
} |
||||
} |
||||
}; |
||||
|
||||
/* PushMenu() |
||||
* ========== |
||||
* Adds the push menu functionality to the sidebar. |
||||
* |
||||
* @type Function |
||||
* @usage: $.AdminLTE.pushMenu("[data-toggle='offcanvas']") |
||||
*/ |
||||
$.AdminLTE.pushMenu = { |
||||
activate: function (toggleBtn) { |
||||
//Get the screen sizes
|
||||
var screenSizes = $.AdminLTE.options.screenSizes; |
||||
|
||||
//Enable sidebar toggle
|
||||
$(document).on('click', toggleBtn, function (e) { |
||||
e.preventDefault(); |
||||
|
||||
//Enable sidebar push menu
|
||||
if ($(window).width() > (screenSizes.sm - 1)) { |
||||
if ($("body").hasClass('sidebar-collapse')) { |
||||
$("body").removeClass('sidebar-collapse').trigger('expanded.pushMenu'); |
||||
} else { |
||||
$("body").addClass('sidebar-collapse').trigger('collapsed.pushMenu'); |
||||
} |
||||
} |
||||
//Handle sidebar push menu for small screens
|
||||
else { |
||||
if ($("body").hasClass('sidebar-open')) { |
||||
$("body").removeClass('sidebar-open').removeClass('sidebar-collapse').trigger('collapsed.pushMenu'); |
||||
} else { |
||||
$("body").addClass('sidebar-open').trigger('expanded.pushMenu'); |
||||
} |
||||
} |
||||
}); |
||||
|
||||
$(".content-wrapper").click(function () { |
||||
//Enable hide menu when clicking on the content-wrapper on small screens
|
||||
if ($(window).width() <= (screenSizes.sm - 1) && $("body").hasClass("sidebar-open")) { |
||||
$("body").removeClass('sidebar-open'); |
||||
} |
||||
}); |
||||
|
||||
//Enable expand on hover for sidebar mini
|
||||
if ($.AdminLTE.options.sidebarExpandOnHover |
||||
|| ($('body').hasClass('fixed') |
||||
&& $('body').hasClass('sidebar-mini'))) { |
||||
this.expandOnHover(); |
||||
} |
||||
}, |
||||
expandOnHover: function () { |
||||
var _this = this; |
||||
var screenWidth = $.AdminLTE.options.screenSizes.sm - 1; |
||||
//Expand sidebar on hover
|
||||
$('.main-sidebar').hover(function () { |
||||
if ($('body').hasClass('sidebar-mini') |
||||
&& $("body").hasClass('sidebar-collapse') |
||||
&& $(window).width() > screenWidth) { |
||||
_this.expand(); |
||||
} |
||||
}, function () { |
||||
if ($('body').hasClass('sidebar-mini') |
||||
&& $('body').hasClass('sidebar-expanded-on-hover') |
||||
&& $(window).width() > screenWidth) { |
||||
_this.collapse(); |
||||
} |
||||
}); |
||||
}, |
||||
expand: function () { |
||||
$("body").removeClass('sidebar-collapse').addClass('sidebar-expanded-on-hover'); |
||||
}, |
||||
collapse: function () { |
||||
if ($('body').hasClass('sidebar-expanded-on-hover')) { |
||||
$('body').removeClass('sidebar-expanded-on-hover').addClass('sidebar-collapse'); |
||||
} |
||||
} |
||||
}; |
||||
|
||||
/* Tree() |
||||
* ====== |
||||
* Converts the sidebar into a multilevel |
||||
* tree view menu. |
||||
* |
||||
* @type Function |
||||
* @Usage: $.AdminLTE.tree('.sidebar') |
||||
*/ |
||||
$.AdminLTE.tree = function (menu) { |
||||
var _this = this; |
||||
var animationSpeed = $.AdminLTE.options.animationSpeed; |
||||
$(document).off('click', menu + ' li a') |
||||
.on('click', menu + ' li a', function (e) { |
||||
//Get the clicked link and the next element
|
||||
var $this = $(this); |
||||
var checkElement = $this.next(); |
||||
|
||||
//Check if the next element is a menu and is visible
|
||||
if ((checkElement.is('.treeview-menu')) && (checkElement.is(':visible')) && (!$('body').hasClass('sidebar-collapse'))) { |
||||
//Close the menu
|
||||
checkElement.slideUp(animationSpeed, function () { |
||||
checkElement.removeClass('menu-open'); |
||||
//Fix the layout in case the sidebar stretches over the height of the window
|
||||
//_this.layout.fix();
|
||||
}); |
||||
checkElement.parent("li").removeClass("active"); |
||||
} |
||||
//If the menu is not visible
|
||||
else if ((checkElement.is('.treeview-menu')) && (!checkElement.is(':visible'))) { |
||||
//Get the parent menu
|
||||
var parent = $this.parents('ul').first(); |
||||
//Close all open menus within the parent
|
||||
var ul = parent.find('ul:visible').slideUp(animationSpeed); |
||||
//Remove the menu-open class from the parent
|
||||
ul.removeClass('menu-open'); |
||||
//Get the parent li
|
||||
var parent_li = $this.parent("li"); |
||||
|
||||
//Open the target menu and add the menu-open class
|
||||
checkElement.slideDown(animationSpeed, function () { |
||||
//Add the class active to the parent li
|
||||
checkElement.addClass('menu-open'); |
||||
parent.find('li.active').removeClass('active'); |
||||
parent_li.addClass('active'); |
||||
//Fix the layout in case the sidebar stretches over the height of the window
|
||||
_this.layout.fix(); |
||||
}); |
||||
} |
||||
//if this isn't a link, prevent the page from being redirected
|
||||
if (checkElement.is('.treeview-menu')) { |
||||
e.preventDefault(); |
||||
} |
||||
}); |
||||
}; |
||||
|
||||
/* ControlSidebar |
||||
* ============== |
||||
* Adds functionality to the right sidebar |
||||
* |
||||
* @type Object |
||||
* @usage $.AdminLTE.controlSidebar.activate(options) |
||||
*/ |
||||
$.AdminLTE.controlSidebar = { |
||||
//instantiate the object
|
||||
activate: function () { |
||||
//Get the object
|
||||
var _this = this; |
||||
//Update options
|
||||
var o = $.AdminLTE.options.controlSidebarOptions; |
||||
//Get the sidebar
|
||||
var sidebar = $(o.selector); |
||||
//The toggle button
|
||||
var btn = $(o.toggleBtnSelector); |
||||
|
||||
//Listen to the click event
|
||||
btn.on('click', function (e) { |
||||
e.preventDefault(); |
||||
//If the sidebar is not open
|
||||
if (!sidebar.hasClass('control-sidebar-open') |
||||
&& !$('body').hasClass('control-sidebar-open')) { |
||||
//Open the sidebar
|
||||
_this.open(sidebar, o.slide); |
||||
} else { |
||||
_this.close(sidebar, o.slide); |
||||
} |
||||
}); |
||||
|
||||
//If the body has a boxed layout, fix the sidebar bg position
|
||||
var bg = $(".control-sidebar-bg"); |
||||
_this._fix(bg); |
||||
|
||||
//If the body has a fixed layout, make the control sidebar fixed
|
||||
if ($('body').hasClass('fixed')) { |
||||
_this._fixForFixed(sidebar); |
||||
} else { |
||||
//If the content height is less than the sidebar's height, force max height
|
||||
if ($('.content-wrapper, .right-side').height() < sidebar.height()) { |
||||
_this._fixForContent(sidebar); |
||||
} |
||||
} |
||||
}, |
||||
//Open the control sidebar
|
||||
open: function (sidebar, slide) { |
||||
//Slide over content
|
||||
if (slide) { |
||||
sidebar.addClass('control-sidebar-open'); |
||||
} else { |
||||
//Push the content by adding the open class to the body instead
|
||||
//of the sidebar itself
|
||||
$('body').addClass('control-sidebar-open'); |
||||
} |
||||
}, |
||||
//Close the control sidebar
|
||||
close: function (sidebar, slide) { |
||||
if (slide) { |
||||
sidebar.removeClass('control-sidebar-open'); |
||||
} else { |
||||
$('body').removeClass('control-sidebar-open'); |
||||
} |
||||
}, |
||||
_fix: function (sidebar) { |
||||
var _this = this; |
||||
if ($("body").hasClass('layout-boxed')) { |
||||
sidebar.css('position', 'absolute'); |
||||
sidebar.height($(".wrapper").height()); |
||||
if (_this.hasBindedResize) { |
||||
return; |
||||
} |
||||
$(window).resize(function () { |
||||
_this._fix(sidebar); |
||||
}); |
||||
_this.hasBindedResize = true; |
||||
} else { |
||||
sidebar.css({ |
||||
'position': 'fixed', |
||||
'height': 'auto' |
||||
}); |
||||
} |
||||
}, |
||||
_fixForFixed: function (sidebar) { |
||||
sidebar.css({ |
||||
'position': 'fixed', |
||||
'max-height': '100%', |
||||
'overflow': 'auto', |
||||
'padding-bottom': '50px' |
||||
}); |
||||
}, |
||||
_fixForContent: function (sidebar) { |
||||
$(".content-wrapper, .right-side").css('min-height', sidebar.height()); |
||||
} |
||||
}; |
||||
|
||||
/* BoxWidget |
||||
* ========= |
||||
* BoxWidget is a plugin to handle collapsing and |
||||
* removing boxes from the screen. |
||||
* |
||||
* @type Object |
||||
* @usage $.AdminLTE.boxWidget.activate() |
||||
* Set all your options in the main $.AdminLTE.options object |
||||
*/ |
||||
$.AdminLTE.boxWidget = { |
||||
selectors: $.AdminLTE.options.boxWidgetOptions.boxWidgetSelectors, |
||||
icons: $.AdminLTE.options.boxWidgetOptions.boxWidgetIcons, |
||||
animationSpeed: $.AdminLTE.options.animationSpeed, |
||||
activate: function (_box) { |
||||
var _this = this; |
||||
if (!_box) { |
||||
_box = document; // activate all boxes per default
|
||||
} |
||||
//Listen for collapse event triggers
|
||||
$(_box).on('click', _this.selectors.collapse, function (e) { |
||||
e.preventDefault(); |
||||
_this.collapse($(this)); |
||||
}); |
||||
|
||||
//Listen for remove event triggers
|
||||
$(_box).on('click', _this.selectors.remove, function (e) { |
||||
e.preventDefault(); |
||||
_this.remove($(this)); |
||||
}); |
||||
}, |
||||
collapse: function (element) { |
||||
var _this = this; |
||||
//Find the box parent
|
||||
var box = element.parents(".box").first(); |
||||
//Find the body and the footer
|
||||
var box_content = box.find("> .box-body, > .box-footer, > form >.box-body, > form > .box-footer"); |
||||
if (!box.hasClass("collapsed-box")) { |
||||
//Convert minus into plus
|
||||
element.children(":first") |
||||
.removeClass(_this.icons.collapse) |
||||
.addClass(_this.icons.open); |
||||
//Hide the content
|
||||
box_content.slideUp(_this.animationSpeed, function () { |
||||
box.addClass("collapsed-box"); |
||||
}); |
||||
} else { |
||||
//Convert plus into minus
|
||||
element.children(":first") |
||||
.removeClass(_this.icons.open) |
||||
.addClass(_this.icons.collapse); |
||||
//Show the content
|
||||
box_content.slideDown(_this.animationSpeed, function () { |
||||
box.removeClass("collapsed-box"); |
||||
}); |
||||
} |
||||
}, |
||||
remove: function (element) { |
||||
//Find the box parent
|
||||
var box = element.parents(".box").first(); |
||||
box.slideUp(this.animationSpeed); |
||||
} |
||||
}; |
||||
} |
||||
|
||||
/* ------------------ |
||||
* - Custom Plugins - |
||||
* ------------------ |
||||
* All custom plugins are defined below. |
||||
*/ |
||||
|
||||
/* |
||||
* BOX REFRESH BUTTON |
||||
* ------------------ |
||||
* This is a custom plugin to use with the component BOX. It allows you to add |
||||
* a refresh button to the box. It converts the box's state to a loading state. |
||||
* |
||||
* @type plugin |
||||
* @usage $("#box-widget").boxRefresh( options ); |
||||
*/ |
||||
(function ($) { |
||||
|
||||
"use strict"; |
||||
|
||||
$.fn.boxRefresh = function (options) { |
||||
|
||||
// Render options
|
||||
var settings = $.extend({ |
||||
//Refresh button selector
|
||||
trigger: ".refresh-btn", |
||||
//File source to be loaded (e.g: ajax/src.php)
|
||||
source: "", |
||||
//Callbacks
|
||||
onLoadStart: function (box) { |
||||
return box; |
||||
}, //Right after the button has been clicked
|
||||
onLoadDone: function (box) { |
||||
return box; |
||||
} //When the source has been loaded
|
||||
|
||||
}, options); |
||||
|
||||
//The overlay
|
||||
var overlay = $('<div class="overlay"><div class="fa fa-refresh fa-spin"></div></div>'); |
||||
|
||||
return this.each(function () { |
||||
//if a source is specified
|
||||
if (settings.source === "") { |
||||
if (window.console) { |
||||
window.console.log("Please specify a source first - boxRefresh()"); |
||||
} |
||||
return; |
||||
} |
||||
//the box
|
||||
var box = $(this); |
||||
//the button
|
||||
var rBtn = box.find(settings.trigger).first(); |
||||
|
||||
//On trigger click
|
||||
rBtn.on('click', function (e) { |
||||
e.preventDefault(); |
||||
//Add loading overlay
|
||||
start(box); |
||||
|
||||
//Perform ajax call
|
||||
box.find(".box-body").load(settings.source, function () { |
||||
done(box); |
||||
}); |
||||
}); |
||||
}); |
||||
|
||||
function start(box) { |
||||
//Add overlay and loading img
|
||||
box.append(overlay); |
||||
|
||||
settings.onLoadStart.call(box); |
||||
} |
||||
|
||||
function done(box) { |
||||
//Remove overlay and loading img
|
||||
box.find(overlay).remove(); |
||||
|
||||
settings.onLoadDone.call(box); |
||||
} |
||||
|
||||
}; |
||||
|
||||
})(jQuery); |
||||
|
||||
/* |
||||
* EXPLICIT BOX CONTROLS |
||||
* ----------------------- |
||||
* This is a custom plugin to use with the component BOX. It allows you to activate |
||||
* a box inserted in the DOM after the app.js was loaded, toggle and remove box. |
||||
* |
||||
* @type plugin |
||||
* @usage $("#box-widget").activateBox(); |
||||
* @usage $("#box-widget").toggleBox(); |
||||
* @usage $("#box-widget").removeBox(); |
||||
*/ |
||||
(function ($) { |
||||
|
||||
'use strict'; |
||||
|
||||
$.fn.activateBox = function () { |
||||
$.AdminLTE.boxWidget.activate(this); |
||||
}; |
||||
|
||||
$.fn.toggleBox = function () { |
||||
var button = $($.AdminLTE.boxWidget.selectors.collapse, this); |
||||
$.AdminLTE.boxWidget.collapse(button); |
||||
}; |
||||
|
||||
$.fn.removeBox = function () { |
||||
var button = $($.AdminLTE.boxWidget.selectors.remove, this); |
||||
$.AdminLTE.boxWidget.remove(button); |
||||
}; |
||||
|
||||
})(jQuery); |
||||
|
||||
/* |
||||
* TODO LIST CUSTOM PLUGIN |
||||
* ----------------------- |
||||
* This plugin depends on iCheck plugin for checkbox and radio inputs |
||||
* |
||||
* @type plugin |
||||
* @usage $("#todo-widget").todolist( options ); |
||||
*/ |
||||
(function ($) { |
||||
|
||||
'use strict'; |
||||
|
||||
$.fn.todolist = function (options) { |
||||
// Render options
|
||||
var settings = $.extend({ |
||||
//When the user checks the input
|
||||
onCheck: function (ele) { |
||||
return ele; |
||||
}, |
||||
//When the user unchecks the input
|
||||
onUncheck: function (ele) { |
||||
return ele; |
||||
} |
||||
}, options); |
||||
|
||||
return this.each(function () { |
||||
|
||||
if (typeof $.fn.iCheck != 'undefined') { |
||||
$('input', this).on('ifChecked', function () { |
||||
var ele = $(this).parents("li").first(); |
||||
ele.toggleClass("done"); |
||||
settings.onCheck.call(ele); |
||||
}); |
||||
|
||||
$('input', this).on('ifUnchecked', function () { |
||||
var ele = $(this).parents("li").first(); |
||||
ele.toggleClass("done"); |
||||
settings.onUncheck.call(ele); |
||||
}); |
||||
} else { |
||||
$('input', this).on('change', function () { |
||||
var ele = $(this).parents("li").first(); |
||||
ele.toggleClass("done"); |
||||
if ($('input', ele).is(":checked")) { |
||||
settings.onCheck.call(ele); |
||||
} else { |
||||
settings.onUncheck.call(ele); |
||||
} |
||||
}); |
||||
} |
||||
}); |
||||
}; |
||||
}(jQuery)); |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,340 @@ |
||||
/** |
||||
* AdminLTE Demo Menu |
||||
* ------------------ |
||||
* You should not use this file in production. |
||||
* This file is for demo purposes only. |
||||
*/ |
||||
(function ($, AdminLTE) { |
||||
|
||||
"use strict"; |
||||
|
||||
/** |
||||
* List of all the available skins |
||||
* |
||||
* @type Array |
||||
*/ |
||||
var my_skins = [ |
||||
"skin-blue", |
||||
"skin-black", |
||||
"skin-red", |
||||
"skin-yellow", |
||||
"skin-purple", |
||||
"skin-green", |
||||
"skin-blue-light", |
||||
"skin-black-light", |
||||
"skin-red-light", |
||||
"skin-yellow-light", |
||||
"skin-purple-light", |
||||
"skin-green-light" |
||||
]; |
||||
|
||||
//Create the new tab
|
||||
var tab_pane = $("<div />", { |
||||
"id": "control-sidebar-theme-demo-options-tab", |
||||
"class": "tab-pane active" |
||||
}); |
||||
|
||||
//Create the tab button
|
||||
var tab_button = $("<li />", {"class": "active"}) |
||||
.html("<a href='#control-sidebar-theme-demo-options-tab' data-toggle='tab'>" |
||||
+ "<i class='fa fa-wrench'></i>" |
||||
+ "</a>"); |
||||
|
||||
//Add the tab button to the right sidebar tabs
|
||||
$("[href='#control-sidebar-home-tab']") |
||||
.parent() |
||||
.before(tab_button); |
||||
|
||||
//Create the menu
|
||||
var demo_settings = $("<div />"); |
||||
|
||||
//Layout options
|
||||
demo_settings.append( |
||||
"<h4 class='control-sidebar-heading'>" |
||||
+ "Layout Options" |
||||
+ "</h4>" |
||||
//Fixed layout
|
||||
+ "<div class='form-group'>" |
||||
+ "<label class='control-sidebar-subheading'>" |
||||
+ "<input type='checkbox' data-layout='fixed' class='pull-right'/> " |
||||
+ "Fixed layout" |
||||
+ "</label>" |
||||
+ "<p>Activate the fixed layout. You can't use fixed and boxed layouts together</p>" |
||||
+ "</div>" |
||||
//Boxed layout
|
||||
+ "<div class='form-group'>" |
||||
+ "<label class='control-sidebar-subheading'>" |
||||
+ "<input type='checkbox' data-layout='layout-boxed'class='pull-right'/> " |
||||
+ "Boxed Layout" |
||||
+ "</label>" |
||||
+ "<p>Activate the boxed layout</p>" |
||||
+ "</div>" |
||||
//Sidebar Toggle
|
||||
+ "<div class='form-group'>" |
||||
+ "<label class='control-sidebar-subheading'>" |
||||
+ "<input type='checkbox' data-layout='sidebar-collapse' class='pull-right'/> " |
||||
+ "Toggle Sidebar" |
||||
+ "</label>" |
||||
+ "<p>Toggle the left sidebar's state (open or collapse)</p>" |
||||
+ "</div>" |
||||
//Sidebar mini expand on hover toggle
|
||||
+ "<div class='form-group'>" |
||||
+ "<label class='control-sidebar-subheading'>" |
||||
+ "<input type='checkbox' data-enable='expandOnHover' class='pull-right'/> " |
||||
+ "Sidebar Expand on Hover" |
||||
+ "</label>" |
||||
+ "<p>Let the sidebar mini expand on hover</p>" |
||||
+ "</div>" |
||||
//Control Sidebar Toggle
|
||||
+ "<div class='form-group'>" |
||||
+ "<label class='control-sidebar-subheading'>" |
||||
+ "<input type='checkbox' data-controlsidebar='control-sidebar-open' class='pull-right'/> " |
||||
+ "Toggle Right Sidebar Slide" |
||||
+ "</label>" |
||||
+ "<p>Toggle between slide over content and push content effects</p>" |
||||
+ "</div>" |
||||
//Control Sidebar Skin Toggle
|
||||
+ "<div class='form-group'>" |
||||
+ "<label class='control-sidebar-subheading'>" |
||||
+ "<input type='checkbox' data-sidebarskin='toggle' class='pull-right'/> " |
||||
+ "Toggle Right Sidebar Skin" |
||||
+ "</label>" |
||||
+ "<p>Toggle between dark and light skins for the right sidebar</p>" |
||||
+ "</div>" |
||||
); |
||||
var skins_list = $("<ul />", {"class": 'list-unstyled clearfix'}); |
||||
|
||||
//Dark sidebar skins
|
||||
var skin_blue = |
||||
$("<li />", {style: "float:left; width: 33.33333%; padding: 5px;"}) |
||||
.append("<a href='javascript:void(0);' data-skin='skin-blue' style='display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)' class='clearfix full-opacity-hover'>" |
||||
+ "<div><span style='display:block; width: 20%; float: left; height: 7px; background: #367fa9;'></span><span class='bg-light-blue' style='display:block; width: 80%; float: left; height: 7px;'></span></div>" |
||||
+ "<div><span style='display:block; width: 20%; float: left; height: 20px; background: #222d32;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>" |
||||
+ "</a>" |
||||
+ "<p class='text-center no-margin'>Blue</p>"); |
||||
skins_list.append(skin_blue); |
||||
var skin_black = |
||||
$("<li />", {style: "float:left; width: 33.33333%; padding: 5px;"}) |
||||
.append("<a href='javascript:void(0);' data-skin='skin-black' style='display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)' class='clearfix full-opacity-hover'>" |
||||
+ "<div style='box-shadow: 0 0 2px rgba(0,0,0,0.1)' class='clearfix'><span style='display:block; width: 20%; float: left; height: 7px; background: #fefefe;'></span><span style='display:block; width: 80%; float: left; height: 7px; background: #fefefe;'></span></div>" |
||||
+ "<div><span style='display:block; width: 20%; float: left; height: 20px; background: #222;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>" |
||||
+ "</a>" |
||||
+ "<p class='text-center no-margin'>Black</p>"); |
||||
skins_list.append(skin_black); |
||||
var skin_purple = |
||||
$("<li />", {style: "float:left; width: 33.33333%; padding: 5px;"}) |
||||
.append("<a href='javascript:void(0);' data-skin='skin-purple' style='display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)' class='clearfix full-opacity-hover'>" |
||||
+ "<div><span style='display:block; width: 20%; float: left; height: 7px;' class='bg-purple-active'></span><span class='bg-purple' style='display:block; width: 80%; float: left; height: 7px;'></span></div>" |
||||
+ "<div><span style='display:block; width: 20%; float: left; height: 20px; background: #222d32;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>" |
||||
+ "</a>" |
||||
+ "<p class='text-center no-margin'>Purple</p>"); |
||||
skins_list.append(skin_purple); |
||||
var skin_green = |
||||
$("<li />", {style: "float:left; width: 33.33333%; padding: 5px;"}) |
||||
.append("<a href='javascript:void(0);' data-skin='skin-green' style='display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)' class='clearfix full-opacity-hover'>" |
||||
+ "<div><span style='display:block; width: 20%; float: left; height: 7px;' class='bg-green-active'></span><span class='bg-green' style='display:block; width: 80%; float: left; height: 7px;'></span></div>" |
||||
+ "<div><span style='display:block; width: 20%; float: left; height: 20px; background: #222d32;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>" |
||||
+ "</a>" |
||||
+ "<p class='text-center no-margin'>Green</p>"); |
||||
skins_list.append(skin_green); |
||||
var skin_red = |
||||
$("<li />", {style: "float:left; width: 33.33333%; padding: 5px;"}) |
||||
.append("<a href='javascript:void(0);' data-skin='skin-red' style='display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)' class='clearfix full-opacity-hover'>" |
||||
+ "<div><span style='display:block; width: 20%; float: left; height: 7px;' class='bg-red-active'></span><span class='bg-red' style='display:block; width: 80%; float: left; height: 7px;'></span></div>" |
||||
+ "<div><span style='display:block; width: 20%; float: left; height: 20px; background: #222d32;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>" |
||||
+ "</a>" |
||||
+ "<p class='text-center no-margin'>Red</p>"); |
||||
skins_list.append(skin_red); |
||||
var skin_yellow = |
||||
$("<li />", {style: "float:left; width: 33.33333%; padding: 5px;"}) |
||||
.append("<a href='javascript:void(0);' data-skin='skin-yellow' style='display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)' class='clearfix full-opacity-hover'>" |
||||
+ "<div><span style='display:block; width: 20%; float: left; height: 7px;' class='bg-yellow-active'></span><span class='bg-yellow' style='display:block; width: 80%; float: left; height: 7px;'></span></div>" |
||||
+ "<div><span style='display:block; width: 20%; float: left; height: 20px; background: #222d32;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>" |
||||
+ "</a>" |
||||
+ "<p class='text-center no-margin'>Yellow</p>"); |
||||
skins_list.append(skin_yellow); |
||||
|
||||
//Light sidebar skins
|
||||
var skin_blue_light = |
||||
$("<li />", {style: "float:left; width: 33.33333%; padding: 5px;"}) |
||||
.append("<a href='javascript:void(0);' data-skin='skin-blue-light' style='display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)' class='clearfix full-opacity-hover'>" |
||||
+ "<div><span style='display:block; width: 20%; float: left; height: 7px; background: #367fa9;'></span><span class='bg-light-blue' style='display:block; width: 80%; float: left; height: 7px;'></span></div>" |
||||
+ "<div><span style='display:block; width: 20%; float: left; height: 20px; background: #f9fafc;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>" |
||||
+ "</a>" |
||||
+ "<p class='text-center no-margin' style='font-size: 12px'>Blue Light</p>"); |
||||
skins_list.append(skin_blue_light); |
||||
var skin_black_light = |
||||
$("<li />", {style: "float:left; width: 33.33333%; padding: 5px;"}) |
||||
.append("<a href='javascript:void(0);' data-skin='skin-black-light' style='display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)' class='clearfix full-opacity-hover'>" |
||||
+ "<div style='box-shadow: 0 0 2px rgba(0,0,0,0.1)' class='clearfix'><span style='display:block; width: 20%; float: left; height: 7px; background: #fefefe;'></span><span style='display:block; width: 80%; float: left; height: 7px; background: #fefefe;'></span></div>" |
||||
+ "<div><span style='display:block; width: 20%; float: left; height: 20px; background: #f9fafc;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>" |
||||
+ "</a>" |
||||
+ "<p class='text-center no-margin' style='font-size: 12px'>Black Light</p>"); |
||||
skins_list.append(skin_black_light); |
||||
var skin_purple_light = |
||||
$("<li />", {style: "float:left; width: 33.33333%; padding: 5px;"}) |
||||
.append("<a href='javascript:void(0);' data-skin='skin-purple-light' style='display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)' class='clearfix full-opacity-hover'>" |
||||
+ "<div><span style='display:block; width: 20%; float: left; height: 7px;' class='bg-purple-active'></span><span class='bg-purple' style='display:block; width: 80%; float: left; height: 7px;'></span></div>" |
||||
+ "<div><span style='display:block; width: 20%; float: left; height: 20px; background: #f9fafc;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>" |
||||
+ "</a>" |
||||
+ "<p class='text-center no-margin' style='font-size: 12px'>Purple Light</p>"); |
||||
skins_list.append(skin_purple_light); |
||||
var skin_green_light = |
||||
$("<li />", {style: "float:left; width: 33.33333%; padding: 5px;"}) |
||||
.append("<a href='javascript:void(0);' data-skin='skin-green-light' style='display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)' class='clearfix full-opacity-hover'>" |
||||
+ "<div><span style='display:block; width: 20%; float: left; height: 7px;' class='bg-green-active'></span><span class='bg-green' style='display:block; width: 80%; float: left; height: 7px;'></span></div>" |
||||
+ "<div><span style='display:block; width: 20%; float: left; height: 20px; background: #f9fafc;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>" |
||||
+ "</a>" |
||||
+ "<p class='text-center no-margin' style='font-size: 12px'>Green Light</p>"); |
||||
skins_list.append(skin_green_light); |
||||
var skin_red_light = |
||||
$("<li />", {style: "float:left; width: 33.33333%; padding: 5px;"}) |
||||
.append("<a href='javascript:void(0);' data-skin='skin-red-light' style='display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)' class='clearfix full-opacity-hover'>" |
||||
+ "<div><span style='display:block; width: 20%; float: left; height: 7px;' class='bg-red-active'></span><span class='bg-red' style='display:block; width: 80%; float: left; height: 7px;'></span></div>" |
||||
+ "<div><span style='display:block; width: 20%; float: left; height: 20px; background: #f9fafc;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>" |
||||
+ "</a>" |
||||
+ "<p class='text-center no-margin' style='font-size: 12px'>Red Light</p>"); |
||||
skins_list.append(skin_red_light); |
||||
var skin_yellow_light = |
||||
$("<li />", {style: "float:left; width: 33.33333%; padding: 5px;"}) |
||||
.append("<a href='javascript:void(0);' data-skin='skin-yellow-light' style='display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)' class='clearfix full-opacity-hover'>" |
||||
+ "<div><span style='display:block; width: 20%; float: left; height: 7px;' class='bg-yellow-active'></span><span class='bg-yellow' style='display:block; width: 80%; float: left; height: 7px;'></span></div>" |
||||
+ "<div><span style='display:block; width: 20%; float: left; height: 20px; background: #f9fafc;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>" |
||||
+ "</a>" |
||||
+ "<p class='text-center no-margin' style='font-size: 12px;'>Yellow Light</p>"); |
||||
skins_list.append(skin_yellow_light); |
||||
|
||||
demo_settings.append("<h4 class='control-sidebar-heading'>Skins</h4>"); |
||||
demo_settings.append(skins_list); |
||||
|
||||
tab_pane.append(demo_settings); |
||||
$("#control-sidebar-home-tab").after(tab_pane); |
||||
|
||||
setup(); |
||||
|
||||
/** |
||||
* Toggles layout classes |
||||
* |
||||
* @param String cls the layout class to toggle |
||||
* @returns void |
||||
*/ |
||||
function change_layout(cls) { |
||||
$("body").toggleClass(cls); |
||||
AdminLTE.layout.fixSidebar(); |
||||
//Fix the problem with right sidebar and layout boxed
|
||||
if (cls == "layout-boxed") |
||||
AdminLTE.controlSidebar._fix($(".control-sidebar-bg")); |
||||
if ($('body').hasClass('fixed') && cls == 'fixed') { |
||||
AdminLTE.pushMenu.expandOnHover(); |
||||
AdminLTE.layout.activate(); |
||||
} |
||||
AdminLTE.controlSidebar._fix($(".control-sidebar-bg")); |
||||
AdminLTE.controlSidebar._fix($(".control-sidebar")); |
||||
} |
||||
|
||||
/** |
||||
* Replaces the old skin with the new skin |
||||
* @param String cls the new skin class |
||||
* @returns Boolean false to prevent link's default action |
||||
*/ |
||||
function change_skin(cls) { |
||||
$.each(my_skins, function (i) { |
||||
$("body").removeClass(my_skins[i]); |
||||
}); |
||||
|
||||
$("body").addClass(cls); |
||||
store('skin', cls); |
||||
return false; |
||||
} |
||||
|
||||
/** |
||||
* Store a new settings in the browser |
||||
* |
||||
* @param String name Name of the setting |
||||
* @param String val Value of the setting |
||||
* @returns void |
||||
*/ |
||||
function store(name, val) { |
||||
if (typeof (Storage) !== "undefined") { |
||||
localStorage.setItem(name, val); |
||||
} else { |
||||
window.alert('Please use a modern browser to properly view this template!'); |
||||
} |
||||
} |
||||
|
||||
/** |
||||
* Get a prestored setting |
||||
* |
||||
* @param String name Name of of the setting |
||||
* @returns String The value of the setting | null |
||||
*/ |
||||
function get(name) { |
||||
if (typeof (Storage) !== "undefined") { |
||||
return localStorage.getItem(name); |
||||
} else { |
||||
window.alert('Please use a modern browser to properly view this template!'); |
||||
} |
||||
} |
||||
|
||||
/** |
||||
* Retrieve default settings and apply them to the template |
||||
* |
||||
* @returns void |
||||
*/ |
||||
function setup() { |
||||
var tmp = get('skin'); |
||||
if (tmp && $.inArray(tmp, my_skins)) |
||||
change_skin(tmp); |
||||
|
||||
//Add the change skin listener
|
||||
$("[data-skin]").on('click', function (e) { |
||||
if($(this).hasClass('knob')) |
||||
return; |
||||
e.preventDefault(); |
||||
change_skin($(this).data('skin')); |
||||
}); |
||||
|
||||
//Add the layout manager
|
||||
$("[data-layout]").on('click', function () { |
||||
change_layout($(this).data('layout')); |
||||
}); |
||||
|
||||
$("[data-controlsidebar]").on('click', function () { |
||||
change_layout($(this).data('controlsidebar')); |
||||
var slide = !AdminLTE.options.controlSidebarOptions.slide; |
||||
AdminLTE.options.controlSidebarOptions.slide = slide; |
||||
if (!slide) |
||||
$('.control-sidebar').removeClass('control-sidebar-open'); |
||||
}); |
||||
|
||||
$("[data-sidebarskin='toggle']").on('click', function () { |
||||
var sidebar = $(".control-sidebar"); |
||||
if (sidebar.hasClass("control-sidebar-dark")) { |
||||
sidebar.removeClass("control-sidebar-dark") |
||||
sidebar.addClass("control-sidebar-light") |
||||
} else { |
||||
sidebar.removeClass("control-sidebar-light") |
||||
sidebar.addClass("control-sidebar-dark") |
||||
} |
||||
}); |
||||
|
||||
$("[data-enable='expandOnHover']").on('click', function () { |
||||
$(this).attr('disabled', true); |
||||
AdminLTE.pushMenu.expandOnHover(); |
||||
if (!$('body').hasClass('sidebar-collapse')) |
||||
$("[data-layout='sidebar-collapse']").click(); |
||||
}); |
||||
|
||||
// Reset options
|
||||
if ($('body').hasClass('fixed')) { |
||||
$("[data-layout='fixed']").attr('checked', 'checked'); |
||||
} |
||||
if ($('body').hasClass('layout-boxed')) { |
||||
$("[data-layout='layout-boxed']").attr('checked', 'checked'); |
||||
} |
||||
if ($('body').hasClass('sidebar-collapse')) { |
||||
$("[data-layout='sidebar-collapse']").attr('checked', 'checked'); |
||||
} |
||||
|
||||
} |
||||
})(jQuery, $.AdminLTE); |
||||
@ -0,0 +1,210 @@ |
||||
/* |
||||
* Author: Abdullah A Almsaeed |
||||
* Date: 4 Jan 2014 |
||||
* Description: |
||||
* This is a demo file used only for the main dashboard (index.html) |
||||
**/ |
||||
|
||||
$(function () { |
||||
|
||||
"use strict"; |
||||
|
||||
//Make the dashboard widgets sortable Using jquery UI
|
||||
$(".connectedSortable").sortable({ |
||||
placeholder: "sort-highlight", |
||||
connectWith: ".connectedSortable", |
||||
handle: ".box-header, .nav-tabs", |
||||
forcePlaceholderSize: true, |
||||
zIndex: 999999 |
||||
}); |
||||
$(".connectedSortable .box-header, .connectedSortable .nav-tabs-custom").css("cursor", "move"); |
||||
|
||||
//jQuery UI sortable for the todo list
|
||||
$(".todo-list").sortable({ |
||||
placeholder: "sort-highlight", |
||||
handle: ".handle", |
||||
forcePlaceholderSize: true, |
||||
zIndex: 999999 |
||||
}); |
||||
|
||||
//bootstrap WYSIHTML5 - text editor
|
||||
$(".textarea").wysihtml5(); |
||||
|
||||
$('.daterange').daterangepicker({ |
||||
ranges: { |
||||
'Today': [moment(), moment()], |
||||
'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], |
||||
'Last 7 Days': [moment().subtract(6, 'days'), moment()], |
||||
'Last 30 Days': [moment().subtract(29, 'days'), moment()], |
||||
'This Month': [moment().startOf('month'), moment().endOf('month')], |
||||
'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')] |
||||
}, |
||||
startDate: moment().subtract(29, 'days'), |
||||
endDate: moment() |
||||
}, function (start, end) { |
||||
window.alert("You chose: " + start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY')); |
||||
}); |
||||
|
||||
/* jQueryKnob */ |
||||
$(".knob").knob(); |
||||
|
||||
//jvectormap data
|
||||
var visitorsData = { |
||||
"US": 398, //USA
|
||||
"SA": 400, //Saudi Arabia
|
||||
"CA": 1000, //Canada
|
||||
"DE": 500, //Germany
|
||||
"FR": 760, //France
|
||||
"CN": 300, //China
|
||||
"AU": 700, //Australia
|
||||
"BR": 600, //Brazil
|
||||
"IN": 800, //India
|
||||
"GB": 320, //Great Britain
|
||||
"RU": 3000 //Russia
|
||||
}; |
||||
//World map by jvectormap
|
||||
$('#world-map').vectorMap({ |
||||
map: 'world_mill_en', |
||||
backgroundColor: "transparent", |
||||
regionStyle: { |
||||
initial: { |
||||
fill: '#e4e4e4', |
||||
"fill-opacity": 1, |
||||
stroke: 'none', |
||||
"stroke-width": 0, |
||||
"stroke-opacity": 1 |
||||
} |
||||
}, |
||||
series: { |
||||
regions: [{ |
||||
values: visitorsData, |
||||
scale: ["#92c1dc", "#ebf4f9"], |
||||
normalizeFunction: 'polynomial' |
||||
}] |
||||
}, |
||||
onRegionLabelShow: function (e, el, code) { |
||||
if (typeof visitorsData[code] != "undefined") |
||||
el.html(el.html() + ': ' + visitorsData[code] + ' new visitors'); |
||||
} |
||||
}); |
||||
|
||||
//Sparkline charts
|
||||
var myvalues = [1000, 1200, 920, 927, 931, 1027, 819, 930, 1021]; |
||||
$('#sparkline-1').sparkline(myvalues, { |
||||
type: 'line', |
||||
lineColor: '#92c1dc', |
||||
fillColor: "#ebf4f9", |
||||
height: '50', |
||||
width: '80' |
||||
}); |
||||
myvalues = [515, 519, 520, 522, 652, 810, 370, 627, 319, 630, 921]; |
||||
$('#sparkline-2').sparkline(myvalues, { |
||||
type: 'line', |
||||
lineColor: '#92c1dc', |
||||
fillColor: "#ebf4f9", |
||||
height: '50', |
||||
width: '80' |
||||
}); |
||||
myvalues = [15, 19, 20, 22, 33, 27, 31, 27, 19, 30, 21]; |
||||
$('#sparkline-3').sparkline(myvalues, { |
||||
type: 'line', |
||||
lineColor: '#92c1dc', |
||||
fillColor: "#ebf4f9", |
||||
height: '50', |
||||
width: '80' |
||||
}); |
||||
|
||||
//The Calender
|
||||
$("#calendar").datepicker(); |
||||
|
||||
//SLIMSCROLL FOR CHAT WIDGET
|
||||
$('#chat-box').slimScroll({ |
||||
height: '250px' |
||||
}); |
||||
|
||||
/* Morris.js Charts */ |
||||
// Sales chart
|
||||
var area = new Morris.Area({ |
||||
element: 'revenue-chart', |
||||
resize: true, |
||||
data: [ |
||||
{y: '2011 Q1', item1: 2666, item2: 2666}, |
||||
{y: '2011 Q2', item1: 2778, item2: 2294}, |
||||
{y: '2011 Q3', item1: 4912, item2: 1969}, |
||||
{y: '2011 Q4', item1: 3767, item2: 3597}, |
||||
{y: '2012 Q1', item1: 6810, item2: 1914}, |
||||
{y: '2012 Q2', item1: 5670, item2: 4293}, |
||||
{y: '2012 Q3', item1: 4820, item2: 3795}, |
||||
{y: '2012 Q4', item1: 15073, item2: 5967}, |
||||
{y: '2013 Q1', item1: 10687, item2: 4460}, |
||||
{y: '2013 Q2', item1: 8432, item2: 5713} |
||||
], |
||||
xkey: 'y', |
||||
ykeys: ['item1', 'item2'], |
||||
labels: ['Item 1', 'Item 2'], |
||||
lineColors: ['#a0d0e0', '#3c8dbc'], |
||||
hideHover: 'auto' |
||||
}); |
||||
var line = new Morris.Line({ |
||||
element: 'line-chart', |
||||
resize: true, |
||||
data: [ |
||||
{y: '2011 Q1', item1: 2666}, |
||||
{y: '2011 Q2', item1: 2778}, |
||||
{y: '2011 Q3', item1: 4912}, |
||||
{y: '2011 Q4', item1: 3767}, |
||||
{y: '2012 Q1', item1: 6810}, |
||||
{y: '2012 Q2', item1: 5670}, |
||||
{y: '2012 Q3', item1: 4820}, |
||||
{y: '2012 Q4', item1: 15073}, |
||||
{y: '2013 Q1', item1: 10687}, |
||||
{y: '2013 Q2', item1: 8432} |
||||
], |
||||
xkey: 'y', |
||||
ykeys: ['item1'], |
||||
labels: ['Item 1'], |
||||
lineColors: ['#efefef'], |
||||
lineWidth: 2, |
||||
hideHover: 'auto', |
||||
gridTextColor: "#fff", |
||||
gridStrokeWidth: 0.4, |
||||
pointSize: 4, |
||||
pointStrokeColors: ["#efefef"], |
||||
gridLineColor: "#efefef", |
||||
gridTextFamily: "Open Sans", |
||||
gridTextSize: 10 |
||||
}); |
||||
|
||||
//Donut Chart
|
||||
var donut = new Morris.Donut({ |
||||
element: 'sales-chart', |
||||
resize: true, |
||||
colors: ["#3c8dbc", "#f56954", "#00a65a"], |
||||
data: [ |
||||
{label: "Download Sales", value: 12}, |
||||
{label: "In-Store Sales", value: 30}, |
||||
{label: "Mail-Order Sales", value: 20} |
||||
], |
||||
hideHover: 'auto' |
||||
}); |
||||
|
||||
//Fix for charts under tabs
|
||||
$('.box ul.nav a').on('shown.bs.tab', function () { |
||||
area.redraw(); |
||||
donut.redraw(); |
||||
line.redraw(); |
||||
}); |
||||
|
||||
/* The todo list plugin */ |
||||
$(".todo-list").todolist({ |
||||
onCheck: function (ele) { |
||||
window.console.log("The element has been checked"); |
||||
return ele; |
||||
}, |
||||
onUncheck: function (ele) { |
||||
window.console.log("The element has been unchecked"); |
||||
return ele; |
||||
} |
||||
}); |
||||
|
||||
}); |
||||
@ -0,0 +1,274 @@ |
||||
$(function () { |
||||
|
||||
'use strict'; |
||||
|
||||
/* ChartJS |
||||
* ------- |
||||
* Here we will create a few charts using ChartJS |
||||
*/ |
||||
|
||||
//-----------------------
|
||||
//- MONTHLY SALES CHART -
|
||||
//-----------------------
|
||||
|
||||
// Get context with jQuery - using jQuery's .get() method.
|
||||
var salesChartCanvas = $("#salesChart").get(0).getContext("2d"); |
||||
// This will get the first returned node in the jQuery collection.
|
||||
var salesChart = new Chart(salesChartCanvas); |
||||
|
||||
var salesChartData = { |
||||
labels: ["January", "February", "March", "April", "May", "June", "July"], |
||||
datasets: [ |
||||
{ |
||||
label: "Electronics", |
||||
fillColor: "rgb(210, 214, 222)", |
||||
strokeColor: "rgb(210, 214, 222)", |
||||
pointColor: "rgb(210, 214, 222)", |
||||
pointStrokeColor: "#c1c7d1", |
||||
pointHighlightFill: "#fff", |
||||
pointHighlightStroke: "rgb(220,220,220)", |
||||
data: [65, 59, 80, 81, 56, 55, 40] |
||||
}, |
||||
{ |
||||
label: "Digital Goods", |
||||
fillColor: "rgba(60,141,188,0.9)", |
||||
strokeColor: "rgba(60,141,188,0.8)", |
||||
pointColor: "#3b8bba", |
||||
pointStrokeColor: "rgba(60,141,188,1)", |
||||
pointHighlightFill: "#fff", |
||||
pointHighlightStroke: "rgba(60,141,188,1)", |
||||
data: [28, 48, 40, 19, 86, 27, 90] |
||||
} |
||||
] |
||||
}; |
||||
|
||||
var salesChartOptions = { |
||||
//Boolean - If we should show the scale at all
|
||||
showScale: true, |
||||
//Boolean - Whether grid lines are shown across the chart
|
||||
scaleShowGridLines: false, |
||||
//String - Colour of the grid lines
|
||||
scaleGridLineColor: "rgba(0,0,0,.05)", |
||||
//Number - Width of the grid lines
|
||||
scaleGridLineWidth: 1, |
||||
//Boolean - Whether to show horizontal lines (except X axis)
|
||||
scaleShowHorizontalLines: true, |
||||
//Boolean - Whether to show vertical lines (except Y axis)
|
||||
scaleShowVerticalLines: true, |
||||
//Boolean - Whether the line is curved between points
|
||||
bezierCurve: true, |
||||
//Number - Tension of the bezier curve between points
|
||||
bezierCurveTension: 0.3, |
||||
//Boolean - Whether to show a dot for each point
|
||||
pointDot: false, |
||||
//Number - Radius of each point dot in pixels
|
||||
pointDotRadius: 4, |
||||
//Number - Pixel width of point dot stroke
|
||||
pointDotStrokeWidth: 1, |
||||
//Number - amount extra to add to the radius to cater for hit detection outside the drawn point
|
||||
pointHitDetectionRadius: 20, |
||||
//Boolean - Whether to show a stroke for datasets
|
||||
datasetStroke: true, |
||||
//Number - Pixel width of dataset stroke
|
||||
datasetStrokeWidth: 2, |
||||
//Boolean - Whether to fill the dataset with a color
|
||||
datasetFill: true, |
||||
//String - A legend template
|
||||
legendTemplate: "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<datasets.length; i++){%><li><span style=\"background-color:<%=datasets[i].lineColor%>\"></span><%=datasets[i].label%></li><%}%></ul>", |
||||
//Boolean - whether to maintain the starting aspect ratio or not when responsive, if set to false, will take up entire container
|
||||
maintainAspectRatio: true, |
||||
//Boolean - whether to make the chart responsive to window resizing
|
||||
responsive: true |
||||
}; |
||||
|
||||
//Create the line chart
|
||||
salesChart.Line(salesChartData, salesChartOptions); |
||||
|
||||
//---------------------------
|
||||
//- END MONTHLY SALES CHART -
|
||||
//---------------------------
|
||||
|
||||
//-------------
|
||||
//- PIE CHART -
|
||||
//-------------
|
||||
// Get context with jQuery - using jQuery's .get() method.
|
||||
var pieChartCanvas = $("#pieChart").get(0).getContext("2d"); |
||||
var pieChart = new Chart(pieChartCanvas); |
||||
var PieData = [ |
||||
{ |
||||
value: 700, |
||||
color: "#f56954", |
||||
highlight: "#f56954", |
||||
label: "Chrome" |
||||
}, |
||||
{ |
||||
value: 500, |
||||
color: "#00a65a", |
||||
highlight: "#00a65a", |
||||
label: "IE" |
||||
}, |
||||
{ |
||||
value: 400, |
||||
color: "#f39c12", |
||||
highlight: "#f39c12", |
||||
label: "FireFox" |
||||
}, |
||||
{ |
||||
value: 600, |
||||
color: "#00c0ef", |
||||
highlight: "#00c0ef", |
||||
label: "Safari" |
||||
}, |
||||
{ |
||||
value: 300, |
||||
color: "#3c8dbc", |
||||
highlight: "#3c8dbc", |
||||
label: "Opera" |
||||
}, |
||||
{ |
||||
value: 100, |
||||
color: "#d2d6de", |
||||
highlight: "#d2d6de", |
||||
label: "Navigator" |
||||
} |
||||
]; |
||||
var pieOptions = { |
||||
//Boolean - Whether we should show a stroke on each segment
|
||||
segmentShowStroke: true, |
||||
//String - The colour of each segment stroke
|
||||
segmentStrokeColor: "#fff", |
||||
//Number - The width of each segment stroke
|
||||
segmentStrokeWidth: 1, |
||||
//Number - The percentage of the chart that we cut out of the middle
|
||||
percentageInnerCutout: 50, // This is 0 for Pie charts
|
||||
//Number - Amount of animation steps
|
||||
animationSteps: 100, |
||||
//String - Animation easing effect
|
||||
animationEasing: "easeOutBounce", |
||||
//Boolean - Whether we animate the rotation of the Doughnut
|
||||
animateRotate: true, |
||||
//Boolean - Whether we animate scaling the Doughnut from the centre
|
||||
animateScale: false, |
||||
//Boolean - whether to make the chart responsive to window resizing
|
||||
responsive: true, |
||||
// Boolean - whether to maintain the starting aspect ratio or not when responsive, if set to false, will take up entire container
|
||||
maintainAspectRatio: false, |
||||
//String - A legend template
|
||||
legendTemplate: "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<segments.length; i++){%><li><span style=\"background-color:<%=segments[i].fillColor%>\"></span><%if(segments[i].label){%><%=segments[i].label%><%}%></li><%}%></ul>", |
||||
//String - A tooltip template
|
||||
tooltipTemplate: "<%=value %> <%=label%> users" |
||||
}; |
||||
//Create pie or douhnut chart
|
||||
// You can switch between pie and douhnut using the method below.
|
||||
pieChart.Doughnut(PieData, pieOptions); |
||||
//-----------------
|
||||
//- END PIE CHART -
|
||||
//-----------------
|
||||
|
||||
/* jVector Maps |
||||
* ------------ |
||||
* Create a world map with markers |
||||
*/ |
||||
$('#world-map-markers').vectorMap({ |
||||
map: 'world_mill_en', |
||||
normalizeFunction: 'polynomial', |
||||
hoverOpacity: 0.7, |
||||
hoverColor: false, |
||||
backgroundColor: 'transparent', |
||||
regionStyle: { |
||||
initial: { |
||||
fill: 'rgba(210, 214, 222, 1)', |
||||
"fill-opacity": 1, |
||||
stroke: 'none', |
||||
"stroke-width": 0, |
||||
"stroke-opacity": 1 |
||||
}, |
||||
hover: { |
||||
"fill-opacity": 0.7, |
||||
cursor: 'pointer' |
||||
}, |
||||
selected: { |
||||
fill: 'yellow' |
||||
}, |
||||
selectedHover: {} |
||||
}, |
||||
markerStyle: { |
||||
initial: { |
||||
fill: '#00a65a', |
||||
stroke: '#111' |
||||
} |
||||
}, |
||||
markers: [ |
||||
{latLng: [41.90, 12.45], name: 'Vatican City'}, |
||||
{latLng: [43.73, 7.41], name: 'Monaco'}, |
||||
{latLng: [-0.52, 166.93], name: 'Nauru'}, |
||||
{latLng: [-8.51, 179.21], name: 'Tuvalu'}, |
||||
{latLng: [43.93, 12.46], name: 'San Marino'}, |
||||
{latLng: [47.14, 9.52], name: 'Liechtenstein'}, |
||||
{latLng: [7.11, 171.06], name: 'Marshall Islands'}, |
||||
{latLng: [17.3, -62.73], name: 'Saint Kitts and Nevis'}, |
||||
{latLng: [3.2, 73.22], name: 'Maldives'}, |
||||
{latLng: [35.88, 14.5], name: 'Malta'}, |
||||
{latLng: [12.05, -61.75], name: 'Grenada'}, |
||||
{latLng: [13.16, -61.23], name: 'Saint Vincent and the Grenadines'}, |
||||
{latLng: [13.16, -59.55], name: 'Barbados'}, |
||||
{latLng: [17.11, -61.85], name: 'Antigua and Barbuda'}, |
||||
{latLng: [-4.61, 55.45], name: 'Seychelles'}, |
||||
{latLng: [7.35, 134.46], name: 'Palau'}, |
||||
{latLng: [42.5, 1.51], name: 'Andorra'}, |
||||
{latLng: [14.01, -60.98], name: 'Saint Lucia'}, |
||||
{latLng: [6.91, 158.18], name: 'Federated States of Micronesia'}, |
||||
{latLng: [1.3, 103.8], name: 'Singapore'}, |
||||
{latLng: [1.46, 173.03], name: 'Kiribati'}, |
||||
{latLng: [-21.13, -175.2], name: 'Tonga'}, |
||||
{latLng: [15.3, -61.38], name: 'Dominica'}, |
||||
{latLng: [-20.2, 57.5], name: 'Mauritius'}, |
||||
{latLng: [26.02, 50.55], name: 'Bahrain'}, |
||||
{latLng: [0.33, 6.73], name: 'São Tomé and Príncipe'} |
||||
] |
||||
}); |
||||
|
||||
/* SPARKLINE CHARTS |
||||
* ---------------- |
||||
* Create a inline charts with spark line |
||||
*/ |
||||
|
||||
//-----------------
|
||||
//- SPARKLINE BAR -
|
||||
//-----------------
|
||||
$('.sparkbar').each(function () { |
||||
var $this = $(this); |
||||
$this.sparkline('html', { |
||||
type: 'bar', |
||||
height: $this.data('height') ? $this.data('height') : '30', |
||||
barColor: $this.data('color') |
||||
}); |
||||
}); |
||||
|
||||
//-----------------
|
||||
//- SPARKLINE PIE -
|
||||
//-----------------
|
||||
$('.sparkpie').each(function () { |
||||
var $this = $(this); |
||||
$this.sparkline('html', { |
||||
type: 'pie', |
||||
height: $this.data('height') ? $this.data('height') : '90', |
||||
sliceColors: $this.data('color') |
||||
}); |
||||
}); |
||||
|
||||
//------------------
|
||||
//- SPARKLINE LINE -
|
||||
//------------------
|
||||
$('.sparkline').each(function () { |
||||
var $this = $(this); |
||||
$this.sparkline('html', { |
||||
type: 'line', |
||||
height: $this.data('height') ? $this.data('height') : '90', |
||||
width: '100%', |
||||
lineColor: $this.data('linecolor'), |
||||
fillColor: $this.data('fillcolor'), |
||||
spotColor: $this.data('spotcolor') |
||||
}); |
||||
}); |
||||
}); |
||||
@ -0,0 +1,587 @@ |
||||
/*! |
||||
* Bootstrap v3.3.7 (http://getbootstrap.com) |
||||
* Copyright 2011-2016 Twitter, Inc. |
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) |
||||
*/ |
||||
.btn-default, |
||||
.btn-primary, |
||||
.btn-success, |
||||
.btn-info, |
||||
.btn-warning, |
||||
.btn-danger { |
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); |
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); |
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); |
||||
} |
||||
.btn-default:active, |
||||
.btn-primary:active, |
||||
.btn-success:active, |
||||
.btn-info:active, |
||||
.btn-warning:active, |
||||
.btn-danger:active, |
||||
.btn-default.active, |
||||
.btn-primary.active, |
||||
.btn-success.active, |
||||
.btn-info.active, |
||||
.btn-warning.active, |
||||
.btn-danger.active { |
||||
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); |
||||
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); |
||||
} |
||||
.btn-default.disabled, |
||||
.btn-primary.disabled, |
||||
.btn-success.disabled, |
||||
.btn-info.disabled, |
||||
.btn-warning.disabled, |
||||
.btn-danger.disabled, |
||||
.btn-default[disabled], |
||||
.btn-primary[disabled], |
||||
.btn-success[disabled], |
||||
.btn-info[disabled], |
||||
.btn-warning[disabled], |
||||
.btn-danger[disabled], |
||||
fieldset[disabled] .btn-default, |
||||
fieldset[disabled] .btn-primary, |
||||
fieldset[disabled] .btn-success, |
||||
fieldset[disabled] .btn-info, |
||||
fieldset[disabled] .btn-warning, |
||||
fieldset[disabled] .btn-danger { |
||||
-webkit-box-shadow: none; |
||||
box-shadow: none; |
||||
} |
||||
.btn-default .badge, |
||||
.btn-primary .badge, |
||||
.btn-success .badge, |
||||
.btn-info .badge, |
||||
.btn-warning .badge, |
||||
.btn-danger .badge { |
||||
text-shadow: none; |
||||
} |
||||
.btn:active, |
||||
.btn.active { |
||||
background-image: none; |
||||
} |
||||
.btn-default { |
||||
text-shadow: 0 1px 0 #fff; |
||||
background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%); |
||||
background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0)); |
||||
background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
||||
background-repeat: repeat-x; |
||||
border-color: #dbdbdb; |
||||
border-color: #ccc; |
||||
} |
||||
.btn-default:hover, |
||||
.btn-default:focus { |
||||
background-color: #e0e0e0; |
||||
background-position: 0 -15px; |
||||
} |
||||
.btn-default:active, |
||||
.btn-default.active { |
||||
background-color: #e0e0e0; |
||||
border-color: #dbdbdb; |
||||
} |
||||
.btn-default.disabled, |
||||
.btn-default[disabled], |
||||
fieldset[disabled] .btn-default, |
||||
.btn-default.disabled:hover, |
||||
.btn-default[disabled]:hover, |
||||
fieldset[disabled] .btn-default:hover, |
||||
.btn-default.disabled:focus, |
||||
.btn-default[disabled]:focus, |
||||
fieldset[disabled] .btn-default:focus, |
||||
.btn-default.disabled.focus, |
||||
.btn-default[disabled].focus, |
||||
fieldset[disabled] .btn-default.focus, |
||||
.btn-default.disabled:active, |
||||
.btn-default[disabled]:active, |
||||
fieldset[disabled] .btn-default:active, |
||||
.btn-default.disabled.active, |
||||
.btn-default[disabled].active, |
||||
fieldset[disabled] .btn-default.active { |
||||
background-color: #e0e0e0; |
||||
background-image: none; |
||||
} |
||||
.btn-primary { |
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%); |
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88)); |
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
||||
background-repeat: repeat-x; |
||||
border-color: #245580; |
||||
} |
||||
.btn-primary:hover, |
||||
.btn-primary:focus { |
||||
background-color: #265a88; |
||||
background-position: 0 -15px; |
||||
} |
||||
.btn-primary:active, |
||||
.btn-primary.active { |
||||
background-color: #265a88; |
||||
border-color: #245580; |
||||
} |
||||
.btn-primary.disabled, |
||||
.btn-primary[disabled], |
||||
fieldset[disabled] .btn-primary, |
||||
.btn-primary.disabled:hover, |
||||
.btn-primary[disabled]:hover, |
||||
fieldset[disabled] .btn-primary:hover, |
||||
.btn-primary.disabled:focus, |
||||
.btn-primary[disabled]:focus, |
||||
fieldset[disabled] .btn-primary:focus, |
||||
.btn-primary.disabled.focus, |
||||
.btn-primary[disabled].focus, |
||||
fieldset[disabled] .btn-primary.focus, |
||||
.btn-primary.disabled:active, |
||||
.btn-primary[disabled]:active, |
||||
fieldset[disabled] .btn-primary:active, |
||||
.btn-primary.disabled.active, |
||||
.btn-primary[disabled].active, |
||||
fieldset[disabled] .btn-primary.active { |
||||
background-color: #265a88; |
||||
background-image: none; |
||||
} |
||||
.btn-success { |
||||
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%); |
||||
background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641)); |
||||
background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
||||
background-repeat: repeat-x; |
||||
border-color: #3e8f3e; |
||||
} |
||||
.btn-success:hover, |
||||
.btn-success:focus { |
||||
background-color: #419641; |
||||
background-position: 0 -15px; |
||||
} |
||||
.btn-success:active, |
||||
.btn-success.active { |
||||
background-color: #419641; |
||||
border-color: #3e8f3e; |
||||
} |
||||
.btn-success.disabled, |
||||
.btn-success[disabled], |
||||
fieldset[disabled] .btn-success, |
||||
.btn-success.disabled:hover, |
||||
.btn-success[disabled]:hover, |
||||
fieldset[disabled] .btn-success:hover, |
||||
.btn-success.disabled:focus, |
||||
.btn-success[disabled]:focus, |
||||
fieldset[disabled] .btn-success:focus, |
||||
.btn-success.disabled.focus, |
||||
.btn-success[disabled].focus, |
||||
fieldset[disabled] .btn-success.focus, |
||||
.btn-success.disabled:active, |
||||
.btn-success[disabled]:active, |
||||
fieldset[disabled] .btn-success:active, |
||||
.btn-success.disabled.active, |
||||
.btn-success[disabled].active, |
||||
fieldset[disabled] .btn-success.active { |
||||
background-color: #419641; |
||||
background-image: none; |
||||
} |
||||
.btn-info { |
||||
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%); |
||||
background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2)); |
||||
background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
||||
background-repeat: repeat-x; |
||||
border-color: #28a4c9; |
||||
} |
||||
.btn-info:hover, |
||||
.btn-info:focus { |
||||
background-color: #2aabd2; |
||||
background-position: 0 -15px; |
||||
} |
||||
.btn-info:active, |
||||
.btn-info.active { |
||||
background-color: #2aabd2; |
||||
border-color: #28a4c9; |
||||
} |
||||
.btn-info.disabled, |
||||
.btn-info[disabled], |
||||
fieldset[disabled] .btn-info, |
||||
.btn-info.disabled:hover, |
||||
.btn-info[disabled]:hover, |
||||
fieldset[disabled] .btn-info:hover, |
||||
.btn-info.disabled:focus, |
||||
.btn-info[disabled]:focus, |
||||
fieldset[disabled] .btn-info:focus, |
||||
.btn-info.disabled.focus, |
||||
.btn-info[disabled].focus, |
||||
fieldset[disabled] .btn-info.focus, |
||||
.btn-info.disabled:active, |
||||
.btn-info[disabled]:active, |
||||
fieldset[disabled] .btn-info:active, |
||||
.btn-info.disabled.active, |
||||
.btn-info[disabled].active, |
||||
fieldset[disabled] .btn-info.active { |
||||
background-color: #2aabd2; |
||||
background-image: none; |
||||
} |
||||
.btn-warning { |
||||
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%); |
||||
background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316)); |
||||
background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
||||
background-repeat: repeat-x; |
||||
border-color: #e38d13; |
||||
} |
||||
.btn-warning:hover, |
||||
.btn-warning:focus { |
||||
background-color: #eb9316; |
||||
background-position: 0 -15px; |
||||
} |
||||
.btn-warning:active, |
||||
.btn-warning.active { |
||||
background-color: #eb9316; |
||||
border-color: #e38d13; |
||||
} |
||||
.btn-warning.disabled, |
||||
.btn-warning[disabled], |
||||
fieldset[disabled] .btn-warning, |
||||
.btn-warning.disabled:hover, |
||||
.btn-warning[disabled]:hover, |
||||
fieldset[disabled] .btn-warning:hover, |
||||
.btn-warning.disabled:focus, |
||||
.btn-warning[disabled]:focus, |
||||
fieldset[disabled] .btn-warning:focus, |
||||
.btn-warning.disabled.focus, |
||||
.btn-warning[disabled].focus, |
||||
fieldset[disabled] .btn-warning.focus, |
||||
.btn-warning.disabled:active, |
||||
.btn-warning[disabled]:active, |
||||
fieldset[disabled] .btn-warning:active, |
||||
.btn-warning.disabled.active, |
||||
.btn-warning[disabled].active, |
||||
fieldset[disabled] .btn-warning.active { |
||||
background-color: #eb9316; |
||||
background-image: none; |
||||
} |
||||
.btn-danger { |
||||
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%); |
||||
background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a)); |
||||
background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
||||
background-repeat: repeat-x; |
||||
border-color: #b92c28; |
||||
} |
||||
.btn-danger:hover, |
||||
.btn-danger:focus { |
||||
background-color: #c12e2a; |
||||
background-position: 0 -15px; |
||||
} |
||||
.btn-danger:active, |
||||
.btn-danger.active { |
||||
background-color: #c12e2a; |
||||
border-color: #b92c28; |
||||
} |
||||
.btn-danger.disabled, |
||||
.btn-danger[disabled], |
||||
fieldset[disabled] .btn-danger, |
||||
.btn-danger.disabled:hover, |
||||
.btn-danger[disabled]:hover, |
||||
fieldset[disabled] .btn-danger:hover, |
||||
.btn-danger.disabled:focus, |
||||
.btn-danger[disabled]:focus, |
||||
fieldset[disabled] .btn-danger:focus, |
||||
.btn-danger.disabled.focus, |
||||
.btn-danger[disabled].focus, |
||||
fieldset[disabled] .btn-danger.focus, |
||||
.btn-danger.disabled:active, |
||||
.btn-danger[disabled]:active, |
||||
fieldset[disabled] .btn-danger:active, |
||||
.btn-danger.disabled.active, |
||||
.btn-danger[disabled].active, |
||||
fieldset[disabled] .btn-danger.active { |
||||
background-color: #c12e2a; |
||||
background-image: none; |
||||
} |
||||
.thumbnail, |
||||
.img-thumbnail { |
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075); |
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, .075); |
||||
} |
||||
.dropdown-menu > li > a:hover, |
||||
.dropdown-menu > li > a:focus { |
||||
background-color: #e8e8e8; |
||||
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); |
||||
background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8)); |
||||
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.dropdown-menu > .active > a, |
||||
.dropdown-menu > .active > a:hover, |
||||
.dropdown-menu > .active > a:focus { |
||||
background-color: #2e6da4; |
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%); |
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4)); |
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.navbar-default { |
||||
background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%); |
||||
background-image: -o-linear-gradient(top, #fff 0%, #f8f8f8 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8)); |
||||
background-image: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
||||
background-repeat: repeat-x; |
||||
border-radius: 4px; |
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075); |
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075); |
||||
} |
||||
.navbar-default .navbar-nav > .open > a, |
||||
.navbar-default .navbar-nav > .active > a { |
||||
background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%); |
||||
background-image: -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2)); |
||||
background-image: linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075); |
||||
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075); |
||||
} |
||||
.navbar-brand, |
||||
.navbar-nav > li > a { |
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, .25); |
||||
} |
||||
.navbar-inverse { |
||||
background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%); |
||||
background-image: -o-linear-gradient(top, #3c3c3c 0%, #222 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222)); |
||||
background-image: linear-gradient(to bottom, #3c3c3c 0%, #222 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
||||
background-repeat: repeat-x; |
||||
border-radius: 4px; |
||||
} |
||||
.navbar-inverse .navbar-nav > .open > a, |
||||
.navbar-inverse .navbar-nav > .active > a { |
||||
background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%); |
||||
background-image: -o-linear-gradient(top, #080808 0%, #0f0f0f 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f)); |
||||
background-image: linear-gradient(to bottom, #080808 0%, #0f0f0f 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25); |
||||
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25); |
||||
} |
||||
.navbar-inverse .navbar-brand, |
||||
.navbar-inverse .navbar-nav > li > a { |
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); |
||||
} |
||||
.navbar-static-top, |
||||
.navbar-fixed-top, |
||||
.navbar-fixed-bottom { |
||||
border-radius: 0; |
||||
} |
||||
@media (max-width: 767px) { |
||||
.navbar .navbar-nav .open .dropdown-menu > .active > a, |
||||
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover, |
||||
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus { |
||||
color: #fff; |
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%); |
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4)); |
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
} |
||||
.alert { |
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, .2); |
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05); |
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05); |
||||
} |
||||
.alert-success { |
||||
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%); |
||||
background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc)); |
||||
background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
border-color: #b2dba1; |
||||
} |
||||
.alert-info { |
||||
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%); |
||||
background-image: -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0)); |
||||
background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
border-color: #9acfea; |
||||
} |
||||
.alert-warning { |
||||
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%); |
||||
background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0)); |
||||
background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
border-color: #f5e79e; |
||||
} |
||||
.alert-danger { |
||||
background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%); |
||||
background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3)); |
||||
background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
border-color: #dca7a7; |
||||
} |
||||
.progress { |
||||
background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%); |
||||
background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5)); |
||||
background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.progress-bar { |
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #286090 100%); |
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #286090 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#286090)); |
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #286090 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.progress-bar-success { |
||||
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%); |
||||
background-image: -o-linear-gradient(top, #5cb85c 0%, #449d44 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44)); |
||||
background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.progress-bar-info { |
||||
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%); |
||||
background-image: -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5)); |
||||
background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.progress-bar-warning { |
||||
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%); |
||||
background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f)); |
||||
background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.progress-bar-danger { |
||||
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%); |
||||
background-image: -o-linear-gradient(top, #d9534f 0%, #c9302c 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c)); |
||||
background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.progress-bar-striped { |
||||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); |
||||
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); |
||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); |
||||
} |
||||
.list-group { |
||||
border-radius: 4px; |
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075); |
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, .075); |
||||
} |
||||
.list-group-item.active, |
||||
.list-group-item.active:hover, |
||||
.list-group-item.active:focus { |
||||
text-shadow: 0 -1px 0 #286090; |
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%); |
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #2b669a 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a)); |
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #2b669a 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
border-color: #2b669a; |
||||
} |
||||
.list-group-item.active .badge, |
||||
.list-group-item.active:hover .badge, |
||||
.list-group-item.active:focus .badge { |
||||
text-shadow: none; |
||||
} |
||||
.panel { |
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05); |
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, .05); |
||||
} |
||||
.panel-default > .panel-heading { |
||||
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); |
||||
background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8)); |
||||
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.panel-primary > .panel-heading { |
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%); |
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4)); |
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.panel-success > .panel-heading { |
||||
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%); |
||||
background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6)); |
||||
background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.panel-info > .panel-heading { |
||||
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%); |
||||
background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3)); |
||||
background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.panel-warning > .panel-heading { |
||||
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%); |
||||
background-image: -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc)); |
||||
background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.panel-danger > .panel-heading { |
||||
background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%); |
||||
background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc)); |
||||
background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.well { |
||||
background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); |
||||
background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5)); |
||||
background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
border-color: #dcdcdc; |
||||
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1); |
||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1); |
||||
} |
||||
/*# sourceMappingURL=bootstrap-theme.css.map */ |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 106 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -0,0 +1,13 @@ |
||||
// This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment.
|
||||
require('../../js/transition.js') |
||||
require('../../js/alert.js') |
||||
require('../../js/button.js') |
||||
require('../../js/carousel.js') |
||||
require('../../js/collapse.js') |
||||
require('../../js/dropdown.js') |
||||
require('../../js/modal.js') |
||||
require('../../js/tooltip.js') |
||||
require('../../js/popover.js') |
||||
require('../../js/scrollspy.js') |
||||
require('../../js/tab.js') |
||||
require('../../js/affix.js') |
||||
@ -0,0 +1,370 @@ |
||||
.pointer { |
||||
cursor: pointer; |
||||
} |
||||
.fpzldmIcon{ |
||||
display: inline-block; |
||||
width: 38px; |
||||
height: 18px; |
||||
line-height: 18px; |
||||
border-radius: 3px; |
||||
font-size: 12px; |
||||
font-weight: 400; |
||||
} |
||||
|
||||
/* 专票 */ |
||||
.fpzldmIcon0{ |
||||
background: #F4DBC8; |
||||
color: #D3630D; |
||||
} |
||||
/* 普票 */ |
||||
.fpzldmIcon2{ |
||||
background: #CCECFC; |
||||
color: #0598E3; |
||||
} |
||||
/* 电普 */ |
||||
.fpzldmIcon51{ |
||||
background: #CCDDF2; |
||||
color: #114889; |
||||
} |
||||
/* 电专 */ |
||||
.fpzldmIcon52{ |
||||
background: #C8F0EA; |
||||
color: #027B6B; |
||||
} |
||||
/* 机动 */ |
||||
.fpzldmIcon12{ |
||||
background: #F9EBBE; |
||||
color: #BB8604; |
||||
} |
||||
/* 卷票 */ |
||||
.fpzldmIcon41{ |
||||
background: #E0F3D4; |
||||
color: #5A9334; |
||||
} |
||||
/* 二手 */ |
||||
.fpzldmIcon42{ |
||||
background: #F1D9DF; |
||||
color: #D05576; |
||||
} |
||||
/* 数电专 */ |
||||
.fpzldmIcon01{ |
||||
background: #D9FADF; |
||||
color: #246C2C; |
||||
} |
||||
/* 数电普 */ |
||||
.fpzldmIcon02 { |
||||
background: #DEEDFF; |
||||
color: #0D7CFF; |
||||
} |
||||
/*去掉黑点和空格*/ |
||||
ul, |
||||
li { |
||||
list-style: none; |
||||
padding: 0; |
||||
margin: 0; |
||||
} |
||||
|
||||
/* 滚动条 */ |
||||
::-webkit-scrollbar { |
||||
width: 10px !important; |
||||
height: 10px !important; |
||||
-webkit-appearance: none; |
||||
} |
||||
|
||||
::-webkit-scrollbar-thumb { |
||||
height: 5px; |
||||
border: 1px solid transparent; |
||||
border-top: none; |
||||
border-bottom: none; |
||||
-webkit-border-radius: 6px; |
||||
background-color: rgba(125, 125, 125, .4); |
||||
background-clip: padding-box; |
||||
} |
||||
|
||||
::-webkit-scrollbar-thumb:hover { |
||||
background-color: rgba(125, 125, 125, .5); |
||||
} |
||||
.box-padding{ |
||||
padding: 15px 15px 42px; |
||||
min-width: 1060px; |
||||
} |
||||
/* 查询条件虚线 */ |
||||
.common-dashed { |
||||
margin-bottom: 15px; |
||||
padding-bottom: 9px; |
||||
border-bottom: 1px dashed #D9D9D9; |
||||
} |
||||
/* 返回虚线 */ |
||||
.common-dashed-back{ |
||||
border-bottom: 1px dashed #D9D9D9; |
||||
height: 56px; |
||||
line-height: 56px; |
||||
} |
||||
/* 返回虚线固定 */ |
||||
.common-dashed-backFixed{ |
||||
border-bottom: 1px dashed #D9D9D9; |
||||
height: 56px; |
||||
line-height: 56px; |
||||
width: 97%; |
||||
background: #FFF; |
||||
position: fixed; |
||||
top: 0; |
||||
z-index: 10; |
||||
} |
||||
/*input宽 */ |
||||
.inputWidth { |
||||
width: 220px !important; |
||||
font-size: 13px !important; |
||||
} |
||||
/* 查询条件input底部高度 */ |
||||
.queryItem{ |
||||
margin-bottom: 3px !important; |
||||
} |
||||
/* 填写input底部高度 */ |
||||
.formItem{ |
||||
position: relative; |
||||
margin-bottom: 10px !important; |
||||
} |
||||
.ddhItem{ |
||||
margin-bottom: 13px !important; |
||||
} |
||||
/* 搜索条件中展开按钮 */ |
||||
/* .common_hasextra_form { |
||||
position: relative; |
||||
} */ |
||||
/*按钮间距 */ |
||||
.btnleft{ |
||||
float: right; |
||||
margin-left: 10px; |
||||
} |
||||
.common_search_extra_button { |
||||
float: right; |
||||
color:#1278FF; |
||||
cursor: pointer; |
||||
} |
||||
|
||||
.common_search_extra_button p { |
||||
margin: 0; |
||||
} |
||||
|
||||
.common_search_extra_button i { |
||||
margin-right: 0; |
||||
} |
||||
.common_search_hidden { |
||||
width: 100%; |
||||
position: absolute; |
||||
left: 0; |
||||
z-index: 5; |
||||
background: #fff; |
||||
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); |
||||
box-sizing: border-box; |
||||
padding: 0 20px; |
||||
} |
||||
/* 操作列中详情等按钮悬浮样式 */ |
||||
.common_hover_color_margin{ |
||||
margin-right: 10px; |
||||
} |
||||
common_hover_color_margin_left{ |
||||
margin-left: 100px; |
||||
} |
||||
.common_hover_color { |
||||
color: #1278FF; |
||||
cursor: pointer; |
||||
} |
||||
.common_hover_color:hover { |
||||
color: #1278FF !important; |
||||
font-weight: 600; |
||||
text-decoration:underline |
||||
} |
||||
/* 返回按钮旁提示字 */ |
||||
.titleName{ |
||||
font-size: 16px; |
||||
font-weight: 600; |
||||
color: #333333; |
||||
/*margin-left:10px;*/ |
||||
} |
||||
/* i提示弹框 */ |
||||
.popover-tip{ |
||||
font-weight: 600; |
||||
color: #333333; |
||||
} |
||||
.popover-size{ |
||||
font-size: 13px !important; |
||||
} |
||||
.popoverModel{ |
||||
background: #FFFCD6 !important; |
||||
padding: 30px !important; |
||||
} |
||||
.popoverPage{ |
||||
background: #FFFCD6 !important; |
||||
padding: 20px !important; |
||||
} |
||||
.popoverTip{ |
||||
background: #FFFCD6 !important; |
||||
padding: 10px !important; |
||||
} |
||||
.pageCell{ |
||||
display: table-cell; |
||||
vertical-align: middle; |
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
.globalFl { |
||||
float: left; |
||||
} |
||||
|
||||
.globalFr { |
||||
float: right; |
||||
} |
||||
|
||||
|
||||
|
||||
.fade-enter-active, |
||||
.fade-leave-active { |
||||
transition: opacity .5s; |
||||
} |
||||
|
||||
.fade-enter, |
||||
.fade-leave-to { |
||||
opacity: 0; |
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*去掉table 底部横线*/ |
||||
/* .el-table td { */ |
||||
/*border-bottom: none !important;*/ |
||||
/* } */ |
||||
|
||||
/*日历图标位置*/ |
||||
/* .el-date-editor .el-range__icon { |
||||
margin-top: -4px !important; |
||||
} */ |
||||
|
||||
/* .el-range-separator { |
||||
padding-top: 3px !important; |
||||
} */ |
||||
|
||||
/*金额右对齐*/ |
||||
.tr { |
||||
text-align: right; |
||||
display: block; |
||||
width: 100%; |
||||
} |
||||
|
||||
/* 搜索条件中的查询按钮 */ |
||||
.common_search_button { |
||||
margin-left: 26px; |
||||
} |
||||
|
||||
|
||||
|
||||
/*清除浮动*/ |
||||
.clearfix:after { |
||||
clear: both; |
||||
content: '.'; |
||||
width: 0; |
||||
height: 0; |
||||
display: block; |
||||
visibility: hidden; |
||||
} |
||||
|
||||
.clearfix { |
||||
zoom: 1 |
||||
} |
||||
|
||||
body .el-table th.gutter { |
||||
display: table-cell !important; |
||||
} |
||||
|
||||
body .el-table colgroup.gutter { |
||||
display: table-cell !important; |
||||
} |
||||
|
||||
/*yyj*/ |
||||
/*去掉table 底部横线*/ |
||||
.el-table td { |
||||
/*border-bottom: none !important;*/ |
||||
} |
||||
|
||||
/* 出现分页组件的时候，给最外面的div加padding */ |
||||
.common_bottom_padding { |
||||
padding-bottom: 50px !important; |
||||
} |
||||
|
||||
/*列表中的操作列*/ |
||||
.common_handle_col span { |
||||
margin-right: 8px; |
||||
} |
||||
|
||||
.common_handle_col span:nth-last-of-type(1) { |
||||
margin-right: 0; |
||||
} |
||||
|
||||
.common-layout-maincontent-wrapper { |
||||
margin-left: 0 !important; |
||||
} |
||||
|
||||
.common-bottom-padding { |
||||
padding-bottom: 50px !important; |
||||
} |
||||
|
||||
/*//查询按钮 距左边距离*/ |
||||
.common-search-button { |
||||
margin-left: 30px; |
||||
} |
||||
|
||||
.common-padding-bottom { |
||||
padding-bottom: 10px; |
||||
} |
||||
|
||||
|
||||
|
||||
.common-select-width { |
||||
width: 204px !important; |
||||
height: 36px; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.common-button-box { |
||||
width: 100%; |
||||
padding: 10px 0; |
||||
} |
||||
|
||||
/*这个解决IE input placeholder字体颜色 兼容性*/ |
||||
:-ms-input-placeholder.el-input__inner { |
||||
color: #dcdfe6 !important; |
||||
} |
||||
|
||||
/*//操作按钮*/ |
||||
/*//*/ |
||||
/*//这里如果是两个按钮 按钮顺序就返了 需修改*/ |
||||
.common-button-box>.el-button { |
||||
float: right; |
||||
} |
||||
|
||||
.common-button-box .el-button { |
||||
. el-button+. el-button margin-left: 16px !important; |
||||
} |
||||
|
||||
.common-hover { |
||||
cursor: pointer; |
||||
} |
||||
|
||||
.common-hover-color { |
||||
cursor: pointer; |
||||
color: #409EFF |
||||
} |
||||
|
||||
.common-pagination-fixed { |
||||
position: fixed; |
||||
bottom: 20px; |
||||
right: 20px; |
||||
text-align: right; |
||||
} |
||||
@ -0,0 +1,752 @@ |
||||
/*Element UI*/ |
||||
/* 分页 */ |
||||
/* .el-pagination { |
||||
padding-top: 7px !important; |
||||
width: 50%; |
||||
display: inline-block; |
||||
text-align: right; |
||||
} */ |
||||
|
||||
.el-pagination .el-select .el-input .el-input__inner { |
||||
border-radius: 4px !important; |
||||
width: 96px !important; |
||||
height: 24px !important; |
||||
} |
||||
|
||||
.el-pagination__editor.el-input .el-input__inner { |
||||
border-radius: 4px !important; |
||||
width: 31px !important; |
||||
height: 24px !important; |
||||
} |
||||
.el-pager li{ |
||||
border-radius: 4px !important; |
||||
} |
||||
.el-pager li.active { |
||||
color: #1278FF !important; |
||||
} |
||||
|
||||
.el-pager li:hover { |
||||
color: #1278FF !important; |
||||
background-color:#F3F9FF !important; |
||||
} |
||||
.el-pagination button:hover{ |
||||
color: #1278FF !important; |
||||
} |
||||
.el-pagination .el-pagination__jump{ |
||||
display: none !important; |
||||
} |
||||
|
||||
/* 下拉框内容多设置省略号展示 */ |
||||
.el-select-dropdown__item span{ |
||||
display: inline-block; |
||||
max-width:250px; |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
white-space: nowrap; |
||||
} |
||||
/* input的height 字体大小 */ |
||||
.el-input__inner { |
||||
height: 28px !important; |
||||
line-height: 28px !important; |
||||
} |
||||
/* placeholder样式 */ |
||||
input::-webkit-input-placeholder { |
||||
/* placeholder颜色 */ |
||||
/* color: #120fe6 !important; */ |
||||
/* placeholder字体大小 */ |
||||
font-size: 13px !important; |
||||
} |
||||
/* input划入颜色 */ |
||||
.el-input__inner:hover { |
||||
border-color: #1278FF !important; |
||||
} |
||||
label { |
||||
margin-bottom: 0px !important; |
||||
} |
||||
|
||||
/* .el-form--inline .el-form-item { |
||||
margin-bottom: 15px !important; |
||||
position: relative; |
||||
} */ |
||||
|
||||
/* input的label */ |
||||
.el-form--inline .el-form-item__label { |
||||
font-weight: inherit !important; |
||||
font-size:13px; |
||||
padding:0 10px 0 0; |
||||
} |
||||
/*日历控件宽度 */ |
||||
.el-date-editor .el-range-input { |
||||
width: 45% !important; |
||||
} |
||||
/* 日历控件样式 */ |
||||
.el-date-table td.current:not(.disabled) span{ |
||||
color: #FFF !important; |
||||
background-color: #1278FF !important; |
||||
} |
||||
/* 日历控件修改突变位置 */ |
||||
.el-input--prefix .el-input__inner{ |
||||
padding-left: 20px !important; |
||||
} |
||||
.el-input__prefix{ |
||||
font-size: 12px !important; |
||||
left:-2px !important; |
||||
} |
||||
.el-date-table td.today span{ |
||||
color: #1278FF !important; |
||||
} |
||||
/* 下拉框*/ |
||||
.el-select:hover .el-input__inner { |
||||
border-color: #1278FF !important; |
||||
} |
||||
|
||||
.el-textarea__inner:hover { |
||||
border-color: #1278FF !important; |
||||
} |
||||
|
||||
.el-select-dropdown__item.selected { |
||||
color: #1278FF !important; |
||||
font-weight: bold; |
||||
} |
||||
|
||||
.el-select .el-input.is-focus .el-input__inner { |
||||
border-color: #1278FF !important; |
||||
} |
||||
|
||||
/* 勾选 */ |
||||
.el-checkbox__input.is-checked+.el-checkbox__label { |
||||
color: #1278FF !important; |
||||
} |
||||
|
||||
.el-checkbox__input.is-checked .el-checkbox__inner { |
||||
background-color: #1278FF !important; |
||||
border-color: #1278FF !important; |
||||
} |
||||
/* 查询条件默认值字体大小 */ |
||||
.el-input--suffix .el-input__inner{ |
||||
font-size: 13px !important; |
||||
} |
||||
/* 查询 确定 功能按钮 */ |
||||
.el-button--primary { |
||||
color: #fff !important; |
||||
background-color: #1278FF !important; |
||||
border-color: #1278FF !important; |
||||
font-size: 13px !important; |
||||
} |
||||
|
||||
.el-button--primary.is-plain:hover, |
||||
.el-button--primary.is-plain:focus { |
||||
color: #FFF; |
||||
background: #358CFF !important; |
||||
border-color: #358CFF !important; |
||||
} |
||||
|
||||
.el-button--small { |
||||
padding: 6.5px 15px !important; |
||||
border-radius: 4px !important; |
||||
} |
||||
|
||||
/* 取消*/ |
||||
.el-button--default{ |
||||
font-size: 13px !important; |
||||
border-radius: 4px !important; |
||||
} |
||||
.el-button--default.is-plain { |
||||
background: #FFF !important; |
||||
border-color: #1278FF !important; |
||||
color: #1278FF !important; |
||||
} |
||||
.el-button--default.is-plain:hover, |
||||
.el-button--default.is-plain:focus { |
||||
background: #FFF !important; |
||||
border-color: #358CFF !important; |
||||
color: #358CFF !important; |
||||
/* color: #FFF !important; |
||||
background: #358CFF !important; |
||||
border-color: #358CFF !important; */ |
||||
} |
||||
|
||||
|
||||
|
||||
/* 列表筛选 */ |
||||
.el-table .descending .sort-caret.descending{ |
||||
border-top-color: #1278FF !important; |
||||
} |
||||
.el-table .ascending .sort-caret.ascending{ |
||||
/* border-top-color: #1278FF !important; */ |
||||
} |
||||
/* i提示弹框 */ |
||||
/* .el-popper[x-placement^="bottom"] .popper__arrow::after{ |
||||
border-bottom-color: #FFFCD6 !important; |
||||
} */ |
||||
/* 弹框样式 */ |
||||
.el-dialog { |
||||
border-radius: 4px !important; |
||||
} |
||||
|
||||
.el-dialog--center .el-dialog__header { |
||||
padding-top: 10px !important; |
||||
background: #1278FF; |
||||
border-top-left-radius: 4px; |
||||
border-top-right-radius: 4px; |
||||
} |
||||
|
||||
.el-dialog__title { |
||||
line-height: 24px; |
||||
font-size: 14px !important; |
||||
color: #FFF !important; |
||||
} |
||||
|
||||
.el-dialog__headerbtn .el-dialog__close { |
||||
color: #FFF !important; |
||||
} |
||||
|
||||
.el-dialog__headerbtn { |
||||
top: 10px !important |
||||
} |
||||
|
||||
.el-dialog--center .el-dialog__body { |
||||
padding: 35px 40px 25px 40px !important; |
||||
text-align: center !important; |
||||
} |
||||
|
||||
/* this$alert样式 */ |
||||
.el-message-box { |
||||
border: none !important; |
||||
width: 20% !important; |
||||
} |
||||
|
||||
.el-message-box__header { |
||||
padding-top: 10px !important; |
||||
background: #1278FF; |
||||
border-top-left-radius: 4px; |
||||
border-top-right-radius: 4px; |
||||
} |
||||
|
||||
.el-message-box__title { |
||||
line-height: 24px !important; |
||||
font-size: 14px !important; |
||||
color: #FFF !important; |
||||
} |
||||
|
||||
.el-message-box--center .el-message-box__content { |
||||
padding: 35px 40px 25px 40px !important |
||||
} |
||||
|
||||
.el-message-box__headerbtn { |
||||
top: 10px !important |
||||
} |
||||
|
||||
.el-message-box__headerbtn .el-message-box__close { |
||||
color: #FFF !important; |
||||
} |
||||
|
||||
/* tab样式 */ |
||||
.el-tabs__item { |
||||
height: 44px !important; |
||||
line-height: 44px !important; |
||||
} |
||||
|
||||
/* .el-tabs--border-card>.el-tabs__header */ |
||||
.el-tabs__item.is-active { |
||||
color: #333333 !important; |
||||
} |
||||
|
||||
/* .el-tabs--border-card>.el-tabs__header */ |
||||
.el-tabs__item:hover { |
||||
color: #999999 !important; |
||||
} |
||||
.el-tabs__nav-wrap::after{ |
||||
height: 1px !important; |
||||
} |
||||
.el-tabs__active-bar{ |
||||
background-color:#219FFF!important; |
||||
} |
||||
|
||||
/* 单选框样式 */ |
||||
.el-radio__input.is-checked .el-radio__inner { |
||||
border-color: #1278FF !important; |
||||
background: #1278FF !important; |
||||
} |
||||
|
||||
.el-radio__input.is-checked+.el-radio__label { |
||||
color: #1278FF !important; |
||||
} |
||||
|
||||
/* 全选样式 */ |
||||
.el-checkbox__input.is-indeterminate .el-checkbox__inner { |
||||
border-color: #1278FF !important; |
||||
background: #1278FF !important; |
||||
} |
||||
.el-radio + .el-radio{ |
||||
margin: 0px !important; |
||||
} |
||||
|
||||
|
||||
/* 表格滚动条 */ |
||||
.el-table__body-wrapper { |
||||
overflow: auto !important; |
||||
} |
||||
|
||||
/* el-upload样式 */ |
||||
input[type="file"] { |
||||
display: none !important; |
||||
} |
||||
|
||||
.el-upload-list { |
||||
display: none !important; |
||||
} |
||||
|
||||
.webuploader-pick { |
||||
background: #1278FF !important; |
||||
line-height: 1; |
||||
color: #fff; |
||||
padding: 6px 20px; |
||||
border-radius: 3px; |
||||
-webkit-border-radius: 3px; |
||||
-moz-border-radius: 3px; |
||||
-ms-border-radius: 3px; |
||||
-o-border-radius: 3px; |
||||
} |
||||
|
||||
/* 表格样式 */ |
||||
/* body .el-table th.gutter { |
||||
display: table-cell !important; |
||||
} |
||||
|
||||
.el-table .el-checkbox { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.el-table__body-wrapper .has-gutter th, |
||||
.el-table__body-wrapper .el-table__row td { |
||||
padding: 8px 0 !important; |
||||
} |
||||
|
||||
.el-table th.is-leaf, |
||||
.el-table td { |
||||
padding: 10px 0 !important; |
||||
} |
||||
|
||||
.el-table__body-wrapper th.is-leaf, |
||||
.el-table td { |
||||
padding: 8px 0 !important; |
||||
} */ |
||||
|
||||
|
||||
/* 税收分类编码弹窗 */ |
||||
.codeDialog .el-dialog--center .el-dialog__body { |
||||
padding-top: 10px !important; |
||||
} |
||||
|
||||
.skin-blue .wrapper, |
||||
.skin-blue .main-sidebar, |
||||
.skin-blue .left-side { |
||||
background: none; |
||||
} |
||||
|
||||
.input-new-tag .el-input__inner { |
||||
height: 32px !important; |
||||
} |
||||
|
||||
/* 设置搜索条件label */ |
||||
.el-form-item__label, |
||||
.el-input__inner { |
||||
color: #333 !important; |
||||
} |
||||
|
||||
/* 开关 */ |
||||
.el-switch.is-checked .el-switch__core { |
||||
border-color: #1278FF !important; |
||||
background-color: #1278FF !important; |
||||
} |
||||
|
||||
.multipleSelect .el-select__tags span>.el-tag--info:nth-child(1) { |
||||
display: inline-block; |
||||
overflow: hidden; |
||||
max-width: 122px; |
||||
text-overflow: ellipsis; |
||||
white-space: nowrap; |
||||
vertical-align: middle; |
||||
} |
||||
|
||||
.multipleSelect .el-select__tags span>.el-tag--info:nth-child(2) { |
||||
vertical-align: middle; |
||||
} |
||||
|
||||
/*销方名称 高度36 加上multipel 属性 高度为40，修改为36*/ |
||||
.multipleSelect .el-input__inner { |
||||
height: 36px !important; |
||||
} |
||||
|
||||
/* 表格样式 */ |
||||
/* .el-table th { |
||||
padding: 0 !important; |
||||
} |
||||
|
||||
.el-table th>.cell { |
||||
height: 38px !important; |
||||
line-height: 38px !important; |
||||
} */ |
||||
|
||||
.el-table .cell.el-tooltip { |
||||
min-width: 38px !important; |
||||
} |
||||
|
||||
.el-popover__title{ |
||||
text-align: center; |
||||
} |
||||
.el-dropdown-menu__item{ |
||||
color:#333 !important; |
||||
} |
||||
.el-dropdown-menu__item:focus, |
||||
.el-dropdown-menu__item:not(.is-disabled):hover |
||||
{ |
||||
color:#358CFF !important; |
||||
} |
||||
|
||||
/* 填开页面样式 */ |
||||
.billingcom .el-button{ |
||||
border-radius: 4px!important; |
||||
} |
||||
.billingcom-fix-top, |
||||
.editcom-fix-top{ |
||||
width: 100%; |
||||
padding: 15px 15px; |
||||
box-sizing: border-box; |
||||
position: fixed; |
||||
top: 0; |
||||
background: #FFFFFF; |
||||
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); |
||||
z-index: 100; |
||||
} |
||||
.billingcom-fix-top.devlp, |
||||
.editcom-fix-top.devlp{ |
||||
top: 76px; |
||||
width: 84%; |
||||
} |
||||
.billingcom-fix-top .btn-select .el-form-item__content { |
||||
line-height: 1; |
||||
} |
||||
.billingcom-fix-top .el-button.is-plain, |
||||
.billingcom-content .el-button.is-plain{ |
||||
border: 1px solid #666666!important; |
||||
color: #666666!important; |
||||
} |
||||
/* .billingcom-fix-top .el-button.is-plain.plain-choosed{ |
||||
color:#1278FF!important; |
||||
border: 1px solid #1278FF!important; |
||||
} */ |
||||
.billingcom-fix-top .el-button.btn-choosed, |
||||
.billingcom-content .el-button.btn-choosed{ |
||||
border: 1px solid #1278FF!important; |
||||
color:#1278FF!important; |
||||
position: relative; |
||||
} |
||||
.billingcom-fix-top .el-button.btn-choosed:before, |
||||
.billingcom-content .el-button.btn-choosed:before{ |
||||
content: ''; |
||||
position: absolute; |
||||
right: -1px; |
||||
bottom: -1px; |
||||
border: 8px solid #1278FF; |
||||
border-radius: 3px; |
||||
border-top-color: transparent; |
||||
border-left-color: transparent; |
||||
} |
||||
|
||||
.billingcom-fix-top .el-button.btn-choosed:after, |
||||
.billingcom-content .el-button.btn-choosed:after { |
||||
content: ''; |
||||
width: 3px; |
||||
height: 6px; |
||||
position: absolute; |
||||
right: 3px; |
||||
bottom: 2px; |
||||
border: 1px solid #fff; |
||||
border-top-color: transparent; |
||||
border-left-color: transparent; |
||||
transform: rotate(45deg); |
||||
} |
||||
.billingcom-fix-top .top-button-group .el-button{ |
||||
margin-left: 10px; |
||||
} |
||||
.billingcom-content{ |
||||
padding: 53px 15px 0; |
||||
box-sizing: border-box; |
||||
} |
||||
.billingcom-content.devlp{ |
||||
padding-top: 40px; |
||||
} |
||||
.billingcom-content.isBack{ |
||||
padding-top: 110px; |
||||
} |
||||
/* .billingcom-content .fpzldm-content{ |
||||
width:360px; |
||||
text-align:center; |
||||
margin: 0 auto; |
||||
padding: 4px 0; |
||||
|
||||
} */ |
||||
.billingcom-content .fpzldm-select{ |
||||
width: 362px!important; |
||||
height: 58px; |
||||
padding-top: 8px; |
||||
padding-bottom: 8px; |
||||
box-sizing: border-box; |
||||
border: 1px solid #fff; |
||||
} |
||||
.billingcom-content .fpzldm-select:hover, .billingcom-content .fpzldm-select.is-focus{ |
||||
border: 1px solid #97C7FF; |
||||
border-radius: 4px; |
||||
} |
||||
.billingcom-content .fpzldm-select .el-input__inner{ |
||||
border: none!important; |
||||
height: 40px!important; |
||||
line-height: 40px!important; |
||||
font-size: 32px !important; |
||||
font-weight: 500; |
||||
color: #9E520A !important; |
||||
text-align: center!important; |
||||
} |
||||
.billingcom-content .fpzldm-select .el-input.is-disabled .el-input__inner{ |
||||
background: none!important; |
||||
} |
||||
.billingcom-content .fpzldm-select .el-input .el-select__caret{ |
||||
color: #666!important; |
||||
font-size: 26px!important; |
||||
line-height: 40px; |
||||
} |
||||
/* 下拉选择组 */ |
||||
.billingcom-content .select-group{ |
||||
margin-top:12px; |
||||
margin-bottom: 3px; |
||||
overflow: hidden; |
||||
} |
||||
.billingcom-content .select-group .el-form-item{ |
||||
margin-right:8px; |
||||
} |
||||
.billingcom-content .select-group .el-input__inner{ |
||||
border: none!important; |
||||
border-bottom: 1px solid #D9D9D9!important; |
||||
border-radius: 0; |
||||
line-height: 26px!important; |
||||
height: 26px!important; |
||||
} |
||||
.billingcom-content .select-group .el-input.is-disabled .el-input__inner{ |
||||
background:none!important; |
||||
} |
||||
.billingcom-content .ticket-info{ |
||||
line-height: 18px; |
||||
margin-bottom: 2px; |
||||
width:200px; |
||||
text-align:left; |
||||
position: |
||||
absolute; |
||||
bottom:0px; |
||||
right:0 |
||||
} |
||||
/* 票面信息 */ |
||||
.billingcom-fix-top .el-input__inner,.billingcom-fix-top .el-button,.billingcom-content .select-group .el-input__inner,.billingcom-content .fpTable, .billingcom-content .ticket-info,.billinginvoice .formlable .el-form-item__label, .billingcom-content .el-table, .billingcom-content .fpTable .el-input__inner{ |
||||
font-size: 13px!important; |
||||
} |
||||
.billingcom-content .fpTable .el-form-item__label{ |
||||
line-height: 28px; |
||||
} |
||||
.billingcom-content .fpTable .el-form-item__content{ |
||||
line-height: 28px; |
||||
} |
||||
.billingcom-content .fpTable .el-input__inner{ |
||||
border: none!important; |
||||
} |
||||
.billingcom-content .tablelist{ |
||||
border:none!important; |
||||
} |
||||
/* ➕按钮 */ |
||||
.billingcom .fpTable .tablelist th:first-child .cell{ |
||||
line-height: 28px!important; |
||||
} |
||||
.billingcom .tablelist th > .cell > .none{ |
||||
width: 20px; |
||||
height: 20px; |
||||
line-height: 15px; |
||||
} |
||||
/* 表头 */ |
||||
.billingcom-content .tablelist .el-table__header th{ |
||||
border-bottom: 1px solid #D9D9D9 !important; |
||||
} |
||||
/* 表格合计行 */ |
||||
.billingcom-content .tablelist .el-table__footer-wrapper tbody td{ |
||||
background-color: #fff; |
||||
padding: 2px 0; |
||||
} |
||||
.billingcom-content .tablelist th{ |
||||
font-weight: normal; |
||||
} |
||||
|
||||
.billingcom-content .fpTable .el-table__body tr.current-row > td{ |
||||
background-color: #fff!important; |
||||
} |
||||
.billingcom-content .fpTable .el-table__body tr.current-row > td:hover{ |
||||
background-color: #F3F9FF !important; |
||||
} |
||||
.billingcom-content .fpTable .el-table__body tr.current-row.input-current-row td{ |
||||
background-color: #f5f7fa !important; |
||||
} |
||||
.billingcom-content .fpTable .el-table__body tr:hover .el-input__inner{ |
||||
background-color: #f5f7fa !important; |
||||
} |
||||
.billingcom-content .fpTable .el-table__body tr.current-row.input-current-row .el-input__inner{ |
||||
background-color: #f5f7fa !important; |
||||
padding: 0!important; |
||||
} |
||||
.billingcom-content .fpTable .el-table__body tr.current-row.input-current-row .el-select .el-input__inner{ |
||||
padding: 0 10px!important; |
||||
} |
||||
.billingcom-content .fpTable .el-table__body tr.current-row.input-current-row .is-focus,.billingcom-content .fpTable .el-table__body tr.current-row.input-current-row .is-focus .el-input__inner{ |
||||
background-color: #fff !important; |
||||
} |
||||
.billingcom-content .tablelist tr td.index-col, .billingcom-content .tablelist tr th.index-col{ |
||||
border-right: 1px solid #DEDEDE!important; |
||||
} |
||||
.billingcom-content .fpTable .last-row>div{ |
||||
display: flex; |
||||
line-height: 30px; |
||||
} |
||||
.billingcom-content .fpTable .last-row p:nth-of-type(1){ |
||||
width: 437px; |
||||
margin: 0; |
||||
border-right: 1px solid #9e520a; |
||||
text-align: center; |
||||
} |
||||
.billingcom-content .fpTable .last-row p:nth-of-type(2){ |
||||
flex: 1; |
||||
margin: 0; |
||||
} |
||||
.billingcom-content .fpTable .el-cascader, |
||||
.billingcom-content .fpTable .left-select{ |
||||
width: 100%; |
||||
text-align: left; |
||||
} |
||||
.billingcom-content .fpTable .right-input .el-input__inner{ |
||||
text-align: right; |
||||
} |
||||
.billingcom-content .fpTable .input-div{ |
||||
position: relative; |
||||
line-height: 1!important; |
||||
min-height: 30px!important; |
||||
justify-content: flex-start; |
||||
display: flex; |
||||
padding: 7px 10px; |
||||
} |
||||
.billingcom-content .input-div::after { |
||||
content: attr(data-attr); |
||||
word-break: break-all; |
||||
text-overflow: ellipsis; |
||||
display: -webkit-box; |
||||
-webkit-box-orient: vertical; |
||||
-webkit-line-clamp: 2; |
||||
overflow: hidden; |
||||
white-space: normal; |
||||
/* padding: 2px 10px; */ |
||||
line-height: 14px; |
||||
width: 100%; |
||||
text-align: left; |
||||
} |
||||
.billingcom-content .input-div.right-content::after{ |
||||
text-align: right; |
||||
} |
||||
.billingcom-content .fpTable .input-div .el-input{ |
||||
position: absolute !important; |
||||
top: 50%; |
||||
transform: translateY(-50%); |
||||
} |
||||
|
||||
.billingcom-content .fpTable .input-div .el-input__inner{ |
||||
opacity: 0; |
||||
position: absolute; |
||||
top: 50%; |
||||
left: 0; |
||||
transform: translateY(-50%); |
||||
height: 14px!important; |
||||
line-height: 14px!important; |
||||
width: calc(100% - 20px); |
||||
} |
||||
.billingcom-content .fpTable .input-div .seat{ |
||||
opacity: 1; |
||||
} |
||||
.billingcom-content .fpTable .input-div.is-focus .el-input__inner{ |
||||
opacity: 1; |
||||
} |
||||
.billingcom-content .fpTable .input-div.is-focus .seat{ |
||||
opacity: 0; |
||||
} |
||||
.billingcom .tablelist .el-table__body tr, .billingcom .tablelist .el-table__body td{ |
||||
min-height: 100%!important; |
||||
max-height: 50px!important; |
||||
|
||||
} |
||||
.billingcom .tablelist .cell{ |
||||
padding: 0!important; |
||||
} |
||||
.billingcom .tablelist th{ |
||||
line-height: 28px!important; |
||||
} |
||||
.billingcom .tablelist .el-icon-more{ |
||||
top: 50%!important; |
||||
transform: translateY(-50%); |
||||
} |
||||
.billingcom .hx2 { |
||||
border: 0.6444444444444444px solid #d9d9d9; |
||||
width: 360px; |
||||
margin: 3px auto 0px; |
||||
} |
||||
/* 详情购买方、销售方label两边对齐 */ |
||||
.billing-word{ |
||||
display: flex!important; |
||||
} |
||||
.billing-word .el-form-item__content{ |
||||
flex: 1; |
||||
} |
||||
.billing-word .el-form-item__label i{ |
||||
font-style: normal; |
||||
font-weight: normal; |
||||
} |
||||
.billing-word.two .el-form-item__label i:nth-last-of-type(1) { |
||||
margin-left: 4em; |
||||
} |
||||
.billing-word.three .el-form-item__label i:nth-last-of-type(1) { |
||||
margin-left: 1.5em; |
||||
} |
||||
.billing-word.three .el-form-item__label i:nth-last-of-type(2) { |
||||
margin-left: 1.5em; |
||||
} |
||||
/* 收款人、复核人 */ |
||||
.billingcom .formPeople,.billingcom .formPeople .el-form-item__label, .billinginvoice .formPeople .el-input__inner{ |
||||
font-size: 13px; |
||||
} |
||||
/* 红字信息表详情样式 */ |
||||
.redTable .el-form-item__label{ |
||||
line-height: 28px; |
||||
} |
||||
.redTable .el-form-item__content{ |
||||
line-height: 28px; |
||||
} |
||||
.redtableList .last-row>div{ |
||||
display: flex; |
||||
line-height: 30px; |
||||
} |
||||
.redtableList .last-row p:nth-of-type(1){ |
||||
width: 437px; |
||||
margin: 0; |
||||
border-right: 1px solid #9e520a; |
||||
text-align: center; |
||||
} |
||||
.redtableList .last-row p:nth-of-type(2){ |
||||
flex: 1; |
||||
margin: 0; |
||||
} |
||||
.redtableList .el-table__footer-wrapper tbody td{ |
||||
background-color: #fff; |
||||
padding: 2px 0; |
||||
} |
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue