├── .gitattributes ├── .gitignore ├── assets ├── css │ ├── 3rd-party.css │ ├── bootstrap.css │ ├── components.css │ ├── dataTables.bootstrap.css │ ├── font-awesome.css │ ├── forms.css │ ├── general.css │ ├── main-content.css │ ├── main.css │ ├── navigation.css │ ├── page.css │ ├── skins │ │ ├── darkblue.css │ │ ├── darkbrown.css │ │ ├── fullbright.css │ │ ├── fulldark.css │ │ ├── lightgreen.css │ │ ├── orange.css │ │ ├── red.css │ │ ├── slategray.css │ │ ├── teal.css │ │ └── yellow.css │ ├── tables.css │ ├── top-bar.css │ └── ui-elements.css ├── fonts │ ├── fontawesome-webfont.eot │ ├── fontawesome-webfont.svg │ ├── fontawesome-webfont.ttf │ ├── fontawesome-webfont.woff │ ├── glyphicons-halflings-regular.eot │ ├── glyphicons-halflings-regular.svg │ ├── glyphicons-halflings-regular.ttf │ ├── glyphicons-halflings-regular.woff │ ├── lato-bol-webfont.eot │ ├── lato-bol-webfont.svg │ ├── lato-bol-webfont.ttf │ ├── lato-bol-webfont.woff │ ├── lato-lig-webfont.eot │ ├── lato-lig-webfont.svg │ ├── lato-lig-webfont.ttf │ ├── lato-lig-webfont.woff │ ├── lato-reg-webfont.eot │ ├── lato-reg-webfont.svg │ ├── lato-reg-webfont.ttf │ └── lato-reg-webfont.woff ├── img │ ├── bootstrap-colorpicker │ │ ├── alpha-horizontal.png │ │ ├── alpha.png │ │ ├── hue-horizontal.png │ │ ├── hue.png │ │ └── saturation.png │ ├── clear.png │ ├── diagonal-stripe.png │ ├── gritter.png │ ├── ie-spacer.gif │ ├── loading.gif │ ├── select2-spinner.gif │ ├── sort_asc.png │ ├── sort_both.png │ ├── sort_desc.png │ └── sort_desc_disabled.png ├── js │ ├── bootstrap.js │ ├── common.js │ ├── datatable │ │ ├── datatables-init.js │ │ └── jquery.dataTables.js │ ├── jquery-2.1.0.min.js │ ├── jquery.ba-hashchange.min.js │ ├── jquery.cookie.js │ ├── jquery.gritter.min.js │ ├── mobiscroll │ │ ├── css │ │ │ ├── default.css │ │ │ ├── icons_mobiscroll.eot │ │ │ ├── icons_mobiscroll.svg │ │ │ ├── icons_mobiscroll.ttf │ │ │ ├── icons_mobiscroll.woff │ │ │ └── mobiscroll.css │ │ └── js │ │ │ └── mobiscroll.js │ ├── modernizr.js │ └── plugins │ │ ├── jquery.form │ │ └── jquery.form.js │ │ └── parsley-validation │ │ └── parsley.min.js └── swf │ └── copy_csv_xls_pdf.swf ├── index.html ├── jsonData ├── data.json ├── data1.json ├── record.json └── userinfo.json ├── page-404.html ├── page-login.html ├── page ├── hairpinfk.html ├── loginlog.html ├── main.html ├── partnergx.html ├── recordfk.html └── userfx.html ├── 数据库表字段说明.xlsx ├── 游戏后台前端功能说明.docx └── 账户管理API说明.txt /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | 4 | # Custom for Visual Studio 5 | *.cs diff=csharp 6 | 7 | # Standard to msysgit 8 | *.doc diff=astextplain 9 | *.DOC diff=astextplain 10 | *.docx diff=astextplain 11 | *.DOCX diff=astextplain 12 | *.dot diff=astextplain 13 | *.DOT diff=astextplain 14 | *.pdf diff=astextplain 15 | *.PDF diff=astextplain 16 | *.rtf diff=astextplain 17 | *.RTF diff=astextplain 18 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Windows image file caches 2 | Thumbs.db 3 | ehthumbs.db 4 | 5 | # Folder config file 6 | Desktop.ini 7 | 8 | # Recycle Bin used on file shares 9 | $RECYCLE.BIN/ 10 | 11 | # Windows Installer files 12 | *.cab 13 | *.msi 14 | *.msm 15 | *.msp 16 | 17 | # Windows shortcuts 18 | *.lnk 19 | 20 | # ========================= 21 | # Operating System Files 22 | # ========================= 23 | 24 | # OSX 25 | # ========================= 26 | 27 | .DS_Store 28 | .AppleDouble 29 | .LSOverride 30 | 31 | # Thumbnails 32 | ._* 33 | 34 | # Files that might appear in the root of a volume 35 | .DocumentRevisions-V100 36 | .fseventsd 37 | .Spotlight-V100 38 | .TemporaryItems 39 | .Trashes 40 | .VolumeIcon.icns 41 | 42 | # Directories potentially created on remote AFP share 43 | .AppleDB 44 | .AppleDesktop 45 | Network Trash Folder 46 | Temporary Items 47 | .apdisk 48 | -------------------------------------------------------------------------------- /assets/css/3rd-party.css: -------------------------------------------------------------------------------- 1 | 2 | /* the norm */ 3 | #gritter-notice-wrapper { 4 | position: fixed; 5 | top: 20px; 6 | right: 20px; 7 | width: 301px; 8 | z-index: 9999; 9 | } 10 | 11 | #gritter-notice-wrapper.top-left { 12 | left: 20px; 13 | right: auto; 14 | } 15 | 16 | #gritter-notice-wrapper.bottom-right { 17 | top: auto; 18 | left: auto; 19 | bottom: 20px; 20 | right: 20px; 21 | } 22 | 23 | #gritter-notice-wrapper.bottom-left { 24 | top: auto; 25 | right: auto; 26 | bottom: 20px; 27 | left: 20px; 28 | } 29 | 30 | .gritter-item-wrapper { 31 | position: relative; 32 | margin: 0 0 10px 0; 33 | background: url("../images/ie-spacer.gif"); 34 | /* ie7/8 fix */ 35 | } 36 | 37 | .gritter-top { 38 | background: url(../images/gritter.png) no-repeat left -30px; 39 | height: 10px; 40 | } 41 | 42 | .hover .gritter-top { 43 | background-position: right -30px; 44 | } 45 | 46 | .gritter-bottom { 47 | background: url(../images/gritter.png) no-repeat left bottom; 48 | height: 8px; 49 | margin: 0; 50 | } 51 | 52 | .hover .gritter-bottom { 53 | background-position: bottom right; 54 | } 55 | 56 | .gritter-item { 57 | display: block; 58 | background: url(../images/gritter.png) no-repeat left -40px; 59 | color: #eee; 60 | padding: 2px 11px 8px 11px; 61 | font-size: 11px; 62 | font-family: verdana; 63 | } 64 | 65 | .hover .gritter-item { 66 | background-position: right -40px; 67 | } 68 | 69 | .gritter-item p { 70 | padding: 0; 71 | margin: 0; 72 | word-wrap: break-word; 73 | } 74 | 75 | .gritter-close { 76 | display: none; 77 | position: absolute; 78 | top: 5px; 79 | left: 3px; 80 | background: url(../images/gritter.png) no-repeat left top; 81 | cursor: pointer; 82 | width: 30px; 83 | height: 30px; 84 | text-indent: -9999em; 85 | } 86 | 87 | .gritter-title { 88 | font-size: 14px; 89 | font-weight: bold; 90 | padding: 0 0 7px 0; 91 | display: block; 92 | text-shadow: 1px 1px 0 #000; 93 | /* Not supported by IE :( */ 94 | } 95 | 96 | .gritter-image { 97 | width: 48px; 98 | height: 48px; 99 | float: left; 100 | } 101 | 102 | .gritter-with-image, 103 | .gritter-without-image { 104 | padding: 0; 105 | } 106 | 107 | .gritter-with-image { 108 | width: 220px; 109 | float: right; 110 | } 111 | 112 | /* for the light (white) version of the gritter notice */ 113 | 114 | .gritter-light .gritter-title { 115 | text-shadow: none; 116 | } -------------------------------------------------------------------------------- /assets/css/components.css: -------------------------------------------------------------------------------- 1 | /*------------------------------------------------*/ 2 | /* Components 3 | /*------------------------------------------------*/ 4 | .wizard { 5 | position: relative; 6 | overflow: hidden; 7 | background-color: #f9f9f9; 8 | } 9 | .wizard:before, .wizard:after { 10 | display: table; 11 | line-height: 0; 12 | content: ""; 13 | } 14 | .wizard:after { 15 | clear: both; 16 | } 17 | .wizard ul { 18 | width: 4000px; 19 | padding: 0; 20 | margin: 0; 21 | list-style: none outside none; 22 | } 23 | .wizard ul.previous-disabled li.complete { 24 | cursor: default; 25 | } 26 | .wizard ul.previous-disabled li.complete:hover { 27 | color: #468847; 28 | cursor: default; 29 | background: #f3f4f5; 30 | } 31 | .wizard ul.previous-disabled li.complete:hover .chevron:before { 32 | border-left-color: #f3f4f5; 33 | } 34 | .wizard ul li { 35 | position: relative; 36 | float: left; 37 | height: 46px; 38 | padding: 0 20px 0 30px; 39 | margin: 0; 40 | font-size: 16px; 41 | line-height: 46px; 42 | color: #a5a5a5; 43 | cursor: default; 44 | background: #f2f2f2; 45 | } 46 | .wizard ul li:first-child { 47 | padding-left: 20px; 48 | } 49 | .wizard ul li .chevron { 50 | position: absolute; 51 | top: -24px; 52 | right: -14px; 53 | z-index: 1; 54 | display: block; 55 | border: 48px solid transparent; 56 | border-right: 0; 57 | border-left: 24px solid #fff; 58 | } 59 | .wizard ul li .chevron:before { 60 | position: absolute; 61 | top: -48px; 62 | right: 5px; 63 | display: block; 64 | border: 48px solid transparent; 65 | border-right: 0; 66 | border-left: 24px solid #f2f2f2; 67 | content: ""; 68 | } 69 | .wizard ul li.complete { 70 | color: #fff; 71 | background: #4ba84b; 72 | } 73 | .wizard ul li.complete:hover { 74 | cursor: pointer; 75 | background: #49a449; 76 | } 77 | .wizard ul li.complete:hover .chevron:before { 78 | border-left: 24px solid #49a449; 79 | } 80 | .wizard ul li.complete .chevron:before { 81 | border-left: 24px solid #4ba84b; 82 | } 83 | .wizard ul li.active { 84 | color: #fff; 85 | background: #296eaa; 86 | } 87 | .wizard ul li.active .chevron:before { 88 | border-left: 24px solid #296eaa; 89 | } 90 | .wizard ul li .badge { 91 | position: relative; 92 | top: -2px; 93 | margin-right: 8px; 94 | padding: 4px 7px; 95 | } 96 | .wizard ul li .badge.badge-info { 97 | background-color: #1f5381; 98 | } 99 | .wizard ul li .badge.badge-success { 100 | background-color: #3b853b; 101 | } 102 | 103 | .step-content { 104 | margin: 30px 0; 105 | padding-left: 20px; 106 | } 107 | .step-content .step-pane { 108 | display: none; 109 | } 110 | .step-content .active { 111 | display: block; 112 | } 113 | .step-content .active .btn-group .active { 114 | display: inline-block; 115 | } 116 | 117 | /* maps by mapael */ 118 | .mapTooltip { 119 | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); 120 | opacity: 0.9; 121 | position: fixed; 122 | padding: 10px; 123 | z-index: 1000; 124 | max-width: 200px; 125 | display: none; 126 | background-color: #f3f3f3; 127 | border: 1px solid #fff; 128 | color: #555; 129 | } 130 | .mapTooltip span { 131 | font-weight: 700; 132 | } 133 | 134 | .data-us-map .plotLegend { 135 | margin-top: 50px; 136 | } 137 | 138 | .zoom-map { 139 | position: relative; 140 | } 141 | .zoom-map .btn-group { 142 | margin-bottom: 20px; 143 | } 144 | @media screen and (max-width: 480px) { 145 | .zoom-map .btn-group .btn { 146 | float: none; 147 | width: 100%; 148 | margin-left: 0; 149 | margin-bottom: 3px; 150 | } 151 | } 152 | 153 | .map .zoomIn, 154 | .map .zoomOut { 155 | position: absolute; 156 | left: 10px; 157 | background: #fff; 158 | width: 20px; 159 | cursor: pointer; 160 | border: 1px solid #ccc; 161 | text-align: center; 162 | line-height: 20px; 163 | } 164 | .map .zoomIn:hover, 165 | .map .zoomOut:hover { 166 | background: #f7f7f7; 167 | } 168 | .map .zoomIn { 169 | top: 60px; 170 | } 171 | .map .zoomOut { 172 | top: 85px; 173 | } 174 | 175 | @media screen and (max-width: 480px) { 176 | .zoom-map .zoomIn { 177 | top: 100px; 178 | } 179 | .zoom-map .zoomOut { 180 | top: 124px; 181 | } 182 | } 183 | .map-custom-width { 184 | width: 75%; 185 | } 186 | .map-custom-width .map { 187 | position: relative; 188 | left: 20%; 189 | } 190 | 191 | /* calendar */ 192 | .fc-header-title h2 { 193 | font-family: "latobold"; 194 | font-size: 1.5em; 195 | } 196 | 197 | .fc .fc-header-space { 198 | padding-left: 0; 199 | } 200 | 201 | .fc-header .fc-button { 202 | margin-right: 3px; 203 | background-image: none; 204 | background-color: transparent; 205 | border: none; 206 | text-shadow: none; 207 | box-shadow: none; 208 | color: #555555; 209 | } 210 | .fc-header .fc-button.fc-corner-left, .fc-header .fc-button.fc-corner-right { 211 | -webkit-border-radius: 0; 212 | -moz-border-radius: 0; 213 | -ms-border-radius: 0; 214 | -o-border-radius: 0; 215 | border-radius: 0; 216 | } 217 | .fc-header .fc-header-left .fc-button { 218 | border-bottom: 1px solid #E1E1E1; 219 | } 220 | .fc-header .fc-header-left .fc-button:hover, .fc-header .fc-header-left .fc-button:focus, .fc-header .fc-header-left .fc-button:active, .fc-header .fc-header-left .fc-button.active, .fc-header .fc-header-left .fc-button.fc-state-active { 221 | background-color: #ECECEC; 222 | } 223 | 224 | .fc-button.fc-button-today { 225 | background-color: #296eaa; 226 | color: #fff; 227 | cursor: pointer; 228 | } 229 | .fc-button.fc-button-today:hover, .fc-button.fc-button-today:focus, .fc-button.fc-button-today:active, .fc-button.fc-button-today.active { 230 | background-color: #1f5381; 231 | } 232 | 233 | .fc-content table thead tr { 234 | background-color: #F3F3F3; 235 | } 236 | 237 | .fc-ltr .fc-view .fc-event-hori.fc-event-end, 238 | .fc-ltr .fc-view .fc-event-hori.fc-event-start { 239 | -webkit-border-radius: 0; 240 | -moz-border-radius: 0; 241 | -ms-border-radius: 0; 242 | -o-border-radius: 0; 243 | border-radius: 0; 244 | } 245 | 246 | .fc-event-container a:hover, .fc-event-container a:focus { 247 | color: #C7DAE4; 248 | } 249 | 250 | .fc-event-inner { 251 | padding: 2px 5px; 252 | } 253 | 254 | .fc-view-month .fc-event .fc-event-inner:before { 255 | display: -moz-inline-stack; 256 | display: inline-block; 257 | vertical-align: middle; 258 | *vertical-align: auto; 259 | zoom: 1; 260 | *display: inline; 261 | font-family: FontAwesome; 262 | content: '\f111'; 263 | font-size: 7px; 264 | margin-right: 5px; 265 | } 266 | 267 | .fc-event-vert.fc-event-start, .fc-event-vert.fc-event-end { 268 | -webkit-border-radius: 0; 269 | -moz-border-radius: 0; 270 | -ms-border-radius: 0; 271 | -o-border-radius: 0; 272 | border-radius: 0; 273 | } 274 | 275 | .fc-agenda-allday th { 276 | border-width: 0 0px; 277 | } 278 | 279 | #external-events .simplecolorpicker { 280 | display: table; 281 | width: 100%; 282 | border-collapse: separate; 283 | padding: 0; 284 | margin-bottom: 5px; 285 | } 286 | #external-events .simplecolorpicker span.color { 287 | display: table-cell; 288 | text-align: center; 289 | } 290 | #external-events .simple-checkbox { 291 | margin-top: 17px; 292 | } 293 | 294 | .external-event { 295 | display: -moz-inline-stack; 296 | display: inline-block; 297 | vertical-align: middle; 298 | *vertical-align: auto; 299 | zoom: 1; 300 | *display: inline; 301 | padding: 2px 5px; 302 | border: 1px solid #3A87AD; 303 | background-color: #3A87AD; 304 | color: #fff; 305 | font-size: 0.9em; 306 | margin-right: 0; 307 | margin-bottom: 3px; 308 | cursor: move; 309 | } 310 | 311 | /* gallery */ 312 | @media screen and (min-width: 575px) and (max-width: 767px) { 313 | .king-gallery { 314 | width: 500px; 315 | margin: 0 auto; 316 | } 317 | } 318 | .king-gallery .list-group-item-heading { 319 | font-size: 1em; 320 | } 321 | .king-gallery .thumbnail { 322 | -webkit-border-radius: 0; 323 | -moz-border-radius: 0; 324 | -ms-border-radius: 0; 325 | -o-border-radius: 0; 326 | border-radius: 0; 327 | margin-bottom: 20px; 328 | padding: 0px; 329 | max-height: 225px; 330 | } 331 | .king-gallery .item .thumbnail { 332 | position: relative; 333 | overflow: hidden; 334 | border: none; 335 | } 336 | .king-gallery .item .thumbnail img { 337 | -webkit-transition-property: -webkit-transform; 338 | -moz-transition-property: -moz-transform; 339 | -o-transition-property: -o-transform; 340 | transition-property: transform; 341 | -webkit-transition-duration: 0.4s; 342 | -moz-transition-duration: 0.4s; 343 | -o-transition-duration: 0.4s; 344 | transition-duration: 0.4s; 345 | -webkit-backface-visibility: hidden; 346 | -moz-backface-visibility: hidden; 347 | -ms-backface-visibility: hidden; 348 | -o-backface-visibility: hidden; 349 | backface-visibility: hidden; 350 | } 351 | .king-gallery .item .thumbnail .caption { 352 | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); 353 | opacity: 0; 354 | -webkit-transition-property: -webkit-transform, opacity; 355 | -moz-transition-property: -moz-transform, opacity; 356 | -o-transition-property: -o-transform, opacity; 357 | transition-property: transform, opacity; 358 | -webkit-transition-duration: 0.4s, 0.1s; 359 | -moz-transition-duration: 0.4s, 0.1s; 360 | -o-transition-duration: 0.4s, 0.1s; 361 | transition-duration: 0.4s, 0.1s; 362 | -webkit-transition-delay: initial, 0.3s; 363 | -moz-transition-delay: initial, 0.3s; 364 | -o-transition-delay: initial, 0.3s; 365 | transition-delay: initial, 0.3s; 366 | -webkit-transform: translateY(100%); 367 | -moz-transform: translateY(100%); 368 | -ms-transform: translateY(100%); 369 | -o-transform: translateY(100%); 370 | transform: translateY(100%); 371 | -webkit-backface-visibility: hidden; 372 | -moz-backface-visibility: hidden; 373 | -ms-backface-visibility: hidden; 374 | -o-backface-visibility: hidden; 375 | backface-visibility: hidden; 376 | width: 100%; 377 | position: absolute; 378 | top: auto; 379 | bottom: 0; 380 | left: 0; 381 | padding: 9px; 382 | background-color: #fff; 383 | color: #555555; 384 | } 385 | .king-gallery .item .thumbnail .caption li { 386 | font-size: 0.85em; 387 | } 388 | .king-gallery .item .thumbnail:hover img { 389 | -webkit-transform: translateY(-50px); 390 | -moz-transform: translateY(-50px); 391 | -ms-transform: translateY(-50px); 392 | -o-transform: translateY(-50px); 393 | transform: translateY(-50px); 394 | } 395 | .king-gallery .item .thumbnail:hover .caption { 396 | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); 397 | opacity: 1; 398 | -webkit-transition-property: -webkit-transform, opacity; 399 | -moz-transition-property: -moz-transform, opacity; 400 | -o-transition-property: -o-transform, opacity; 401 | transition-property: transform, opacity; 402 | -webkit-transition-duration: 0.4s, 0.1s; 403 | -moz-transition-duration: 0.4s, 0.1s; 404 | -o-transition-duration: 0.4s, 0.1s; 405 | transition-duration: 0.4s, 0.1s; 406 | -webkit-transform: translateY(0px); 407 | -moz-transform: translateY(0px); 408 | -ms-transform: translateY(0px); 409 | -o-transform: translateY(0px); 410 | transform: translateY(0px); 411 | } 412 | 413 | @media screen and (max-width: 480px) { 414 | .gallery-buttons .btn { 415 | width: 100%; 416 | margin-bottom: 15px; 417 | } 418 | } 419 | /* erorr list */ 420 | .parsley-errors-list { 421 | margin: 0; 422 | padding: 0; 423 | border: 0; 424 | overflow: hidden; 425 | *zoom: 1; 426 | } 427 | .parsley-errors-list li { 428 | list-style-image: none; 429 | list-style-type: none; 430 | margin-left: 0; 431 | display: -moz-inline-stack; 432 | display: inline-block; 433 | vertical-align: middle; 434 | *vertical-align: auto; 435 | zoom: 1; 436 | *display: inline; 437 | white-space: nowrap; 438 | } 439 | .parsley-errors-list li { 440 | color: #db3833; 441 | font-size: 0.9em; 442 | margin-top: 3px; 443 | } -------------------------------------------------------------------------------- /assets/css/dataTables.bootstrap.css: -------------------------------------------------------------------------------- 1 | table.dataTable { 2 | clear: both; 3 | margin-top: 6px !important; 4 | margin-bottom: 6px !important; 5 | max-width: none !important; 6 | border-collapse: separate !important; 7 | } 8 | 9 | table.dataTable td, 10 | table.dataTable th { 11 | -webkit-box-sizing: content-box; 12 | -moz-box-sizing: content-box; 13 | box-sizing: content-box; 14 | } 15 | 16 | table.dataTable td.dataTables_empty, 17 | table.dataTable th.dataTables_empty { 18 | text-align: center; 19 | } 20 | table.dataTable.stripe tbody tr.odd,table.dataTable.display tbody tr.odd { 21 | background-color: #f9f9f9 22 | } 23 | 24 | table.dataTable.stripe tbody tr.odd.selected,table.dataTable.display tbody tr.odd.selected { 25 | background-color: #acbad4 26 | } 27 | table.dataTable.nowrap th, 28 | table.dataTable.nowrap td { 29 | white-space: nowrap; 30 | } 31 | 32 | div.dataTables_wrapper div.dataTables_length label { 33 | font-weight: normal; 34 | text-align: left; 35 | white-space: nowrap; 36 | } 37 | 38 | div.dataTables_wrapper div.dataTables_length select { 39 | width: 75px; 40 | display: inline-block; 41 | } 42 | 43 | .dataTables_filter { 44 | float: right; 45 | } 46 | 47 | div.dataTables_filter label { 48 | font-weight: normal; 49 | margin-bottom: 10px; 50 | position: relative; 51 | } 52 | 53 | .dataTables_filter label:before { 54 | font-family: "FontAwesome"; 55 | content: "\f002"; 56 | display: block; 57 | position: absolute; 58 | top: 0; 59 | bottom: 0; 60 | left: 0px; 61 | width: 30px; 62 | max-width: 30px; 63 | overflow: hidden; 64 | color: #5db2ff; 65 | text-align: center; 66 | padding-top: 6px; 67 | } 68 | 69 | .dataTables_filter input { 70 | width: 16em; 71 | padding-left: 28px; 72 | } 73 | 74 | div.dataTables_wrapper div.dataTables_info { 75 | padding-top: 8px; 76 | white-space: nowrap; 77 | float: left; 78 | } 79 | 80 | div.dataTables_wrapper div.dataTables_paginate { 81 | margin: 0; 82 | white-space: nowrap; 83 | text-align: right; 84 | } 85 | 86 | div.dataTables_wrapper div.dataTables_paginate ul.pagination { 87 | margin: 2px 0; 88 | white-space: nowrap; 89 | } 90 | 91 | div.dataTables_wrapper div.dataTables_processing { 92 | position: absolute; 93 | top: 50%; 94 | left: 50%; 95 | width: 200px; 96 | margin-left: -100px; 97 | margin-top: -26px; 98 | text-align: center; 99 | padding: 1em 0; 100 | } 101 | 102 | table.dataTable thead > tr > th.sorting_asc, 103 | table.dataTable thead > tr > th.sorting_desc, 104 | table.dataTable thead > tr > th.sorting, 105 | table.dataTable thead > tr > td.sorting_asc, 106 | table.dataTable thead > tr > td.sorting_desc, 107 | table.dataTable thead > tr > td.sorting { 108 | padding-right: 30px; 109 | } 110 | 111 | table.dataTable thead > tr > th:active, 112 | table.dataTable thead > tr > td:active { 113 | outline: none; 114 | } 115 | 116 | table.dataTable thead .sorting, 117 | table.dataTable thead .sorting_asc, 118 | table.dataTable thead .sorting_desc, 119 | table.dataTable thead .sorting_asc_disabled, 120 | table.dataTable thead .sorting_desc_disabled { 121 | cursor: pointer; 122 | position: relative; 123 | } 124 | 125 | table.dataTable thead .sorting:after, 126 | table.dataTable thead .sorting_asc:after, 127 | table.dataTable thead .sorting_desc:after, 128 | table.dataTable thead .sorting_asc_disabled:after, 129 | table.dataTable thead .sorting_desc_disabled:after { 130 | position: absolute; 131 | bottom: 8px; 132 | right: 8px; 133 | display: block; 134 | font-family: 'Glyphicons Halflings'; 135 | opacity: 0.5; 136 | } 137 | 138 | table.dataTable thead .sorting:after { 139 | opacity: 0.2; 140 | content: "\e150"; 141 | /* sort */ 142 | } 143 | 144 | table.dataTable thead .sorting_asc:after { 145 | content: "\e155"; 146 | /* sort-by-attributes */ 147 | } 148 | 149 | table.dataTable thead .sorting_desc:after { 150 | content: "\e156"; 151 | /* sort-by-attributes-alt */ 152 | } 153 | 154 | table.dataTable thead .sorting_asc_disabled:after, 155 | table.dataTable thead .sorting_desc_disabled:after { 156 | color: #eee; 157 | } 158 | 159 | div.dataTables_scrollHead table.dataTable { 160 | margin-bottom: 0 !important; 161 | } 162 | 163 | div.dataTables_scrollBody table { 164 | border-top: none; 165 | margin-top: 0 !important; 166 | margin-bottom: 0 !important; 167 | } 168 | 169 | div.dataTables_scrollBody table thead .sorting:after, 170 | div.dataTables_scrollBody table thead .sorting_asc:after, 171 | div.dataTables_scrollBody table thead .sorting_desc:after { 172 | display: none; 173 | } 174 | 175 | div.dataTables_scrollBody table tbody tr:first-child th, 176 | div.dataTables_scrollBody table tbody tr:first-child td { 177 | border-top: none; 178 | } 179 | 180 | div.dataTables_scrollFoot table { 181 | margin-top: 0 !important; 182 | border-top: none; 183 | } 184 | 185 | @media screen and (max-width: 500px) { 186 | div.dataTables_wrapper div.dataTables_length, 187 | div.dataTables_wrapper div.dataTables_info, 188 | div.dataTables_wrapper div.dataTables_filter, 189 | div.dataTables_wrapper div.dataTables_paginate { 190 | display: block; 191 | float: none; 192 | text-align: center; 193 | } 194 | div.dataTables_filter label,.dataTables_filter input{ 195 | width: 100%; 196 | } 197 | } 198 | 199 | table.dataTable.table-condensed > thead > tr > th { 200 | padding-right: 20px; 201 | } 202 | 203 | table.dataTable.table-condensed .sorting:after, 204 | table.dataTable.table-condensed .sorting_asc:after, 205 | table.dataTable.table-condensed .sorting_desc:after { 206 | top: 6px; 207 | right: 6px; 208 | } 209 | 210 | table.table-bordered.dataTable th, 211 | table.table-bordered.dataTable td { 212 | border-left-width: 0; 213 | } 214 | 215 | table.table-bordered.dataTable th:last-child, 216 | table.table-bordered.dataTable th:last-child, 217 | table.table-bordered.dataTable td:last-child, 218 | table.table-bordered.dataTable td:last-child { 219 | border-right-width: 0; 220 | } 221 | 222 | table.table-bordered.dataTable tbody th, 223 | table.table-bordered.dataTable tbody td { 224 | border-bottom-width: 0; 225 | } 226 | 227 | div.dataTables_scrollHead table.table-bordered { 228 | border-bottom-width: 0; 229 | } 230 | 231 | div.table-responsive > div.dataTables_wrapper > div.row { 232 | margin: 0; 233 | } 234 | 235 | div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child { 236 | padding-left: 0; 237 | } 238 | 239 | div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child { 240 | padding-right: 0; 241 | } 242 | 243 | 244 | /*button*/ 245 | 246 | div.dt-button-info { 247 | position: fixed; 248 | top: 50%; 249 | left: 50%; 250 | width: 400px; 251 | margin-top: -100px; 252 | margin-left: -200px; 253 | background-color: white; 254 | box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3); 255 | text-align: center; 256 | z-index: 21; 257 | } 258 | 259 | div.dt-button-info h2 { 260 | padding: 0.5em; 261 | margin: 0; 262 | font-weight: normal; 263 | border-bottom: 1px solid #ddd; 264 | background-color: #f3f3f3; 265 | } 266 | 267 | div.dt-button-info > div { 268 | padding: 1em; 269 | } 270 | 271 | ul.dt-button-collection.dropdown-menu { 272 | display: block; 273 | z-index: 2002; 274 | -webkit-column-gap: 8px; 275 | -moz-column-gap: 8px; 276 | -ms-column-gap: 8px; 277 | -o-column-gap: 8px; 278 | column-gap: 8px; 279 | } 280 | 281 | ul.dt-button-collection.dropdown-menu.fixed { 282 | position: fixed; 283 | top: 50%; 284 | left: 50%; 285 | margin-left: -75px; 286 | border-radius: 0; 287 | } 288 | 289 | ul.dt-button-collection.dropdown-menu.fixed.two-column { 290 | margin-left: -150px; 291 | } 292 | 293 | ul.dt-button-collection.dropdown-menu.fixed.three-column { 294 | margin-left: -225px; 295 | } 296 | 297 | ul.dt-button-collection.dropdown-menu.fixed.four-column { 298 | margin-left: -300px; 299 | } 300 | 301 | ul.dt-button-collection.dropdown-menu > * { 302 | -webkit-column-break-inside: avoid; 303 | break-inside: avoid; 304 | } 305 | 306 | ul.dt-button-collection.dropdown-menu.two-column { 307 | width: 300px; 308 | padding-bottom: 1px; 309 | -webkit-column-count: 2; 310 | -moz-column-count: 2; 311 | -ms-column-count: 2; 312 | -o-column-count: 2; 313 | column-count: 2; 314 | } 315 | 316 | ul.dt-button-collection.dropdown-menu.three-column { 317 | width: 450px; 318 | padding-bottom: 1px; 319 | -webkit-column-count: 3; 320 | -moz-column-count: 3; 321 | -ms-column-count: 3; 322 | -o-column-count: 3; 323 | column-count: 3; 324 | } 325 | 326 | ul.dt-button-collection.dropdown-menu.four-column { 327 | width: 600px; 328 | padding-bottom: 1px; 329 | -webkit-column-count: 4; 330 | -moz-column-count: 4; 331 | -ms-column-count: 4; 332 | -o-column-count: 4; 333 | column-count: 4; 334 | } 335 | 336 | div.dt-button-background { 337 | position: fixed; 338 | top: 0; 339 | left: 0; 340 | width: 100%; 341 | height: 100%; 342 | z-index: 2001; 343 | } 344 | 345 | @media screen and (max-width: 500px) { 346 | div.dt-buttons { 347 | float: none; 348 | width: 100%; 349 | text-align: center; 350 | margin-bottom: 0.5em; 351 | } 352 | div.dt-buttons a.btn { 353 | float: none; 354 | } 355 | } 356 | 357 | 358 | /*autofill*/ 359 | 360 | div.dt-autofill-handle { 361 | position: absolute; 362 | height: 8px; 363 | width: 8px; 364 | z-index: 102; 365 | box-sizing: border-box; 366 | border: 1px solid #337ab7; 367 | background: #337ab7 368 | } 369 | 370 | div.dt-autofill-select { 371 | position: absolute; 372 | z-index: 1001; 373 | background-color: #337ab7; 374 | background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.5) 5px, rgba(255, 255, 255, 0.5) 10px) 375 | } 376 | 377 | div.dt-autofill-select.top, 378 | div.dt-autofill-select.bottom { 379 | height: 3px; 380 | margin-top: -1px 381 | } 382 | 383 | div.dt-autofill-select.left, 384 | div.dt-autofill-select.right { 385 | width: 3px; 386 | margin-left: -1px 387 | } 388 | 389 | div.dt-autofill-list { 390 | position: fixed; 391 | top: 50%; 392 | left: 50%; 393 | width: 500px; 394 | margin-left: -250px; 395 | background-color: white; 396 | border-radius: 6px; 397 | box-shadow: 0 0 5px #555; 398 | border: 2px solid #444; 399 | z-index: 11; 400 | box-sizing: border-box; 401 | padding: 1.5em 2em 402 | } 403 | 404 | div.dt-autofill-list ul { 405 | display: table; 406 | margin: 0; 407 | padding: 0; 408 | list-style: none; 409 | width: 100% 410 | } 411 | 412 | div.dt-autofill-list ul li { 413 | display: table-row 414 | } 415 | 416 | div.dt-autofill-list ul li:last-child div.dt-autofill-question, 417 | div.dt-autofill-list ul li:last-child div.dt-autofill-button { 418 | border-bottom: none 419 | } 420 | 421 | div.dt-autofill-list ul li:hover { 422 | background-color: #f6f6f6 423 | } 424 | 425 | div.dt-autofill-list div.dt-autofill-question { 426 | display: table-cell; 427 | padding: 0.5em 0; 428 | border-bottom: 1px solid #ccc 429 | } 430 | 431 | div.dt-autofill-list div.dt-autofill-question input[type=number] { 432 | padding: 6px; 433 | width: 30px; 434 | margin: -2px 0 435 | } 436 | 437 | div.dt-autofill-list div.dt-autofill-button { 438 | display: table-cell; 439 | padding: 0.5em 0; 440 | border-bottom: 1px solid #ccc 441 | } 442 | 443 | div.dt-autofill-background { 444 | position: fixed; 445 | top: 0; 446 | left: 0; 447 | width: 100%; 448 | height: 100%; 449 | background: rgba(0, 0, 0, 0.7); 450 | background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); 451 | z-index: 10 452 | } 453 | /*scroller*/ 454 | div.DTS { 455 | display: block !important; 456 | } 457 | div.DTS tbody th, 458 | div.DTS tbody td { 459 | white-space: nowrap; 460 | } 461 | div.DTS div.DTS_Loading { 462 | z-index: 1; 463 | } 464 | div.DTS div.dataTables_scrollBody { 465 | background: repeating-linear-gradient(45deg, #edeeff, #edeeff 10px, white 10px, white 20px); 466 | } 467 | div.DTS div.dataTables_scrollBody table { 468 | z-index: 2; 469 | } 470 | div.DTS div.dataTables_paginate, 471 | div.DTS div.dataTables_length { 472 | display: none; 473 | } 474 | 475 | div.DTS tbody tr.even { 476 | background-color: white; 477 | } 478 | 479 | -------------------------------------------------------------------------------- /assets/css/forms.css: -------------------------------------------------------------------------------- 1 | /*------------------------------------------------*/ 2 | /* Forms 3 | /*------------------------------------------------*/ 4 | /* form */ 5 | fieldset { 6 | margin-bottom: 40px; 7 | } 8 | 9 | legend { 10 | color: #555555; 11 | font-size: 1.5em; 12 | } 13 | 14 | .form-horizontal .control-label { 15 | text-align: left; 16 | } 17 | 18 | .form-horizontal ul.multiselect-container .radio, .form-horizontal ul.multiselect-container .checkbox { 19 | min-height: initial; 20 | padding-top: 0; 21 | } 22 | 23 | div[class*="col-"] > .form-group { 24 | margin-left: 0; 25 | margin-right: 0; 26 | } 27 | 28 | .form-control, 29 | .input-group .form-control { 30 | -webkit-border-radius: 0; 31 | -moz-border-radius: 0; 32 | -ms-border-radius: 0; 33 | -o-border-radius: 0; 34 | border-radius: 0; 35 | -webkit-box-shadow: none; 36 | -moz-box-shadow: none; 37 | box-shadow: none; 38 | } 39 | 40 | .input-group-lg > .form-control, 41 | .input-group-lg > .input-group-addon, 42 | .input-group-lg > .input-group-btn > .btn { 43 | -webkit-border-radius: 0; 44 | -moz-border-radius: 0; 45 | -ms-border-radius: 0; 46 | -o-border-radius: 0; 47 | border-radius: 0; 48 | } 49 | 50 | .input-group-sm > .form-control, 51 | .input-group-sm > .input-group-addon, 52 | .input-group-sm > .input-group-btn > .btn { 53 | -webkit-border-radius: 0; 54 | -moz-border-radius: 0; 55 | -ms-border-radius: 0; 56 | -o-border-radius: 0; 57 | border-radius: 0; 58 | } 59 | 60 | /* erorr list */ 61 | .parsley-error-list { 62 | margin: 0; 63 | padding: 0; 64 | border: 0; 65 | overflow: hidden; 66 | *zoom: 1; 67 | } 68 | .parsley-error-list li { 69 | list-style-image: none; 70 | list-style-type: none; 71 | margin-left: 0; 72 | display: -moz-inline-stack; 73 | display: inline-block; 74 | vertical-align: middle; 75 | *vertical-align: auto; 76 | zoom: 1; 77 | *display: inline; 78 | white-space: nowrap; 79 | } 80 | .parsley-error-list li { 81 | color: #db3833; 82 | font-size: 0.9em; 83 | margin-top: 3px; 84 | } 85 | @media (min-width: 487px){ 86 | .more-seach>.col-xs-4,.more-seach>.col-xs-8{ 87 | width: 50%; 88 | } 89 | } 90 | @media (max-width: 487px){ 91 | .more-seach>.col-xs-4,.more-seach>.col-xs-8{ 92 | display: block; 93 | float: none; 94 | width: 100%; 95 | margin-top: 5px; 96 | } 97 | .more-seach>.col-xs-4>.btn-group{ 98 | max-width: 100% !important; 99 | } 100 | .more-seach>.col-xs-8>.btn-group{ 101 | width: 100%; 102 | text-align: center; 103 | } 104 | .more-seach>.col-xs-8>.btn-group>button.ck:first-child{ 105 | width: 90%; 106 | text-align: left; 107 | } 108 | .more-seach>.col-xs-8>.btn-group>button.ck{ 109 | width: 10%; 110 | } 111 | .more-seach>.col-xs-8 .dropdown-menu{ 112 | left: 0 !important; 113 | } 114 | .multi-c>ul{ 115 | width: auto !important; 116 | } 117 | } 118 | .more-seach>.col-xs-8 .dropdown-menu{ 119 | right:0; 120 | left: -342px; 121 | } 122 | .multi-c>ul{ 123 | width: 450px; 124 | } 125 | .multi-c>ul>li{ 126 | margin:5px; 127 | padding: 2px; 128 | box-sizing: border-box; 129 | border:1px solid #dddddd; 130 | text-align: left; 131 | } 132 | .multi-c>ul>li .title{ 133 | padding:5px; 134 | } 135 | .multi-c>ul>li .title>label:last-child{ 136 | float: right; 137 | } 138 | .multi-c>ul>li .multi-content{ 139 | padding:5px; 140 | border-top: 1px dashed #dddddd; 141 | display: none; 142 | } 143 | -------------------------------------------------------------------------------- /assets/css/general.css: -------------------------------------------------------------------------------- 1 | /*------------------------------------------------*/ 2 | /* General Styles 3 | /*------------------------------------------------*/ 4 | html, 5 | body { 6 | height: 100%; 7 | font-family: arial,'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1',"Helvetica Neue", Helvetica, Arial, sans-serif; 8 | font-size: 14px; 9 | line-height: 1.42857143; 10 | color: #555555; 11 | background: #ececec; 12 | margin: 0; 13 | -webkit-text-size-adjust: 100%; 14 | -ms-text-size-adjust: 100%; 15 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 16 | } 17 | 18 | h1, h2 { 19 | font-family: "latolight"; 20 | } 21 | 22 | h3, h4, h5, h6 { 23 | font-family: arial,'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1',"Helvetica Neue", Helvetica, Arial, sans-serif; 24 | } 25 | hr { 26 | border-top-color: #dddddd; 27 | } 28 | hr.inner-separator { 29 | border-style: dashed; 30 | } 31 | 32 | label { 33 | font-weight: 300; 34 | } 35 | 36 | blockquote { 37 | border-color: #e4e4e4; 38 | } 39 | 40 | input { 41 | border-radius: 0; 42 | } 43 | 44 | @media screen and (min-width: 768px) { 45 | .container { 46 | max-width: 100%; 47 | width: 100%; 48 | } 49 | } 50 | @font-face { 51 | font-family: "latolight"; 52 | src: url('../fonts/lato-lig-webfont.eot'); 53 | src: url('../fonts/lato-lig-webfont.eot?#iefix') format('eot'), url('../fonts/lato-lig-webfont.woff') format('woff'), url('../fonts/lato-lig-webfont.ttf') format('truetype'), url('../fonts/lato-lig-webfont.svg') format('svg'); 54 | } 55 | 56 | @font-face { 57 | font-family: "latoregular"; 58 | src: url('../fonts/lato-reg-webfont.eot'); 59 | src: url('../fonts/lato-reg-webfont.eot?#iefix') format('eot'), url('../fonts/lato-reg-webfont.woff') format('woff'), url('../fonts/lato-reg-webfont.ttf') format('truetype'), url('../fonts/lato-reg-webfont.svg') format('svg'); 60 | } 61 | 62 | @font-face { 63 | font-family: "latobold"; 64 | src: url('../fonts/lato-bol-webfont.eot'); 65 | src: url('../fonts/lato-bol-webfont.eot?#iefix') format('eot'), url('../fonts/lato-bol-webfont.woff') format('woff'), url('../fonts/lato-bol-webfont.ttf') format('truetype'), url('../fonts/lato-bol-webfont.svg') format('svg'); 66 | } 67 | 68 | .wrapper { 69 | width: 100%; 70 | min-height: 100%; 71 | height: auto !important; 72 | height: 100%; 73 | margin: 0 auto -34px; 74 | /* always the same as footer height including paddings and/or borders */ 75 | } 76 | 77 | .push-sticky-footer { 78 | height: 34px; 79 | /* always the same as footer height including paddings and/or borders */ 80 | } 81 | 82 | /* full page such as 404, login, register */ 83 | .full-page-wrapper .inner-page { 84 | padding-top: 5%; 85 | margin-bottom: 50px; 86 | } 87 | @media screen and (max-width: 768px) { 88 | .full-page-wrapper { 89 | position: initial; 90 | padding-top: 5em; 91 | margin-top: 0; 92 | } 93 | .full-page-wrapper .inner-page { 94 | position: relative; 95 | padding: 0 1em; 96 | } 97 | } 98 | @media screen and (max-width: 480px) { 99 | .full-page-wrapper { 100 | padding-top: 0; 101 | } 102 | .full-page-wrapper .inner-page { 103 | padding: 5em 1em; 104 | } 105 | } 106 | 107 | .red-font { 108 | color: #e60404 !important; 109 | } 110 | 111 | .yellow-font { 112 | color: #ffb800 !important; 113 | } 114 | 115 | .green-font { 116 | color: #3e9c1a !important; 117 | } 118 | 119 | .dropdown-menu, 120 | .panel, 121 | .well, 122 | code { 123 | -webkit-border-radius: 0; 124 | -moz-border-radius: 0; 125 | -ms-border-radius: 0; 126 | -o-border-radius: 0; 127 | border-radius: 0; 128 | } 129 | 130 | .panel { 131 | -webkit-box-shadow: none; 132 | -moz-box-shadow: none; 133 | box-shadow: none; 134 | } 135 | 136 | .link-disabled { 137 | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); 138 | opacity: 0.5; 139 | pointer-events: none; 140 | cursor: not-allowed; 141 | } 142 | 143 | .no-padding { 144 | padding: 0 !important; 145 | } 146 | 147 | .bottom-30px { 148 | margin-bottom: 30px; 149 | } 150 | 151 | /* 2 column data presentation */ 152 | .data-row { 153 | margin-bottom: 0; 154 | } 155 | .data-row .data-name, 156 | .data-row .data-value { 157 | display: -moz-inline-stack; 158 | display: inline-block; 159 | vertical-align: middle; 160 | *vertical-align: auto; 161 | zoom: 1; 162 | *display: inline; 163 | padding: 5px; 164 | } 165 | @media screen and (max-width: 480px) { 166 | .data-row .data-name, 167 | .data-row .data-value { 168 | display: block; 169 | } 170 | } 171 | .data-row .data-name { 172 | width: 12em; 173 | background-color: #ececec; 174 | color: #b9b9b9; 175 | font-size: 0.9em; 176 | vertical-align: top; 177 | } 178 | .data-row .data-value { 179 | padding-left: 10px; 180 | } 181 | 182 | /* nav stacked */ 183 | .nav-stacked > li { 184 | border: 1px solid #dddddd; 185 | } 186 | .nav-stacked > li:not(:first-child) { 187 | border-top: none; 188 | } 189 | .nav-stacked > li > a { 190 | -webkit-border-radius: 0; 191 | -moz-border-radius: 0; 192 | -ms-border-radius: 0; 193 | -o-border-radius: 0; 194 | border-radius: 0; 195 | } 196 | .nav-stacked > li + li { 197 | margin-top: 0; 198 | } 199 | 200 | .control-inline { 201 | display: -moz-inline-stack; 202 | display: inline-block; 203 | vertical-align: middle; 204 | *vertical-align: auto; 205 | zoom: 1; 206 | *display: inline; 207 | } 208 | 209 | /*------------------------------------------------*/ 210 | /* Footer 211 | /*------------------------------------------------*/ 212 | .footer { 213 | color: #fff; 214 | padding: 10px; 215 | background-color: #555555; 216 | font-size: 0.9em; 217 | text-align: center; 218 | } -------------------------------------------------------------------------------- /assets/css/main-content.css: -------------------------------------------------------------------------------- 1 | /*------------------------------------------------*/ 2 | /* Main Content 3 | /*------------------------------------------------*/ 4 | .content-wrapper { 5 | padding: 10px; 6 | -webkit-overflow-scrolling : touch; 7 | } 8 | .content-wrapper.expanded { 9 | width: 100%; 10 | padding-left: 50px; 11 | } 12 | @media screen and (max-width: 480px) { 13 | .content-wrapper { 14 | padding: 5px; 15 | } 16 | } 17 | 18 | .breadcrumb { 19 | background-color: inherit; 20 | padding-left: 0; 21 | margin-bottom:10px; 22 | } 23 | .breadcrumb a { 24 | color: #555555; 25 | } 26 | .breadcrumb .fa { 27 | font-size: 1.2em; 28 | margin-right: 5px; 29 | } 30 | .breadcrumb .active { 31 | font-weight: 300; 32 | } 33 | 34 | /* top content, visible on every page */ 35 | @media screen and (max-width: 1199px) { 36 | div[class*="col-lg-"] .top-content { 37 | text-align: center; 38 | } 39 | .content-wrapper { 40 | padding: 10px; 41 | } 42 | } 43 | 44 | .top-content { 45 | /* every page except dashboard */ 46 | } 47 | .top-content ul.mini-stat { 48 | display: -moz-inline-stack; 49 | display: inline-block; 50 | vertical-align: middle; 51 | *vertical-align: auto; 52 | zoom: 1; 53 | *display: inline; 54 | margin-bottom: 0; 55 | } 56 | @media screen and (max-width: 992px) { 57 | .top-content ul.mini-stat { 58 | display: block; 59 | } 60 | } 61 | .top-content ul.mini-stat > li { 62 | border-left: 1px solid #dddddd; 63 | padding-left: 15px; 64 | padding-right: 15px; 65 | } 66 | .top-content ul.mini-stat > li:first-child { 67 | border-left: none; 68 | } 69 | @media screen and (max-width: 992px) { 70 | .top-content ul.mini-stat > li { 71 | width: 100%; 72 | border-left: none; 73 | padding-bottom: 15px; 74 | } 75 | } 76 | @media screen and (min-width: 992px) { 77 | .top-content ul.mini-stat > li { 78 | padding-left: 10px; 79 | padding-right: 10px; 80 | } 81 | } 82 | .top-content ul.mini-stat h5 { 83 | float: left; 84 | margin: 0; 85 | text-align: left; 86 | font-size: 0.85em; 87 | color: #888888; 88 | } 89 | .top-content ul.mini-stat h5 .stat-value { 90 | display: block; 91 | font-size: 1.5em; 92 | margin-top: 3px; 93 | } 94 | .top-content ul.mini-stat h5 .stat-value.stat-color-seagreen { 95 | color: #3f7577; 96 | } 97 | .top-content ul.mini-stat h5 .stat-value.stat-color-blue { 98 | color: #1d92af; 99 | } 100 | .top-content ul.mini-stat h5 .stat-value.stat-color-orange { 101 | color: #ce7b11; 102 | } 103 | .top-content .mini-bar-chart { 104 | display: block; 105 | float: right; 106 | margin: 6px 0 0 20px; 107 | } 108 | .top-content ul.quick-access { 109 | margin-bottom: 0; 110 | } 111 | .top-content ul.quick-access > li{ 112 | width: 19%; 113 | padding: 0; 114 | } 115 | 116 | @media screen and (max-width: 800px) { 117 | .top-content ul.quick-access > li { 118 | width: 100%; 119 | margin: 1px 0; 120 | } 121 | } 122 | @media screen and (min-width: 800px) and (max-width: 1500px) { 123 | .top-content ul.quick-access > li:not(:last-child) { 124 | width: 24.6%; 125 | } 126 | .top-content ul.quick-access > li:last-child { 127 | width: 100%; 128 | } 129 | .top-content ul{ 130 | text-align: center; 131 | } 132 | } 133 | .top-content ul.quick-access > li a, .top-content ul.quick-access > li a:focus, .top-content ul.quick-access > li a:hover { 134 | text-decoration: none; 135 | } 136 | .top-content ul.quick-access > li .quick-access-item { 137 | display: block; 138 | position: relative; 139 | background-color: #555; 140 | color: #fff; 141 | padding: 15px; 142 | text-align: left; 143 | overflow: hidden; 144 | } 145 | .top-content ul.quick-access > li .quick-access-item h5, .top-content ul.quick-access > li .quick-access-item p { 146 | margin: 0; 147 | } 148 | .top-content ul.quick-access > li .quick-access-item em { 149 | font-size: 0.85em; 150 | } 151 | .top-content ul.quick-access > li .quick-access-item .fa { 152 | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10); 153 | opacity: 0.1; 154 | -webkit-transform: rotate(-20deg); 155 | -moz-transform: rotate(-20deg); 156 | -ms-transform: rotate(-20deg); 157 | -o-transform: rotate(-20deg); 158 | transform: rotate(-20deg); 159 | position: absolute; 160 | top: 0.15em; 161 | right: -0.1em; 162 | font-size: 5em; 163 | } 164 | .top-content ul.quick-access > li .quick-access-item:hover .fa { 165 | -webkit-transform: scale(1.2, 1.2); 166 | -moz-transform: scale(1.2, 1.2); 167 | -ms-transform: scale(1.2, 1.2); 168 | -o-transform: scale(1.2, 1.2); 169 | transform: scale(1.2, 1.2); 170 | } 171 | .top-content ul.quick-access > li .quick-access-item.bg-color-green { 172 | background-color: #859419; 173 | } 174 | .top-content ul.quick-access > li .quick-access-item.bg-color-blue { 175 | background-color: #1d92af; 176 | } 177 | .top-content ul.quick-access > li .quick-access-item.bg-color-orange { 178 | background-color: #ce7b11; 179 | } 180 | 181 | .top-content ul.quick-access > li .quick-access-item.bg-color-red { 182 | background-color: #6b5f2b; 183 | } 184 | .main-header { 185 | margin-bottom: 10px; 186 | } 187 | .main-header h2 { 188 | display: -moz-inline-stack; 189 | display: inline-block; 190 | vertical-align: middle; 191 | *vertical-align: auto; 192 | zoom: 1; 193 | *display: inline; 194 | border-right: 1px solid #ccc; 195 | margin: 0; 196 | padding-right: 10px; 197 | margin-right: 10px; 198 | } 199 | @media screen and (max-width: 768px) { 200 | .main-header h2 { 201 | display: block; 202 | border-right: none; 203 | } 204 | } 205 | .main-header em { 206 | color: #bbbbbb; 207 | } 208 | 209 | .bottom .container .content-wrapper { 210 | background-color: #f1f1f1; 211 | border-left: 1px solid #e4e4e4; 212 | } 213 | 214 | .main-content { 215 | padding-bottom: 30px; 216 | } 217 | 218 | .row-widget { 219 | margin-bottom: 0; 220 | } 221 | 222 | .widget { 223 | border-width: 1px; 224 | border-style: solid; 225 | margin-bottom: 20px; 226 | background-color: #f9f9f9; 227 | border-color: lightgrey; 228 | } 229 | .widget.widget-table { 230 | overflow: hidden; 231 | } 232 | .widget.widget-hide-header { 233 | border: none; 234 | background: none; 235 | } 236 | .widget.widget-focus-enabled { 237 | z-index: 999; 238 | position: relative; 239 | } 240 | .widget .widget-header { 241 | padding: 0 10px; 242 | height: 35px; 243 | border-bottom-width: 1px; 244 | border-bottom-style: solid; 245 | border-bottom-color: lightgrey; 246 | background-color: #eeeeee; 247 | } 248 | @media screen and (max-width: 480px) { 249 | .widget .widget-header { 250 | height: 100%; 251 | } 252 | } 253 | .widget .widget-header h3 { 254 | display: -moz-inline-stack; 255 | display: inline-block; 256 | vertical-align: middle; 257 | *vertical-align: auto; 258 | zoom: 1; 259 | *display: inline; 260 | font-family: "latobold"; 261 | font-size: 1.1em; 262 | margin: 0; 263 | line-height: 35px; 264 | float: left; 265 | } 266 | @media screen and (max-width: 480px) { 267 | .widget .widget-header h3 { 268 | float: none; 269 | } 270 | } 271 | .widget .widget-header .fa { 272 | margin-right: 5px; 273 | } 274 | .widget .widget-header em { 275 | float: left; 276 | font-size: 0.9em; 277 | color: #a4a4a4; 278 | line-height: 35px; 279 | margin-left: 4px; 280 | } 281 | @media screen and (max-width: 1279px) { 282 | .widget .widget-header em { 283 | display: none; 284 | } 285 | } 286 | .widget .widget-header .btn-help { 287 | float: left; 288 | padding: 0; 289 | position: relative; 290 | top: 3px; 291 | left: 3px; 292 | } 293 | @media screen and (max-width: 1279px) { 294 | .widget .widget-header .btn-help { 295 | display: none; 296 | } 297 | } 298 | .widget .widget-header .btn-group > a { 299 | color: #555555; 300 | } 301 | .widget .widget-header .widget-header-toolbar { 302 | float: right; 303 | width: auto; 304 | height: 35px; 305 | border-left: 1px solid #dddddd; 306 | padding-left: 10px; 307 | margin-left: 10px; 308 | } 309 | .widget .widget-header .widget-header-toolbar > a { 310 | margin-left: 5px; 311 | } 312 | .widget .widget-header .widget-header-toolbar.btn-init-hide { 313 | display: none; 314 | } 315 | .widget .widget-header .widget-header-toolbar .control-title { 316 | font-size: 0.9em; 317 | color: #a4a4a4; 318 | position: relative; 319 | top: 1px; 320 | } 321 | .widget .widget-header .widget-header-toolbar .label { 322 | position: relative; 323 | top: 8px; 324 | } 325 | .widget .widget-header .widget-header-toolbar .toolbar-item-group { 326 | padding-top: 0.3em; 327 | height: 100%; 328 | } 329 | .widget .widget-header .widget-header-toolbar .toolbar-item-group .label { 330 | position: relative; 331 | top: 1px; 332 | } 333 | .widget .widget-header .widget-header-toolbar .toolbar-item-group .multiselect { 334 | margin-top: 0; 335 | } 336 | .widget .widget-header .widget-header-toolbar .btn, 337 | .widget .widget-header .widget-header-toolbar .btn-borderless { 338 | display: -moz-inline-stack; 339 | display: inline-block; 340 | vertical-align: middle; 341 | *vertical-align: auto; 342 | zoom: 1; 343 | *display: inline; 344 | height: 25px; 345 | } 346 | .widget .widget-header .widget-header-toolbar .btn-borderless { 347 | padding-top: 5px; 348 | } 349 | .widget .widget-header .widget-header-toolbar .btn-borderless .fa { 350 | margin-right: 5px; 351 | position: relative; 352 | top: 2px; 353 | } 354 | .widget .widget-header .widget-header-toolbar .btn { 355 | margin-top: 5px; 356 | } 357 | .widget .widget-header .widget-header-toolbar .btn.btn-sm { 358 | padding: 0 10px; 359 | } 360 | .widget .widget-header .widget-header-toolbar .btn.btn-sm .fa { 361 | width: 10px; 362 | height: 12px; 363 | } 364 | .widget .widget-header .widget-header-toolbar .progress { 365 | width: 150px; 366 | height: 15px; 367 | margin-bottom: 0; 368 | margin-top: 10px; 369 | } 370 | .widget .widget-header .widget-header-toolbar .progress .progress-bar { 371 | font-size: 10px; 372 | line-height: 1.5; 373 | } 374 | .widget .widget-content { 375 | padding:10px; 376 | } 377 | .widget .widget-footer { 378 | padding: 7px 10px; 379 | border-top-width: 1px; 380 | border-top-style: solid; 381 | border-top-color: #f0f0f0; 382 | background-color: #f7f7f7; 383 | } 384 | 385 | #focus-overlay { 386 | background: rgba(0, 0, 0, 0.95); 387 | position: fixed; 388 | top: 0; 389 | left: 0; 390 | right: 0; 391 | bottom: 0; 392 | z-index: 9; 393 | } 394 | 395 | /* sidebar content */ 396 | .sidebar-content { 397 | padding: 0 10px; 398 | margin-top: 30px; 399 | } 400 | @media screen and (max-width: 480px) { 401 | .sidebar-content { 402 | display: none; 403 | } 404 | } 405 | .sidebar-content .panel-heading h5 { 406 | margin: 0; 407 | } 408 | .sidebar-content p { 409 | font-size: 0.85em; 410 | } 411 | .sidebar-content > h5 { 412 | display: block; 413 | font-size: 0.9em; 414 | text-align: left; 415 | margin-bottom: 0; 416 | } 417 | .sidebar-content .list-info-sidebar { 418 | border: 1px solid #ccc; 419 | } 420 | .sidebar-content .list-info-sidebar li { 421 | font-size: 12px; 422 | } 423 | .sidebar-content .list-info-sidebar .data-name { 424 | width: 100%; 425 | background-color: transparent; 426 | } 427 | @media screen and (min-width: 1366px) { 428 | .sidebar-content .list-info-sidebar .data-name { 429 | width: 10em; 430 | } 431 | } 432 | @media screen and (max-width: 1000px){ 433 | .main-header,.del-style-switcher{ 434 | display: none; 435 | } 436 | } 437 | @media screen and (min-width: 1850px) { 438 | .sidebar-content .list-info-sidebar .data-name { 439 | width: 15em; 440 | } 441 | } 442 | .sidebar-content .list-info-sidebar .progress { 443 | margin-bottom: 0; 444 | } 445 | 446 | .left-sidebar.minified .sidebar-content { 447 | display: none; 448 | } 449 | span.input-icon { 450 | display: inline-block 451 | } 452 | 453 | .input-icon { 454 | position: relative; 455 | width: 100% 456 | } 457 | 458 | .input-icon.inverted > [class*="fa-"], .input-icon.inverted > [class*="glyphicon-"] { 459 | color: #fff; 460 | background-color: #262626 461 | } 462 | 463 | .input-icon > input { 464 | padding-left: 36px; 465 | padding-right: 6px 466 | } 467 | 468 | .input-icon > input:focus + [class*="fa-"], .input-icon > input:focus + [class*="glyphicon-"] { 469 | zoom: 1; 470 | filter: alpha(opacity=100); 471 | -webkit-opacity: 1; 472 | -moz-opacity: 1; 473 | opacity: 1 474 | } 475 | 476 | .input-icon > input:focus + .circular { 477 | -webkit-box-shadow: 0 0 0 .1em rgba(0, 0, 0, .15) inset; 478 | -moz-box-shadow: 0 0 0 .1em rgba(0, 0, 0, .15) inset; 479 | box-shadow: 0 0 0 .1em rgba(0, 0, 0, .15) inset 480 | } 481 | 482 | .input-icon > input.input-xs { 483 | padding-left: 26px 484 | } 485 | 486 | .input-icon > input.input-xs + [class*="fa-"], .input-icon > input.input-xs + [class*="glyphicon-"] { 487 | width: 24px; 488 | font-size: 10px; 489 | padding-top: 0; 490 | line-height: 24px 491 | } 492 | 493 | .input-icon > input.input-xs + .circular { 494 | width: 14px; 495 | height: 14px; 496 | font-size: 10px; 497 | line-height: 14px 498 | } 499 | 500 | .input-icon > input.input-sm { 501 | padding-left: 32px 502 | } 503 | 504 | .input-icon > input.input-sm + [class*="fa-"], .input-icon > input.input-sm + [class*="glyphicon-"] { 505 | width: 30px; 506 | font-size: 12px; 507 | padding-top: 0; 508 | line-height: 30px 509 | } 510 | 511 | .input-icon > input.input-sm + .circular { 512 | width: 20px; 513 | height: 20px; 514 | font-size: 12px; 515 | line-height: 20px 516 | } 517 | 518 | .input-icon > input.input-lg { 519 | padding-left: 48px 520 | } 521 | 522 | .input-icon > input.input-lg + [class*="fa-"], .input-icon > input.input-lg + [class*="glyphicon-"] { 523 | width: 46px; 524 | font-size: 18px; 525 | padding-top: 5px; 526 | line-height: 34px 527 | } 528 | 529 | .input-icon > input.input-lg + .circular { 530 | width: 36px; 531 | height: 36px; 532 | font-size: 18px; 533 | line-height: 26px 534 | } 535 | 536 | .input-icon > input.input-xl { 537 | padding-left: 54px 538 | } 539 | 540 | .input-icon > input.input-xl + [class*="fa-"], .input-icon > input.input-xl + [class*="glyphicon-"] { 541 | width: 52px; 542 | font-size: 20px; 543 | padding-top: 8px; 544 | line-height: 34px 545 | } 546 | 547 | .input-icon > input.input-xl + .circular { 548 | width: 42px; 549 | height: 42px; 550 | font-size: 20px; 551 | line-height: 26px 552 | } 553 | 554 | .input-icon > [class*="fa-"], .input-icon > [class*="glyphicon-"] { 555 | z-index: 2; 556 | position: absolute; 557 | top: 0; 558 | bottom: 0; 559 | left: 0; 560 | width: 34px; 561 | height: 100%; 562 | line-height: 28px; 563 | display: inline-block; 564 | color: #555; 565 | font-size: 14px; 566 | text-align: center; 567 | padding-top: 3px; 568 | zoom: 1; 569 | filter: alpha(opacity=70); 570 | -webkit-opacity: .7; 571 | -moz-opacity: .7; 572 | opacity: .7 573 | } 574 | 575 | .input-icon > [class*="fa-"].circular, .input-icon > [class*="glyphicon-"].circular { 576 | border-radius: 500em !important; 577 | box-shadow: 0 0 0 .1em rgba(0, 0, 0, .1) inset; 578 | -webkit-transition: -webkit-box-shadow .3s ease; 579 | -moz-transition: -moz-box-shadow .3s ease; 580 | -o-transition: box-shadow .3s ease; 581 | transition: box-shadow .3s ease; 582 | padding: 0; 583 | top: 5px; 584 | bottom: 5px; 585 | left: 7px; 586 | width: 24px; 587 | height: 24px; 588 | font-size: 12px; 589 | line-height: 24px 590 | } 591 | 592 | .input-icon.icon-right > input { 593 | padding-left: 6px; 594 | padding-right: 36px 595 | } 596 | 597 | .input-icon.icon-right > input.input-xs { 598 | padding-right: 26px 599 | } 600 | 601 | .input-icon.icon-right > input.input-sm { 602 | padding-right: 32px 603 | } 604 | 605 | .input-icon.icon-right > input.input-lg { 606 | padding-right: 48px 607 | } 608 | 609 | .input-icon.icon-right > input.input-xl { 610 | padding-right: 54px 611 | } 612 | 613 | .input-icon.icon-right > [class*="fa-"], .input-icon.icon-right > [class*="glyphicon-"] { 614 | left: auto; 615 | right: 0 616 | } 617 | 618 | .input-icon.icon-right .circular { 619 | left: auto; 620 | right: 5px 621 | } 622 | 623 | .input-icon ~ .help-inline { 624 | padding-left: 8px 625 | } 626 | .widget-buttons { 627 | display: inline-block; 628 | padding: 0 5px; 629 | line-height: 34px; 630 | position: relative; 631 | text-align: left; 632 | height: 36px; 633 | float: right; 634 | } 635 | 636 | .widget-buttons.buttons-bordered { 637 | border-left: 1px solid #e5e5e5 638 | } 639 | 640 | .widget-buttons.compact { 641 | margin-top: 4px; 642 | background-color: #f5f5f5; 643 | line-height: 27px; 644 | -webkit-transition: background-color .218s ease; 645 | -moz-transition: background-color .218s ease; 646 | -o-transition: background-color .218s ease; 647 | transition: background-color .218s ease; 648 | -webkit-transition: -webkit-box-shadow .218s ease; 649 | -moz-transition: -moz-box-shadow .218s ease; 650 | -o-transition: box-shadow .218s ease; 651 | transition: box-shadow .218s ease; 652 | -webkit-transition: color .318s ease; 653 | -moz-transition: color .318s ease; 654 | -o-transition: color .318s ease; 655 | transition: color .318s ease; 656 | height: 27px 657 | } 658 | 659 | .widget-buttons.compact:hover { 660 | background-color: #2dc3e8; 661 | -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2); 662 | -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2); 663 | box-shadow: 0 0 20px rgba(0, 0, 0, .2) 664 | } 665 | 666 | .widget-buttons.compact:hover i { 667 | color: #fff 668 | } 669 | 670 | .widget-buttons.compact:before { 671 | display: block; 672 | content: ""; 673 | position: absolute; 674 | top: 0; 675 | bottom: 0; 676 | right: -4px; 677 | width: 4px; 678 | max-width: 4px; 679 | overflow: hidden; 680 | background-color: #2dc3e8 681 | } 682 | 683 | .widget-buttons.compact a { 684 | min-width: 14px; 685 | line-height: 14px 686 | } 687 | 688 | .widget-buttons.compact i { 689 | color: #ccc; 690 | font-size: 14px 691 | } 692 | 693 | .widget-buttons.no-padding { 694 | padding: 0 695 | } 696 | 697 | .widget-buttons.padding-5 { 698 | padding: 0 5px 699 | } 700 | 701 | .widget-buttons.no-border:before { 702 | display: none 703 | } 704 | 705 | .widget-buttons label { 706 | display: inline-block; 707 | vertical-align: middle; 708 | margin-bottom: 0; 709 | line-height: 6px 710 | } 711 | 712 | .widget-buttons > a { 713 | font-size: 14px; 714 | margin: 0 1px; 715 | display: inline-block; 716 | padding: 0; 717 | line-height: 24px; 718 | min-width: 20px; 719 | text-align: center; 720 | } 721 | 722 | .widget-buttons > a:hover { 723 | text-decoration: none 724 | } 725 | 726 | .widget-buttons > a i { 727 | vertical-align: middle 728 | } 729 | 730 | .widget-buttons > [data-toggle] > .fa { 731 | margin-right: 0 732 | } 733 | 734 | .widget-buttons > [data-toggle]:hover { 735 | zoom: 1; 736 | filter: alpha(opacity=50); 737 | -webkit-opacity: .5; 738 | -moz-opacity: .5; 739 | opacity: .5 740 | } 741 | 742 | .widget-buttons > [data-toggle]:focus { 743 | text-decoration: none 744 | } 745 | 746 | .widget-buttons > [data-toggle="dispose"] { 747 | color: #777; 748 | font-size: 14px 749 | } 750 | 751 | .widget-buttons > [data-toggle="maximize"] { 752 | color: #777; 753 | font-size: 14px 754 | } 755 | 756 | .widget-buttons > [data-toggle="collapse"] { 757 | color: #777; 758 | font-size: 14px 759 | } 760 | 761 | .widget-buttons > [data-toggle="refresh"] { 762 | color: #777; 763 | font-size: 14px 764 | } 765 | 766 | .widget-buttons > [data-toggle="config"] { 767 | color: #777; 768 | font-size: 14px 769 | } 770 | 771 | .widget-buttons .progress { 772 | vertical-align: middle; 773 | display: inline-block; 774 | margin: 0; 775 | min-width: 100px; 776 | margin-top: -3px 777 | } 778 | 779 | .widget-buttons .btn-group { 780 | margin-top: -2px 781 | } 782 | 783 | .widget-buttons .btn-group .dropdown-menu { 784 | right: 0; 785 | left: auto 786 | } 787 | 788 | .widget-buttons .badge { 789 | margin-top: -2px 790 | } 791 | 792 | .widget-buttons .label { 793 | padding: 5px 6px 5px 6px 794 | } 795 | 796 | .widget-buttons .pagination, .widget-buttons .pager { 797 | float: right; 798 | margin: 3px; 799 | } 800 | 801 | .widget-buttons .btn { 802 | margin-top: -2px 803 | } 804 | .datesel .dropdown-menu{ 805 | padding: 5px; 806 | } 807 | .datesel .dropdown-menu li{ 808 | margin:5px 0; 809 | } 810 | 811 | 812 | -------------------------------------------------------------------------------- /assets/css/main.css: -------------------------------------------------------------------------------- 1 | @import url('3rd-party.css'); 2 | @import url('general.css'); 3 | @import url('top-bar.css'); 4 | @import url('navigation.css'); 5 | @import url('main-content.css'); 6 | @import url('ui-elements.css'); 7 | @import url('tables.css'); 8 | @import url('page.css'); 9 | @import url('forms.css'); 10 | @import url('components.css'); 11 | -------------------------------------------------------------------------------- /assets/css/navigation.css: -------------------------------------------------------------------------------- 1 | /*------------------------------------------------*/ 2 | /* Main Navigation 3 | /*------------------------------------------------*/ 4 | .main-nav-toggle { 5 | float: left; 6 | color: #fff; 7 | } 8 | .main-nav-toggle .fa { 9 | font-size: 28px; 10 | } 11 | .main-nav-toggle:hover, .main-nav-toggle:focus { 12 | color: #ddd; 13 | } 14 | 15 | /* breadcrumb */ 16 | .breadcrumb li + li:before { 17 | font-family: FontAwesome; 18 | font-size: 14px; 19 | content: "\f105"; 20 | color: #b2b6bf; 21 | margin-right: 2px; 22 | padding: 0 5px 0 2px; 23 | position: relative; 24 | top: 1px; 25 | } 26 | 27 | /* main menu */ 28 | ul.main-menu { 29 | padding-left: 0; 30 | list-style-type: none; 31 | } 32 | ul.main-menu > li a { 33 | display: block; 34 | position: relative; 35 | padding: 10px 0 10px 15px; 36 | color: #555555; 37 | background-color: #ececec; 38 | border-top: 1px solid #dfdfdf; 39 | } 40 | ul.main-menu > li a:hover { 41 | text-decoration: none; 42 | background-color: #f1f1f1; 43 | } 44 | ul.main-menu > li.active > a { 45 | font-weight: 700; 46 | background-color: #dfdfdf; 47 | } 48 | ul.main-menu > li:first-child > a { 49 | border-top: none; 50 | } 51 | ul.main-menu > li .fa { 52 | width: 14px; 53 | text-align: center; 54 | } 55 | ul.main-menu > li .text { 56 | padding-left: 8px; 57 | font-size: 0.9em; 58 | } 59 | ul.main-menu > li .toggle-icon { 60 | font-size: 14px; 61 | width: 10px; 62 | position: absolute; 63 | right: 10px; 64 | top: 13px; 65 | text-shadow: none; 66 | } 67 | ul.main-menu .sub-menu { 68 | position: relative; 69 | display: none; 70 | padding-left: 0; 71 | } 72 | ul.main-menu .sub-menu li a { 73 | padding-left: 33px; 74 | } 75 | ul.main-menu .sub-menu li.active a { 76 | font-weight: 700; 77 | } 78 | ul.main-menu .sub-menu.open { 79 | overflow: hidden; 80 | display: block; 81 | } 82 | 83 | .left-sidebar { 84 | padding-right: 0; 85 | padding-left: 0; 86 | } 87 | .left-sidebar.minified { 88 | width: 40px; 89 | margin-right: -40px; 90 | z-index: 9; 91 | } 92 | .left-sidebar.minified .main-menu > li { 93 | position: relative; 94 | } 95 | .left-sidebar.minified .main-menu > li .fa { 96 | width: 40px; 97 | } 98 | .left-sidebar.minified .main-menu > li .toggle-icon { 99 | display: none; 100 | } 101 | .left-sidebar.minified .main-menu > li > a { 102 | padding-left: 0; 103 | text-align: center; 104 | } 105 | .left-sidebar.minified .main-menu > li > a > .text { 106 | position: absolute; 107 | display: none; 108 | } 109 | .left-sidebar.minified .main-menu > li:hover > a > .text { 110 | position: absolute; 111 | display: block; 112 | left: 40px; 113 | top: 0; 114 | min-width: 200px; 115 | z-index: 9999; 116 | padding: 10px; 117 | border: 1px solid #ccc; 118 | line-height: 1.5; 119 | background: #ccc; 120 | font-weight: 700; 121 | } 122 | .left-sidebar.minified .main-menu > li:hover > ul.sub-menu { 123 | display: block !important; 124 | min-width: 200px; 125 | position: absolute; 126 | margin-left: 40px; 127 | z-index: 9999; 128 | border: 1px solid #E4E4E4; 129 | border-top: none; 130 | } 131 | .left-sidebar.minified .main-menu > li:hover > ul.sub-menu > li > a { 132 | padding-left: 10px; 133 | } 134 | @media screen and (max-width: 992px) { 135 | .left-sidebar { 136 | display: none; 137 | } 138 | } 139 | @media screen and (min-width: 992px) { 140 | .left-sidebar { 141 | display: block !important; 142 | overflow: visible !important; 143 | } 144 | } 145 | 146 | .sidebar-minified { 147 | text-align: center; 148 | position: relative; 149 | margin-bottom: 15px; 150 | } 151 | @media screen and (max-width: 992px) { 152 | .sidebar-minified { 153 | display: none; 154 | } 155 | } 156 | .sidebar-minified:before { 157 | display: -moz-inline-stack; 158 | display: inline-block; 159 | vertical-align: middle; 160 | *vertical-align: auto; 161 | zoom: 1; 162 | *display: inline; 163 | content: ""; 164 | height: 0; 165 | border-top: 1px solid #c4c4c4; 166 | position: absolute; 167 | left: 10px; 168 | right: 10px; 169 | top: 13px; 170 | } 171 | 172 | .sidebar-minified .fa { 173 | display: none; 174 | vertical-align: middle; 175 | *vertical-align: auto; 176 | zoom: 1; 177 | *display: inline; 178 | -webkit-border-radius: 25px; 179 | -moz-border-radius: 25px; 180 | -ms-border-radius: 25px; 181 | -o-border-radius: 25px; 182 | border-radius: 25px; 183 | width: 25px; 184 | height: 25px; 185 | position: relative; 186 | border: 1px solid #A2A2A2; 187 | color: #A2A2A2; 188 | padding: 4px; 189 | background-color: #f1f1f1; 190 | cursor: pointer; 191 | } 192 | .sidebar-minified .fa:hover { 193 | background-color: #f6f6f6; 194 | } 195 | -------------------------------------------------------------------------------- /assets/css/skins/darkblue.css: -------------------------------------------------------------------------------- 1 | /*------------------------------------------------*/ 2 | /* Skin: Dark Blue 3 | /*------------------------------------------------*/ 4 | /* general */ 5 | a { 6 | color: #489dc1; 7 | } 8 | a:hover, a:focus { 9 | color: #347a98; 10 | } 11 | 12 | .top-bar { 13 | background-color: #1e6887; 14 | } 15 | .top-bar .top-bar-right .btn-link { 16 | color: #8ccbe5; 17 | } 18 | .top-bar .top-bar-right .btn-link:hover { 19 | color: #fff; 20 | } 21 | .top-bar .notifications .count { 22 | border-color: #1e6887; 23 | } 24 | .top-bar .searchbox input[type="search"] { 25 | background-color: #103848; 26 | border-color: #103848; 27 | } 28 | .top-bar .searchbox .btn { 29 | background-color: #23789c; 30 | border-color: #103848; 31 | } 32 | .top-bar .searchbox .btn .fa { 33 | color: #195872; 34 | } 35 | .top-bar .searchbox .btn:hover { 36 | border-color: #103848; 37 | } 38 | .top-bar .searchbox .btn:hover .fa { 39 | color: #15485d; 40 | } 41 | 42 | /* widget */ 43 | .widget { 44 | border-color: #2c98c6; 45 | } 46 | .widget .widget-header { 47 | background-color: #1e6887; 48 | border-bottom-color: #195872; 49 | color: #fff; 50 | } 51 | .widget .widget-header em { 52 | color: #fff; 53 | } 54 | .widget .widget-header .btn-help { 55 | color: #38a5d3; 56 | } 57 | .widget .widget-header .widget-header-toolbar { 58 | border-left-color: #1b5e7a; 59 | } 60 | .widget .widget-header .widget-header-toolbar .control-title { 61 | color: #fff; 62 | } 63 | .widget .widget-header .btn-group > a { 64 | color: #fff; 65 | } 66 | .widget .widget-header .btn-group > a:hover, .widget .widget-header .btn-group > a:focus { 67 | color: #cef1ff; 68 | } 69 | 70 | /* main content */ 71 | .main-header h2 { 72 | color: #174e66; 73 | border-right-color: #2c98c6; 74 | } 75 | .main-header em { 76 | color: #217294; 77 | } 78 | 79 | /* footer */ 80 | .footer { 81 | background-color: #1e6887; 82 | } 83 | -------------------------------------------------------------------------------- /assets/css/skins/darkbrown.css: -------------------------------------------------------------------------------- 1 | /*------------------------------------------------*/ 2 | /* Skin: Dark Brown 3 | /*------------------------------------------------*/ 4 | /* general */ 5 | a { 6 | color: #8c6969; 7 | } 8 | a:hover, a:focus { 9 | color: #694f4f; 10 | } 11 | 12 | .top-bar { 13 | background-color: #512222; 14 | } 15 | .top-bar .top-bar-right .btn-link { 16 | color: #c77878; 17 | } 18 | .top-bar .top-bar-right .btn-link:hover { 19 | color: #fff; 20 | } 21 | .top-bar .notifications .count { 22 | border-color: #512222; 23 | } 24 | .top-bar .searchbox input[type="search"] { 25 | background-color: #341616; 26 | border-color: #2d1313; 27 | } 28 | .top-bar .searchbox .btn { 29 | background-color: #632a2a; 30 | border-color: #2d1313; 31 | } 32 | .top-bar .searchbox .btn .fa { 33 | color: #2d1313; 34 | } 35 | .top-bar .searchbox .btn:hover { 36 | border-color: #873939; 37 | } 38 | .top-bar .searchbox .btn:hover .fa { 39 | color: #090404; 40 | } 41 | 42 | /* widget */ 43 | .widget { 44 | border-color: #873939; 45 | } 46 | .widget .widget-header { 47 | background-color: #512222; 48 | border-bottom-color: #3f1a1a; 49 | color: #fff; 50 | } 51 | .widget .widget-header em { 52 | color: #fff; 53 | } 54 | .widget .widget-header .btn-help { 55 | color: #994040; 56 | } 57 | .widget .widget-header .widget-header-toolbar { 58 | border-left-color: #461d1d; 59 | } 60 | .widget .widget-header .widget-header-toolbar .control-title { 61 | color: #fff; 62 | } 63 | .widget .widget-header .btn-group > a { 64 | color: #fff; 65 | } 66 | .widget .widget-header .btn-group > a:hover, .widget .widget-header .btn-group > a:focus { 67 | color: #d1b3b3; 68 | } 69 | 70 | /* main content */ 71 | .main-header h2 { 72 | color: #341616; 73 | border-right-color: #873939; 74 | } 75 | .main-header em { 76 | color: #5c2727; 77 | } 78 | 79 | /* footer */ 80 | .footer { 81 | background-color: #512222; 82 | } 83 | -------------------------------------------------------------------------------- /assets/css/skins/fullbright.css: -------------------------------------------------------------------------------- 1 | /*------------------------------------------------*/ 2 | /* Skin: Full Dark 3 | /*------------------------------------------------*/ 4 | /* general */ 5 | body { 6 | background: white; 7 | } 8 | 9 | a { 10 | color: #7b7b7b; 11 | } 12 | a:hover, a:focus { 13 | color: #555555; 14 | } 15 | 16 | /* top bar */ 17 | .top-bar { 18 | background-color: white; 19 | border-bottom: 1px solid #f2f2f2; 20 | } 21 | .top-bar .top-bar-right .btn-link { 22 | color: #7b7b7b; 23 | } 24 | .top-bar .top-bar-right .btn-link:hover { 25 | color: #555555; 26 | } 27 | .top-bar .notifications .count { 28 | border-color: white; 29 | } 30 | .top-bar .notifications .notification-item .btn-group > a { 31 | color: #7b7b7b; 32 | } 33 | .top-bar .notifications .notification-item .btn-group > a:hover, .top-bar .notifications .notification-item .btn-group > a:focus { 34 | color: #555555; 35 | } 36 | .top-bar .searchbox input[type="search"] { 37 | background-color: white; 38 | border: 1px solid #e6e6e6; 39 | color: #cccccc; 40 | } 41 | .top-bar .searchbox .btn { 42 | background-color: #d9d9d9; 43 | border-color: #e6e6e6; 44 | } 45 | .top-bar .searchbox .btn .fa { 46 | color: #f2f2f2; 47 | } 48 | .top-bar .searchbox .btn:hover { 49 | border-color: #d9d9d9; 50 | } 51 | .top-bar .searchbox .btn:hover .fa { 52 | color: #e6e6e6; 53 | } 54 | 55 | .bottom { 56 | border-bottom: 1px solid #e6e6e6; 57 | } 58 | .bottom .container .content-wrapper { 59 | background-color: #fff; 60 | } 61 | 62 | /* navigation */ 63 | ul.main-menu > li a { 64 | background-color: white; 65 | border-top: 1px solid white; 66 | color: #7b7b7b; 67 | } 68 | ul.main-menu > li a:hover { 69 | background-color: #fafafa; 70 | } 71 | ul.main-menu > li.active > a { 72 | background-color: #f2f2f2; 73 | } 74 | 75 | .left-sidebar.minified .main-menu > li:hover > a > .text { 76 | background: #f2f2f2; 77 | border: 1px solid white; 78 | } 79 | .left-sidebar.minified .main-menu > li:hover ul.sub-menu { 80 | border: 1px solid #f7f7f7; 81 | } 82 | 83 | /* sidebar */ 84 | .sidebar-content .panel.panel-default { 85 | border-color: #e6e6e6; 86 | background-color: #fafafa; 87 | color: #555555; 88 | } 89 | .sidebar-content .panel.panel-default > .panel-heading { 90 | background-color: #f2f2f2; 91 | border-color: #e6e6e6; 92 | } 93 | .sidebar-content h5.label-default { 94 | background-color: #f2f2f2; 95 | border: 1px solid #e6e6e6; 96 | border-bottom: none; 97 | color: inherit; 98 | } 99 | .sidebar-content .list-info-sidebar { 100 | background-color: white; 101 | border: 1px solid #e6e6e6; 102 | color: #fff; 103 | } 104 | .sidebar-content .list-info-sidebar .data-name { 105 | color: #cccccc; 106 | } 107 | .sidebar-content .list-info-sidebar .data-value { 108 | color: #555555; 109 | } 110 | 111 | .footer { 112 | background-color: white; 113 | color: #555555; 114 | } 115 | -------------------------------------------------------------------------------- /assets/css/skins/fulldark.css: -------------------------------------------------------------------------------- 1 | /*------------------------------------------------*/ 2 | /* Skin: Full Dark 3 | /*------------------------------------------------*/ 4 | /* general */ 5 | body { 6 | background: #304a54; 7 | } 8 | 9 | a { 10 | color: #489dc1; 11 | } 12 | a:hover, a:focus { 13 | color: #347a98; 14 | } 15 | 16 | /* top bar */ 17 | .top-bar { 18 | background-color: #304a54; 19 | border-bottom: 1px solid #273c44; 20 | } 21 | .top-bar .top-bar-right .btn-link { 22 | color: #90b3c0; 23 | } 24 | .top-bar .top-bar-right .btn-link:hover { 25 | color: #fff; 26 | } 27 | .top-bar .notifications .count { 28 | border-color: #304a54; 29 | } 30 | .top-bar .searchbox input[type="search"] { 31 | background-color: #21333a; 32 | border-color: #273c44; 33 | } 34 | .top-bar .searchbox .btn { 35 | background-color: #395864; 36 | border-color: #2a414a; 37 | } 38 | .top-bar .searchbox .btn .fa { 39 | color: #273c44; 40 | } 41 | .top-bar .searchbox .btn:hover { 42 | border-color: #2a414a; 43 | } 44 | .top-bar .searchbox .btn:hover .fa { 45 | color: #1d2d34; 46 | } 47 | 48 | .bottom { 49 | border-top: 1px solid #395864; 50 | border-bottom: 1px solid #273c44; 51 | } 52 | .bottom .container .content-wrapper { 53 | background-color: #fff; 54 | } 55 | 56 | /* navigation */ 57 | ul.main-menu > li a { 58 | background-color: #304a54; 59 | border-top: 1px solid #304a54; 60 | color: #fff; 61 | } 62 | ul.main-menu > li a:hover, ul.main-menu > li a:focus { 63 | background-color: #34505a; 64 | text-decoration: none; 65 | outline: none; 66 | } 67 | ul.main-menu > li.active > a { 68 | background-color: #273c44; 69 | } 70 | ul.main-menu .sub-menu li.active a { 71 | background-color: #2c444e; 72 | } 73 | 74 | .left-sidebar.minified .main-menu > li:hover > a > .text { 75 | background: #273c44; 76 | border: 1px solid #304a54; 77 | } 78 | .left-sidebar.minified .main-menu > li:hover ul.sub-menu { 79 | border: 1px solid #2a414a; 80 | } 81 | 82 | /* sidebar */ 83 | .sidebar-minified .fa { 84 | color: #fff; 85 | background-color: #304a54; 86 | border: 1px solid #fff; 87 | } 88 | .sidebar-minified .fa:hover { 89 | background-color: #436774; 90 | } 91 | 92 | .sidebar-content .panel.panel-default { 93 | border-color: #2a414a; 94 | background-color: #36535e; 95 | color: #fff; 96 | } 97 | .sidebar-content .panel.panel-default > .panel-heading { 98 | background-color: #2e4751; 99 | color: #fff; 100 | border-color: #2a414a; 101 | } 102 | .sidebar-content h5.label-default { 103 | background-color: #2e4751; 104 | border: 1px solid #2a414a; 105 | border-bottom: none; 106 | } 107 | .sidebar-content .list-info-sidebar { 108 | background-color: #36535e; 109 | border: 1px solid #2a414a; 110 | color: #fff; 111 | } 112 | .sidebar-content .list-info-sidebar .data-name { 113 | color: #558395; 114 | } 115 | 116 | /* widget */ 117 | .widget { 118 | border-color: #4c7585; 119 | } 120 | .widget .widget-header { 121 | background-color: #304a54; 122 | border-bottom-color: #273c44; 123 | color: #fff; 124 | } 125 | .widget .widget-header em { 126 | color: #fff; 127 | } 128 | .widget .widget-header .btn-help { 129 | color: #558395; 130 | } 131 | .widget .widget-header .widget-header-toolbar { 132 | border-left-color: #2a414a; 133 | } 134 | .widget .widget-header .widget-header-toolbar .control-title { 135 | color: #fff; 136 | } 137 | .widget .widget-header .btn-group > a { 138 | color: #fff; 139 | } 140 | .widget .widget-header .btn-group > a:hover, .widget .widget-header .btn-group > a:focus { 141 | color: #cef1ff; 142 | } 143 | 144 | /* main content */ 145 | .main-header h2 { 146 | color: #21333a; 147 | border-right-color: #4c7585; 148 | } 149 | .main-header em { 150 | color: #36535e; 151 | } 152 | 153 | .footer { 154 | background-color: #304a54; 155 | border-top: 1px solid #395864; 156 | } 157 | -------------------------------------------------------------------------------- /assets/css/skins/lightgreen.css: -------------------------------------------------------------------------------- 1 | /*------------------------------------------------*/ 2 | /* Skin: Light Green 3 | /*------------------------------------------------*/ 4 | /* general */ 5 | a { 6 | color: #c3b813; 7 | } 8 | a:hover, a:focus { 9 | color: #a29910; 10 | } 11 | 12 | .top-bar { 13 | background-color: #bcbf23; 14 | } 15 | .top-bar .top-bar-right .btn-link { 16 | color: #f2f3bb; 17 | } 18 | .top-bar .top-bar-right .btn-link:hover { 19 | color: #fff; 20 | } 21 | .top-bar .notifications .count { 22 | border-color: #bcbf23; 23 | } 24 | .top-bar .searchbox input[type="search"] { 25 | background-color: #707115; 26 | border-color: #7c7e17; 27 | } 28 | .top-bar .searchbox .btn { 29 | background-color: #d1d527; 30 | border-color: #7c7e17; 31 | } 32 | .top-bar .searchbox .btn .fa { 33 | color: #7c7e17; 34 | } 35 | .top-bar .searchbox .btn:hover { 36 | border-color: #7c7e17; 37 | } 38 | .top-bar .searchbox .btn:hover .fa { 39 | color: #676913; 40 | } 41 | 42 | /* widget */ 43 | .widget { 44 | border-color: #dcdf50; 45 | } 46 | .widget .widget-header { 47 | background-color: #bcbf23; 48 | border-bottom-color: #a7a91f; 49 | color: #fff; 50 | } 51 | .widget .widget-header em { 52 | color: #fff; 53 | } 54 | .widget .widget-header .btn-help { 55 | color: #e0e365; 56 | } 57 | .widget .widget-header .widget-header-toolbar { 58 | border-left-color: #afb221; 59 | } 60 | .widget .widget-header .widget-header-toolbar .control-title { 61 | color: #fff; 62 | } 63 | .widget .widget-header .btn-group > a { 64 | color: #fff; 65 | } 66 | .widget .widget-header .btn-group > a:hover, .widget .widget-header .btn-group > a:focus { 67 | color: #fcfcac; 68 | } 69 | 70 | /* main content */ 71 | .main-header h2 { 72 | color: #9a9d1d; 73 | border-right-color: #dcdf50; 74 | } 75 | .main-header em { 76 | color: #c9cc25; 77 | } 78 | 79 | /* footer */ 80 | .footer { 81 | background-color: #bcbf23; 82 | } 83 | -------------------------------------------------------------------------------- /assets/css/skins/orange.css: -------------------------------------------------------------------------------- 1 | /*------------------------------------------------*/ 2 | /* Skin: Orange 3 | /*------------------------------------------------*/ 4 | /* general */ 5 | a { 6 | color: #ffad4d; 7 | } 8 | a:hover, a:focus { 9 | color: #ff9d29; 10 | } 11 | 12 | .top-bar { 13 | background-color: #ee9109; 14 | } 15 | .top-bar .top-bar-right .btn-link { 16 | color: #fde7c6; 17 | } 18 | .top-bar .top-bar-right .btn-link:hover { 19 | color: #fff; 20 | } 21 | .top-bar .notifications .count { 22 | border-color: #ee9109; 23 | } 24 | .top-bar .searchbox input[type="search"] { 25 | background-color: #a46406; 26 | border-color: #a46406; 27 | } 28 | .top-bar .searchbox .btn { 29 | background-color: #d58208; 30 | border-color: #a46406; 31 | } 32 | .top-bar .searchbox .btn .fa { 33 | color: #a46406; 34 | } 35 | .top-bar .searchbox .btn:hover { 36 | border-color: #a46406; 37 | } 38 | .top-bar .searchbox .btn:hover .fa { 39 | color: #8c5505; 40 | } 41 | 42 | /* widget */ 43 | .widget { 44 | border-color: #fac77c; 45 | } 46 | .widget .widget-header { 47 | background-color: #ee9109; 48 | border-bottom-color: #d58208; 49 | color: #fff; 50 | } 51 | .widget .widget-header em { 52 | color: #fff; 53 | } 54 | .widget .widget-header .btn-help { 55 | color: #f9bd64; 56 | } 57 | .widget .widget-header .widget-header-toolbar { 58 | border-left-color: #df8808; 59 | } 60 | .widget .widget-header .widget-header-toolbar .control-title { 61 | color: #fff; 62 | } 63 | .widget .widget-header .btn-group > a { 64 | color: #fff; 65 | } 66 | .widget .widget-header .btn-group > a:hover, .widget .widget-header .btn-group > a:focus { 67 | color: #ffe4c5; 68 | } 69 | 70 | /* main content */ 71 | .main-header h2 { 72 | color: #ee9109; 73 | border-right-color: #f8b24b; 74 | } 75 | .main-header em { 76 | color: #f7a733; 77 | } 78 | 79 | /* footer */ 80 | .footer { 81 | background-color: #ee9109; 82 | } 83 | -------------------------------------------------------------------------------- /assets/css/skins/red.css: -------------------------------------------------------------------------------- 1 | /*------------------------------------------------*/ 2 | /* Skin: Red 3 | /*------------------------------------------------*/ 4 | /* general */ 5 | a { 6 | color: #f73838; 7 | } 8 | a:hover, a:focus { 9 | color: #e80909; 10 | } 11 | 12 | .top-bar { 13 | background-color: #ab1d1d; 14 | } 15 | .top-bar .top-bar-right .btn-link { 16 | color: #f0a4a4; 17 | } 18 | .top-bar .top-bar-right .btn-link:hover { 19 | color: #fff; 20 | } 21 | .top-bar .notifications .count { 22 | border-color: #ab1d1d; 23 | } 24 | .top-bar .searchbox input[type="search"] { 25 | background-color: #6a1212; 26 | border-color: #6a1212; 27 | } 28 | .top-bar .searchbox .btn { 29 | background-color: #c12121; 30 | border-color: #6a1212; 31 | } 32 | .top-bar .searchbox .btn .fa { 33 | color: #6a1212; 34 | } 35 | .top-bar .searchbox .btn:hover { 36 | border-color: #6a1212; 37 | } 38 | .top-bar .searchbox .btn:hover .fa { 39 | color: #540e0e; 40 | } 41 | 42 | /* widget */ 43 | .widget { 44 | border-color: #dd3737; 45 | } 46 | .widget .widget-header { 47 | background-color: #ab1d1d; 48 | border-bottom-color: #951919; 49 | color: #fff; 50 | } 51 | .widget .widget-header em { 52 | color: #fff; 53 | } 54 | .widget .widget-header .btn-help { 55 | color: #e14d4d; 56 | } 57 | .widget .widget-header .widget-header-toolbar { 58 | border-left-color: #9e1b1b; 59 | } 60 | .widget .widget-header .widget-header-toolbar .control-title { 61 | color: #fff; 62 | } 63 | .widget .widget-header .btn-group > a { 64 | color: #fff; 65 | } 66 | .widget .widget-header .btn-group > a:hover, .widget .widget-header .btn-group > a:focus { 67 | color: #ffc3c3; 68 | } 69 | 70 | /* main content */ 71 | .main-header h2 { 72 | color: #881717; 73 | border-right-color: #dd3737; 74 | } 75 | .main-header em { 76 | color: #b81f1f; 77 | } 78 | 79 | /* footer */ 80 | .footer { 81 | background-color: #ab1d1d; 82 | } 83 | -------------------------------------------------------------------------------- /assets/css/skins/slategray.css: -------------------------------------------------------------------------------- 1 | /*------------------------------------------------*/ 2 | /* Skin: Slate Gray 3 | /*------------------------------------------------*/ 4 | /* general */ 5 | a { 6 | color: slategrey; 7 | } 8 | a:hover, a:focus { 9 | color: #55616e; 10 | } 11 | 12 | .top-bar { 13 | background-color: slategrey; 14 | } 15 | .top-bar .top-bar-right .btn-link { 16 | color: #e3e6e9; 17 | } 18 | .top-bar .top-bar-right .btn-link:hover { 19 | color: #fff; 20 | } 21 | .top-bar .notifications .count { 22 | border-color: slategrey; 23 | } 24 | .top-bar .searchbox input[type="search"] { 25 | background-color: #4e5a65; 26 | border-color: #4e5a65; 27 | } 28 | .top-bar .searchbox .btn { 29 | background-color: #7e8d9b; 30 | border-color: #4e5a65; 31 | } 32 | .top-bar .searchbox .btn .fa { 33 | color: #4e5a65; 34 | } 35 | .top-bar .searchbox .btn:hover { 36 | border-color: #4e5a65; 37 | } 38 | .top-bar .searchbox .btn:hover .fa { 39 | color: #434d57; 40 | } 41 | 42 | /* widget */ 43 | .widget { 44 | border-color: #9ba6b1; 45 | } 46 | .widget .widget-header { 47 | background-color: slategrey; 48 | border-bottom-color: #657382; 49 | color: #fff; 50 | } 51 | .widget .widget-header em { 52 | color: #fff; 53 | } 54 | .widget .widget-header .btn-help { 55 | color: #a9b3bd; 56 | } 57 | .widget .widget-header .widget-header-toolbar { 58 | border-left-color: #697888; 59 | } 60 | .widget .widget-header .widget-header-toolbar .control-title { 61 | color: #fff; 62 | } 63 | .widget .widget-header .btn-group > a { 64 | color: #fff; 65 | } 66 | .widget .widget-header .btn-group > a:hover, .widget .widget-header .btn-group > a:focus { 67 | color: #a0b3c6; 68 | } 69 | 70 | /* main content */ 71 | .main-header h2 { 72 | color: #5e6c79; 73 | border-right-color: #9ba6b1; 74 | } 75 | .main-header em { 76 | color: #798897; 77 | } 78 | 79 | /* footer */ 80 | .footer { 81 | background-color: slategrey; 82 | } 83 | -------------------------------------------------------------------------------- /assets/css/skins/teal.css: -------------------------------------------------------------------------------- 1 | /*------------------------------------------------*/ 2 | /* Skin: Teal 3 | /*------------------------------------------------*/ 4 | /* general */ 5 | a { 6 | color: #18707a; 7 | } 8 | a:hover, a:focus { 9 | color: #12555c; 10 | } 11 | 12 | .top-bar { 13 | background-color: #084951; 14 | } 15 | .top-bar .top-bar-right .btn-link { 16 | color: #3ad8eb; 17 | } 18 | .top-bar .top-bar-right .btn-link:hover { 19 | color: #fff; 20 | } 21 | .top-bar .notifications .count { 22 | border-color: #084951; 23 | } 24 | .top-bar .searchbox input[type="search"] { 25 | background-color: #04282c; 26 | border-color: #04282c; 27 | } 28 | .top-bar .searchbox .btn { 29 | background-color: #0a5e68; 30 | border-color: #04282c; 31 | } 32 | .top-bar .searchbox .btn .fa { 33 | color: #04282c; 34 | } 35 | .top-bar .searchbox .btn:hover { 36 | border-color: #010a0b; 37 | } 38 | .top-bar .searchbox .btn:hover .fa { 39 | color: black; 40 | } 41 | 42 | /* widget */ 43 | .widget { 44 | border-color: #0f8897; 45 | } 46 | .widget .widget-header { 47 | background-color: #084951; 48 | border-bottom-color: #06343a; 49 | color: #fff; 50 | } 51 | .widget .widget-header em { 52 | color: #fff; 53 | } 54 | .widget .widget-header .btn-help { 55 | color: #119dae; 56 | } 57 | .widget .widget-header .widget-header-toolbar { 58 | border-left-color: #073c43; 59 | } 60 | .widget .widget-header .widget-header-toolbar .control-title { 61 | color: #fff; 62 | } 63 | .widget .widget-header .btn-group > a { 64 | color: #fff; 65 | } 66 | .widget .widget-header .btn-group > a:hover, .widget .widget-header .btn-group > a:focus { 67 | color: #d6fbff; 68 | } 69 | 70 | /* main content */ 71 | .main-header h2 { 72 | color: #084951; 73 | border-right-color: #0f8897; 74 | } 75 | .main-header em { 76 | color: #0d737f; 77 | } 78 | 79 | /* footer */ 80 | .footer { 81 | background-color: #084951; 82 | } 83 | -------------------------------------------------------------------------------- /assets/css/skins/yellow.css: -------------------------------------------------------------------------------- 1 | /*------------------------------------------------*/ 2 | /* Skin: Yellow 3 | /*------------------------------------------------*/ 4 | /* general */ 5 | a { 6 | color: #daad2d; 7 | } 8 | a:hover, a:focus { 9 | color: #ac871e; 10 | } 11 | 12 | .top-bar { 13 | background-color: #dcad2a; 14 | } 15 | .top-bar .top-bar-right .btn-link { 16 | color: #f9f0d9; 17 | } 18 | .top-bar .top-bar-right .btn-link:hover { 19 | color: #fff; 20 | } 21 | .top-bar .notifications .count { 22 | border-color: #dcad2a; 23 | } 24 | .top-bar .searchbox input[type="search"] { 25 | background-color: #9f7c1a; 26 | border-color: #9f7c1a; 27 | } 28 | .top-bar .searchbox .btn { 29 | background-color: #e0b540; 30 | border-color: #9f7c1a; 31 | } 32 | .top-bar .searchbox .btn .fa { 33 | color: #9f7c1a; 34 | } 35 | .top-bar .searchbox .btn:hover { 36 | border-color: #9f7c1a; 37 | } 38 | .top-bar .searchbox .btn:hover .fa { 39 | color: #896b17; 40 | } 41 | 42 | /* widget */ 43 | .widget { 44 | border-color: #e7c66c; 45 | } 46 | .widget .widget-header { 47 | background-color: #dcad2a; 48 | border-bottom-color: #cb9e21; 49 | color: #fff; 50 | } 51 | .widget .widget-header em { 52 | color: #fff; 53 | } 54 | .widget .widget-header .btn-help { 55 | color: #eacf82; 56 | } 57 | .widget .widget-header .widget-header-toolbar { 58 | border-left-color: #d4a523; 59 | } 60 | .widget .widget-header .widget-header-toolbar .control-title { 61 | color: #fff; 62 | } 63 | .widget .widget-header .btn-group > a { 64 | color: #fff; 65 | } 66 | .widget .widget-header .btn-group > a:hover, .widget .widget-header .btn-group > a:focus { 67 | color: #fcefca; 68 | } 69 | 70 | /* main content */ 71 | .main-header h2 { 72 | color: #be941f; 73 | border-right-color: #e7c66c; 74 | } 75 | .main-header em { 76 | color: #deb237; 77 | } 78 | 79 | /* footer */ 80 | .footer { 81 | background-color: #dcad2a; 82 | } 83 | -------------------------------------------------------------------------------- /assets/css/tables.css: -------------------------------------------------------------------------------- 1 | .row-details{ 2 | cursor: pointer; 3 | } 4 | .flip-scroll table { 5 | width: 100% 6 | } 7 | 8 | @media only screen and (max-width: 800px) { 9 | .flip-scroll .flip-content:after { 10 | visibility: hidden; 11 | display: block; 12 | font-size: 0; 13 | content: " "; 14 | clear: both; 15 | height: 0 16 | } 17 | 18 | .flip-scroll html .flip-content { 19 | -ms-zoom: 1; 20 | zoom: 1 21 | } 22 | 23 | .flip-scroll *:first-child + html .flip-content { 24 | -ms-zoom: 1; 25 | zoom: 1 26 | } 27 | 28 | .flip-scroll table { 29 | width: 100%; 30 | border-collapse: collapse; 31 | border-spacing: 0; 32 | display: block; 33 | position: relative 34 | } 35 | 36 | .flip-scroll th, .flip-scroll td { 37 | margin: 0; 38 | vertical-align: top 39 | } 40 | 41 | .flip-scroll th:last-child, .flip-scroll td:last-child { 42 | border-bottom: 1px solid #ddd 43 | } 44 | 45 | .flip-scroll th { 46 | border: 0 !important; 47 | border-right: 1px solid #ddd !important; 48 | font-size: 13px !important; 49 | padding: 5px; 50 | width: auto !important; 51 | display: block; 52 | text-align: right; 53 | border-bottom: 0; 54 | border-left: 0 55 | } 56 | 57 | .flip-scroll td { 58 | display: block; 59 | min-height: 1.25em; 60 | text-align: left; 61 | border-top: 0 !important; 62 | border-left: 0; 63 | border-right: 0; 64 | border-bottom: 0 65 | } 66 | 67 | .flip-scroll thead { 68 | display: block; 69 | float: left 70 | } 71 | 72 | .flip-scroll thead tr { 73 | display: block; 74 | border: !important 75 | } 76 | 77 | .flip-scroll thead.bordered-blue > tr > th { 78 | border-right: 3px solid #5db2ff !important 79 | } 80 | 81 | .flip-scroll thead.bordered-primary > tr > th { 82 | border-right: 3px solid #4374e0 !important 83 | } 84 | 85 | .flip-scroll thead.bordered-danger > tr > th { 86 | border-right: 3px solid #d73d32 !important 87 | } 88 | 89 | .flip-scroll thead.bordered-success > tr > th { 90 | border-right: 3px solid #53a93f !important 91 | } 92 | 93 | .flip-scroll thead.bordered-warning > tr > th { 94 | border-right: 3px solid #f4b400 !important 95 | } 96 | 97 | .flip-scroll thead.bordered-silver > tr > th { 98 | border-right: 3px solid #777 !important 99 | } 100 | 101 | .flip-scroll thead.bordered-inverse > tr > th { 102 | border-right: 3px solid #444 !important 103 | } 104 | 105 | .flip-scroll thead.bordered-blueberry > tr > th { 106 | border-right: 3px solid #6f85bf !important 107 | } 108 | 109 | .flip-scroll thead.bordered-palegreen > tr > th { 110 | border-right: 3px solid rgba(101, 110, 119, 0.43) !important 111 | } 112 | 113 | .flip-scroll thead.bordered-orange > tr > th { 114 | border-right: 3px solid #fb6e52 !important 115 | } 116 | 117 | .flip-scroll thead.bordered-darkorange > tr > th { 118 | border-right: 3px solid #ed4e2a !important 119 | } 120 | 121 | .flip-scroll thead.bordered-magenta > tr > th { 122 | border-right: 3px solid #bc5679 !important 123 | } 124 | 125 | .flip-scroll thead.bordered-purple > tr > th { 126 | border-right: 3px solid #7e3794 !important 127 | } 128 | 129 | .flip-scroll thead.bordered-maroon > tr > th { 130 | border-right: 3px solid #981b48 !important 131 | } 132 | 133 | .flip-scroll tbody { 134 | display: block; 135 | width: auto; 136 | position: relative; 137 | overflow-x: auto; 138 | white-space: nowrap 139 | } 140 | 141 | .flip-scroll tbody tr { 142 | display: inline-block; 143 | vertical-align: top; 144 | border-left: 1px solid #ddd 145 | } 146 | } 147 | 148 | .table-toolbar { 149 | padding: 10px 0 150 | } 151 | table.dataTable.stripe tbody tr.odd,table.dataTable.display tbody tr.odd { 152 | background-color: #f9f9f9 153 | } 154 | 155 | table.dataTable.stripe tbody tr.odd.selected,table.dataTable.display tbody tr.odd.selected { 156 | background-color: #acbad4 157 | } -------------------------------------------------------------------------------- /assets/css/top-bar.css: -------------------------------------------------------------------------------- 1 | /*------------------------------------------------*/ 2 | /* Top 3 | /*------------------------------------------------*/ 4 | .top-general-alert { 5 | padding: 0 15px; 6 | margin-bottom: 0; 7 | border: none; 8 | font-size: 0.9em; 9 | line-height: 2.1; 10 | text-align: center; 11 | display: none; 12 | } 13 | .top-general-alert a.close { 14 | text-decoration: none; 15 | position: relative; 16 | top: -3px; 17 | font-size: 12px; 18 | float: none; 19 | } 20 | @media screen and (max-width: 480px) { 21 | .top-general-alert a.close { 22 | position: absolute; 23 | right: 3px; 24 | font-size: 20px; 25 | } 26 | } 27 | 28 | .top-bar { 29 | padding: 5px 0; 30 | background-color: #555555; 31 | } 32 | .top-bar .logo { 33 | position: relative; 34 | } 35 | .top-bar .top-bar-right { 36 | text-align: right; 37 | padding-right: 15px; 38 | } 39 | .top-bar .top-bar-right .btn-link { 40 | color: #ddd; 41 | } 42 | .top-bar .top-bar-right .btn-link:hover { 43 | color: #fff; 44 | } 45 | .top-bar .top-bar-right #global-volume { 46 | padding: 0; 47 | } 48 | .top-bar .top-bar-right #global-volume .badge { 49 | display: none; 50 | /* hide "NEW" badge, demo only */ 51 | } 52 | @media screen and (min-width: 480px) { 53 | .top-bar .top-bar-right #global-volume { 54 | padding: initial; 55 | } 56 | .top-bar .top-bar-right #global-volume .badge { 57 | display: -moz-inline-stack; 58 | display: inline-block; 59 | vertical-align: middle; 60 | *vertical-align: auto; 61 | zoom: 1; 62 | *display: inline; 63 | } 64 | } 65 | .top-bar .top-bar-right #start-tour { 66 | display: none; 67 | } 68 | @media screen and (min-width: 480px) { 69 | .top-bar .top-bar-right #start-tour { 70 | display: -moz-inline-stack; 71 | display: inline-block; 72 | vertical-align: middle; 73 | *vertical-align: auto; 74 | zoom: 1; 75 | *display: inline; 76 | } 77 | } 78 | @media screen and (max-width: 992px) { 79 | .top-bar .top-bar-right { 80 | margin-top: 5px; 81 | padding-left: 5px; 82 | } 83 | .widget{ 84 | margin-bottom: 6px !important; 85 | } 86 | } 87 | @media screen and (min-width: 992px) { 88 | .top-bar .top-bar-right { 89 | float: right; 90 | position: relative; 91 | } 92 | } 93 | .top-bar .searchbox { 94 | margin: 10px 0; 95 | padding-left: 0; 96 | top: 3px; 97 | } 98 | .top-bar .searchbox input[type="search"] { 99 | -webkit-box-shadow: none; 100 | -moz-box-shadow: none; 101 | box-shadow: none; 102 | padding: 3px 6px; 103 | height: 28px; 104 | font-size: 0.85em; 105 | color: #fff; 106 | background-color: #4d4d4d; 107 | border-color: #484848; 108 | -webkit-appearance: none; 109 | } 110 | .top-bar .searchbox .btn { 111 | padding: 3px 6px; 112 | background-color: #4d4d4d; 113 | border-color: #484848; 114 | } 115 | .top-bar .searchbox .btn .fa { 116 | color: #343434; 117 | } 118 | .top-bar .searchbox .btn:hover { 119 | border-color: #484848; 120 | } 121 | .top-bar .searchbox .btn:hover .fa { 122 | color: #1a1a1a; 123 | } 124 | @media screen and (min-width: 992px) { 125 | .top-bar .searchbox { 126 | width: 16em; 127 | padding-left: 15px; 128 | margin: 0; 129 | } 130 | } 131 | .top-bar .notifications, 132 | .top-bar .logged-user { 133 | display: -moz-inline-stack; 134 | display: inline-block; 135 | vertical-align: middle; 136 | *vertical-align: auto; 137 | zoom: 1; 138 | *display: inline; 139 | text-align: left; 140 | } 141 | .top-bar .dropdown-menu { 142 | padding: 0; 143 | } 144 | .top-bar .dropdown-menu > li > a { 145 | padding: 8px; 146 | } 147 | .top-bar .dropdown-menu > li > a:hover { 148 | background-color: #fafafa; 149 | } 150 | .top-bar .notifications { 151 | margin-left: 10px; 152 | margin-right: 28px; 153 | } 154 | .top-bar .notifications .notification-item { 155 | position: relative; 156 | margin-left: 25px; 157 | } 158 | .top-bar .notifications .notification-item .open .circle { 159 | -webkit-border-radius: 50%; 160 | -moz-border-radius: 50%; 161 | -ms-border-radius: 50%; 162 | -o-border-radius: 50%; 163 | border-radius: 50%; 164 | width: 5px; 165 | height: 5px; 166 | position: absolute; 167 | top: 19px; 168 | left: 4px; 169 | background-color: #fff; 170 | } 171 | .top-bar .notifications .notification-item .btn-group.open > a { 172 | color: #fff; 173 | } 174 | .top-bar .notifications .notification-item .btn-group > a { 175 | color: #fff; 176 | } 177 | .top-bar .notifications .notification-item .btn-group > a:hover { 178 | color: #fff; 179 | text-decoration: none; 180 | } 181 | .top-bar .notifications .notification-item .fa-circle { 182 | color: #fff; 183 | } 184 | .top-bar .notifications .btn-group.open .dropdown-toggle { 185 | -webkit-box-shadow: none; 186 | -moz-box-shadow: none; 187 | box-shadow: none; 188 | } 189 | .top-bar .notifications > ul { 190 | list-style-type: none; 191 | } 192 | .top-bar .notifications > ul, .top-bar .notifications > ul li { 193 | margin: 0px; 194 | padding: 0px; 195 | display: inline; 196 | } 197 | .top-bar .notifications > ul > li li { 198 | display: block; 199 | padding: 0; 200 | border-top: 1px solid #f1f1f1; 201 | } 202 | .top-bar .notifications > ul > li li:first-child { 203 | border-top: none; 204 | } 205 | .top-bar .notifications .count { 206 | position: absolute; 207 | top: -7px; 208 | left: 58%; 209 | padding: 0px 5px; 210 | border-radius: 30px; 211 | line-height: 16px; 212 | text-align: center; 213 | font-size: 10px; 214 | border-width: 2px; 215 | border-style: solid; 216 | color: #fff; 217 | background: #e60404 !important; 218 | border-color: #555555; 219 | } 220 | .top-bar .notifications .dropdown-menu { 221 | top: 24px; 222 | width: 350px; 223 | } 224 | @media screen and (max-width: 480px) { 225 | .top-bar .notifications .dropdown-menu { 226 | width: 305px; 227 | } 228 | } 229 | .top-bar .notifications .dropdown-menu .notification-header { 230 | font-size: 0.85em; 231 | font-weight: 700; 232 | line-height: 2; 233 | padding: 5px 8px; 234 | } 235 | .top-bar .notifications .dropdown-menu .notification-footer a { 236 | text-align: center; 237 | font-size: 0.85em; 238 | } 239 | .top-bar .notifications .dropdown-menu .notification-footer a:hover { 240 | background: none; 241 | text-decoration: underline; 242 | } 243 | .top-bar .notifications .dropdown-menu .text { 244 | font-size: 0.85em; 245 | margin-bottom: 0; 246 | color: #888888; 247 | } 248 | .top-bar .notifications .dropdown-menu .timestamp { 249 | font-size: 0.75em; 250 | color: #888888; 251 | } 252 | .top-bar .notifications .inbox .dropdown-menu { 253 | left: -140px; 254 | } 255 | @media screen and (max-width: 480px) { 256 | .top-bar .notifications .inbox .dropdown-menu { 257 | left: -10em; 258 | } 259 | } 260 | .top-bar .notifications .inbox .inbox-item { 261 | display: block; 262 | } 263 | .top-bar .notifications .inbox .inbox-item.unread { 264 | background-color: #f5f5f5; 265 | } 266 | .top-bar .notifications .inbox img { 267 | width: 32px; 268 | } 269 | .top-bar .notifications .inbox .name { 270 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 271 | font-size: 0.85em; 272 | color: #555555; 273 | font-weight: 700; 274 | margin-bottom: 0; 275 | } 276 | .top-bar .notifications .general .dropdown-menu { 277 | left: -234px; 278 | } 279 | .top-bar .notifications .general .dropdown-menu li a .fa { 280 | min-width: 14px; 281 | } 282 | .top-bar .notifications .general .dropdown-menu li a .timestamp { 283 | float: right; 284 | } 285 | @media screen and (max-width: 480px) { 286 | .top-bar .notifications .general .dropdown-menu { 287 | left: -13.5em; 288 | } 289 | } 290 | .top-bar .logged-user .btn { 291 | padding: 0; 292 | border: none; 293 | font-size: 0.9em; 294 | font-weight: 700; 295 | text-decoration: none; 296 | color: #fff; 297 | } 298 | .top-bar .logged-user .btn .name { 299 | font-weight: 400; 300 | } 301 | .top-bar .logged-user .btn .caret { 302 | border-top-color: #fff; 303 | } 304 | .top-bar .logged-user .btn:hover { 305 | color: #fff; 306 | text-decoration: none; 307 | } 308 | .top-bar .logged-user .open .btn { 309 | color: #fff; 310 | } 311 | .top-bar .logged-user .dropdown-menu { 312 | left: -36px; 313 | top: 27px; 314 | padding: 0; 315 | } 316 | .top-bar .logged-user .dropdown-menu > li { 317 | border-top: 1px solid #f1f1f1; 318 | } 319 | .top-bar .logged-user .dropdown-menu > li:first-child { 320 | border-top: none; 321 | } 322 | .top-bar .logged-user .dropdown-menu > li > a { 323 | color: #555; 324 | font-size: 0.9em; 325 | } 326 | 327 | .btn-global-volume i:before { 328 | display: block; 329 | width: 13px; 330 | } -------------------------------------------------------------------------------- /assets/fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/junjunsoul/qipai/5c6e198443ed6502be9aa9ae5fec67b34a35ad39/assets/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /assets/fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/junjunsoul/qipai/5c6e198443ed6502be9aa9ae5fec67b34a35ad39/assets/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /assets/fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/junjunsoul/qipai/5c6e198443ed6502be9aa9ae5fec67b34a35ad39/assets/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /assets/fonts/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/junjunsoul/qipai/5c6e198443ed6502be9aa9ae5fec67b34a35ad39/assets/fonts/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /assets/fonts/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/junjunsoul/qipai/5c6e198443ed6502be9aa9ae5fec67b34a35ad39/assets/fonts/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /assets/fonts/glyphicons-halflings-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/junjunsoul/qipai/5c6e198443ed6502be9aa9ae5fec67b34a35ad39/assets/fonts/glyphicons-halflings-regular.woff -------------------------------------------------------------------------------- /assets/fonts/lato-bol-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/junjunsoul/qipai/5c6e198443ed6502be9aa9ae5fec67b34a35ad39/assets/fonts/lato-bol-webfont.eot -------------------------------------------------------------------------------- /assets/fonts/lato-bol-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/junjunsoul/qipai/5c6e198443ed6502be9aa9ae5fec67b34a35ad39/assets/fonts/lato-bol-webfont.ttf -------------------------------------------------------------------------------- /assets/fonts/lato-bol-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/junjunsoul/qipai/5c6e198443ed6502be9aa9ae5fec67b34a35ad39/assets/fonts/lato-bol-webfont.woff -------------------------------------------------------------------------------- /assets/fonts/lato-lig-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/junjunsoul/qipai/5c6e198443ed6502be9aa9ae5fec67b34a35ad39/assets/fonts/lato-lig-webfont.eot -------------------------------------------------------------------------------- /assets/fonts/lato-lig-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/junjunsoul/qipai/5c6e198443ed6502be9aa9ae5fec67b34a35ad39/assets/fonts/lato-lig-webfont.ttf -------------------------------------------------------------------------------- /assets/fonts/lato-lig-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/junjunsoul/qipai/5c6e198443ed6502be9aa9ae5fec67b34a35ad39/assets/fonts/lato-lig-webfont.woff -------------------------------------------------------------------------------- /assets/fonts/lato-reg-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/junjunsoul/qipai/5c6e198443ed6502be9aa9ae5fec67b34a35ad39/assets/fonts/lato-reg-webfont.eot -------------------------------------------------------------------------------- /assets/fonts/lato-reg-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/junjunsoul/qipai/5c6e198443ed6502be9aa9ae5fec67b34a35ad39/assets/fonts/lato-reg-webfont.ttf -------------------------------------------------------------------------------- /assets/fonts/lato-reg-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/junjunsoul/qipai/5c6e198443ed6502be9aa9ae5fec67b34a35ad39/assets/fonts/lato-reg-webfont.woff -------------------------------------------------------------------------------- /assets/img/bootstrap-colorpicker/alpha-horizontal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/junjunsoul/qipai/5c6e198443ed6502be9aa9ae5fec67b34a35ad39/assets/img/bootstrap-colorpicker/alpha-horizontal.png -------------------------------------------------------------------------------- /assets/img/bootstrap-colorpicker/alpha.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/junjunsoul/qipai/5c6e198443ed6502be9aa9ae5fec67b34a35ad39/assets/img/bootstrap-colorpicker/alpha.png -------------------------------------------------------------------------------- /assets/img/bootstrap-colorpicker/hue-horizontal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/junjunsoul/qipai/5c6e198443ed6502be9aa9ae5fec67b34a35ad39/assets/img/bootstrap-colorpicker/hue-horizontal.png -------------------------------------------------------------------------------- /assets/img/bootstrap-colorpicker/hue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/junjunsoul/qipai/5c6e198443ed6502be9aa9ae5fec67b34a35ad39/assets/img/bootstrap-colorpicker/hue.png -------------------------------------------------------------------------------- /assets/img/bootstrap-colorpicker/saturation.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/junjunsoul/qipai/5c6e198443ed6502be9aa9ae5fec67b34a35ad39/assets/img/bootstrap-colorpicker/saturation.png -------------------------------------------------------------------------------- /assets/img/clear.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/junjunsoul/qipai/5c6e198443ed6502be9aa9ae5fec67b34a35ad39/assets/img/clear.png -------------------------------------------------------------------------------- /assets/img/diagonal-stripe.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/junjunsoul/qipai/5c6e198443ed6502be9aa9ae5fec67b34a35ad39/assets/img/diagonal-stripe.png -------------------------------------------------------------------------------- /assets/img/gritter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/junjunsoul/qipai/5c6e198443ed6502be9aa9ae5fec67b34a35ad39/assets/img/gritter.png -------------------------------------------------------------------------------- /assets/img/ie-spacer.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/junjunsoul/qipai/5c6e198443ed6502be9aa9ae5fec67b34a35ad39/assets/img/ie-spacer.gif -------------------------------------------------------------------------------- /assets/img/loading.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/junjunsoul/qipai/5c6e198443ed6502be9aa9ae5fec67b34a35ad39/assets/img/loading.gif -------------------------------------------------------------------------------- /assets/img/select2-spinner.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/junjunsoul/qipai/5c6e198443ed6502be9aa9ae5fec67b34a35ad39/assets/img/select2-spinner.gif -------------------------------------------------------------------------------- /assets/img/sort_asc.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/junjunsoul/qipai/5c6e198443ed6502be9aa9ae5fec67b34a35ad39/assets/img/sort_asc.png -------------------------------------------------------------------------------- /assets/img/sort_both.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/junjunsoul/qipai/5c6e198443ed6502be9aa9ae5fec67b34a35ad39/assets/img/sort_both.png -------------------------------------------------------------------------------- /assets/img/sort_desc.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/junjunsoul/qipai/5c6e198443ed6502be9aa9ae5fec67b34a35ad39/assets/img/sort_desc.png -------------------------------------------------------------------------------- /assets/img/sort_desc_disabled.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/junjunsoul/qipai/5c6e198443ed6502be9aa9ae5fec67b34a35ad39/assets/img/sort_desc_disabled.png -------------------------------------------------------------------------------- /assets/js/common.js: -------------------------------------------------------------------------------- 1 | $(document).ready(function(){ 2 | 3 | /************************ 4 | /* MAIN NAVIGATION 5 | /************************/ 6 | 7 | $('.main-menu .js-sub-menu-toggle').click( function(e){ 8 | 9 | e.preventDefault(); 10 | 11 | $li = $(this).parents('li'); 12 | if( !$li.hasClass('active')){ 13 | $li.find('.toggle-icon').removeClass('fa-angle-left').addClass('fa-angle-down'); 14 | $li.addClass('active'); 15 | } 16 | else { 17 | $li.find('.toggle-icon').removeClass('fa-angle-down').addClass('fa-angle-left'); 18 | $li.removeClass('active'); 19 | } 20 | 21 | $li.find('.sub-menu').slideToggle(300); 22 | }); 23 | 24 | // $('.js-toggle-minified').clickToggle( 25 | // function() { 26 | // $('.left-sidebar').addClass('minified'); 27 | // $('.content-wrapper').addClass('expanded'); 28 | 29 | // $('.left-sidebar .sub-menu') 30 | // .css('display', 'none') 31 | // .css('overflow', 'hidden'); 32 | 33 | // $('.sidebar-minified').find('i.fa-angle-left').toggleClass('fa-angle-right'); 34 | // }, 35 | // function() { 36 | // $('.left-sidebar').removeClass('minified'); 37 | // $('.content-wrapper').removeClass('expanded'); 38 | // $('.sidebar-minified').find('i.fa-angle-left').toggleClass('fa-angle-right'); 39 | // } 40 | // ); 41 | 42 | // main responsive nav toggle 43 | $('.main-nav-toggle').click( 44 | function() { 45 | if($('.left-sidebar').is(":hidden")){ 46 | $('.left-sidebar').slideDown(300) 47 | }else{ 48 | $('.left-sidebar').slideUp(300); 49 | } 50 | 51 | } 52 | ); 53 | 54 | 55 | //******************************************* 56 | /* LIVE SEARCH 57 | /********************************************/ 58 | 59 | $mainContentCopy = $('.main-content').clone(); 60 | $('.searchbox input[type="search"]').keydown( function(e) { 61 | var $this = $(this); 62 | 63 | setTimeout(function() { 64 | var query = $this.val(); 65 | 66 | if( query.length > 2 ) { 67 | var regex = new RegExp(query, "i"); 68 | var filteredWidget = []; 69 | 70 | $('.widget-header h3').each( function(index, el){ 71 | var matches = $(this).text().match(regex); 72 | 73 | if( matches != "" && matches != null ) { 74 | filteredWidget.push( $(this).parents('.widget') ); 75 | } 76 | }); 77 | 78 | if( filteredWidget.length > 0 ) { 79 | $('.main-content .widget').hide(); 80 | $.each( filteredWidget, function(key, widget) { 81 | widget.show(); 82 | }); 83 | }else{ 84 | console.log('widget not found'); 85 | } 86 | }else { 87 | $('.main-content .widget').show(); 88 | } 89 | }, 0); 90 | }); 91 | 92 | // widget remove 93 | $('.widget .btn-remove').click(function(e){ 94 | 95 | e.preventDefault(); 96 | $(this).parents('.widget').fadeOut(300, function(){ 97 | $(this).remove(); 98 | }); 99 | }); 100 | 101 | // widget focus 102 | $('.widget .btn-focus').clickToggle( 103 | function(e) { 104 | e.preventDefault(); 105 | $(this).find('i.fa-eye').toggleClass('fa-eye-slash'); 106 | $(this).parents('.widget').find('.btn-remove').addClass('link-disabled'); 107 | $(this).parents('.widget').addClass('widget-focus-enabled'); 108 | $('
').hide().appendTo('body').fadeIn(300); 109 | 110 | }, 111 | function(e) { 112 | e.preventDefault(); 113 | $theWidget = $(this).parents('.widget'); 114 | 115 | $(this).find('i.fa-eye').toggleClass('fa-eye-slash'); 116 | $theWidget.find('.btn-remove').removeClass('link-disabled'); 117 | $('body').find('#focus-overlay').fadeOut(function(){ 118 | $(this).remove(); 119 | $theWidget.removeClass('widget-focus-enabled'); 120 | }); 121 | } 122 | ); 123 | 124 | 125 | /************************ 126 | /* WINDOW RESIZE 127 | /************************/ 128 | 129 | $(window).bind("resize", resizeResponse); 130 | 131 | function resizeResponse() { 132 | 133 | if( $(window).width() < (992-15)) { 134 | if( $('.left-sidebar').hasClass('minified') ) { 135 | $('.left-sidebar').removeClass('minified'); 136 | $('.left-sidebar').addClass('init-minified'); 137 | } 138 | 139 | }else { 140 | if( $('.left-sidebar').hasClass('init-minified') ) { 141 | $('.left-sidebar') 142 | .removeClass('init-minified') 143 | .addClass('minified'); 144 | } 145 | } 146 | } 147 | 148 | 149 | /************************ 150 | /* BOOTSTRAP TOOLTIP 151 | /************************/ 152 | 153 | $('body').tooltip({ 154 | selector: "[data-toggle=tooltip]", 155 | container: "body" 156 | }); 157 | 158 | 159 | /************************ 160 | /* BOOTSTRAP ALERT 161 | /************************/ 162 | 163 | $('.alert .close').click( function(e){ 164 | e.preventDefault(); 165 | $(this).parents('.alert').fadeOut(300); 166 | }); 167 | 168 | 169 | /************************ 170 | /* BOOTSTRAP POPOVER 171 | /************************/ 172 | 173 | $('.demo-popover1 #popover-title').popover({ 174 | html: true, 175 | title: ' Popover Title', 176 | content: 'This popover has title and support HTML content. Quickly implement process-centric networks rather than compelling potentialities. Objectively reinvent competitive technologies after high standards in process improvements. Phosfluorescently cultivate 24/365.' 177 | }); 178 | 179 | $('.demo-popover1 #popover-hover').popover({ 180 | html: true, 181 | title: ' Popover Title', 182 | trigger: 'hover', 183 | content: 'Activate the popover on hover. Objectively enable optimal opportunities without market positioning expertise. Assertively optimize multidisciplinary benefits rather than holistic experiences. Credibly underwhelm real-time paradigms with.' 184 | }); 185 | 186 | $('.demo-popover2 .btn').popover(); 187 | 188 | 189 | /***************************** 190 | /* WIDGET WITH AJAX ENABLE 191 | /*****************************/ 192 | 193 | $('.widget-header-toolbar .btn-ajax').click( function(e){ 194 | e.preventDefault(); 195 | $theButton = $(this); 196 | 197 | $.ajax({ 198 | url: 'php/widget-ajax.php', 199 | type: 'POST', 200 | dataType: 'json', 201 | cache: false, 202 | beforeSend: function(){ 203 | $theButton.prop('disabled', true); 204 | $theButton.find('i').removeClass().addClass('fa fa-spinner fa-spin'); 205 | $theButton.find('span').text('Loading...'); 206 | }, 207 | success: function( data, textStatus, XMLHttpRequest ) { 208 | 209 | setTimeout( function() { 210 | getResponseAction($theButton, data['msg']) 211 | }, 1000 ); 212 | /* setTimeout is used for demo purpose only */ 213 | 214 | }, 215 | error: function( XMLHttpRequest, textStatus, errorThrown ) { 216 | console.log("AJAX ERROR: \n" + errorThrown); 217 | } 218 | }); 219 | }); 220 | 221 | function getResponseAction(theButton, msg){ 222 | 223 | $('.widget-ajax .alert').removeClass('alert-info').addClass('alert-success') 224 | .find('span').text( msg ); 225 | 226 | $('.widget-ajax .alert').find('i').removeClass().addClass('fa fa-check-circle'); 227 | 228 | theButton.prop('disabled', false); 229 | theButton.find('i').removeClass().addClass('fa fa-floppy-o'); 230 | theButton.find('span').text('Update'); 231 | } 232 | 233 | 234 | /************************************** 235 | /* MULTISELECT/SINGLESELECT DROPDOWN 236 | /**************************************/ 237 | 238 | if( $('.widget-header .multiselect').length > 0 ) { 239 | 240 | $('.widget-header .multiselect').multiselect({ 241 | dropRight: true, 242 | buttonClass: 'btn btn-warning btn-sm' 243 | }); 244 | } 245 | 246 | 247 | //******************************************* 248 | /* SWITCH INIT 249 | /********************************************/ 250 | 251 | if( $('.bs-switch').length > 0 ) { 252 | $('.bs-switch').bootstrapSwitch(); 253 | } 254 | 255 | /* set minimum height for the left content wrapper, demo purpose only */ 256 | if( $('.demo-only-page-blank').length > 0 ) { 257 | $('.content-wrapper').css('min-height', $('.wrapper').outerHeight(true) - $('.top-bar').outerHeight(true)); 258 | } 259 | 260 | /************************ 261 | /* TOP BAR 262 | /************************/ 263 | 264 | if( $('.top-general-alert').length > 0 ) { 265 | 266 | if(localStorage.getItem('general-alert') == null) { 267 | $('.top-general-alert').delay(800).slideDown('medium'); 268 | $('.top-general-alert .close').click( function() { 269 | $(this).parent().slideUp('fast'); 270 | localStorage.setItem('general-alert', 'closed'); 271 | }); 272 | } 273 | } 274 | 275 | $btnGlobalvol = $('.btn-global-volume'); 276 | $theIcon = $btnGlobalvol.find('i'); 277 | 278 | // check global volume setting for each loaded page 279 | checkGlobalVolume($theIcon, localStorage.getItem('global-volume')); 280 | 281 | $btnGlobalvol.click( function() { 282 | var currentVolSetting = localStorage.getItem('global-volume'); 283 | // default volume: 1 (on) 284 | if(currentVolSetting == null || currentVolSetting == "1") { 285 | localStorage.setItem('global-volume', 0); 286 | } else { 287 | localStorage.setItem('global-volume', 1); 288 | } 289 | 290 | checkGlobalVolume($theIcon, localStorage.getItem('global-volume')); 291 | } 292 | ); 293 | 294 | function checkGlobalVolume(iconElement, vSetting) { 295 | if(vSetting == null || vSetting == "1") { 296 | iconElement.removeClass('fa-volume-off').addClass('fa-volume-up'); 297 | } else { 298 | iconElement.removeClass('fa-volume-up').addClass('fa-volume-off'); 299 | } 300 | } 301 | 302 | }); 303 | 304 | // toggle function 305 | $.fn.clickToggle = function( f1, f2 ) { 306 | return this.each( function() { 307 | var clicked = false; 308 | $(this).bind('click', function() { 309 | if(clicked) { 310 | clicked = false; 311 | return f2.apply(this, arguments); 312 | } 313 | 314 | clicked = true; 315 | return f1.apply(this, arguments); 316 | }); 317 | }); 318 | } 319 | 320 | $.fn.initPage=function(){ 321 | // widget toggle expand 322 | $('.widget .btn-toggle-expand').clickToggle( 323 | function(e) { 324 | e.preventDefault(); 325 | $(this).parents('.widget').find('.widget-content').slideUp(300); 326 | $(this).find('i.fa-chevron-up').toggleClass('fa-chevron-down'); 327 | }, 328 | function(e) { 329 | e.preventDefault(); 330 | $(this).parents('.widget').find('.widget-content').slideDown(300); 331 | $(this).find('i.fa-chevron-up').toggleClass('fa-chevron-down'); 332 | } 333 | ); 334 | } 335 | 336 | 337 | var methods = { 338 | init: function (options) { 339 | this.default={ 340 | 341 | } 342 | var json=$.extend(this.default,options); 343 | delete this.default; 344 | var This=this; 345 | 346 | This.find('button:not(.btn-sm)>span').html(cM.getDstr(0)); 347 | 348 | this.find('button:not(.btn-sm)').click(function(){ 349 | if(This.find('.dropdown-menu').is(":hidden")) 350 | This.find('.dropdown-menu').show(); 351 | else 352 | This.find('.dropdown-menu').hide(); 353 | }); 354 | this.find('ul button.btn-sm:first-child').click(function(){ 355 | var s=This.find('ul input[type="text"]').val(); 356 | if(s){ 357 | json.e_click(s); 358 | This.find('button:not(.btn-sm)>span').html(s); 359 | This.find('span.badge').removeClass('element-bg-color-green'); 360 | } 361 | This.find('.dropdown-menu').hide(); 362 | }); 363 | 364 | this.find('ul button.btn-sm:last-child').click(function(){ 365 | This.find('.dropdown-menu').hide(); 366 | }); 367 | 368 | //快速选择 369 | This.find('.dropdown-menu li:first-child span.badge').click(function(){ 370 | var str=$(this).data('tr'); 371 | var s=cM.getDstr(str);; 372 | This.find('button:not(.btn-sm)>span').html(s); 373 | $(this).addClass('element-bg-color-green').siblings('span.badge').removeClass('element-bg-color-green'); 374 | json.e_click(s); 375 | This.find('ul input[type="text"]').val(''); 376 | }); 377 | This.find('ul input[type="text"]').mobiscroll().range({ 378 | theme:$.scParameter.theme, 379 | lang: $.scParameter.lang, 380 | display: $.scParameter.display, 381 | mode:$.scParameter.mode 382 | }); 383 | 384 | }, 385 | destroy: function () { 386 | 387 | }, 388 | reposition: function () { 389 | 390 | }, 391 | show: function () { 392 | 393 | }, 394 | hide: function () { 395 | 396 | }, 397 | update: function (content) { 398 | 399 | } 400 | }; 401 | var cM={ 402 | getDstr:function(num){ 403 | var n =new Date().getTime() - num * 24 * 60 * 60 * 1000; 404 | var s=new Date(n); 405 | var e=new Date(); 406 | 407 | var startStr=s.getFullYear()+'/'+((s.getMonth()+1)<10?('0'+(s.getMonth()+1)):(s.getMonth()+1))+'/'+(s.getDate()<10?('0'+s.getDate()):s.getDate()); 408 | var endStr=e.getFullYear()+'/'+((e.getMonth()+1)<10?('0'+(e.getMonth()+1)):(e.getMonth()+1))+'/'+(e.getDate()<10?('0'+e.getDate()):e.getDate()); 409 | return startStr+' - '+endStr; 410 | } 411 | } 412 | $.fn.selDate = function (method) { 413 | 414 | if (methods[method]) { 415 | return methods[method].apply(this); 416 | } else if (typeof method === 'object' || !method) { 417 | return methods.init.apply(this, arguments); 418 | } else { 419 | $.error('Method ' + method + ' does not exist on jQuery.tooltip'); 420 | } 421 | 422 | }; 423 | 424 | $.fn.multi_c=function(method){ 425 | var This=this; 426 | this.find('.ck').click(function(){ 427 | if(This.find('.dropdown-menu').is(":hidden")) 428 | This.find('.dropdown-menu').show(); 429 | else 430 | This.find('.dropdown-menu').hide(); 431 | }); 432 | this.find('.cancel').click(function(){ 433 | This.find('.dropdown-menu').hide(); 434 | }); 435 | this.find('.ckcheked').on('switchChange.bootstrapSwitch', function(event, state) { 436 | 437 | var mucontent=$(this).parent().parent().parent().parent('.title').siblings('.multi-content'); 438 | var sib_text=["不筛选","筛选"]; 439 | var sib=$(this).parent().parent().parent().siblings('label') 440 | if(state){ 441 | mucontent.show(); 442 | mucontent.find('input,select').attr("disabled", false); 443 | sib.html(sib_text[1]); 444 | }else{ 445 | mucontent.hide(); 446 | mucontent.find('input,select').attr("disabled", true); 447 | sib.html(sib_text[0]); 448 | } 449 | }); 450 | this.find('.ckcheked').change(function(){ 451 | 452 | }); 453 | } -------------------------------------------------------------------------------- /assets/js/datatable/datatables-init.js: -------------------------------------------------------------------------------- 1 | var InitiateSimpleDataTable = function () { 2 | return { 3 | init: function () { 4 | $('#simpledatatable').dataTable( { 5 | data:[ 6 | [1,'hgjghj',15.52, 174000 ,435134,'2014-07-27 22:25:05',10,100,100], 7 | [2,'2',15.52, 174000 ,435134,'2014-07-27 22:25:05',10,100,100], 8 | [3,'3',15.52, 174000 ,435134,'2014-07-27 22:25:05',10,100,100] 9 | ], 10 | "columnDefs": [ 11 | // { 12 | // "targets": [ 2 ], 13 | // "visible": false, 14 | // "searchable": false, 15 | // 'bSortable': false 16 | // }, 17 | // { 18 | // "targets": [ 3 ], 19 | // "visible": false 20 | // } 21 | ], 22 | dom: 'Bfrtip', 23 | buttons: 24 | [ 25 | { 26 | extend: 'copy', 27 | text: '复制' 28 | }, 29 | 30 | 'excel', 31 | { 32 | extend: 'print', 33 | text: '打印' 34 | }, 35 | { 36 | extend: 'colvis', 37 | text: '设置列' 38 | }, 39 | 'pageLength' 40 | ], 41 | "oLanguage": $.scParameter.datatable_lang 42 | }); 43 | } 44 | 45 | }; 46 | 47 | }(); 48 | -------------------------------------------------------------------------------- /assets/js/jquery.ba-hashchange.min.js: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery hashchange event - v1.3 - 7/21/2010 3 | * http://benalman.com/projects/jquery-hashchange-plugin/ 4 | * 5 | * Copyright (c) 2010 "Cowboy" Ben Alman 6 | * Dual licensed under the MIT and GPL licenses. 7 | * http://benalman.com/about/license/ 8 | */ 9 | (function($,e,b){var c="hashchange",h=document,f,g=$.event.special,i=h.documentMode,d="on"+c in e&&(i===b||i>7);function a(j){j=j||location.href;return"#"+j.replace(/^[^#]*#?(.*)$/,"$1")}$.fn[c]=function(j){return j?this.bind(c,j):this.trigger(c)};$.fn[c].delay=50;g[c]=$.extend(g[c],{setup:function(){if(d){return false}$(f.start)},teardown:function(){if(d){return false}$(f.stop)}});f=(function(){var j={},p,m=a(),k=function(q){return q},l=k,o=k;j.start=function(){p||n()};j.stop=function(){p&&clearTimeout(p);p=b};function n(){var r=a(),q=o(m);if(r!==m){l(m=r,q);$(e).trigger(c)}else{if(q!==m){location.href=location.href.replace(/#.*/,"")+q}}p=setTimeout(n,$.fn[c].delay)}$.support&&!d&&(function(){var q,r;j.start=function(){if(!q){r=$.fn[c].src;r=r&&r+a();q=$('