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