Submit catalog gui

Change-Id: I0fe4b7f8453f61f126ec639bd1f2603f0c4ee64a
Signed-off-by: nancylizi <li.zi30@zte.com.cn>

1 files changed, 447 insertions, 0 deletions

diff --git a/openo-portal/portal-catalog/src/main/webapp/catalog/css/hostMirror.css b/openo-portal/portal-catalog/src/main/webapp/catalog/css/hostMirror.css
new file mode 100644
index 00000000..2f99e682
--- /dev/null
+++ b/openo-portal/portal-catalog/src/main/webapp/catalog/css/hostMirror.css
@@ -0,0 +1,447 @@
+/**

+ * Copyright (C) 2015 ZTE, Inc. and others. All rights reserved. (ZTE)

+ *

+ * 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.

+ */

+body {

+	font-family: microsoft yahei !important;

+}

+

+/* blue pill (inspired by iTunes)

+*******************************************************************************/

+.redFont{

+	color:red;

+}

+.blue {

+

+	background-color: #5b9bd1;

+	border-radius: 20px;

+	color: #fff;

+	font-weight: bold;

+	padding: 8px 0;

+	text-align: center;

+	width: 100px;

+}

+

+.blue:hover {

+	background-color: #e8f3fd;

+	color: #5b9bd1;

+}

+

+.blue.selected {

+	border: 0;

+	background-color: #5b9bd1;

+	color: #fff;

+}

+

+.blue.selected:hover {

+	border: 0;

+	background-color: #5b9bd1;

+	color: #fff;

+}

+

+p {

+	color: #444;

+	font-size: 14px;

+	font-weight: normal;

+	line-height: 21px;

+	margin: 0 0 12px 0;

+}

+

+p.credit {

+	border-top: 1px solid #ccc;

+	font-size: 14px;

+	line-height: 140%;

+	margin: 36px 0 12px 0;

+	padding: 8px 0 0 0;

+	text-align: center;

+}

+

+ul.column {

+	float: left;

+	list-style: none;

+	width: 675px;

+}

+

+ul.column li {

+	background: #eee;

+	-webkit-border-radius: 5px;

+	border-radius: 5px;

+	-webkit-box-shadow: inset 0 1px 1px 0 #c7c7c7;

+	box-shadow: inset 0 1px 1px 0 #c7c7c7;

+	float: left;

+	margin: 10px 0 0 10px;

+	display: block;

+	height: 150px;

+	text-align: center;

+	width: 215px;

+}

+

+/* Clear Floated Elements

+------------------------------------------------------------------------------*/

+.column:after,.button-collection:after,.clearfix:after,div.project-info:after

+	{

+	clear: both;

+	content: ' ';

+	display: block;

+	font-size: 0;

+	line-height: 0;

+	visibility: hidden;

+	width: 0;

+	height: 0;

+}

+

+.container-fluid {

+	background-color:white !important;

+	min-height:500px;

+}

+

+.nav-tabs {

+	border: 0;

+}

+

+.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus

+	{

+	border: 0;

+	border-top: 3px solid #F3565D;

+}

+

+.nav-tabs>li>a {

+	border-radius: 0;

+}

+

+.nav-tabs>li>a:hover {

+	background-color: #f1f3fa;

+	border: 1Px solid #f1f3fa;

+}

+

+.c3 {

+	margin-top: 120px;

+}

+

+.skills-chart-breadcrumb {

+	

+}

+

+.blue:selected {

+	border: 0;

+	background-color: #5b9bd1;

+}

+

+.btn {

+	/* border-width: 0; */

+	/* padding: 7px 14px; */

+	/* font-size: 14px; */

+	/* outline: none !important; */

+	/* background-image: none !important; */

+	/* filter: none; */

+	/* -webkit-box-shadow: none; */

+	-moz-box-shadow: none;

+	/* box-shadow: none; */

+	/* text-shadow: none; */

+}

+

+select {

+	border-width: 1px;

+	padding: 4px 1px;

+	border-radius: 4px;

+} 

+

+.input-sm {

+	padding: 4px 10px;

+}

+

+.btn-block {

+	display: block;

+	width: 100%;

+	padding-left: 0;

+	padding-right: 0;

+}

+

+/* Bootstrap buttons */

+.btn-default {

+	color: #5b9bd1;

+	background-color: #fff;

+	border-color: #ccc;

+}

+

+.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active

+	{

+	color: #333;

+	background-color: #ededed;

+	border-color: #b3b3b3;

+}

+

+.open .btn-default.dropdown-toggle {

+	color: #333;

+	background-color: #ededed;

+	border-color: #b3b3b3;

+}

+

+.btn-default:active,.btn-default.active {

+	background-image: none;

+	background-color: #e0e0e0;

+	font-weight: bold;

+}

+

+.btn-default:active:hover,.btn-default.active:hover {

+	background-color: #e6e6e6;

+}

+

+.open .btn-default.dropdown-toggle {

+	background-image: none;

+}

+

+.btn-default.disabled,.btn-default.disabled:hover,.btn-default.disabled:focus,.btn-default.disabled:active,.btn-default.disabled.active,.btn-default[disabled],.btn-default[disabled]:hover,.btn-default[disabled]:focus,.btn-default[disabled]:active,.btn-default[disabled].active,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default:hover,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default.active

+	{

+	background-color: #fff;

+	border-color: #ccc;

+}

+

+.btn-default .badge {

+	color: #fff;

+	background-color: #333;

+}

+

+.btn-default>i {

+	color: #aaa;

+}

+

+.btn-default>i[class^="icon-"],.btn-default>i[class*="icon-"] {

+	color: #8c8c8c;

+}

+

+div[data-name="tab_zone"] div {

+	background-color: #f1f3fa;

+	padding: 0px;

+}

+

+div[data-name="cond_zone"] div {

+	background-color: #fff;

+	margin-top: 15px;

+	margin-bottom: 15px;

+}

+

+div[data-name="res-conds-zone"] {

+	display: inline;

+}

+

+div[data-name="res-conds-zone"] select,div[data-name="res-conds-zone"] span

+	{

+	/**height:33px;*/

+	margin-left: 15px;

+	color: #5b9bd1;

+	border-color: #ccc;

+	font-weight: bold;

+}

+

+.input{

+	width:250px;

+  height: 34px;

+  padding: 6px 12px;

+  font-size: 14px;

+  line-height: 1.42857143;

+  color: #555;

+  background-color: #fff;

+  background-image: none;

+  border: 1px solid #ccc;

+  border-radius: 4px;

+  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

+  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

+  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

+  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

+}

+

+div.separator {

+	margin: 20px;

+}

+

+div.separator div {

+	text-align: center;

+	line-height: 0;

+}

+

+div.separator-line {

+	height: 1px !important;

+	width: 100%;

+	background: #ddd;

+	overflow: hidden;

+}

+

+.dropdown-toggle {

+	color: #5b9bd1;

+}

+

+.calendar-date {

+	color: #5b9bd1;

+}

+

+.range_inputs {

+	color: #5b9bd1;

+}

+

+.btn.dropdown-toggle,.btn-group .btn.dropdown-toggle,.btn:hover,.btn:disabled,.btn[disabled],.btn:focus,.btn:active,.btn.active

+	{

+	outline: none !important;

+	background-image: none !important;

+	filter: none;

+	-webkit-box-shadow: none;

+	-moz-box-shadow: none;

+	box-shadow: none;

+	text-shadow: none;

+}

+

+#skills-chart-breadcrumb {

+	margin-bottom: 10px

+}

+

+/*增加daterangepicker的css*/

+input[name="daterange"] {

+	width: 220px;

+	line-height: 0;

+	height: 31px;

+	vertical-align: top;

+	margin-top: 2px;

+}

+

+.daterangepicker .ranges {

+	width: 205px;

+}

+

+.daterangepicker .ranges input {

+	width: 95px !important;

+}

+

+td.details-control {

+	background: url('../image/details_open.png') no-repeat center center;

+	cursor: pointer;

+}

+

+tr.shown td.details-control {

+	background: url('../image/details_close.png') no-repeat center center;

+}

+

+.details table td {

+	word-wrap: break-word;

+	word-break: normal;

+	border-top: 1px solid #dddddd;

+}

+

+.details table  tr:first-child td {

+	border-top: none;

+}

+

+.details table {

+	table-layout: fixed;

+	width: 100%;

+}

+

+td.title {

+	width: 10%;

+}

+

+table.dataTable tbody th,table.dataTable tbody td {

+	padding: 8px 10px;

+}

+

+div.dataTables_length,div.dataTables_info {

+	display: inline;

+}

+

+div.dataTables_paginate {

+	display: inline;

+	float: right;

+}

+

+div.pagination-panel {

+	margin-right: 10px;

+}

+

+input.pagination-panel-input {

+	width: 50px;

+}

+

+.daterangepicker .daterangepicker_start_input label,.daterangepicker .daterangepicker_end_input label

+	{

+	color: #5b9bd1;

+}

+

+.daterangepicker .ranges .input-mini {

+	color: #5b9bd1;

+}

+

+.cancelBtn {

+	padding: 5px 10px 5px 10px;

+}

+

+.btn:focus,.btn:active:focus,.btn.active:focus {

+	outline: 0;

+}

+

+#ict_host_table_div {

+	margin-top: 15px;

+}

+

+#ict_host_table_div label {

+	font-weight: 100;

+}s

+

+#ict_host_table_div  table {

+	width: 100% !important;

+}

+

+.upload {

+	width:60%;

+}

+.myPreview {

+	height: 100px;

+}

+

+.uploadBtn {

+	margin-top:10px;

+}

+

+.input-group .form-control {

+	height: 34px !important;

+}

+

+.input-group .btn {

+	font-size: 14px !important;

+}

+

+.form-horizontal .btn-center {

+	text-align: center;

+	margin-bottom: 15px;

+}

+

+.blueactive {

+    color: #ffffff !important;

+    background-color: #5b9bd1;

+}

+

+/* .process-modal {

+    position:fixed;

+    top:0;

+    right:0;

+    bottom:0;

+    left:0;

+    z-index:1000;

+}

+.process-content {

+    width: 200px;

+    margin: 200px auto;

+    padding:15px;

+    border: 1px solid #ddd;

+    background-color: #eee;

+    text-align:center;

+} */
\ No newline at end of file