GUI Code refactor
[vnfsdk/refrepo.git] / openo-portal / portal-common / src / main / webapp / common / css / themes / zteblue_ifrm.css
index 80affa2..68f818c 100644 (file)
-/**
- * Copyright 2016, CMCC Technologies Co., Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/***
-light_ifrm theme
-***/
-td>a>span[class^="ict-"], td>a>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-td>div>span[class^="ict-"], td>div>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-td>div>span>span[class^="ict-"], td>div>span>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-td>span>span[class^="ict-"], td>span>span[class*=" ict-"]{
-color:#7083ba;
-font-size: 16px;
-}
-/* button style*/
-.buttonRounded,
-.buttonRoundedOver,
-.buttonRoundedFocused,
-.buttonRoundedFocusedOver,
-.buttonRoundedDown,
-.buttonRoundedFocusedDown,
-.buttonRoundedSelected,
-.buttonRoundedSelectedFocused,
-.buttonRoundedSelectedDown,
-.buttonRoundedSelectedFocusedDown,
-.buttonRoundedSelectedOver,
-.buttonRoundedSelectedFocusedOver,
-.buttonRoundedDisabled,
-.buttonRoundedSelectedDisabled {
-  background-color: #4da9df;
-  color: #fff;
-  border: 0px solid #b15a59;
-  border-radius: 0px;
-  font-family: Arial, Verdana, sans-serif;
-  font-size: 12px;
-  /*padding: 0 3px;*/
-  padding-left:7px !important;
-  padding-right:7px !important;
-  height:30px !important;
-}
-.buttonRoundedDisabled, .buttonRoundedSelectedDisabled{
-  background-color: #f0f0f0;
-  color: #dadada;
-  opacity: 1;
-}
-.buttonRoundedOver,
-.buttonRoundedFocusedOver,
-.buttonRoundedSelectedFocused,
-.buttonRoundedSelectedFocusedOver,
-.buttonRoundedDown,
-.buttonRoundedFocusedDown {
-  background-color: #479fd3;
-  height:30px !important;
-}
-
-.menuButton,
-.menuButtonOver,
-.menuButtonDown,
-.menuButtonDisabled,
-.menuButtonFocused,
-.menuButtonFocusedDown,
-.menuButtonFocusedOver,
-.menuButtonSelected,
-.menuButtonSelectedDown,
-.menuButtonSelectedOver,
-.menuButtonSelectedDisabled {
-  background-color: #4da9df;
-  border: 0px solid #ababab;
-  color: #fff;
-  font-family: Arial, Verdana, sans-serif;
-  font-size: 12px;
-  padding-left: 7px !important;
-  padding-right: 7px !important;
-  height:30px !important;
-}
-.menuButtonOver {
-  background-color: #479fd3;
- }
-.menuButtonDisabled{
-  background-color: #f0f0f0;
-  color: #dadada;
-  opacity: 1;
-}
- .buttonTitle,
-.buttonTitleOver,
-.buttonTitleDown,
-.buttonTitleSelected,
-.buttonTitleFocused,
-.buttonTitleSelectedFocused,
-.buttonTitleSelectedOver,
-.buttonTitleFocusedOver,
-.buttonTitleSelectedFocusedOver,
-.buttonTitleSelectedDown,
-.buttonTitleFocusedDown,
-.buttonTitleSelectedFocusedDown,
-.buttonTitleDisabled,
-.buttonTitleSelectedDisabled {
-  color: #fff ;
-  }
-  .buttonTitleDisabled{
-  background-color: #f0f0f0;
-  color: #dadada;
-  opacity: 1;
-}
-   /* windowBody dialogBody Style */
- .windowBody,
-.dialogBody {
-  background-color: white;
-  border: 1px solid #2c9ada;
-  border-top: 0;
-}
-.windowHeader,
-.dialogHeader {
-  background-color: #2c9ada;
-  padding: 0;
-}
-/* sectionHeader Style */
-.sectionHeaderopened {
-  background-color: #438eb9;
-  }
-  .sectionHeaderclosed {
-  background-color: #3a85b0;
-  }
-
-#dt_example h1{
-color:#438eb9;
-font-weight:600 !important;
-}
-  /*cell style*/
-.tallCellOver,
-.tallCellOverDark {
-  background-color: #ffede4;
-  border-bottom: 1px solid #ffede4;
-  border-top: 1px  solid #ffede4;
-  }
-.tallCellSelected,
-.tallCellSelectedDark {
-  background: #f8dddd;
-  border-bottom: 1px solid #f8dddd;
-  border-top: 1px  solid #f8dddd;
-  }
-.tallCellSelectedOver,
-.tallCellSelectedOverDark {
-  background: #f8dddd;
-  border-bottom: 1px solid #f8dddd;
-  border-top: 1px  solid #f8dddd;
-  }
-.imgHeaderButtonOver,
-.imgHeaderButtonDown,
-.headerButtonOver,
-.headerButtonDown,
-.sorterButtonOver,
-.sorterButtonDown {
-  background-color: #c4d7e2;
-  }
-.cellSelected,
-.cellSelectedDark,
-.specialColSelected,
-.recordSummaryCellSelected,
-.recordSummaryCellSelectedDark {
-  background: #f8dddd !important;
- border-bottom: 1px solid #f8dddd;
-  border-top: 1px solid #f8dddd;
-  }
-.cellSelectedOver,
-.cellSelectedOverDark,
-.specialColSelectedOver,
-.recordSummaryCellSelectedOver,
-.recordSummaryCellSelectedOverDark {
-  background: #f8dddd !important;
-   border-bottom: 1px solid #f8dddd;
-  border-top: 1px solid #f8dddd;
-}
-.cellOver,
-.cellOverDark,
-.specialColOver,
-.recordSummaryCellOver,
-.recordSummaryCellOverDark {
-  background: #ffede4 !important;
-  border-bottom: 1px solid #ffede4;
-  border-top: 1px solid #ffede4;
-  }
-.treeCellOver,
-.treeCellOverDark {
-  background-color: #ffede4; 
-}    
+/**\r
+ * Copyright 2016, CMCC Technologies Co., Ltd.\r
+ *\r
+ * Licensed under the Apache License, Version 2.0 (the "License");\r
+ * you may not use this file except in compliance with the License.\r
+ * You may obtain a copy of the License at\r
+ *\r
+ *         http://www.apache.org/licenses/LICENSE-2.0\r
+ *\r
+ * Unless required by applicable law or agreed to in writing, software\r
+ * distributed under the License is distributed on an "AS IS" BASIS,\r
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ * See the License for the specific language governing permissions and\r
+ * limitations under the License.\r
+ */\r
+/***\r
+light_ifrm theme\r
+***/\r
+td>a>span[class^="ict-"], td>a>span[class*=" ict-"]{\r
+color:#7083ba;\r
+font-size: 16px;\r
+}\r
+td>div>span[class^="ict-"], td>div>span[class*=" ict-"]{\r
+color:#7083ba;\r
+font-size: 16px;\r
+}\r
+td>div>span>span[class^="ict-"], td>div>span>span[class*=" ict-"]{\r
+color:#7083ba;\r
+font-size: 16px;\r
+}\r
+td>span>span[class^="ict-"], td>span>span[class*=" ict-"]{\r
+color:#7083ba;\r
+font-size: 16px;\r
+}\r
+/* button style*/\r
+.buttonRounded,\r
+.buttonRoundedOver,\r
+.buttonRoundedFocused,\r
+.buttonRoundedFocusedOver,\r
+.buttonRoundedDown,\r
+.buttonRoundedFocusedDown,\r
+.buttonRoundedSelected,\r
+.buttonRoundedSelectedFocused,\r
+.buttonRoundedSelectedDown,\r
+.buttonRoundedSelectedFocusedDown,\r
+.buttonRoundedSelectedOver,\r
+.buttonRoundedSelectedFocusedOver,\r
+.buttonRoundedDisabled,\r
+.buttonRoundedSelectedDisabled {\r
+  background-color: #4da9df;\r
+  color: #fff;\r
+  border: 0px solid #b15a59;\r
+  border-radius: 0px;\r
+  font-family: Arial, Verdana, sans-serif;\r
+  font-size: 12px;\r
+  /*padding: 0 3px;*/\r
+  padding-left:7px !important;\r
+  padding-right:7px !important;\r
+  height:30px !important;\r
+}\r
+.buttonRoundedDisabled, .buttonRoundedSelectedDisabled{\r
+  background-color: #f0f0f0;\r
+  color: #dadada;\r
+  opacity: 1;\r
+}\r
+.buttonRoundedOver,\r
+.buttonRoundedFocusedOver,\r
+.buttonRoundedSelectedFocused,\r
+.buttonRoundedSelectedFocusedOver,\r
+.buttonRoundedDown,\r
+.buttonRoundedFocusedDown {\r
+  background-color: #479fd3;\r
+  height:30px !important;\r
+}\r
+\r
+.menuButton,\r
+.menuButtonOver,\r
+.menuButtonDown,\r
+.menuButtonDisabled,\r
+.menuButtonFocused,\r
+.menuButtonFocusedDown,\r
+.menuButtonFocusedOver,\r
+.menuButtonSelected,\r
+.menuButtonSelectedDown,\r
+.menuButtonSelectedOver,\r
+.menuButtonSelectedDisabled {\r
+  background-color: #4da9df;\r
+  border: 0px solid #ababab;\r
+  color: #fff;\r
+  font-family: Arial, Verdana, sans-serif;\r
+  font-size: 12px;\r
+  padding-left: 7px !important;\r
+  padding-right: 7px !important;\r
+  height:30px !important;\r
+}\r
+.menuButtonOver {\r
+  background-color: #479fd3;\r
+ }\r
+.menuButtonDisabled{\r
+  background-color: #f0f0f0;\r
+  color: #dadada;\r
+  opacity: 1;\r
+}\r
+ .buttonTitle,\r
+.buttonTitleOver,\r
+.buttonTitleDown,\r
+.buttonTitleSelected,\r
+.buttonTitleFocused,\r
+.buttonTitleSelectedFocused,\r
+.buttonTitleSelectedOver,\r
+.buttonTitleFocusedOver,\r
+.buttonTitleSelectedFocusedOver,\r
+.buttonTitleSelectedDown,\r
+.buttonTitleFocusedDown,\r
+.buttonTitleSelectedFocusedDown,\r
+.buttonTitleDisabled,\r
+.buttonTitleSelectedDisabled {\r
+  color: #fff ;\r
+  }\r
+  .buttonTitleDisabled{\r
+  background-color: #f0f0f0;\r
+  color: #dadada;\r
+  opacity: 1;\r
+}\r
+   /* windowBody dialogBody Style */\r
+ .windowBody,\r
+.dialogBody {\r
+  background-color: white;\r
+  border: 1px solid #2c9ada;\r
+  border-top: 0;\r
+}\r
+.windowHeader,\r
+.dialogHeader {\r
+  background-color: #2c9ada;\r
+  padding: 0;\r
+}\r
+/* sectionHeader Style */\r
+.sectionHeaderopened {\r
+  background-color: #438eb9;\r
+  }\r
+  .sectionHeaderclosed {\r
+  background-color: #3a85b0;\r
+  }\r
+\r
+#dt_example h1{\r
+color:#438eb9;\r
+font-weight:600 !important;\r
+}\r
+  /*cell style*/\r
+.tallCellOver,\r
+.tallCellOverDark {\r
+  background-color: #ffede4;\r
+  border-bottom: 1px solid #ffede4;\r
+  border-top: 1px  solid #ffede4;\r
+  }\r
+.tallCellSelected,\r
+.tallCellSelectedDark {\r
+  background: #f8dddd;\r
+  border-bottom: 1px solid #f8dddd;\r
+  border-top: 1px  solid #f8dddd;\r
+  }\r
+.tallCellSelectedOver,\r
+.tallCellSelectedOverDark {\r
+  background: #f8dddd;\r
+  border-bottom: 1px solid #f8dddd;\r
+  border-top: 1px  solid #f8dddd;\r
+  }\r
+.imgHeaderButtonOver,\r
+.imgHeaderButtonDown,\r
+.headerButtonOver,\r
+.headerButtonDown,\r
+.sorterButtonOver,\r
+.sorterButtonDown {\r
+  background-color: #c4d7e2;\r
+  }\r
+.cellSelected,\r
+.cellSelectedDark,\r
+.specialColSelected,\r
+.recordSummaryCellSelected,\r
+.recordSummaryCellSelectedDark {\r
+  background: #f8dddd !important;\r
+ border-bottom: 1px solid #f8dddd;\r
+  border-top: 1px solid #f8dddd;\r
+  }\r
+.cellSelectedOver,\r
+.cellSelectedOverDark,\r
+.specialColSelectedOver,\r
+.recordSummaryCellSelectedOver,\r
+.recordSummaryCellSelectedOverDark {\r
+  background: #f8dddd !important;\r
+   border-bottom: 1px solid #f8dddd;\r
+  border-top: 1px solid #f8dddd;\r
+}\r
+.cellOver,\r
+.cellOverDark,\r
+.specialColOver,\r
+.recordSummaryCellOver,\r
+.recordSummaryCellOverDark {\r
+  background: #ffede4 !important;\r
+  border-bottom: 1px solid #ffede4;\r
+  border-top: 1px solid #ffede4;\r
+  }\r
+.treeCellOver,\r
+.treeCellOverDark {\r
+  background-color: #ffede4; \r
+}    \r