CLIENT GUI Framework
[vnfsdk/refrepo.git] / portal-common / src / main / webapp / common / css / themes / light_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: #5fbf95;\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: #1faa6e;\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: #5fbf95;\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: #1faa6e;\r
98  }\r
99 .menuButtonDisabled{\r
100   background-color: #f0f0f0;\r
101   color: #dadada;\r
102   opacity: 1;\r
103 }\r
104  .buttonTitle,\r
105 .buttonTitleOver,\r
106 .buttonTitleDown,\r
107 .buttonTitleSelected,\r
108 .buttonTitleFocused,\r
109 .buttonTitleSelectedFocused,\r
110 .buttonTitleSelectedOver,\r
111 .buttonTitleFocusedOver,\r
112 .buttonTitleSelectedFocusedOver,\r
113 .buttonTitleSelectedDown,\r
114 .buttonTitleFocusedDown,\r
115 .buttonTitleSelectedFocusedDown,\r
116 .buttonTitleDisabled,\r
117 .buttonTitleSelectedDisabled {\r
118   color: #fff ;\r
119   }\r
120   .buttonTitleDisabled{\r
121   background-color: #f0f0f0;\r
122   color: #dadada;\r
123   opacity: 1;\r
124 }\r
125    /* windowBody dialogBody Style */\r
126  .windowBody,\r
127 .dialogBody {\r
128   background-color: white;\r
129   border: 1px solid #51b88b;\r
130   border-top: 0;\r
131 }\r
132 .windowHeader,\r
133 .dialogHeader {\r
134   background-color: #51b88b;\r
135   padding: 0;\r
136 }\r
137 /* sectionHeader Style */\r
138 .sectionHeaderopened {\r
139   background-color: #51b88b;\r
140   }\r
141   .sectionHeaderclosed {\r
142   background-color: #70c6a0;\r
143   }\r
144 \r
145 #dt_example h1{\r
146 color:#51b88b;\r
147 font-weight:600 !important;\r
148 }\r
149   /*cell style*/\r
150 .tallCellOver,\r
151 .tallCellOverDark {\r
152   background-color: #d7eae3;\r
153   border-bottom: 1px solid #d7eae3;\r
154   border-top: 1px  solid #d7eae3;\r
155   }\r
156 .tallCellSelected,\r
157 .tallCellSelectedDark {\r
158   background: #c7e5da;\r
159   border-bottom: 1px solid #c7e5da;\r
160   border-top: 1px  solid #c7e5da;\r
161   }\r
162 .tallCellSelectedOver,\r
163 .tallCellSelectedOverDark {\r
164   background: #c7e5da;\r
165   border-bottom: 1px solid #c7e5da;\r
166   border-top: 1px  solid #c7e5da;\r
167   }\r
168 .imgHeaderButtonOver,\r
169 .imgHeaderButtonDown,\r
170 .headerButtonOver,\r
171 .headerButtonDown,\r
172 .sorterButtonOver,\r
173 .sorterButtonDown {\r
174   background-color: #aadac5;\r
175   }\r
176 .cellSelected,\r
177 .cellSelectedDark,\r
178 .specialColSelected,\r
179 .recordSummaryCellSelected,\r
180 .recordSummaryCellSelectedDark {\r
181   background: #c7e5da !important;\r
182  border-bottom: 1px solid #c7e5da;\r
183   border-top: 1px solid #c7e5da;\r
184   }\r
185 .cellSelectedOver,\r
186 .cellSelectedOverDark,\r
187 .specialColSelectedOver,\r
188 .recordSummaryCellSelectedOver,\r
189 .recordSummaryCellSelectedOverDark {\r
190   background: #c7e5da !important;\r
191    border-bottom: 1px solid #c7e5da;\r
192   border-top: 1px solid #c7e5da;\r
193 }\r
194 .cellOver,\r
195 .cellOverDark,\r
196 .specialColOver,\r
197 .recordSummaryCellOver,\r
198 .recordSummaryCellOverDark {\r
199   background: #d7eae3 !important;\r
200   border-bottom: 1px solid #d7eae3;\r
201   border-top: 1px solid #d7eae3;\r
202   }\r
203 .treeCellOver,\r
204 .treeCellOverDark {\r
205   background-color: #d7eae3; \r
206 }  \r
207       \r