openo-portal/portal-common/src/main/webapp/common/css/themes/light_ifrm.css

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