Satinder Grewal
9 years ago
21 changed files with 10804 additions and 0 deletions
@ -0,0 +1,587 @@ |
|||
/*! |
|||
* Bootstrap v3.3.6 (http://getbootstrap.com) |
|||
* Copyright 2011-2015 Twitter, Inc. |
|||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) |
|||
*/ |
|||
.btn-default, |
|||
.btn-primary, |
|||
.btn-success, |
|||
.btn-info, |
|||
.btn-warning, |
|||
.btn-danger { |
|||
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); |
|||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); |
|||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); |
|||
} |
|||
.btn-default:active, |
|||
.btn-primary:active, |
|||
.btn-success:active, |
|||
.btn-info:active, |
|||
.btn-warning:active, |
|||
.btn-danger:active, |
|||
.btn-default.active, |
|||
.btn-primary.active, |
|||
.btn-success.active, |
|||
.btn-info.active, |
|||
.btn-warning.active, |
|||
.btn-danger.active { |
|||
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); |
|||
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); |
|||
} |
|||
.btn-default.disabled, |
|||
.btn-primary.disabled, |
|||
.btn-success.disabled, |
|||
.btn-info.disabled, |
|||
.btn-warning.disabled, |
|||
.btn-danger.disabled, |
|||
.btn-default[disabled], |
|||
.btn-primary[disabled], |
|||
.btn-success[disabled], |
|||
.btn-info[disabled], |
|||
.btn-warning[disabled], |
|||
.btn-danger[disabled], |
|||
fieldset[disabled] .btn-default, |
|||
fieldset[disabled] .btn-primary, |
|||
fieldset[disabled] .btn-success, |
|||
fieldset[disabled] .btn-info, |
|||
fieldset[disabled] .btn-warning, |
|||
fieldset[disabled] .btn-danger { |
|||
-webkit-box-shadow: none; |
|||
box-shadow: none; |
|||
} |
|||
.btn-default .badge, |
|||
.btn-primary .badge, |
|||
.btn-success .badge, |
|||
.btn-info .badge, |
|||
.btn-warning .badge, |
|||
.btn-danger .badge { |
|||
text-shadow: none; |
|||
} |
|||
.btn:active, |
|||
.btn.active { |
|||
background-image: none; |
|||
} |
|||
.btn-default { |
|||
text-shadow: 0 1px 0 #fff; |
|||
background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%); |
|||
background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%); |
|||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0)); |
|||
background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
|||
background-repeat: repeat-x; |
|||
border-color: #dbdbdb; |
|||
border-color: #ccc; |
|||
} |
|||
.btn-default:hover, |
|||
.btn-default:focus { |
|||
background-color: #e0e0e0; |
|||
background-position: 0 -15px; |
|||
} |
|||
.btn-default:active, |
|||
.btn-default.active { |
|||
background-color: #e0e0e0; |
|||
border-color: #dbdbdb; |
|||
} |
|||
.btn-default.disabled, |
|||
.btn-default[disabled], |
|||
fieldset[disabled] .btn-default, |
|||
.btn-default.disabled:hover, |
|||
.btn-default[disabled]:hover, |
|||
fieldset[disabled] .btn-default:hover, |
|||
.btn-default.disabled:focus, |
|||
.btn-default[disabled]:focus, |
|||
fieldset[disabled] .btn-default:focus, |
|||
.btn-default.disabled.focus, |
|||
.btn-default[disabled].focus, |
|||
fieldset[disabled] .btn-default.focus, |
|||
.btn-default.disabled:active, |
|||
.btn-default[disabled]:active, |
|||
fieldset[disabled] .btn-default:active, |
|||
.btn-default.disabled.active, |
|||
.btn-default[disabled].active, |
|||
fieldset[disabled] .btn-default.active { |
|||
background-color: #e0e0e0; |
|||
background-image: none; |
|||
} |
|||
.btn-primary { |
|||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%); |
|||
background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%); |
|||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88)); |
|||
background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
|||
background-repeat: repeat-x; |
|||
border-color: #245580; |
|||
} |
|||
.btn-primary:hover, |
|||
.btn-primary:focus { |
|||
background-color: #265a88; |
|||
background-position: 0 -15px; |
|||
} |
|||
.btn-primary:active, |
|||
.btn-primary.active { |
|||
background-color: #265a88; |
|||
border-color: #245580; |
|||
} |
|||
.btn-primary.disabled, |
|||
.btn-primary[disabled], |
|||
fieldset[disabled] .btn-primary, |
|||
.btn-primary.disabled:hover, |
|||
.btn-primary[disabled]:hover, |
|||
fieldset[disabled] .btn-primary:hover, |
|||
.btn-primary.disabled:focus, |
|||
.btn-primary[disabled]:focus, |
|||
fieldset[disabled] .btn-primary:focus, |
|||
.btn-primary.disabled.focus, |
|||
.btn-primary[disabled].focus, |
|||
fieldset[disabled] .btn-primary.focus, |
|||
.btn-primary.disabled:active, |
|||
.btn-primary[disabled]:active, |
|||
fieldset[disabled] .btn-primary:active, |
|||
.btn-primary.disabled.active, |
|||
.btn-primary[disabled].active, |
|||
fieldset[disabled] .btn-primary.active { |
|||
background-color: #265a88; |
|||
background-image: none; |
|||
} |
|||
.btn-success { |
|||
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%); |
|||
background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%); |
|||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641)); |
|||
background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
|||
background-repeat: repeat-x; |
|||
border-color: #3e8f3e; |
|||
} |
|||
.btn-success:hover, |
|||
.btn-success:focus { |
|||
background-color: #419641; |
|||
background-position: 0 -15px; |
|||
} |
|||
.btn-success:active, |
|||
.btn-success.active { |
|||
background-color: #419641; |
|||
border-color: #3e8f3e; |
|||
} |
|||
.btn-success.disabled, |
|||
.btn-success[disabled], |
|||
fieldset[disabled] .btn-success, |
|||
.btn-success.disabled:hover, |
|||
.btn-success[disabled]:hover, |
|||
fieldset[disabled] .btn-success:hover, |
|||
.btn-success.disabled:focus, |
|||
.btn-success[disabled]:focus, |
|||
fieldset[disabled] .btn-success:focus, |
|||
.btn-success.disabled.focus, |
|||
.btn-success[disabled].focus, |
|||
fieldset[disabled] .btn-success.focus, |
|||
.btn-success.disabled:active, |
|||
.btn-success[disabled]:active, |
|||
fieldset[disabled] .btn-success:active, |
|||
.btn-success.disabled.active, |
|||
.btn-success[disabled].active, |
|||
fieldset[disabled] .btn-success.active { |
|||
background-color: #419641; |
|||
background-image: none; |
|||
} |
|||
.btn-info { |
|||
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%); |
|||
background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%); |
|||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2)); |
|||
background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
|||
background-repeat: repeat-x; |
|||
border-color: #28a4c9; |
|||
} |
|||
.btn-info:hover, |
|||
.btn-info:focus { |
|||
background-color: #2aabd2; |
|||
background-position: 0 -15px; |
|||
} |
|||
.btn-info:active, |
|||
.btn-info.active { |
|||
background-color: #2aabd2; |
|||
border-color: #28a4c9; |
|||
} |
|||
.btn-info.disabled, |
|||
.btn-info[disabled], |
|||
fieldset[disabled] .btn-info, |
|||
.btn-info.disabled:hover, |
|||
.btn-info[disabled]:hover, |
|||
fieldset[disabled] .btn-info:hover, |
|||
.btn-info.disabled:focus, |
|||
.btn-info[disabled]:focus, |
|||
fieldset[disabled] .btn-info:focus, |
|||
.btn-info.disabled.focus, |
|||
.btn-info[disabled].focus, |
|||
fieldset[disabled] .btn-info.focus, |
|||
.btn-info.disabled:active, |
|||
.btn-info[disabled]:active, |
|||
fieldset[disabled] .btn-info:active, |
|||
.btn-info.disabled.active, |
|||
.btn-info[disabled].active, |
|||
fieldset[disabled] .btn-info.active { |
|||
background-color: #2aabd2; |
|||
background-image: none; |
|||
} |
|||
.btn-warning { |
|||
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%); |
|||
background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%); |
|||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316)); |
|||
background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
|||
background-repeat: repeat-x; |
|||
border-color: #e38d13; |
|||
} |
|||
.btn-warning:hover, |
|||
.btn-warning:focus { |
|||
background-color: #eb9316; |
|||
background-position: 0 -15px; |
|||
} |
|||
.btn-warning:active, |
|||
.btn-warning.active { |
|||
background-color: #eb9316; |
|||
border-color: #e38d13; |
|||
} |
|||
.btn-warning.disabled, |
|||
.btn-warning[disabled], |
|||
fieldset[disabled] .btn-warning, |
|||
.btn-warning.disabled:hover, |
|||
.btn-warning[disabled]:hover, |
|||
fieldset[disabled] .btn-warning:hover, |
|||
.btn-warning.disabled:focus, |
|||
.btn-warning[disabled]:focus, |
|||
fieldset[disabled] .btn-warning:focus, |
|||
.btn-warning.disabled.focus, |
|||
.btn-warning[disabled].focus, |
|||
fieldset[disabled] .btn-warning.focus, |
|||
.btn-warning.disabled:active, |
|||
.btn-warning[disabled]:active, |
|||
fieldset[disabled] .btn-warning:active, |
|||
.btn-warning.disabled.active, |
|||
.btn-warning[disabled].active, |
|||
fieldset[disabled] .btn-warning.active { |
|||
background-color: #eb9316; |
|||
background-image: none; |
|||
} |
|||
.btn-danger { |
|||
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%); |
|||
background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%); |
|||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a)); |
|||
background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
|||
background-repeat: repeat-x; |
|||
border-color: #b92c28; |
|||
} |
|||
.btn-danger:hover, |
|||
.btn-danger:focus { |
|||
background-color: #c12e2a; |
|||
background-position: 0 -15px; |
|||
} |
|||
.btn-danger:active, |
|||
.btn-danger.active { |
|||
background-color: #c12e2a; |
|||
border-color: #b92c28; |
|||
} |
|||
.btn-danger.disabled, |
|||
.btn-danger[disabled], |
|||
fieldset[disabled] .btn-danger, |
|||
.btn-danger.disabled:hover, |
|||
.btn-danger[disabled]:hover, |
|||
fieldset[disabled] .btn-danger:hover, |
|||
.btn-danger.disabled:focus, |
|||
.btn-danger[disabled]:focus, |
|||
fieldset[disabled] .btn-danger:focus, |
|||
.btn-danger.disabled.focus, |
|||
.btn-danger[disabled].focus, |
|||
fieldset[disabled] .btn-danger.focus, |
|||
.btn-danger.disabled:active, |
|||
.btn-danger[disabled]:active, |
|||
fieldset[disabled] .btn-danger:active, |
|||
.btn-danger.disabled.active, |
|||
.btn-danger[disabled].active, |
|||
fieldset[disabled] .btn-danger.active { |
|||
background-color: #c12e2a; |
|||
background-image: none; |
|||
} |
|||
.thumbnail, |
|||
.img-thumbnail { |
|||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075); |
|||
box-shadow: 0 1px 2px rgba(0, 0, 0, .075); |
|||
} |
|||
.dropdown-menu > li > a:hover, |
|||
.dropdown-menu > li > a:focus { |
|||
background-color: #e8e8e8; |
|||
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); |
|||
background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); |
|||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8)); |
|||
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); |
|||
background-repeat: repeat-x; |
|||
} |
|||
.dropdown-menu > .active > a, |
|||
.dropdown-menu > .active > a:hover, |
|||
.dropdown-menu > .active > a:focus { |
|||
background-color: #2e6da4; |
|||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%); |
|||
background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%); |
|||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4)); |
|||
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0); |
|||
background-repeat: repeat-x; |
|||
} |
|||
.navbar-default { |
|||
background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%); |
|||
background-image: -o-linear-gradient(top, #fff 0%, #f8f8f8 100%); |
|||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8)); |
|||
background-image: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
|||
background-repeat: repeat-x; |
|||
border-radius: 4px; |
|||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075); |
|||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075); |
|||
} |
|||
.navbar-default .navbar-nav > .open > a, |
|||
.navbar-default .navbar-nav > .active > a { |
|||
background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%); |
|||
background-image: -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%); |
|||
background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2)); |
|||
background-image: linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0); |
|||
background-repeat: repeat-x; |
|||
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075); |
|||
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075); |
|||
} |
|||
.navbar-brand, |
|||
.navbar-nav > li > a { |
|||
text-shadow: 0 1px 0 rgba(255, 255, 255, .25); |
|||
} |
|||
.navbar-inverse { |
|||
background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%); |
|||
background-image: -o-linear-gradient(top, #3c3c3c 0%, #222 100%); |
|||
background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222)); |
|||
background-image: linear-gradient(to bottom, #3c3c3c 0%, #222 100%); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
|||
background-repeat: repeat-x; |
|||
border-radius: 4px; |
|||
} |
|||
.navbar-inverse .navbar-nav > .open > a, |
|||
.navbar-inverse .navbar-nav > .active > a { |
|||
background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%); |
|||
background-image: -o-linear-gradient(top, #080808 0%, #0f0f0f 100%); |
|||
background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f)); |
|||
background-image: linear-gradient(to bottom, #080808 0%, #0f0f0f 100%); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0); |
|||
background-repeat: repeat-x; |
|||
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25); |
|||
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25); |
|||
} |
|||
.navbar-inverse .navbar-brand, |
|||
.navbar-inverse .navbar-nav > li > a { |
|||
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); |
|||
} |
|||
.navbar-static-top, |
|||
.navbar-fixed-top, |
|||
.navbar-fixed-bottom { |
|||
border-radius: 0; |
|||
} |
|||
@media (max-width: 767px) { |
|||
.navbar .navbar-nav .open .dropdown-menu > .active > a, |
|||
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover, |
|||
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus { |
|||
color: #fff; |
|||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%); |
|||
background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%); |
|||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4)); |
|||
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0); |
|||
background-repeat: repeat-x; |
|||
} |
|||
} |
|||
.alert { |
|||
text-shadow: 0 1px 0 rgba(255, 255, 255, .2); |
|||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05); |
|||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05); |
|||
} |
|||
.alert-success { |
|||
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%); |
|||
background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%); |
|||
background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc)); |
|||
background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0); |
|||
background-repeat: repeat-x; |
|||
border-color: #b2dba1; |
|||
} |
|||
.alert-info { |
|||
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%); |
|||
background-image: -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%); |
|||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0)); |
|||
background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0); |
|||
background-repeat: repeat-x; |
|||
border-color: #9acfea; |
|||
} |
|||
.alert-warning { |
|||
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%); |
|||
background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%); |
|||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0)); |
|||
background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0); |
|||
background-repeat: repeat-x; |
|||
border-color: #f5e79e; |
|||
} |
|||
.alert-danger { |
|||
background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%); |
|||
background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%); |
|||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3)); |
|||
background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0); |
|||
background-repeat: repeat-x; |
|||
border-color: #dca7a7; |
|||
} |
|||
.progress { |
|||
background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%); |
|||
background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%); |
|||
background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5)); |
|||
background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0); |
|||
background-repeat: repeat-x; |
|||
} |
|||
.progress-bar { |
|||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #286090 100%); |
|||
background-image: -o-linear-gradient(top, #337ab7 0%, #286090 100%); |
|||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#286090)); |
|||
background-image: linear-gradient(to bottom, #337ab7 0%, #286090 100%); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0); |
|||
background-repeat: repeat-x; |
|||
} |
|||
.progress-bar-success { |
|||
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%); |
|||
background-image: -o-linear-gradient(top, #5cb85c 0%, #449d44 100%); |
|||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44)); |
|||
background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0); |
|||
background-repeat: repeat-x; |
|||
} |
|||
.progress-bar-info { |
|||
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%); |
|||
background-image: -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%); |
|||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5)); |
|||
background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0); |
|||
background-repeat: repeat-x; |
|||
} |
|||
.progress-bar-warning { |
|||
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%); |
|||
background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%); |
|||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f)); |
|||
background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0); |
|||
background-repeat: repeat-x; |
|||
} |
|||
.progress-bar-danger { |
|||
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%); |
|||
background-image: -o-linear-gradient(top, #d9534f 0%, #c9302c 100%); |
|||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c)); |
|||
background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0); |
|||
background-repeat: repeat-x; |
|||
} |
|||
.progress-bar-striped { |
|||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); |
|||
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); |
|||
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); |
|||
} |
|||
.list-group { |
|||
border-radius: 4px; |
|||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075); |
|||
box-shadow: 0 1px 2px rgba(0, 0, 0, .075); |
|||
} |
|||
.list-group-item.active, |
|||
.list-group-item.active:hover, |
|||
.list-group-item.active:focus { |
|||
text-shadow: 0 -1px 0 #286090; |
|||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%); |
|||
background-image: -o-linear-gradient(top, #337ab7 0%, #2b669a 100%); |
|||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a)); |
|||
background-image: linear-gradient(to bottom, #337ab7 0%, #2b669a 100%); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0); |
|||
background-repeat: repeat-x; |
|||
border-color: #2b669a; |
|||
} |
|||
.list-group-item.active .badge, |
|||
.list-group-item.active:hover .badge, |
|||
.list-group-item.active:focus .badge { |
|||
text-shadow: none; |
|||
} |
|||
.panel { |
|||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05); |
|||
box-shadow: 0 1px 2px rgba(0, 0, 0, .05); |
|||
} |
|||
.panel-default > .panel-heading { |
|||
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); |
|||
background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); |
|||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8)); |
|||
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); |
|||
background-repeat: repeat-x; |
|||
} |
|||
.panel-primary > .panel-heading { |
|||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%); |
|||
background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%); |
|||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4)); |
|||
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0); |
|||
background-repeat: repeat-x; |
|||
} |
|||
.panel-success > .panel-heading { |
|||
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%); |
|||
background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%); |
|||
background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6)); |
|||
background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0); |
|||
background-repeat: repeat-x; |
|||
} |
|||
.panel-info > .panel-heading { |
|||
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%); |
|||
background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%); |
|||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3)); |
|||
background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0); |
|||
background-repeat: repeat-x; |
|||
} |
|||
.panel-warning > .panel-heading { |
|||
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%); |
|||
background-image: -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%); |
|||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc)); |
|||
background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0); |
|||
background-repeat: repeat-x; |
|||
} |
|||
.panel-danger > .panel-heading { |
|||
background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%); |
|||
background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%); |
|||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc)); |
|||
background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0); |
|||
background-repeat: repeat-x; |
|||
} |
|||
.well { |
|||
background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); |
|||
background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); |
|||
background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5)); |
|||
background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0); |
|||
background-repeat: repeat-x; |
|||
border-color: #dcdcdc; |
|||
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1); |
|||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1); |
|||
} |
|||
/*# sourceMappingURL=bootstrap-theme.css.map */ |
|||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
@ -0,0 +1,3 @@ |
|||
body { |
|||
background: url("../../assets/img/atoms-protons-neutrons-electrons.jpg"); |
|||
} |
|||
@ -0,0 +1,77 @@ |
|||
/* Make clicks pass-through */ |
|||
#nprogress { |
|||
pointer-events: none; |
|||
} |
|||
|
|||
#nprogress .bar { |
|||
background: #fff; |
|||
|
|||
position: fixed; |
|||
z-index: 1031; |
|||
top: 0; |
|||
left: 0; |
|||
|
|||
width: 100%; |
|||
height: 3px; |
|||
-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5); |
|||
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5); |
|||
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5); |
|||
} |
|||
|
|||
/* Fancy blur effect */ |
|||
#nprogress .peg { |
|||
display: block; |
|||
position: absolute; |
|||
right: 0px; |
|||
width: 100px; |
|||
height: 100%; |
|||
box-shadow: 0 0 10px #fff, 0 0 5px #fff; |
|||
opacity: 1.0; |
|||
|
|||
-webkit-transform: rotate(3deg) translate(0px, -4px); |
|||
-ms-transform: rotate(3deg) translate(0px, -4px); |
|||
transform: rotate(3deg) translate(0px, -4px); |
|||
} |
|||
|
|||
/* Remove these to get rid of the spinner */ |
|||
#nprogress .spinner { |
|||
display: block; |
|||
position: fixed; |
|||
z-index: 1031; |
|||
top: 15px; |
|||
right: 15px; |
|||
} |
|||
|
|||
#nprogress .spinner-icon { |
|||
width: 18px; |
|||
height: 18px; |
|||
box-sizing: border-box; |
|||
|
|||
border: solid 2px transparent; |
|||
border-top-color: #fff; |
|||
border-left-color: #fff; |
|||
border-radius: 50%; |
|||
|
|||
-webkit-animation: nprogress-spinner 400ms linear infinite; |
|||
animation: nprogress-spinner 400ms linear infinite; |
|||
} |
|||
|
|||
.nprogress-custom-parent { |
|||
overflow: hidden; |
|||
position: relative; |
|||
} |
|||
|
|||
.nprogress-custom-parent #nprogress .spinner, |
|||
.nprogress-custom-parent #nprogress .bar { |
|||
position: absolute; |
|||
} |
|||
|
|||
@-webkit-keyframes nprogress-spinner { |
|||
0% { -webkit-transform: rotate(0deg); } |
|||
100% { -webkit-transform: rotate(360deg); } |
|||
} |
|||
@keyframes nprogress-spinner { |
|||
0% { transform: rotate(0deg); } |
|||
100% { transform: rotate(360deg); } |
|||
} |
|||
|
|||
@ -0,0 +1,102 @@ |
|||
#login-section { |
|||
padding-top: 90px; |
|||
} |
|||
.panel-login { |
|||
border-color: #ccc; |
|||
-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); |
|||
-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); |
|||
/*box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);*/ |
|||
-webkit-box-shadow: 0px 0px 67px -17px rgba(0,0,0,0.75); |
|||
-moz-box-shadow: 0px 0px 67px -17px rgba(0,0,0,0.75); |
|||
box-shadow: 0px 0px 67px -17px rgba(0,0,0,0.75); |
|||
} |
|||
.panel-login>.panel-heading { |
|||
color: #00415d; |
|||
background-color: #fff; |
|||
border-color: #fff; |
|||
text-align:center; |
|||
} |
|||
.panel-login>.panel-heading a{ |
|||
text-decoration: none; |
|||
color: #666; |
|||
font-weight: bold; |
|||
font-size: 15px; |
|||
-webkit-transition: all 0.1s linear; |
|||
-moz-transition: all 0.1s linear; |
|||
transition: all 0.1s linear; |
|||
} |
|||
.panel-login>.panel-heading a.active{ |
|||
color: #029f5b; |
|||
font-size: 18px; |
|||
} |
|||
.panel-login>.panel-heading hr{ |
|||
margin-top: 10px; |
|||
margin-bottom: 0px; |
|||
clear: both; |
|||
border: 0; |
|||
height: 1px; |
|||
background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.15),rgba(0, 0, 0, 0)); |
|||
background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0)); |
|||
background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0)); |
|||
background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0)); |
|||
} |
|||
.panel-login input[type="text"],.panel-login input[type="email"],.panel-login input[type="password"] { |
|||
height: 45px; |
|||
border: 1px solid #ddd; |
|||
font-size: 16px; |
|||
-webkit-transition: all 0.1s linear; |
|||
-moz-transition: all 0.1s linear; |
|||
transition: all 0.1s linear; |
|||
} |
|||
.panel-login input:hover, |
|||
.panel-login input:focus { |
|||
outline:none; |
|||
-webkit-box-shadow: none; |
|||
-moz-box-shadow: none; |
|||
box-shadow: none; |
|||
border-color: #ccc; |
|||
} |
|||
.btn-login { |
|||
background-color: #59B2E0; |
|||
outline: none; |
|||
color: #fff; |
|||
font-size: 14px; |
|||
height: auto; |
|||
font-weight: normal; |
|||
padding: 14px 0; |
|||
text-transform: uppercase; |
|||
border-color: #59B2E6; |
|||
} |
|||
.btn-login:hover, |
|||
.btn-login:focus { |
|||
color: #fff; |
|||
background-color: #53A3CD; |
|||
border-color: #53A3CD; |
|||
} |
|||
.forgot-password { |
|||
text-decoration: underline; |
|||
color: #888; |
|||
} |
|||
.forgot-password:hover, |
|||
.forgot-password:focus { |
|||
text-decoration: underline; |
|||
color: #666; |
|||
} |
|||
|
|||
.btn-register { |
|||
background-color: #1CB94E; |
|||
outline: none; |
|||
color: #fff; |
|||
font-size: 14px; |
|||
height: auto; |
|||
font-weight: normal; |
|||
padding: 14px 0; |
|||
text-transform: uppercase; |
|||
border-color: #1CB94A; |
|||
} |
|||
.btn-register:hover, |
|||
.btn-register:focus { |
|||
color: #fff; |
|||
background-color: #1CA347; |
|||
border-color: #1CA347; |
|||
} |
|||
Binary file not shown.
|
After Width: | Height: | Size: 106 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 325 KiB |
Binary file not shown.
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,13 @@ |
|||
// This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment.
|
|||
require('../../js/transition.js') |
|||
require('../../js/alert.js') |
|||
require('../../js/button.js') |
|||
require('../../js/carousel.js') |
|||
require('../../js/collapse.js') |
|||
require('../../js/dropdown.js') |
|||
require('../../js/modal.js') |
|||
require('../../js/tooltip.js') |
|||
require('../../js/popover.js') |
|||
require('../../js/scrollspy.js') |
|||
require('../../js/tab.js') |
|||
require('../../js/affix.js') |
|||
@ -0,0 +1,476 @@ |
|||
/* NProgress, (c) 2013, 2014 Rico Sta. Cruz - http://ricostacruz.com/nprogress |
|||
* @license MIT */ |
|||
|
|||
;(function(root, factory) { |
|||
|
|||
if (typeof define === 'function' && define.amd) { |
|||
define(factory); |
|||
} else if (typeof exports === 'object') { |
|||
module.exports = factory(); |
|||
} else { |
|||
root.NProgress = factory(); |
|||
} |
|||
|
|||
})(this, function() { |
|||
var NProgress = {}; |
|||
|
|||
NProgress.version = '0.2.0'; |
|||
|
|||
var Settings = NProgress.settings = { |
|||
minimum: 0.08, |
|||
easing: 'ease', |
|||
positionUsing: '', |
|||
speed: 200, |
|||
trickle: true, |
|||
trickleRate: 0.02, |
|||
trickleSpeed: 800, |
|||
showSpinner: true, |
|||
barSelector: '[role="bar"]', |
|||
spinnerSelector: '[role="spinner"]', |
|||
parent: 'body', |
|||
template: '<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>' |
|||
}; |
|||
|
|||
/** |
|||
* Updates configuration. |
|||
* |
|||
* NProgress.configure({ |
|||
* minimum: 0.1 |
|||
* }); |
|||
*/ |
|||
NProgress.configure = function(options) { |
|||
var key, value; |
|||
for (key in options) { |
|||
value = options[key]; |
|||
if (value !== undefined && options.hasOwnProperty(key)) Settings[key] = value; |
|||
} |
|||
|
|||
return this; |
|||
}; |
|||
|
|||
/** |
|||
* Last number. |
|||
*/ |
|||
|
|||
NProgress.status = null; |
|||
|
|||
/** |
|||
* Sets the progress bar status, where `n` is a number from `0.0` to `1.0`. |
|||
* |
|||
* NProgress.set(0.4); |
|||
* NProgress.set(1.0); |
|||
*/ |
|||
|
|||
NProgress.set = function(n) { |
|||
var started = NProgress.isStarted(); |
|||
|
|||
n = clamp(n, Settings.minimum, 1); |
|||
NProgress.status = (n === 1 ? null : n); |
|||
|
|||
var progress = NProgress.render(!started), |
|||
bar = progress.querySelector(Settings.barSelector), |
|||
speed = Settings.speed, |
|||
ease = Settings.easing; |
|||
|
|||
progress.offsetWidth; /* Repaint */ |
|||
|
|||
queue(function(next) { |
|||
// Set positionUsing if it hasn't already been set
|
|||
if (Settings.positionUsing === '') Settings.positionUsing = NProgress.getPositioningCSS(); |
|||
|
|||
// Add transition
|
|||
css(bar, barPositionCSS(n, speed, ease)); |
|||
|
|||
if (n === 1) { |
|||
// Fade out
|
|||
css(progress, { |
|||
transition: 'none', |
|||
opacity: 1 |
|||
}); |
|||
progress.offsetWidth; /* Repaint */ |
|||
|
|||
setTimeout(function() { |
|||
css(progress, { |
|||
transition: 'all ' + speed + 'ms linear', |
|||
opacity: 0 |
|||
}); |
|||
setTimeout(function() { |
|||
NProgress.remove(); |
|||
next(); |
|||
}, speed); |
|||
}, speed); |
|||
} else { |
|||
setTimeout(next, speed); |
|||
} |
|||
}); |
|||
|
|||
return this; |
|||
}; |
|||
|
|||
NProgress.isStarted = function() { |
|||
return typeof NProgress.status === 'number'; |
|||
}; |
|||
|
|||
/** |
|||
* Shows the progress bar. |
|||
* This is the same as setting the status to 0%, except that it doesn't go backwards. |
|||
* |
|||
* NProgress.start(); |
|||
* |
|||
*/ |
|||
NProgress.start = function() { |
|||
if (!NProgress.status) NProgress.set(0); |
|||
|
|||
var work = function() { |
|||
setTimeout(function() { |
|||
if (!NProgress.status) return; |
|||
NProgress.trickle(); |
|||
work(); |
|||
}, Settings.trickleSpeed); |
|||
}; |
|||
|
|||
if (Settings.trickle) work(); |
|||
|
|||
return this; |
|||
}; |
|||
|
|||
/** |
|||
* Hides the progress bar. |
|||
* This is the *sort of* the same as setting the status to 100%, with the |
|||
* difference being `done()` makes some placebo effect of some realistic motion. |
|||
* |
|||
* NProgress.done(); |
|||
* |
|||
* If `true` is passed, it will show the progress bar even if its hidden. |
|||
* |
|||
* NProgress.done(true); |
|||
*/ |
|||
|
|||
NProgress.done = function(force) { |
|||
if (!force && !NProgress.status) return this; |
|||
|
|||
return NProgress.inc(0.3 + 0.5 * Math.random()).set(1); |
|||
}; |
|||
|
|||
/** |
|||
* Increments by a random amount. |
|||
*/ |
|||
|
|||
NProgress.inc = function(amount) { |
|||
var n = NProgress.status; |
|||
|
|||
if (!n) { |
|||
return NProgress.start(); |
|||
} else { |
|||
if (typeof amount !== 'number') { |
|||
amount = (1 - n) * clamp(Math.random() * n, 0.1, 0.95); |
|||
} |
|||
|
|||
n = clamp(n + amount, 0, 0.994); |
|||
return NProgress.set(n); |
|||
} |
|||
}; |
|||
|
|||
NProgress.trickle = function() { |
|||
return NProgress.inc(Math.random() * Settings.trickleRate); |
|||
}; |
|||
|
|||
/** |
|||
* Waits for all supplied jQuery promises and |
|||
* increases the progress as the promises resolve. |
|||
* |
|||
* @param $promise jQUery Promise |
|||
*/ |
|||
(function() { |
|||
var initial = 0, current = 0; |
|||
|
|||
NProgress.promise = function($promise) { |
|||
if (!$promise || $promise.state() === "resolved") { |
|||
return this; |
|||
} |
|||
|
|||
if (current === 0) { |
|||
NProgress.start(); |
|||
} |
|||
|
|||
initial++; |
|||
current++; |
|||
|
|||
$promise.always(function() { |
|||
current--; |
|||
if (current === 0) { |
|||
initial = 0; |
|||
NProgress.done(); |
|||
} else { |
|||
NProgress.set((initial - current) / initial); |
|||
} |
|||
}); |
|||
|
|||
return this; |
|||
}; |
|||
|
|||
})(); |
|||
|
|||
/** |
|||
* (Internal) renders the progress bar markup based on the `template` |
|||
* setting. |
|||
*/ |
|||
|
|||
NProgress.render = function(fromStart) { |
|||
if (NProgress.isRendered()) return document.getElementById('nprogress'); |
|||
|
|||
addClass(document.documentElement, 'nprogress-busy'); |
|||
|
|||
var progress = document.createElement('div'); |
|||
progress.id = 'nprogress'; |
|||
progress.innerHTML = Settings.template; |
|||
|
|||
var bar = progress.querySelector(Settings.barSelector), |
|||
perc = fromStart ? '-100' : toBarPerc(NProgress.status || 0), |
|||
parent = document.querySelector(Settings.parent), |
|||
spinner; |
|||
|
|||
css(bar, { |
|||
transition: 'all 0 linear', |
|||
transform: 'translate3d(' + perc + '%,0,0)' |
|||
}); |
|||
|
|||
if (!Settings.showSpinner) { |
|||
spinner = progress.querySelector(Settings.spinnerSelector); |
|||
spinner && removeElement(spinner); |
|||
} |
|||
|
|||
if (parent != document.body) { |
|||
addClass(parent, 'nprogress-custom-parent'); |
|||
} |
|||
|
|||
parent.appendChild(progress); |
|||
return progress; |
|||
}; |
|||
|
|||
/** |
|||
* Removes the element. Opposite of render(). |
|||
*/ |
|||
|
|||
NProgress.remove = function() { |
|||
removeClass(document.documentElement, 'nprogress-busy'); |
|||
removeClass(document.querySelector(Settings.parent), 'nprogress-custom-parent'); |
|||
var progress = document.getElementById('nprogress'); |
|||
progress && removeElement(progress); |
|||
}; |
|||
|
|||
/** |
|||
* Checks if the progress bar is rendered. |
|||
*/ |
|||
|
|||
NProgress.isRendered = function() { |
|||
return !!document.getElementById('nprogress'); |
|||
}; |
|||
|
|||
/** |
|||
* Determine which positioning CSS rule to use. |
|||
*/ |
|||
|
|||
NProgress.getPositioningCSS = function() { |
|||
// Sniff on document.body.style
|
|||
var bodyStyle = document.body.style; |
|||
|
|||
// Sniff prefixes
|
|||
var vendorPrefix = ('WebkitTransform' in bodyStyle) ? 'Webkit' : |
|||
('MozTransform' in bodyStyle) ? 'Moz' : |
|||
('msTransform' in bodyStyle) ? 'ms' : |
|||
('OTransform' in bodyStyle) ? 'O' : ''; |
|||
|
|||
if (vendorPrefix + 'Perspective' in bodyStyle) { |
|||
// Modern browsers with 3D support, e.g. Webkit, IE10
|
|||
return 'translate3d'; |
|||
} else if (vendorPrefix + 'Transform' in bodyStyle) { |
|||
// Browsers without 3D support, e.g. IE9
|
|||
return 'translate'; |
|||
} else { |
|||
// Browsers without translate() support, e.g. IE7-8
|
|||
return 'margin'; |
|||
} |
|||
}; |
|||
|
|||
/** |
|||
* Helpers |
|||
*/ |
|||
|
|||
function clamp(n, min, max) { |
|||
if (n < min) return min; |
|||
if (n > max) return max; |
|||
return n; |
|||
} |
|||
|
|||
/** |
|||
* (Internal) converts a percentage (`0..1`) to a bar translateX |
|||
* percentage (`-100%..0%`). |
|||
*/ |
|||
|
|||
function toBarPerc(n) { |
|||
return (-1 + n) * 100; |
|||
} |
|||
|
|||
|
|||
/** |
|||
* (Internal) returns the correct CSS for changing the bar's |
|||
* position given an n percentage, and speed and ease from Settings |
|||
*/ |
|||
|
|||
function barPositionCSS(n, speed, ease) { |
|||
var barCSS; |
|||
|
|||
if (Settings.positionUsing === 'translate3d') { |
|||
barCSS = { transform: 'translate3d('+toBarPerc(n)+'%,0,0)' }; |
|||
} else if (Settings.positionUsing === 'translate') { |
|||
barCSS = { transform: 'translate('+toBarPerc(n)+'%,0)' }; |
|||
} else { |
|||
barCSS = { 'margin-left': toBarPerc(n)+'%' }; |
|||
} |
|||
|
|||
barCSS.transition = 'all '+speed+'ms '+ease; |
|||
|
|||
return barCSS; |
|||
} |
|||
|
|||
/** |
|||
* (Internal) Queues a function to be executed. |
|||
*/ |
|||
|
|||
var queue = (function() { |
|||
var pending = []; |
|||
|
|||
function next() { |
|||
var fn = pending.shift(); |
|||
if (fn) { |
|||
fn(next); |
|||
} |
|||
} |
|||
|
|||
return function(fn) { |
|||
pending.push(fn); |
|||
if (pending.length == 1) next(); |
|||
}; |
|||
})(); |
|||
|
|||
/** |
|||
* (Internal) Applies css properties to an element, similar to the jQuery |
|||
* css method. |
|||
* |
|||
* While this helper does assist with vendor prefixed property names, it |
|||
* does not perform any manipulation of values prior to setting styles. |
|||
*/ |
|||
|
|||
var css = (function() { |
|||
var cssPrefixes = [ 'Webkit', 'O', 'Moz', 'ms' ], |
|||
cssProps = {}; |
|||
|
|||
function camelCase(string) { |
|||
return string.replace(/^-ms-/, 'ms-').replace(/-([\da-z])/gi, function(match, letter) { |
|||
return letter.toUpperCase(); |
|||
}); |
|||
} |
|||
|
|||
function getVendorProp(name) { |
|||
var style = document.body.style; |
|||
if (name in style) return name; |
|||
|
|||
var i = cssPrefixes.length, |
|||
capName = name.charAt(0).toUpperCase() + name.slice(1), |
|||
vendorName; |
|||
while (i--) { |
|||
vendorName = cssPrefixes[i] + capName; |
|||
if (vendorName in style) return vendorName; |
|||
} |
|||
|
|||
return name; |
|||
} |
|||
|
|||
function getStyleProp(name) { |
|||
name = camelCase(name); |
|||
return cssProps[name] || (cssProps[name] = getVendorProp(name)); |
|||
} |
|||
|
|||
function applyCss(element, prop, value) { |
|||
prop = getStyleProp(prop); |
|||
element.style[prop] = value; |
|||
} |
|||
|
|||
return function(element, properties) { |
|||
var args = arguments, |
|||
prop, |
|||
value; |
|||
|
|||
if (args.length == 2) { |
|||
for (prop in properties) { |
|||
value = properties[prop]; |
|||
if (value !== undefined && properties.hasOwnProperty(prop)) applyCss(element, prop, value); |
|||
} |
|||
} else { |
|||
applyCss(element, args[1], args[2]); |
|||
} |
|||
} |
|||
})(); |
|||
|
|||
/** |
|||
* (Internal) Determines if an element or space separated list of class names contains a class name. |
|||
*/ |
|||
|
|||
function hasClass(element, name) { |
|||
var list = typeof element == 'string' ? element : classList(element); |
|||
return list.indexOf(' ' + name + ' ') >= 0; |
|||
} |
|||
|
|||
/** |
|||
* (Internal) Adds a class to an element. |
|||
*/ |
|||
|
|||
function addClass(element, name) { |
|||
var oldList = classList(element), |
|||
newList = oldList + name; |
|||
|
|||
if (hasClass(oldList, name)) return; |
|||
|
|||
// Trim the opening space.
|
|||
element.className = newList.substring(1); |
|||
} |
|||
|
|||
/** |
|||
* (Internal) Removes a class from an element. |
|||
*/ |
|||
|
|||
function removeClass(element, name) { |
|||
var oldList = classList(element), |
|||
newList; |
|||
|
|||
if (!hasClass(element, name)) return; |
|||
|
|||
// Replace the class name.
|
|||
newList = oldList.replace(' ' + name + ' ', ' '); |
|||
|
|||
// Trim the opening and closing spaces.
|
|||
element.className = newList.substring(1, newList.length - 1); |
|||
} |
|||
|
|||
/** |
|||
* (Internal) Gets a space separated list of the class names on the element. |
|||
* The list is wrapped with a single space on each end to facilitate finding |
|||
* matches within the list. |
|||
*/ |
|||
|
|||
function classList(element) { |
|||
return (' ' + (element.className || '') + ' ').replace(/\s+/gi, ' '); |
|||
} |
|||
|
|||
/** |
|||
* (Internal) Removes an element from the DOM. |
|||
*/ |
|||
|
|||
function removeElement(element) { |
|||
element && element.parentNode && element.parentNode.removeChild(element); |
|||
} |
|||
|
|||
return NProgress; |
|||
}); |
|||
|
|||
@ -0,0 +1,16 @@ |
|||
$(function() { |
|||
$('#login-form-link').click(function(e) { |
|||
$("#login-form").delay(100).fadeIn(100); |
|||
$("#register-form").fadeOut(100); |
|||
$('#register-form-link').removeClass('active'); |
|||
$(this).addClass('active'); |
|||
e.preventDefault(); |
|||
}); |
|||
$('#register-form-link').click(function(e) { |
|||
$("#register-form").delay(100).fadeIn(100); |
|||
$("#login-form").fadeOut(100); |
|||
$('#login-form-link').removeClass('active'); |
|||
$(this).addClass('active'); |
|||
e.preventDefault(); |
|||
}); |
|||
}); |
|||
@ -0,0 +1,96 @@ |
|||
|
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<meta name="robots" content="noindex"> |
|||
|
|||
<title>Iguana - Atomic Swap</title> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|||
<link href="assets/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> |
|||
<link href="assets/css/nprogress.css" rel="stylesheet" id="nprogress-css"> |
|||
<link href="assets/css/pages.css" rel="stylesheet" id="pages-css"> |
|||
<link href="assets/css/custom.css" rel="stylesheet"> |
|||
|
|||
<script src="assets/js/jquery.min.js"></script> |
|||
<script src="assets/js/nprogress.js"></script> |
|||
<script src="assets/js/bootstrap.min.js"></script> |
|||
<script src="assets/js/pages.js"></script> |
|||
</head> |
|||
<body> |
|||
<div id="login-section" class="container"> |
|||
<div class="row"> |
|||
<div class="col-md-6 col-md-offset-3"> |
|||
<div class="panel panel-login"> |
|||
<div class="panel-heading"> |
|||
<div class="row"> |
|||
<div class="col-xs-6"> |
|||
<a href="#" class="active" id="login-form-link">Login</a> |
|||
</div> |
|||
<div class="col-xs-6"> |
|||
<a href="#" id="register-form-link">Register</a> |
|||
</div> |
|||
</div> |
|||
<hr> |
|||
</div> |
|||
<div class="panel-body"> |
|||
<div class="row"> |
|||
<div class="col-lg-12"> |
|||
<form id="login-form" action="#" method="post" role="form" style="display: block;"> |
|||
<div class="form-group"> |
|||
<input type="text" name="username" id="username" tabindex="1" class="form-control" placeholder="Username" value=""> |
|||
</div> |
|||
<div class="form-group"> |
|||
<input type="password" name="password" id="password" tabindex="2" class="form-control" placeholder="Password"> |
|||
</div> |
|||
<div class="form-group"> |
|||
<div class="row"> |
|||
<div class="col-sm-6 col-sm-offset-3"> |
|||
<input type="submit" name="login-submit" id="login-submit" tabindex="4" class="form-control btn btn-login" value="Log In"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
<form id="register-form" action="#" method="post" role="form" style="display: none;"> |
|||
<div class="form-group"> |
|||
<input type="text" name="username" id="username" tabindex="1" class="form-control" placeholder="Username" value=""> |
|||
</div> |
|||
<div class="form-group"> |
|||
<input type="passphrase" name="passphrase" id="passphrase" tabindex="1" class="form-control" placeholder="Passphrase" value=""> |
|||
</div> |
|||
<div class="form-group"> |
|||
<input type="password" name="password" id="password" tabindex="2" class="form-control" placeholder="Password"> |
|||
</div> |
|||
<div class="form-group"> |
|||
<input type="password" name="confirm-password" id="confirm-password" tabindex="2" class="form-control" placeholder="Confirm Password"> |
|||
</div> |
|||
<div class="form-group"> |
|||
<div class="row"> |
|||
<div class="col-sm-6 col-sm-offset-3"> |
|||
<input type="submit" name="register-submit" id="register-submit" tabindex="4" class="form-control btn btn-register" value="Register Now"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<script> |
|||
NProgress.configure({ easing: 'ease', speed: 500 }); |
|||
NProgress.start(); |
|||
NProgress.set(0.4); |
|||
//Increment |
|||
var interval = setInterval(function() { NProgress.inc(); }, 1000); |
|||
$(document).ready(function(){ |
|||
NProgress.done(); |
|||
clearInterval(interval); |
|||
}); |
|||
</script> |
|||
</div> |
|||
|
|||
|
|||
</body> |
|||
</html> |
|||
Loading…
Reference in new issue