CLIENT GUI Framework
[vnfsdk/refrepo.git] / portal-common / src / main / webapp / common / css / themes / ztebluelight_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 ztebluelight_ifrm  theme\r
18 ***/\r
19 body{\r
20         background-color: white!important;\r
21 }\r
22 td>a>span[class^="ict-"], td>a>span[class*=" ict-"]{\r
23 color:#7083ba;\r
24 font-size: 16px;\r
25 }\r
26 td>div>span[class^="ict-"], td>div>span[class*=" ict-"]{\r
27 color:#7083ba;\r
28 font-size: 16px;\r
29 }\r
30 td>div>span>span[class^="ict-"], td>div>span>span[class*=" ict-"]{\r
31 color:#7083ba;\r
32 font-size: 16px;\r
33 }\r
34 td>span>span[class^="ict-"], td>span>span[class*=" ict-"]{\r
35 color:#7083ba;\r
36 font-size: 16px;\r
37 }\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: #3366cc ;\r
55   color: #fff;\r
56   border: 0px solid #b15a59;\r
57   font-family: Arial, Verdana, sans-serif;\r
58   font-size: 12px;\r
59   /*padding: 0 3px;*/\r
60   padding-left:7px !important;\r
61   padding-right:7px !important;\r
62   height:30px !important;\r
63 }\r
64 .buttonRoundedDisabled, .buttonRoundedSelectedDisabled{\r
65   background-color: #f0f0f0;\r
66   color: #dadada;\r
67   opacity: 1;\r
68 }\r
69 .buttonRoundedOver,\r
70 .buttonRoundedFocusedOver,\r
71 .buttonRoundedSelectedFocused,\r
72 .buttonRoundedSelectedFocusedOver ,\r
73 .buttonRoundedDown,\r
74 .buttonRoundedFocusedDown{\r
75   background-color: #6997f5;\r
76   height:30px !important;\r
77 }\r
78 \r
79 .menuButton,\r
80 .menuButtonOver,\r
81 .menuButtonDown,\r
82 .menuButtonDisabled,\r
83 .menuButtonFocused,\r
84 .menuButtonFocusedDown,\r
85 .menuButtonFocusedOver,\r
86 .menuButtonSelected,\r
87 .menuButtonSelectedDown,\r
88 .menuButtonSelectedOver,\r
89 .menuButtonSelectedDisabled {\r
90   background-color: #3366cc;\r
91   border: 0px solid #ababab;\r
92   color: #fff;\r
93   font-family: Arial, Verdana, sans-serif;\r
94   font-size: 12px;\r
95   padding-left: 7px !important;\r
96   padding-right: 7px !important;\r
97   height:30px !important;\r
98 }\r
99 .menuButtonOver {\r
100   background-color: #6997f5;\r
101  }\r
102 .menuButtonDisabled{\r
103   background-color: #f0f0f0;\r
104   color: #dadada;\r
105   opacity: 1;\r
106 }\r
107  .buttonTitle,\r
108 .buttonTitleOver,\r
109 .buttonTitleDown,\r
110 .buttonTitleSelected,\r
111 .buttonTitleFocused,\r
112 .buttonTitleSelectedFocused,\r
113 .buttonTitleSelectedOver,\r
114 .buttonTitleFocusedOver,\r
115 .buttonTitleSelectedFocusedOver,\r
116 .buttonTitleSelectedDown,\r
117 .buttonTitleFocusedDown,\r
118 .buttonTitleSelectedFocusedDown,\r
119 .buttonTitleDisabled,\r
120 .buttonTitleSelectedDisabled {\r
121   color: #fff ;\r
122   }\r
123 .buttonTitleDisabled{\r
124   background-color: #f0f0f0;\r
125   color: #dadada;\r
126   opacity: 1;\r
127 }\r
128  /* windowBody dialogBody Style */\r
129  .windowBody,\r
130 .dialogBody {\r
131   background-color: white;\r
132   border: 1px solid #b4cef8;\r
133   border-top: 0;\r
134 }\r
135 .windowHeader,\r
136 .dialogHeader {\r
137   background-color: #3366cc;\r
138   padding: 0;\r
139 }\r
140 /* sectionHeader Style */\r
141 .sectionHeaderopened {\r
142   background-color: #3366cc;\r
143   }\r
144   .sectionHeaderclosed {\r
145   background-color: #619bfa;\r
146   }\r
147 \r
148 #dt_example h1{\r
149 color:#3366cc;\r
150 font-weight:600 !important;\r
151 }\r
152 /*cell style*/\r
153 .tallCellOver,\r
154 .tallCellOverDark {\r
155   background-color: #ffede4;\r
156   border-bottom: 1px solid #ffede4;\r
157   border-top: 1px  solid #ffede4;\r
158   }\r
159 .tallCellSelected,\r
160 .tallCellSelectedDark {\r
161   background: #f8dddd;\r
162   border-bottom: 1px solid #f8dddd;\r
163   border-top: 1px  solid #f8dddd;\r
164   }\r
165 .tallCellSelectedOver,\r
166 .tallCellSelectedOverDark {\r
167   background: #f8dddd;\r
168   border-bottom: 1px solid #f8dddd;\r
169   border-top: 1px  solid #f8dddd;\r
170   }\r
171 .imgHeaderButtonOver,\r
172 .imgHeaderButtonDown,\r
173 .headerButtonOver,\r
174 .headerButtonDown,\r
175 .sorterButtonOver,\r
176 .sorterButtonDown {\r
177   background-color: #c4d7e2;\r
178 }\r
179 .cellSelected,\r
180 .cellSelectedDark,\r
181 .specialColSelected,\r
182 .recordSummaryCellSelected,\r
183 .recordSummaryCellSelectedDark {\r
184   background: #f8dddd !important;\r
185  border-bottom: 1px solid #f8dddd;\r
186   border-top: 1px solid #f8dddd;\r
187   }\r
188 .cellSelectedOver,\r
189 .cellSelectedOverDark,\r
190 .specialColSelectedOver,\r
191 .recordSummaryCellSelectedOver,\r
192 .recordSummaryCellSelectedOverDark {\r
193   background: #f8dddd !important;\r
194    border-bottom: 1px solid #f8dddd;\r
195   border-top: 1px solid #f8dddd;\r
196 }\r
197 .cellOver,\r
198 .cellOverDark,\r
199 .specialColOver,\r
200 .recordSummaryCellOver,\r
201 .recordSummaryCellOverDark {\r
202   background: #ffede4 !important;\r
203   border-bottom: 1px solid #ffede4;\r
204   border-top: 1px solid #ffede4;\r
205   }\r
206 .treeCellOver,\r
207 .treeCellOverDark {\r
208   background-color: #ffede4; \r
209 }\r
210 /*æ\97¥å¿\97管ç\90\86ç\9a\84è\93\9dè\89²å¤§å\9c\86è§\92ç­\9bé\80\89æ\8c\89é\92?/    \r
211 .blue {\r
212     background-color: #fff;   \r
213         color:#1991c5;  \r
214 }\r
215 .blue:hover {\r
216     background-color: #e8f3fd;\r
217         color:#3366cc;\r
218 }\r
219 .blue.selected{\r
220     border:0;\r
221     background-color: #3366cc;\r
222     color:#fff;\r
223 }\r
224 .blue.selected:hover{\r
225     border:0;\r
226     background-color: #3366cc;\r
227     color:#fff;\r
228 }