adds license details for experimental TO ui theme and loading bar used in traffic portal and experimental TO UI
Project: http://git-wip-us.apache.org/repos/asf/incubator-trafficcontrol/repo Commit: http://git-wip-us.apache.org/repos/asf/incubator-trafficcontrol/commit/57068b4c Tree: http://git-wip-us.apache.org/repos/asf/incubator-trafficcontrol/tree/57068b4c Diff: http://git-wip-us.apache.org/repos/asf/incubator-trafficcontrol/diff/57068b4c Branch: refs/heads/master Commit: 57068b4ce64e32a5374417fcab774f0e5d97f6eb Parents: 9b0b3ac Author: Jeremy Mitchell <mitchell...@gmail.com> Authored: Tue Jan 24 11:15:41 2017 -0700 Committer: Dan Kirkwood <dang...@gmail.com> Committed: Tue Jan 24 11:29:31 2017 -0700 ---------------------------------------------------------------------- traffic_ops/experimental/ui/app/src/index.html | 2 + .../experimental/ui/app/src/styles/loading.scss | 110 + .../experimental/ui/app/src/styles/main.scss | 5945 ------------------ .../experimental/ui/app/src/styles/theme.scss | 4174 ++++++++++++ traffic_portal/app/src/index.html | 1 + traffic_portal/app/src/styles/loading.scss | 110 + traffic_portal/app/src/styles/main.scss | 113 - 7 files changed, 4397 insertions(+), 6058 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/incubator-trafficcontrol/blob/57068b4c/traffic_ops/experimental/ui/app/src/index.html ---------------------------------------------------------------------- diff --git a/traffic_ops/experimental/ui/app/src/index.html b/traffic_ops/experimental/ui/app/src/index.html index ee95434..ac22f1d 100644 --- a/traffic_ops/experimental/ui/app/src/index.html +++ b/traffic_ops/experimental/ui/app/src/index.html @@ -30,6 +30,8 @@ under the License. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link rel="shortcut icon" href="resources/assets/images/favicon.png" type="image/x-icon" /> + <link rel="stylesheet" media="all" href="resources/styles/theme.css"> + <link rel="stylesheet" media="all" href="resources/styles/loading.css"> <link rel="stylesheet" media="all" href="resources/styles/main.css"> <link rel="stylesheet" media="all" href="resources/assets/css/custom.css"> http://git-wip-us.apache.org/repos/asf/incubator-trafficcontrol/blob/57068b4c/traffic_ops/experimental/ui/app/src/styles/loading.scss ---------------------------------------------------------------------- diff --git a/traffic_ops/experimental/ui/app/src/styles/loading.scss b/traffic_ops/experimental/ui/app/src/styles/loading.scss new file mode 100644 index 0000000..eef92fe --- /dev/null +++ b/traffic_ops/experimental/ui/app/src/styles/loading.scss @@ -0,0 +1,110 @@ +/*! + * angular-loading-bar v0.4.2 + * https://chieffancypants.github.io/angular-loading-bar + * Copyright (c) 2014 Wes Cruver + * License: MIT + */ + +/* Make clicks pass-through */ +#loading-bar, +#loading-bar-spinner { + pointer-events: none; + -webkit-pointer-events: none; + -webkit-transition: 350ms linear all; + -moz-transition: 350ms linear all; + -o-transition: 350ms linear all; + transition: 350ms linear all; +} + +#loading-bar.ng-enter, +#loading-bar.ng-leave.ng-leave-active, +#loading-bar-spinner.ng-enter, +#loading-bar-spinner.ng-leave.ng-leave-active { + opacity: 0; +} + +#loading-bar.ng-enter.ng-enter-active, +#loading-bar.ng-leave, +#loading-bar-spinner.ng-enter.ng-enter-active, +#loading-bar-spinner.ng-leave { + opacity: 1; +} + +#loading-bar .bar { + -webkit-transition: width 350ms; + -moz-transition: width 350ms; + -o-transition: width 350ms; + transition: width 350ms; + + background: #29d; + position: fixed; + z-index: 2000; + top: 0; + left: 0; + width: 100%; + height: 2px; + border-bottom-right-radius: 1px; + border-top-right-radius: 1px; +} + +/* Fancy blur effect */ +#loading-bar .peg { + position: absolute; + width: 70px; + right: 0; + top: 0; + height: 2px; + opacity: .45; + -moz-box-shadow: #29d 1px 0 6px 1px; + -ms-box-shadow: #29d 1px 0 6px 1px; + -webkit-box-shadow: #29d 1px 0 6px 1px; + box-shadow: #29d 1px 0 6px 1px; + -moz-border-radius: 100%; + -webkit-border-radius: 100%; + border-radius: 100%; +} + +#loading-bar-spinner { + display: none; + position: fixed; + z-index: 2000; + top: 10px; + left: 10px; +} + +#loading-bar-spinner .spinner-icon { + width: 14px; + height: 14px; + + border: solid 2px transparent; + border-top-color: #29d; + border-left-color: #29d; + border-radius: 10px; + + -webkit-animation: loading-bar-spinner 400ms linear infinite; + -moz-animation: loading-bar-spinner 400ms linear infinite; + -ms-animation: loading-bar-spinner 400ms linear infinite; + -o-animation: loading-bar-spinner 400ms linear infinite; + animation: loading-bar-spinner 400ms linear infinite; +} + +@-webkit-keyframes loading-bar-spinner { + 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } +} +@-moz-keyframes loading-bar-spinner { + 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } +} +@-o-keyframes loading-bar-spinner { + 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } +} +@-ms-keyframes loading-bar-spinner { + 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } +} +@keyframes loading-bar-spinner { + 0% { transform: rotate(0deg); transform: rotate(0deg); } + 100% { transform: rotate(360deg); transform: rotate(360deg); } +}