SDN-C support&provide network layer tests Using IP

[sdnc/oam.git] / SdncReports / SdncReportsApi / src / main / resources / static / style / sdnc-style.css

diff --git a/SdncReports/SdncReportsApi/src/main/resources/static/style/sdnc-style.css b/SdncReports/SdncReportsApi/src/main/resources/static/style/sdnc-style.css
new file mode 100644 (file)
index 0000000..361591c
--- /dev/null
+++ b/SdncReports/SdncReportsApi/src/main/resources/static/style/sdnc-style.css
@@ -0,0 +1,240 @@
+/*
+* ============LICENSE_START=======================================================
+* ONAP : SDNC-FEATURES
+* ================================================================================
+* Copyright 2018 TechMahindra
+*=================================================================================
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file 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.
+* ============LICENSE_END=========================================================
+*/
+ 
+ body{ 
+ padding-top:10px; 
+ overflow-y:scroll;
+ padding-bottom:10px;
+ } 
+
+/* form styling */
+#form-container{  
+       margin-bottom:20px;
+    border-radius:5px;
+}
+#form-container .page-header{  
+       margin:0; padding:30px; 
+    border-top-left-radius:5px; border-top-right-radius:5px;
+     }
+    
+ table.tableDisplay{
+     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+     border-collapse: collapse;
+     width: 100%;
+     table-layout: auto;
+}
+ table.tableDisplay tr:nth-child(even){
+     background-color: #C0C0C0;
+}
+ table.tableDisplay th{
+     padding-top: 12px;
+     padding-bottom: 12px;
+     text-align: left;
+     background: linear-gradient(to top, #f8f8f8 0%, #cce5ff 83%);
+     color: black;
+}
+ table.tableDisplay td,table.tableDisplay th {
+     border: 1px solid #ddd;
+     padding: 8px;
+     width:30px;
+     
+}
+ table.tableDisplay tr:{
+     text-align: left;
+}
+ table.tableDisplay tr:hover {
+     background-color:#cce5ff;
+}
+ .first_row{
+     background-color: #cce5ff;
+     color: black;
+     text-align:left;
+}
+ .column {
+     float: left;
+     width: 32.2%;
+     padding: 10px;
+     margin-left:20px;
+     height: 60px;
+    /* Should be removed. Only for demonstration */
+}
+/* Clear floats after the columns */
+ .row:after {
+     content: "";
+     display: table;
+     clear: both;
+}
+ #btnSubmit{
+     background-color: #cce5ff;
+     margin-top:20px;
+     margin-left:20px;
+     margin-bottom:10px;
+     width:100px;
+     height:30px;
+     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+     border-collapse: collapse;
+     border: 1px solid #ddd;
+     font-weight:700;
+}
+ .btndownload{
+     background-color: #cce5ff;
+     margin-top:20px;
+     margin-bottom:10px;
+     margin-left:20px;
+     width:130px;
+     height:30px;
+     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+     border-collapse: collapse;
+     border: 1px solid #ddd;
+     font-weight:700;
+}
+ #exampleInput{
+     margin-left:25px;
+     width:160px;
+}
+ #exampleEndInput{
+     margin-left:10px;
+}
+ .error{
+     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+     color:Red;
+     font-size: 14px;
+     margin-bottom:10px;
+}
+ .labeltext{
+     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+}
+ .sort-icon {
+     font-size: 9px;
+     margin-left: 5px;
+}
+ th {
+     cursor:pointer;
+}
+ .heading{  
+     margin-top:30px;
+     width:100%;
+     height:45px;
+     margin-bottom:20px;
+     font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
+     margin-right: -15px;
+     margin-left: 5px;
+     font-size: 20px;
+      background: linear-gradient(to top, #f8f8f8 0%, #cce5ff 83%);
+     padding-top:15px;
+
+}
+form_validationBody{
+       width:900px;
+       margin-left:15px;
+       margin-top:60px;
+       margin-bottom:20px;
+}
+button:hover {
+    position: relative;
+}
+button[title]:hover:after {
+     padding: 4px 8px;
+     position: absolute;
+     left: 0;
+     top: 100%;
+     white-space: nowrap;
+     z-index: 20px;
+     background:red;
+}
+.arrowRed {
+font-size: 30px;
+color: red;
+}
+.arrowGreen {
+font-size: 30px;
+color: green;
+}
+.ng-invalid  { border: 1px solid red; }
+.testMain{
+       width:100%;
+       margin-bottom:20px;
+       height:400px;
+       margin-top:10px;
+}
+.testNotification{
+       padding:0px;
+}
+.testImgIcon{
+       margin-left:5px;
+       margin-right:10px;
+       padding-right:10px;
+}
+.testCol{
+       background-color:#f2f2f2;
+       width:25%;
+       margin-left:35px;
+}
+.check{
+        margin-left:10px;
+       margin-right:10px;
+}
+.btnRunTest{
+       background-color:#f2f2f2;
+       width:75%;
+       height:75px;
+       margin-left:35px;
+       margin-bottom:35px;
+}
+.ReportMain{
+       width:100%;
+    height:400px;
+    margin-top:10px;
+}
+.ReportNotification{
+       padding:0px;
+       margin-right:10px;
+       text-align:center;
+}
+.ReportImgIcon{
+       margin-left:5px;
+       margin-right:10px;
+}
+input[type=checkbox] { 
+       padding-right: 3px;!important;
+       }
+       
+.header{  
+     margin-top:20px;
+     width:1145px;
+     height:45px;
+     margin-bottom:5px;
+     font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
+     font-size: 20px;
+     background: linear-gradient(to top, #f8f8f8 0%, #8F8484 83%);
+     padding-top:15px;
+
+}
+.footer{  
+     margin-top:10px;
+     width:1145px;
+     height:30px;
+     margin-bottom:5px;
+     font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
+     font-size: 15px;
+     background: linear-gradient(to top, #f8f8f8 0%, #8F8484 83%);
+     padding-top:15px;
+
+}