portal-common/src/main/webapp/common/css/frame-style.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 #recommend_notice{\r
  17     height:30px;\r
  18         width:100%;\r
  19         left:0px;\r
  20         right:0px;\r
  21         line-height:30px; \r
  22         text-align:center; \r
  23         position:absolute;\r
  24         float:bottom;\r
  25         bottom:35px;\r
  26         z-index:2;\r
  27         cursor:default;\r
  28 }\r
  29 \r
  30 #recommend_notice:hover {\r
  31     color: #F75000;\r
  32 }\r
  33 .menuDivider{\r
  34   height:1px;\r
  35   margin:9px 0;\r
  36   text-align: center;\r
  37   overflow:hidden;\r
  38   background-color:#a6a6a6 !important;\r
  39 }\r
  40  \r
  41 .page-content .page-breadcrumb.breadcrumb {\r
  42   -webkit-border-radius: 0px;\r
  43      -moz-border-radius: 0px;\r
  44           border-radius: 0px;\r
  45   box-shadow: none;\r
  46   padding-right: 30px;\r
  47   padding-left: 8px;\r
  48   margin-top: 0px !important;\r
  49   margin-bottom: 10px !important;\r
  50   border:0px !important;  \r
  51   background-color: #fff;\r
  52 }   \r
  53 .page-mainIframe{\r
  54 border: 0px; \r
  55 margin: 0px; \r
  56 padding: 0px;\r
  57 }\r
  58 \r
  59 .zte-navbar-brand {\r
  60   /*display: inline-block;*/\r
  61   padding:0px;\r
  62   margin-top: -1px;\r
  63   margin-right: 0px;\r
  64   width: 225px;\r
  65   height: 42px;\r
  66 }\r
  67 \r
  68 .zte-navbar-brand img {\r
  69   margin-left: 10px;\r
  70   margin-top: 4px;\r
  71 }\r
  72 \r
  73 .zte-navbar-brand.text-logo {\r
  74   padding-left: 20px;\r
  75   padding-top: 12px;\r
  76 }\r
  77 .zte-brand-text{\r
  78   font-size:14px;\r
  79   font-family:Arial;\r
  80   color:#ffffff !important;\r
  81   font-family:"microsoft yahei";\r
  82 } \r
  83 .zte-theme-panel {\r
  84   width: 45px;\r
  85   margin-top: -2px;\r
  86   margin-right: -5px;\r
  87   z-index: 999;\r
  88   float: right;\r
  89   position:relative;\r
  90 }\r
  91 \r
  92 .zte-theme-panel > .toggler {\r
  93   top:12px;\r
  94   right:14px;\r
  95   padding:11px;\r
  96   cursor:pointer;\r
  97   position:absolute;\r
  98   display: block;\r
  99   background:url(../image/icon-color.png) center no-repeat;\r
 100 }\r
 101 \r
 102 .zte-theme-panel > .toggler:hover {\r
 103   background-color: #3d3d3d;\r
 104 }\r
 105 \r
 106 .zte-theme-panel > .toggler-close {\r
 107   display: none;\r
 108   top:4px;\r
 109   right:0;\r
 110   padding:20px;\r
 111   cursor:pointer;\r
 112   position:absolute;\r
 113   background: #3d3d3d url(../image/icon-color-close.png) center no-repeat !important;\r
 114 }\r
 115 \r
 116 .zte-theme-panel > .toggler-close:hover {\r
 117   background-color:#222 !important;\r
 118 }\r
 119 \r
 120 .zte-theme-panel > .theme-options {\r
 121   min-width:228px;\r
 122   top: 44px;\r
 123   right: 0px;\r
 124   display:none;\r
 125   position:absolute;\r
 126   background:#3d3d3d;\r
 127 }\r
 128 \r
 129 .zte-theme-panel > .theme-options > .theme-option {\r
 130   color:#cfcfcf;\r
 131   padding: 15px;\r
 132   border-top:1px solid #585858;\r
 133   margin-top: 0px;\r
 134   margin-bottom: 0px;\r
 135 }\r
 136 \r
 137 .zte-theme-panel > .theme-options > .theme-option.theme-colors {\r
 138   border-top: 0;\r
 139 }\r
 140 \r
 141 .zte-theme-panel > .theme-options > .theme-option > span {  \r
 142   display: inline-block;\r
 143   width: 80px;\r
 144   font-size: 14px;\r
 145 }\r
 146 \r
 147 .zte-theme-panel > .theme-options > .theme-option.theme-colors > span {\r
 148   display: block;\r
 149   width: auto;\r
 150 }\r
 151 \r
 152 .zte-theme-panel > .theme-options > .theme-option > select.form-control {\r
 153   display: inline;\r
 154   width: 110px !important;\r
 155 }\r
 156 \r
 157 .zte-theme-panel > .theme-options > .theme-option.theme-colors > ul {\r
 158   list-style:none;\r
 159   padding: 0;\r
 160   display: block;\r
 161   margin-bottom: 1px !important;\r
 162   margin-top: 10px;\r
 163 }\r
 164 \r
 165 .zte-theme-panel > .theme-options > .theme-option.theme-colors > ul > li {\r
 166   width:24px;\r
 167   height:24px;\r
 168   margin:4 4px;\r
 169   cursor:pointer;\r
 170   list-style:none;\r
 171   float: left;\r
 172   border:solid 1px #707070;\r
 173 }\r
 174 \r
 175 .zte-theme-panel > .theme-options > .theme-option.theme-colors > ul > li:first-child {\r
 176   margin-left: 4;\r
 177 }\r
 178 \r
 179 .zte-theme-panel > .theme-options > .theme-option.theme-colors > ul > li:hover,\r
 180 .zte-theme-panel > .theme-options > .theme-option.theme-colors > ul > li.current {\r
 181   border:solid 2px #ebebeb;\r
 182 }\r
 183 \r
 184 .zte-theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-black {\r
 185   background:#333438;\r
 186 }\r
 187 .zte-theme-panel> .theme-options > .theme-option.theme-colors > ul > li.color-ztebluelight {\r
 188   background:#3366cc;\r
 189 }\r
 190 .zte-theme-panel> .theme-options > .theme-option.theme-colors > ul > li.color-ztebluelight2 {\r
 191   background:#1178ee;\r
 192 }\r
 193 .zte-theme-panel> .theme-options > .theme-option.theme-colors > ul > li.color-ztebluelight3 {\r
 194   background:#067ead;\r
 195 }\r
 196 .zte-theme-panel> .theme-options > .theme-option.theme-colors > ul > li.color-ztebluelight4 {\r
 197   background:#333333;\r
 198 }\r
 199 .zte-theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-zteblue {\r
 200   background:#1b8fd3;\r
 201 }\r
 202 .zte-theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-grey {\r
 203   background:#6d6d6d;\r
 204 }\r
 205 \r
 206 .zte-theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-blue {\r
 207   background:#124f94;\r
 208 }\r
 209 \r
 210 .zte-theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-brown {\r
 211   background:#623f18;\r
 212 }\r
 213 \r
 214 .zte-theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-purple {\r
 215   background:#701584;\r
 216 }\r
 217 \r
 218 .zte-theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-white {\r
 219   background:#fff;\r
 220 }\r
 221 .header.navbar .navbar-nav {\r
 222   min-width: 210px;\r
 223 }\r
 224 .header.navbar .navbar-toggle {\r
 225   margin: 8px 0px 4px 6px;\r
 226   padding: 5px 0px 6px 6px;\r
 227 }\r
 228 \r
 229 .nav-tabs li a span.remove{\r
 230         color: #f00;\r
 231         margin-left: 10px;      \r
 232         cursor:hand;\r
 233 }\r
 234 .nav-tabs li a span.tabdropremove{\r
 235         color: #f00;\r
 236         margin-right: 10px;\r
 237         float:right;\r
 238         cursor:hand;\r
 239 }\r
 240 @media (min-width: 768px){\r
 241         .navbar-collapse.collapse.hideSideMenuForMainPage {\r
 242           display: none !important;\r
 243         }\r
 244 }\r
 245 #f_hormenu li.mega-menu-dropdown{\r
 246         margin-left:30px;\r
 247 }\r
 248 .page-sidebar .sidebar-toggler{\r
 249 margin-left:190px;\r
 250 margin-bottom:5px;\r
 251 }\r
 252 .header.navbar .hor-menu ul.nav li.current .selected,\r
 253 .header.navbar .hor-menu ul.nav li.active .selected{\r
 254 margin-bottom:-5px;\r
 255 }