added svcapi ui and camunda code

[it/otf.git] / otf-frontend / client / src / app / account / account.component.scss

diff --git a/otf-frontend/client/src/app/account/account.component.scss b/otf-frontend/client/src/app/account/account.component.scss
new file mode 100644 (file)
index 0000000..0db25da
--- /dev/null
+++ b/otf-frontend/client/src/app/account/account.component.scss
@@ -0,0 +1,115 @@
+/*  Copyright (c) 2019 AT&T Intellectual Property.                             #\r
+#                                                                              #\r
+#   Licensed under the Apache License, Version 2.0 (the "License");            #\r
+#   you may not use this file except in compliance with the License.           #\r
+#   You may obtain a copy of the License at                                    #\r
+#                                                                              #\r
+#       http://www.apache.org/licenses/LICENSE-2.0                             #\r
+#                                                                              #\r
+#   Unless required by applicable law or agreed to in writing, software        #\r
+#   distributed under the License is distributed on an "AS IS" BASIS,          #\r
+#   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.   #\r
+#   See the License for the specific language governing permissions and        #\r
+#   limitations under the License.                                             #\r
+##############################################################################*/\r
+\r
+\r
+$topnav-background-color: #222;\r
+:host {\r
+  display: block;\r
+}\r
+.account-page {\r
+  position: absolute;\r
+  top: 0;\r
+  left: 0;\r
+  right: 0;\r
+  bottom: 0;\r
+  overflow: auto;\r
+  background: $topnav-background-color;\r
+  text-align: center;\r
+  color: #fff;\r
+  padding: 3em;\r
+  .col-lg-4 {\r
+    padding: 0;\r
+  }\r
+  .input-lg {\r
+    height: 46px;\r
+    padding: 10px 16px;\r
+    font-size: 18px;\r
+    line-height: 1.3333333;\r
+    border-radius: 0;\r
+  }\r
+  .input-underline {\r
+    background: 0 0;\r
+    border: none;\r
+    box-shadow: none;\r
+    border-bottom: 2px solid rgba(255, 255, 255, 0.5);\r
+    color: #fff;\r
+    border-radius: 0;\r
+  }\r
+  .input-underline:focus {\r
+    border-bottom: 2px solid #fff;\r
+    box-shadow: none;\r
+  }\r
+  .rounded-btn {\r
+    -webkit-border-radius: 50px;\r
+    border-radius: 50px;\r
+    color: rgba(255, 255, 255, 0.8);\r
+    background: $topnav-background-color;\r
+    border: 2px solid rgba(255, 255, 255, 0.8);\r
+    font-size: 18px;\r
+    line-height: 40px;\r
+    padding: 0 25px;\r
+  }\r
+  .rounded-btn:hover,\r
+  .rounded-btn:focus,\r
+  .rounded-btn:active,\r
+  .rounded-btn:visited {\r
+    color: rgba(255, 255, 255, 1);\r
+    border: 2px solid rgba(255, 255, 255, 1);\r
+    outline: none;\r
+  }\r
+\r
+  h1 {\r
+    font-weight: 300;\r
+    margin-top: 20px;\r
+    margin-bottom: 10px;\r
+    font-size: 36px;\r
+    small {\r
+      color: rgba(255, 255, 255, 0.7);\r
+    }\r
+  }\r
+\r
+  .form-group {\r
+    padding: 8px 0;\r
+    input::-webkit-input-placeholder {\r
+      color: rgba(255, 255, 255, 0.6) !important;\r
+    }\r
+\r
+    input:-moz-placeholder {\r
+      /* Firefox 18- */\r
+      color: rgba(255, 255, 255, 0.6) !important;\r
+    }\r
+\r
+    input::-moz-placeholder {\r
+      /* Firefox 19+ */\r
+      color: rgba(255, 255, 255, 0.6) !important;\r
+    }\r
+\r
+    input:-ms-input-placeholder {\r
+      color: rgba(255, 255, 255, 0.6) !important;\r
+    }\r
+  }\r
+  .form-content {\r
+    padding: 30px 0;\r
+  }\r
+  .user-avatar {\r
+    -webkit-border-radius: 50%;\r
+    border-radius: 50%;\r
+    border: 2px solid #fff;\r
+  }\r
+\r
+  #verifyMessage{\r
+    margin-top: 100px\r
+  }\r
+}\r