rebuild GUI structure(only changed modules' name)
[vnfsdk/refrepo.git] / monitor / src / main / webapp / monitor / css / monitorSetting.css
1 /**
2  * Copyright 2016-2017, CMCC Technologies Co., Ltd.
3  *
4  * Licensed under the Apache License, Version 2.0 (the "License");
5  * you may not use this file except in compliance with the License.
6  * You may obtain a copy of the License at
7  *
8  *         http://www.apache.org/licenses/LICENSE-2.0
9  *
10  * Unless required by applicable law or agreed to in writing, software
11  * distributed under the License is distributed on an "AS IS" BASIS,
12  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13  * See the License for the specific language governing permissions and
14  * limitations under the License.
15  */
16 body {
17   color: #333;
18   font-family: "Microsoft yahei", Verdana, Arial, Helvetica, sans-serif !important;
19   padding: 0px !important;
20   margin: 0px !important;
21   direction: ltr;
22   background-color: #ffffff !important; 
23 }
24
25 a {
26     text-decoration: none !important;
27         cursor: pointer;
28 }
29
30 .label{
31         font-size: 80%;
32 }
33
34 .row{
35   margin-left: 0px; 
36   margin-right: 0px; 
37   padding-left: 0px;
38   padding-right: 0px;
39 }
40
41 .chart_row{
42
43   padding-left:5px;
44   padding-right: 5px;
45 }
46
47 .titlefont {
48   font-size: 16px;
49 }
50
51 .container-fluid {
52   background-color: #fff;
53 }
54
55 .blue-font {
56     color: #428bca;
57 }
58
59
60
61 .separator-line {
62     height: 1px;
63     width: 100%;
64     background: #ddd;
65     overflow: hidden;
66     margin-bottom: 15px;
67     margin-top: 6px;
68     opacity: 0.6;
69 }
70
71
72
73
74
75 .main {
76
77     overflow: hidden;
78     margin-bottom: 10px;
79     border: 1px solid #e3e3e3;
80     -webkit-border-radius: 4px;
81     -moz-border-radius: 4px;
82     border-radius: 4px;
83     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
84     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
85     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
86     padding-top: 10px;
87     padding-right: 10px;
88 }
89
90 .panel-tools {
91     display: inline-block;
92     float: right;
93     margin-top: 0;
94     padding: 0;
95     position: relative;
96 }
97
98 .panel-tools a {
99     margin-left: 5px;
100     color: #9d9fa2;
101     cursor: pointer;
102 }
103
104 .panel-tools  a:hover{
105   color: #34495e;
106   text-decoration: none;
107 }
108
109
110 .timeline-badge {
111     width: 100px;
112     height: 100px;
113     border-radius: 50% 50% 50% 50%;
114     text-align: center;
115     font-size: 50px;
116     line-height: 100px;
117     color: #fff;
118     background-color: #999999;
119 }
120 .timeline-badge.info {
121     background-color: #378AE8 !important;
122 }
123
124 .collapseContent  ul {
125     padding-left: 0;
126     list-style: none;
127 }
128
129 .collapseContent  ul li{
130     height:40px;
131     font-size: 15px;
132 }
133
134 #MonitorContent{
135     padding-top: 30px;   
136      padding-bottom: 20px;
137 }
138
139 .border-right {
140     border-right: 1px solid #e4e5e7;
141 }
142
143 .tipArea {
144     border-bottom: 1px solid #d4d4d4;
145     width: 85%;
146     text-align: center;
147     margin-bottom: 15px;
148     margin-left: 30px;
149     font-weight: bold;
150 }
151 .monitor-icon{
152
153   width:180px;
154   float:left;
155   padding-left:40px
156
157 }
158
159 .proxy_div{
160    float:left;
161    padding-left:20px
162
163 }
164
165 #MonitorContent b{
166     margin-right: 5px;
167 }