1 files changed, 128 insertions, 0 deletions
diff --git a/vvp/app/styles/sprite.less b/vvp/app/styles/sprite.less
new file mode 100644
index 00000000..ec729a15
--- /dev/null
+++ b/vvp/app/styles/sprite.less
@@ -0,0 +1,128 @@
+//
+// ============LICENSE_START========================================== 
+// org.onap.vvp/portal
+// ===================================================================
+// Copyright © 2017 AT&T Intellectual Property. All rights reserved.
+// ===================================================================
+//
+// Unless otherwise specified, all software contained herein is licensed
+// under the Apache License, Version 2.0 (the “License”);
+// you may not use this software except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//          http:www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+//
+//
+// Unless otherwise specified, all documentation contained herein is licensed
+// under the Creative Commons License, Attribution 4.0 Intl. (the “License”);
+// you may not use this documentation except in compliance with the License.
+// You may obtain a copy of the License at
+// 
+//          https:creativecommons.org/licenses/by/4.0/
+//
+// Unless required by applicable law or agreed to in writing, documentation
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+// ============LICENSE_END============================================
+// 
+// ECOMP is a trademark and service mark of AT&T Intellectual Property.
+.sprite { background: url('images/icons-sprite-v5.png') no-repeat top left; width: 20px; height: 20px;  }
+.profiles-sprite { background: url('images/profiles-sprite.png') no-repeat top left; width: 40px; height: 28px;  }
+.steps-sprite {background-image: url(images/steps-sprite.png); background-repeat: no-repeat; display: block;}
+.actions-sprite { background: url('images/actions-sprite.png') no-repeat top left; width: 15px; height: 15px;  }
+
+.actions-sprite.delete_large { background-position: 0 0; }
+.actions-sprite.reject_large { background-position: -25px 0; }
+.actions-sprite.approve_large { background-position: -50px 0; }
+
+.sprite.added { background-position: 0 0; }
+.sprite.approve { background-position: -30px 0; }
+.sprite.complete { background-position: -60px 0; }
+.sprite.electricity { background-position: -90px 0; }
+.sprite.invite { background-position: -120px 0; }
+.sprite.upload { background-position: -150px 0; }
+.sprite.add { background-position: -180px 0; width: 18px; height: 18px; }
+.sprite.success { background-position: -208px 0; width: 15px; height: 15px; }
+.sprite.delete { background-position: -233px 0; width: 15px; height: 15px; }
+.sprite.edit-large { background-position: -258px 0; height: 18px; }
+.sprite.edit-medium { background-position: -288px 0; width: 17px; height: 16px; }
+.sprite.edit-small { background-position: -315px 0; width: 15px; height: 14px; }
+.sprite.approved { background-position: -340px 0; width: 12px; height: 12px; }
+.sprite.pendingnon-el { background-position: -362px 0; width: 12px; height: 12px; }
+.sprite.pending { background-position: -384px 0; width: 12px; height: 12px; }
+.sprite.todo { background-position: -406px 0; width: 12px; height: 12px; }
+.sprite.amburger { background-position: -428px 0; width: 12px; height: 12px; }
+.sprite.question-mark { background-position: -450px 0; width: 18px; height: 18px; }
+.sprite.delete-circle { background-position: -478px 0; width: 15px; height: 15px; }
+.sprite.close { background-position: -503px 0; width: 15px; height: 15px; }
+
+.sprite.automation-state { background-position: -529px 0; width:15px; height:15px;}
+.sprite.review-state-active { background-position: -554px 0; width:15px; height:15px;}
+.sprite.review-state { background-position: -579px 0; width:15px; height:15px;}
+.sprite.peer_review-state-active { background-position: -604px 0; width:15px; height:15px;}
+.sprite.peer_review-state { background-position: -629px 0; width:15px; height:15px;}
+.sprite.approval-state-active { background-position: -654px 0; width:15px; height:15px;}
+.sprite.approval-state { background-position: -679px 0; width:15px; height:15px;}
+.sprite.handoff-state-active { background-position: -704px 0; width:15px; height:15px;}
+.sprite.handoff-state { background-position: -729px 0; width:15px; height:15px;}
+.sprite.closed-state-active { background-position: -754px 0; width:15px; height:15px;}
+.sprite.closed-state { background-position: -779px 0; width:15px; height:15px;}
+.sprite.active-cl { background-position: -804px 0; width:15px; height:15px;}
+.sprite.delete-cl { background-position: -829px 0; width:15px; height:15px;}
+.sprite.denied-cl { background-position: -854px 0; width:15px; height:15px;}
+.sprite.approved-cl { background-position: -879px 0; width: 15px;height:15px;}
+.sprite.denied-cl-btn-active { background-position: -904px 0; width: 25px; height: 25px; }
+.sprite.denied-cl-btn { background-position: -939px 0; width: 25px; height: 25px; }
+.sprite.approved-cl-btn-active { background-position: -974px 0; width: 25px; height: 25px; }
+.sprite.approved-cl-btn { background-position: -1009px 0; width: 25px; height: 25px; }
+.sprite.not-relevant-btn-active { background-position: -1044px 0; width: 25px; height: 25px; }
+.sprite.not-relevant-btn { background-position: -1079px 0; width: 25px; height: 25px; }
+.sprite.items-todo { background-position: -1114px 0; width: 8px; height: 8px; }
+.sprite.duedate { background-position: -1132px 0; width: 12px; height: 12px; }
+.sprite.small-edit { background-position: -1154px 0; height: 14px; }
+.sprite.not-relevant-cl { background-position: -1179px 0; width:15px; height:15px; }
+.sprite.pending-state { background-position: -1204px 0; width:15px; height:15px; }
+.sprite.starred { background-position: -1230px 0; width:19px; height:19px; }
+.sprite.starred-selected { background-position: -1260px 0; width:19px; height:19px; }
+.sprite.small-grey-add { background-position: -1288px 0; width:17px; height:15px; }
+.sprite.big-grey-add { background-position: -1313px 0; width:19px; height:18px; }
+.sprite.red-delete { background-position: -1341px 0; width:17px; height:16px; }
+.sprite.grey-check-mark { background-position: -1390px 0; width:17px; height:15px; }
+.sprite.order { background-position: -1417px 0; width: 14px; height: 12px;}
+.sprite.admin-dropdown { background-position: 0 -63px; width: 14px; height: 14px; }
+
+
+.profiles-sprite.avatar-blue { background-position: 0 0; height: 40px; }
+.profiles-sprite.notification { background-position: 0 -50px; width: 25px; }
+.profiles-sprite.profile-large { background-position: 0 -88px; width: 150px; height: 140px; }
+.profiles-sprite.profile-medium { background-position: 0 -238px; height: 40px; }
+.profiles-sprite.profile-white { background-position: 0 -288px; width: 32px; }
+.profiles-sprite.avatar-white { background-position: 0 -326px; width: 30px; height: 30px; }
+
+.steps-sprite.confirmed { width: 12px; height: 12px; background-position: -5px -5px;}
+.steps-sprite.completed {width: 12px;height: 12px;background-position: -27px -5px;}
+.steps-sprite.completed-non-el {width: 12px;height: 12px;background-position: -49px -5px;}
+.steps-sprite.todo {width: 12px;height: 12px;background-position: -71px -5px;}
+
+
+.logo-white {
+    background: url('images/d2sandbox_logos-150x30.png') no-repeat 0 0;
+    width: 150px;
+    height: 30px;
+}
+
+.logo-color {
+    background: url('images/d2sandbox_logos_color-150x30.png') no-repeat 0 0;
+    width: 150px;
+    height: 30px;
+}