X-Git-Url: https://gerrit.akraino.org/r/gitweb?p=validation.git;a=blobdiff_plain;f=ui%2Fsrc%2Fmain%2Fwebapp%2Fresources%2Fcss%2Fstyle.css;fp=ui%2Fsrc%2Fmain%2Fwebapp%2Fresources%2Fcss%2Fstyle.css;h=0000000000000000000000000000000000000000;hp=7680da0194cbdd5faacc95f179e501d97c0d9d6b;hb=2879b2ee5e1e2815e5f43cb802352bf2878397af;hpb=ce4ad29dc48317cc7cb60fe433072ac46dea2ebb diff --git a/ui/src/main/webapp/resources/css/style.css b/ui/src/main/webapp/resources/css/style.css deleted file mode 100755 index 7680da0..0000000 --- a/ui/src/main/webapp/resources/css/style.css +++ /dev/null @@ -1,611 +0,0 @@ -/* - * Copyright (c) 2019 AT&T Intellectual Property. All rights reserved. - * - * 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. - */ - -.img-arredondadaSide { - border-radius: 100%; - w overflow: hidden; - height: 100px; - width:100px; - background:#6495ED; - margin-top:10px; - margin-left: 5px; -} - .img-arredondadaChat { - border-radius: 100%; - overflow: hidden; - height: 50px; - width:50px; - background: black; -} - .tema{ - color:red; -} - .chat-container { - width: 400px; - height: 100%; - margin: 0 auto; -} - .corStatusFinalizado{ - color:green; -} - .corNormal{ - color:#3366FF; -} - .corStatusNaoFinalizado{ - color:red; -} - .alinharCentro{ - text-align: center; -} - .user-panel { - padding: 10px; -} - .user-panel:before, .user-panel:after { - display: table; - content: " "; -} - .user-panel:after { - clear: both; -} - .user-panel > .image > img { - width: 45px; - height: 45px; -} - .user-panel > .info { - font-weight: 600; - padding: 5px 5px 5px 15px; - font-size: 14px; - line-height: 1; -} - .user-panel > .info > p { - margin-bottom: 9px; -} - .user-panel > .info > a { - text-decoration: none; - padding-right: 5px; - margin-top: 3px; - font-size: 11px; - font-weight: normal; -} - .user-panel > .info > a > .fa, .user-panel > .info > a > .ion, .user-panel > .info > a > .glyphicon { - margin-right: 3px; -} - #wrapper { - padding-left: 0; - -webkit-transition: all 0.5s ease; - -moz-transition: all 0.5s ease; - -o-transition: all 0.5s ease; - transition: all 0.5s ease; - margin-top: -20px; -} - #wrapper.toggled { - padding-left: 250px; -} - #sidebar-wrapper { - z-index: 1000; - position: absolute; - left: 250px; - width: 0; - height:100vh; - margin-left: -250px; - overflow-y: auto; - background: #cccccc; - -webkit-transition: all 0.5s ease; - -moz-transition: all 0.5s ease; - -o-transition: all 0.5s ease; - transition: all 0.5s ease; -} - #wrapper.toggled #sidebar-wrapper { - width: 250px; -} - #page-content-wrapper { - width: 100%; -} - #wrapper.toggled #page-content-wrapper { - position: absolute; - margin-right: -250px; -} -/* Sidebar Styles */ - .sidebar-nav { - position: absolute; - top: 0; - width: 250px; - margin: 0; - padding: 0; - list-style: none; -} - .sidebar-nav li { - text-indent: 20px; - line-height: 40px; - margin-left: -25px; - color: #000000; -} - .logo{ - color: rgb(105, 183, 105); - font-size: 36px; - font-weight: 700; - line-height: 39.6px; - margin-left:20px; - margin-top:10px -} - .fa { - display: inline-block; - font-family: FontAwesome; - font-style: normal; - font-weight: normal; - line-height: 1; - font-size-adjust: none; - font-stretch: normal; - font-feature-settings: normal; - font-language-override: normal; - font-kerning: auto; - font-synthesis: weight style; - font-variant: normal; - font-size: inherit; - text-rendering: auto; - padding-right: 10px; -} - .containerLogin{ - padding-right: 15px; - padding-left: 15px; - margin-right: auto; - margin-top: 100px; - margin-left: auto; - width: 30%; -} - .sidebar-nav li a { - display: block; - text-decoration: none; - color: #000000; -} - - .sidebar-nav li a:hover { - text-decoration: none; - color: #fff; - background: rgba(255,255,255,0.2); -} - - .sidebar-nav li a.example{ - text-decoration: none; - color: #fff; - background: #999999; -} -sidebar-nav > .sidebar-brand { - height: 65px; - font-size: 18px; - line-height: 60px; -} - .sidebar-nav > .sidebar-brand a { - color: #999999; -} - .sidebar-nav > .sidebar-brand a:hover { - color: #fff; - background: none; -} - .sidebar-nav > .sidebar-brand a:active { - color: #fff; - background: none; -} - @media only screen and (max-height: 650px) and (min-width:768px){ - #sidebar-wrapper { - width: 250px; - position: absolute; - height:200%; - } -} - @media only screen and (max-height: 450px) and (min-width:768px){ - #sidebar-wrapper { - width: 250px; - position: absolute; - height:160%; - } -} - @media only screen and (max-height: 1200px) and (min-width:1366px){ - #sidebar-wrapper { - width: 250px; - position: absolute; - height:100%; - } -} - @media(min-width:768px) { - #wrapper { - padding-left: 120px; - } - #wrapper.toggled { - padding-left: 0; - } - #sidebar-wrapper { - width: 250px; - } - #wrapper.toggled #sidebar-wrapper { - width: 0; - } - #page-content-wrapper { - position: relative; - } - #wrapper.toggled #page-content-wrapper { - position: relative; - margin-right: 0; - } -} - - * { - box-sizing: border-box; -} - body { - margin: 0; - padding:0; - - font-family: Arial; - height:calc(100% - 70px); - height:-moz-calc(100% - 70px); - height:-webkit-calc(100% - 70px); - -} -html{margin:0;padding:0;} - - .header { - overflow: hidden; - background-color: #000000; - padding: 8px 10px; -} - .header a { - float: left; - color: white; - text-align: center; - padding: 12px; - text-decoration: none; - font-size: 18px; - line-height: 25px; - border-radius: 4px; -} - .header a.logo { - font-size: 25px; - font-weight: bold; -} - .header-right { - float: right; -} - .akrbutton { - background-color: #4d4d4d; - border: none; - color: white; - padding: 8px 15px; - text-align: center; - text-decoration: none; - display: inline-block; - font-size: 12px; - margin: 3% 2%; - cursor: pointer; - border-radius: 5px; -} - .refreshbutton { - background-color: #4d4d4d; - border: none; - color: white; - padding: 7px 14px; - text-align: center; - text-decoration: none; - display: inline-block; - cursor: pointer; - border-radius: 5px; - -} - .akrtheader { - padding-top: 12px; - padding-bottom: 12px; - text-align: left; - background-color: #4CAF50 -} - table, td { - border: 1px solid #ddd; -} - table { - border-collapse: collapse; - width: 100%;} - - .siteStatusTable th { - padding: 5px; - text-align: left; - background-color: #cccccc; - border: 1px solid #ddd; -} - .siteStatusTable td { - padding-top: 5px; - padding-bottom:5px; -} -.nodeTable th { - padding: 10px; - text-align: left; - background-color: #cccccc; - border: 0px solid #ddd; -} - .nodeTable td { - padding-top: 5px; - padding-bottom:5px; -} - .siteaddOnsTable th { - padding: 10px; - text-align: left; - background-color: #cccccc; - border: 1px solid #ddd; -} - .siteaddOnsTable td { - padding-top: 5px; - padding-bottom:5px; -} - - - .sitetempestsTable th { - padding: 10px; - text-align: left; - background-color: #cccccc; - border: 1px solid #ddd; -} - .sitetempestsTable td { - padding-top: 5px; - padding-bottom:5px; -} - - -.shardwareTable th { - padding: 5px; - text-align: left; - background-color: #cccccc; - border: 1px solid #ddd; -} - .shardwareTable td { - padding-top: 3px; - padding-bottom:3px; -} -.rackTable th { - padding: 10px; - text-align: left; - background-color: #cccccc; - border: 1px solid #ddd; -} - .rackTable td { - padding-top: 5px; - padding-bottom:5px; -} - -.sitebuildTable th { - padding: 10px; - text-align: left; - background-color: #cccccc; - border: 1px solid #ddd; -} - .sitebuildTable td { - padding-top: 5px; - padding-bottom:5px; -} - - .softwareTable th { - padding: 10px; - text-align: left; - background-color: #cccccc; - border: 1px solid #ddd; -} - .softwareTable td { - padding-top: 5px; - padding-bottom:5px; -} -.popUpTable th { - padding: 10px; - text-align: left; - background-color: #cccccc; - border: 1px solid #ddd; -} - .popUpTable td { - padding-top: 5px; - padding-bottom:5px; -} -/*.pagination { - display: inline-block; - float:right; -} - .pagination li { - list-style-type:none; - color: white; - float: left; - padding: 8px 16px; - text-decoration: none; - transition: background-color .3s; - border: 1px solid #ddd; -} - .pagination li.active { - background-color: #DCDCDC; - color: white; - border: 1px solid #ddd; -}*/ - button:disabled { - background: #dddddd; -} - .select-style { - border: 1px solid #ccc; - width: 240px; - height: 40px; - border-radius: 3px; - overflow: hidden; - background-position: right; -} - .select-style select { - - width: 100%; - border: 0px; - box-shadow: none; - background:none; - background-image: none; - -webkit-appearance: none; - outline: 0px; - -} -.selectStyle select option{ - height:30px; - padding-top:5px; -} -@-moz-document url-prefix() { - select.example { - padding-right: 25px; - - height:40px; - - background-image: url("data:image/svg+xml,\ - \ - \ - "); - background-repeat: no-repeat; - background-position: calc(100% - 7px) 50%; - -moz-appearance: none; - appearance: none; - - } -} -@-moz-document url-prefix() { - select.exampleTable { - - - height:25px; - - background-image: url("data:image/svg+xml,\ - \ - \ - "); - background-repeat: no-repeat; - background-position: calc(100% - 7px) 50%; - -moz-appearance: none; - appearance: none; - - } -} - .select-style select:focus { - outline: none; -} - .child_div_1{ - float:left; - margin-right:50px; -} - .child_div_2{ - float:right; - margin-right:50%; -} - .ngdialog { - margin-top:-100px; - padding-top:10px; - overflow-y: auto; -} - .addOnForm input[type=text], select, textarea { - width: 40%; - padding: 3px; - border: 0.5px solid #ccc; - border-radius: 4px; - box-sizing: border-box; - margin-top: 3px; - margin-bottom: 3px; - resize: vertical; -} - .tempestclassForm input[type=text], select, textarea { - width: 40%; - padding: 3px; - border: 0.5px solid #ccc; - border-radius: 4px; - box-sizing: border-box; - margin-top: 3px; - margin-bottom: 3px; - resize: vertical; -} -.hardwareForm input[type=text], select, textarea { - width: 40%; - padding: 3px; - border: 0.5px solid #ccc; - border-radius: 4px; - box-sizing: border-box; - margin-top: 3px; - margin-bottom: 3px; - resize: vertical; -} -.podForm input[type=text], select, textarea { - width: 40%; - padding: 3px; - border: 0.5px solid #ccc; - border-radius: 4px; - box-sizing: border-box; - margin-top: 3px; - margin-bottom: 3px; - resize: vertical; -} -.uploadForm input[type=text], select, textarea { - width: 40%; - padding: 3px; - border: 0.5px solid #ccc; - border-radius: 4px; - box-sizing: border-box; - margin-top: 3px; - margin-bottom: 3px; - resize: vertical; -} -.vnfForm input[type=text], select, textarea { - width: 40%; - padding: 3px; - border: 0.5px solid #ccc; - border-radius: 4px; - box-sizing: border-box; - margin-top: 3px; - margin-bottom: 3px; - resize: vertical; -} -.siteForm input[type=text], select, textarea { - width: 40%; - padding: 3px; - border: 0.5px solid #ccc; - border-radius: 4px; - box-sizing: border-box; - margin-top: 3px; - margin-bottom: 3px; - resize: vertical; -} -.siteForm li input[type=text], select, textarea { - width: 40%; - padding: 3px; - border: 0.5px solid #ccc; - border-radius: 4px; - box-sizing: border-box; - margin-top: 3px; - margin-bottom: 3px; - resize: vertical; -} - - label { - font-weight: normal !important; -} -.ngdialog-custom{ - background: #e6e6e6; -} -#footerlogo{ - position:absolute; - display:inline-block; - bottom:0; - width: 250px; -} -.borderFrame{ - margin-top:2px; - border:2px solid #cdcdcd; - /*border-radius: 0.1px; - /*-moz-border-radius: 0.1px; - -webkit-border-radius:0.1px;*/ -}