X-Git-Url: https://gerrit.o-ran-sc.org/r/gitweb?a=blobdiff_plain;ds=sidebyside;f=sdnc-a1-controller%2Foam%2Fconfigbackuprestore%2Fvnfconfigbackupservice%2Fsrc%2Fmain%2Fwebapp%2Fstatic%2Fstyle%2Fsdnc-style.css;fp=sdnc-a1-controller%2Foam%2Fconfigbackuprestore%2Fvnfconfigbackupservice%2Fsrc%2Fmain%2Fwebapp%2Fstatic%2Fstyle%2Fsdnc-style.css;h=82f9c105b105a9319e50635926d1a5b47ab59a85;hb=b6fe5a1bbad372357f6b441e1657dd8bbe48dc1a;hp=0000000000000000000000000000000000000000;hpb=4e0c72d8a2570e256911eab7cc34f770a1aa327a;p=nonrtric.git diff --git a/sdnc-a1-controller/oam/configbackuprestore/vnfconfigbackupservice/src/main/webapp/static/style/sdnc-style.css b/sdnc-a1-controller/oam/configbackuprestore/vnfconfigbackupservice/src/main/webapp/static/style/sdnc-style.css new file mode 100644 index 00000000..82f9c105 --- /dev/null +++ b/sdnc-a1-controller/oam/configbackuprestore/vnfconfigbackupservice/src/main/webapp/static/style/sdnc-style.css @@ -0,0 +1,562 @@ +/* +* ============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: #E1E0DA; +} + 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 #ABABAB; + padding: 8px; + width:30px; + height:10%; + +} + table.tableDisplay tr:{ + text-align: left; + height:105;; +} + 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 */ +} +.columnComp{ + float: left; + width: 22%; + padding: 10px; + margin-left:20px; + height: 60px; +} +/* Clear floats after the columns */ + .row:after { + content: ""; + display: table; + clear: both; +} + #btnSubmit{ + background-color: #AED6F1; + margin-top:20px; + margin-left:20px; + margin-bottom:10px; + width:75px; + height:28px; + font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; + border-collapse: collapse; + border: 1px solid #5DADE2; + font-weight:700; +} + .btndownload{ + background-color: #AED6F1; + 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 #5DADE2; + 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:10px; + width:100%; + height:45px; + margin-bottom:20px; + font-family:Trebuchet MS, Arial, Helvetica, sans-serif; + margin-top: 15px; + margin-right: auto; + margin-left: auto; + font-size: 20px; + background: linear-gradient(to top, #f8f8f8 0%, #cce5ff 83%); + padding-top: 15px; + padding-bottom: 50px; + +} +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; +} +.pagination{ +display: inline-block; + padding-left: 0; + margin: 5px 0; + border-radius: 4px; + border: 1px solid #ABABAB; + font-size: 13px; +} +.pagination > li > span { + position: relative; + float: left; + padding: 6px 12px; + line-height: 1.42857143; + text-decoration: none; + color: #337ab7; + background-color: #fff; + border: 1px solid #ABABAB; + margin-left: -1px; +} +.pagination > .active >a{ + z-index: 3; + color: #fff; + background-color: #337ab7; + border-color: #337ab7; + cursor: default; +} +.arrowRed { +font-size: 30px; +color: red; +} +.arrowGreen { +font-size: 30px; +color: green; +} +.ng-invalid { border: 1px ridge #ddd; } +.testMain{ + width:100%; + margin-bottom:20px; + min-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%; + min-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; + +} +.btn-danger{ + background-color: #ffb3b3; + width: 1090px; + text-align: left; + color:black; + height:45px; +} +.btn-success{ + width: 1090px; + text-align: left; + color:black; + background-color: #66cc66; + height:45px; + +} +.btn-warning{ + width: 1090px; + text-align: left; + color:black; + height:45px; + background-color: #ffff99; +} +/* Dropdown Button */ +.dropbtn { + background-color: #ffe0b3; + font-family: Trebuchet MS, Arial, Helvetica, sans-serif; + color: #333333; + padding: 15px; + font-size: 17px; + border: none; + padding-right:20px; + padding-left: 30px; +} + +/* The container
- needed to position the dropdown content */ +.dropdown { + position: relative; + display: inline-block; +} + +/* Dropdown Content (Hidden by Default) */ +.dropdown-content { + display: none; + position: absolute; + background-color: #f1f1f1; + min-width: 240px; + box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); + z-index: 1; +} + +/* Links inside the dropdown */ +.dropdown-content a { + color: black; + padding: 12px 16px; + text-decoration: none; + display: block; + font-family: Trebuchet MS, Arial, Helvetica, sans-serif; +} + +/* Change color of dropdown links on hover */ +.dropdown-content a:hover {background-color: #ddd} + +/* Show the dropdown menu on hover */ +.dropdown:hover .dropdown-content { + display: block; + color: black; +} + + +.navbar-default .navbar-nav>li> a:hover {background-color: #ddd} +.btnapply{ + background-color:#AED6F1 ; + margin-top:10px; + margin-bottom:10px; + margin-right:20px; + width:150px; + height:30px; + font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; + border-collapse: collapse; + border: 1px solid #5DADE2; + font-weight:700; +} + + +.btnview{ + background-color: #AED6F1; + margin-top:8px; + margin-bottom:10px; + margin-right:20px; + width:150px; + height:30px; + font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; + border-collapse: collapse; + border: 1px solid #5DADE2; + font-weight:700; +} +.btnview:hover {background-color: #85C1E9} + +.btnview:active { + background-color: #85C1E9; + box-shadow: 0 5px #85C1E9; + transform: translateY(4px); +} + +.btnapplycfg{ + background-color: #AED6F1; + margin-top:8px; + margin-bottom:10px; + margin-right:20px; + width:150px; + height:30px; + font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; + border-collapse: collapse; + border: 1px solid #5DADE2; + font-weight:700; +} +.btnapplycfg:hover {background-color: #85C1E9} + +.btnapplycfg:active { + background-color: #85C1E9; + box-shadow: 0 5px #85C1E9; + transform: translateY(4px); +} + +.navbar-default .navbar-nav>li> a:hover {background-color: #FFFF00} + + .btnCompareVersion{ + background-color: #AED6F1; + margin-top:8px; + margin-bottom:10px; + margin-right:20px; + width:150px; + height:30px; + font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; + border-collapse: collapse; + border: 1px solid #5DADE2; + font-weight:700; +} + +.btnCompareVersion:hover {background-color: #85C1E9} + +.btnCompareVersion:active { + background-color: #85C1E9; + box-shadow: 0 5px #85C1E9; + transform: translateY(4px); + border-collapse: collapse; + border: 2px solid #5DADE2; +} + +.btnapply{ + background-color: #AED6F1; + margin-top:8px; + margin-bottom:10px; + margin-right:20px; + width:150px; + height:30px; + font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; + border-collapse: collapse; + border: 1px solid #5DADE2; + font-weight:700; +} + +.btnapply:hover {background-color: #85C1E9} + +.btnapply:active { + background-color: #85C1E9; + box-shadow: 0 5px #85C1E9; + transform: translateY(4px); + border-collapse: collapse; + border: 2px solid #5DADE2; +} + +.Formclass{ + width:100%; + margin-top:30px; + min-height:10000; +} + +.VersionMain{ + width:100%; + margin-top:60px; + min-height:2200px; + border: 0.5px solid lightgrey; +} + +.versionHeading{ + width:100%; + height:35px; + margin-bottom:20px; + background-color: #cce5ff; + font-family:Trebuchet MS, Arial, Helvetica, sans-serif; + margin-right: -15px; + font-size: 15px; + padding-top:5px; + color:black; + +} +{ + box-sizing: border-box; + +} + +.columnsVersionview{ + float: left; + width: 50%; + padding: 8px; + border-radius: 15px; +} + +.price { + list-style-type: none; + border: 1px solid grey; + border-radius: 25px; + margin: 0; + padding: 0; + -webkit-transition: 0.3s; + transition: 0.3s; +} + +.price:hover { + box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2) +} + +.price .headerVersion { + background-color:#484848; + color: white; + font-size: 15px; + border-radius: 50px; + height:40px; +} + +.price li { + border-bottom: 1px solid #eee; + padding: 5px; + text-align: center; + font-size: 12px; + word-wrap: break-word; +} + +.price .grey { + background-color: #FFCCCC; + font-size: 12px; + margin-left:20px; + margin-right:20px; +} + +@media only screen and (max-width: 600px) { + .columnsVersion { + width: 100%; + } +} +.separator{ + border-color:darkgrey; + min-height:2px; +} +.listHeading{ + background-color: #ffcccc; +} +table.tableCompare{ + font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; + border-collapse: collapse; + width: 100%; + table-layout: auto; +} + table.tableCompare tr:nth-child(even){ + background-color: #E1E0DA; +} + table.tableCompare th{ + padding-top: 12px; + padding-bottom: 12px; + text-align: left; + background: linear-gradient(to top, #f8f8f8 0%, #cce5ff 83%); + color: black; +} + table.tableCompare td,table.tableCompare th { + min-width:100px; + padding: 3px; + height:10%; + max-width:200px; +} + table.tableCompare tr:{ + text-align: left; + height:105;; +}