CLIENT GUI Framework
[vnfsdk/refrepo.git] / portal-common / src / main / webapp / common / css / themes / ztebluelight2_ifrm.css
1 /**\r
2  * Copyright 2016-2017, CMCC Technologies Co., Ltd.\r
3  *\r
4  * Licensed under the Apache License, Version 2.0 (the "License");\r
5  * you may not use this file except in compliance with the License.\r
6  * You may obtain a copy of the License at\r
7  *\r
8  *         http://www.apache.org/licenses/LICENSE-2.0\r
9  *\r
10  * Unless required by applicable law or agreed to in writing, software\r
11  * distributed under the License is distributed on an "AS IS" BASIS,\r
12  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
13  * See the License for the specific language governing permissions and\r
14  * limitations under the License.\r
15  */\r
16 /***\r
17 ztebluelight2_ifrm theme\r
18 ***/\r
19 body{\r
20         background-color: white!important;\r
21 }\r
22 \r
23 td>a>span[class^="ict-"], td>a>span[class*=" ict-"]{\r
24 color:#7083ba;\r
25 font-size: 16px;\r
26 }\r
27 td>div>span[class^="ict-"], td>div>span[class*=" ict-"]{\r
28 color:#7083ba;\r
29 font-size: 16px;\r
30 }\r
31 td>div>span>span[class^="ict-"], td>div>span>span[class*=" ict-"]{\r
32 color:#7083ba;\r
33 font-size: 16px;\r
34 }\r
35 td>span>span[class^="ict-"], td>span>span[class*=" ict-"]{\r
36 color:#7083ba;\r
37 font-size: 16px;\r
38 }\r
39 /* button style*/\r
40 .buttonRounded,\r
41 .buttonRoundedOver,\r
42 .buttonRoundedFocused,\r
43 .buttonRoundedFocusedOver,\r
44 .buttonRoundedDown,\r
45 .buttonRoundedFocusedDown,\r
46 .buttonRoundedSelected,\r
47 .buttonRoundedSelectedFocused,\r
48 .buttonRoundedSelectedDown,\r
49 .buttonRoundedSelectedFocusedDown,\r
50 .buttonRoundedSelectedOver,\r
51 .buttonRoundedSelectedFocusedOver,\r
52 .buttonRoundedDisabled,\r
53 .buttonRoundedSelectedDisabled {\r
54   background-color: #1095cd;\r
55   color: #fff;\r
56   border: 0px solid #b15a59;\r
57   border-radius: 0px;\r
58   font-family: Arial, Verdana, sans-serif;\r
59   font-size: 12px;\r
60   /*padding: 0 3px;*/\r
61   padding-left:7px !important;\r
62   padding-right:7px !important;\r
63   height:30px !important;\r
64 }\r
65 .buttonRoundedDisabled, .buttonRoundedSelectedDisabled{\r
66   background-color: #f0f0f0;\r
67   color: #dadada;\r
68   opacity: 1;\r
69 }\r
70 .buttonRoundedOver,\r
71 .buttonRoundedFocusedOver,\r
72 .buttonRoundedSelectedFocused,\r
73 .buttonRoundedSelectedFocusedOver,\r
74 .buttonRoundedDown,\r
75 .buttonRoundedFocusedDown {\r
76   background-color: #3a85b0;\r
77   height:30px !important;\r
78 }\r
79 \r
80 .menuButton,\r
81 .menuButtonOver,\r
82 .menuButtonDown,\r
83 .menuButtonDisabled,\r
84 .menuButtonFocused,\r
85 .menuButtonFocusedDown,\r
86 .menuButtonFocusedOver,\r
87 .menuButtonSelected,\r
88 .menuButtonSelectedDown,\r
89 .menuButtonSelectedOver,\r
90 .menuButtonSelectedDisabled {\r
91   background-color: #0081bb;\r
92   border: 0px solid #ababab;\r
93   color: #fff;\r
94   font-family: Arial, Verdana, sans-serif;\r
95   font-size: 12px;\r
96   padding-left: 7px !important;\r
97   padding-right: 7px !important;\r
98   height:30px !important;\r
99 }\r
100 .menuButtonOver {\r
101   background-color: #3a85b0;\r
102  }\r
103 .menuButtonDisabled{\r
104   background-color: #f0f0f0;\r
105   color: #dadada;\r
106   opacity: 1;\r
107 }\r
108  .buttonTitle,\r
109 .buttonTitleOver,\r
110 .buttonTitleDown,\r
111 .buttonTitleSelected,\r
112 .buttonTitleFocused,\r
113 .buttonTitleSelectedFocused,\r
114 .buttonTitleSelectedOver,\r
115 .buttonTitleFocusedOver,\r
116 .buttonTitleSelectedFocusedOver,\r
117 .buttonTitleSelectedDown,\r
118 .buttonTitleFocusedDown,\r
119 .buttonTitleSelectedFocusedDown,\r
120 .buttonTitleDisabled,\r
121 .buttonTitleSelectedDisabled {\r
122   color: #fff ;\r
123   }\r
124   .buttonTitleDisabled{\r
125   background-color: #f0f0f0;\r
126   color: #dadada;\r
127   opacity: 1;\r
128 }\r
129    /* windowBody dialogBody Style */\r
130  .windowBody,\r
131 .dialogBody {\r
132   background-color: white;\r
133   border: 1px solid #0081bb;\r
134   border-top: 0;\r
135 }\r
136 .windowHeader,\r
137 .dialogHeader {\r
138   background-color: #0081bb;\r
139   padding: 0;\r
140 }\r
141 /* sectionHeader Style */\r
142 .sectionHeaderopened {\r
143   background-color: #0081bb;\r
144   }\r
145   .sectionHeaderclosed {\r
146   background-color: #3a85b0;\r
147   }\r
148 \r
149 #dt_example h1{\r
150 color:#0081bb;\r
151 font-weight:600 !important;\r
152 }\r
153 /*cell style*/\r
154 .tallCellOver,\r
155 .tallCellOverDark {\r
156   background-color: #d9e3e8;\r
157   border-bottom: 1px solid #d9e3e8;\r
158   border-top: 1px  solid #d9e3e8;\r
159   }\r
160 .tallCellSelected,\r
161 .tallCellSelectedDark {\r
162   background: #c4d7e2;\r
163   border-bottom: 1px solid #c4d7e2;\r
164   border-top: 1px  solid #c4d7e2;\r
165   }\r
166 .tallCellSelectedOver,\r
167 .tallCellSelectedOverDark {\r
168   background: #c4d7e2;\r
169   border-bottom: 1px solid #c4d7e2;\r
170   border-top: 1px  solid #c4d7e2;\r
171   }\r
172 .imgHeaderButtonOver,\r
173 .imgHeaderButtonDown,\r
174 .headerButtonOver,\r
175 .headerButtonDown,\r
176 .sorterButtonOver,\r
177 .sorterButtonDown {\r
178   background-color: #c4d7e2;\r
179   }\r
180 .cellSelected,\r
181 .cellSelectedDark,\r
182 .specialColSelected,\r
183 .recordSummaryCellSelected,\r
184 .recordSummaryCellSelectedDark {\r
185   background: #c4d7e2 !important;\r
186  border-bottom: 1px solid #c4d7e2;\r
187   border-top: 1px solid #c4d7e2;\r
188   }\r
189 .cellSelectedOver,\r
190 .cellSelectedOverDark,\r
191 .specialColSelectedOver,\r
192 .recordSummaryCellSelectedOver,\r
193 .recordSummaryCellSelectedOverDark {\r
194   background: #c4d7e2 !important;\r
195    border-bottom: 1px solid #c4d7e2;\r
196   border-top: 1px solid #c4d7e2;\r
197 }\r
198 .cellOver,\r
199 .cellOverDark,\r
200 .specialColOver,\r
201 .recordSummaryCellOver,\r
202 .recordSummaryCellOverDark {\r
203   background: #d9e3e8 !important;\r
204   border-bottom: 1px solid #d9e3e8;\r
205   border-top: 1px solid #d9e3e8;\r
206   }\r
207 .treeCellOver,\r
208 .treeCellOverDark {\r
209   background-color: #d9e3e8; \r
210 }  \r
211 /*æ\97¥å¿\97管ç\90\86ç\9a\84è\93\9dè\89²å¤§å\9c\86è§\92ç­\9bé\80\89æ\8c\89é\92?/    \r
212 .blue {\r
213     background-color: #fff;   \r
214         color:#1095cd;  \r
215                 }\r
216 .blue:hover {\r
217     background-color: #e8f3fd;\r
218         color:#5b9bd1;\r
219     }\r
220 .blue.selected{\r
221     border:0;\r
222     background-color: #1178EE;\r
223     color:#fff;\r
224 }\r
225 .blue.selected:hover{\r
226     border:0;\r
227     background-color: #1178EE;\r
228     color:#fff;\r
229 }\r