epsdk-app-onap/src/main/webapp/static/fusion/css/fusion-sunny.css

   1   input, textarea, select, div {\r
   2     font-family: Arial;\r
   3     font-size: 11px;\r
   4     font-weight: normal;\r
   5   }\r
   6   \r
   7   form {\r
   8     margin-top: 5px;  \r
   9   }\r
  10   \r
  11 \r
  12   .applicationWindow { border-width:  0px 0px 1px 0px;\r
  13                        border-style:  solid;\r
  14                        border-color:  #959595;\r
  15                        box-shadow:    inset 0 0 10px #000000;\r
  16                        margin-top:    10px;\r
  17                        margin-bottom: 10px;\r
  18                        margin-left:   10px;\r
  19                        margin-right:  10px;\r
  20   }  \r
  21 \r
  22   .feedbackMessage  { width: 99%;\r
  23                                           font-family: Arial;\r
  24                                   font-size: 11px;\r
  25                                           color: #1f1f1f;\r
  26                       padding: 3px;\r
  27                       border: 1px #eeb420 solid;\r
  28                       margin: 3px;\r
  29                       background: #fff9e5;\r
  30                     }                      \r
  31 \r
  32   .menubar {\r
  33     border-width: 0px 0px 0px 1px; border-style: solid; border-color: #959595;\r
  34   }\r
  35 \r
  36   .footer {\r
  37     /*clear: both;*/\r
  38     border-width: 0px 1px 0px 1px; border-style: solid; border-color: #959595;\r
  39         font-family: Verdana,Arial,Helvetica, sans-serif;\r
  40     font-size: 9px;    \r
  41     padding:   10px 10px 30px 10px;\r
  42     background: white;\r
  43   }\r
  44 \r
  45   .pageTitle {\r
  46     font-family: Arial;\r
  47     font-size: 18px;\r
  48     font-weight: bold;\r
  49     margin-top: 5px;    \r
  50   }\r
  51 \r
  52   .content {\r
  53         border-width:  0px 1px 0px 1px;\r
  54     border-style:  solid;\r
  55     border-color:  #959595;\r
  56         font-family: Arial;\r
  57     font-size: 11px;\r
  58     padding: 5px;\r
  59     background:   white;\r
  60     /*height: 600px;*/\r
  61   }\r
  62 \r
  63   .popupContent {\r
  64     font-family: Arial;\r
  65     font-size: 11px;\r
  66     padding: 3px;\r
  67   }\r
  68 \r
  69   .logo {\r
  70         border-width:  0px 1px 0px 1px;\r
  71     border-style:  solid;\r
  72     border-color:  #959595;\r
  73         text-align: right;\r
  74   }\r
  75 \r
  76   .sep {\r
  77     border: 1px solid black\r
  78   }\r
  79 \r
  80   .attLogo              {  /*position: relative;*/\r
  81                    float:left;\r
  82                    padding-top: 25px;\r
  83                    padding-left: 25px;   \r
  84                 }\r
  85 \r
  86   .applicationLogo              { float:right; \r
  87                           padding-top: 25px;\r
  88                           padding-right: 25px;                          \r
  89                         }\r
  90 \r
  91   .applinkWhite         { font-family: Arial;\r
  92                           font-size: 13px;\r
  93                           font-weight: 900;\r
  94                           color: #FFFFFF;\r
  95                           text-decoration: none; }\r
  96 \r
  97   .terms                { font-family: Verdana, Arial, Helvetica, sans-serif;\r
  98                           font-size: 9px;\r
  99                         }\r
 100 \r
 101   .broadcastMessage     { color: red; }\r
 102   .broadcastMessageList { color: red; }\r
 103 \r
 104   .button               {  \r
 105                                               margin: 5px 1px 5px 1px;\r
 106                           padding: 3px; }\r
 107 \r
 108   .toolbarbutton:hover {\r
 109     color:#005491;\r
 110   }\r
 111 \r
 112   .headerText           { font-family: Arial;\r
 113                       font-size: 15px;\r
 114                                   font-weight: 700;\r
 115                       color: #000000; }\r
 116 \r
 117   .headerBackground     { background: #336699; }\r
 118 \r
 119   .errorMessageText { font-family: Arial;\r
 120                       font-size: 11px;\r
 121                       font-weight: bold; \r
 122                       color: red;   }\r
 123    \r
 124 \r
 125   .normalText           { font-family: Arial;\r
 126                       font-size: 11px;\r
 127                       color: #000000; }\r
 128 \r
 129   .normalTextRed        { font-family: Arial;\r
 130                       font-size: 11px;\r
 131                       color: red; }\r
 132 \r
 133 \r
 134   .smallNormalText      { font-family: Arial;\r
 135                       font-size: 9px;\r
 136                       color: #000000; }\r
 137 \r
 138   .tableBorder          { border:1px outset teal }\r
 139 \r
 140   .validationError      { background: #b9eaff; }\r
 141 \r
 142   .templatebody         {  \r
 143                                                   background: url(../images/body_graphic.jpg) repeat-x;\r
 144                           /*margin: 40px 80px 40px 80px;*/                                                 \r
 145                                                 }\r
 146 \r
 147   /*--------------------- General Content ------------------------------------*/          \r
 148 \r
 149   .relative {\r
 150     position:relative;\r
 151   }\r
 152   \r
 153   .clear{\r
 154     clear:both;\r
 155   } \r
 156 \r
 157   .left {\r
 158     float:      left;\r
 159   } \r
 160 \r
 161   .leftCentered{\r
 162     float:      left;\r
 163     text-align: center;\r
 164   } \r
 165 \r
 166   .right {\r
 167     float:      right;\r
 168   } \r
 169 \r
 170   .rightAligned{\r
 171     text-align: right;\r
 172   } \r
 173 \r
 174   .centered {\r
 175     text-align: center;\r
 176     align:      center;\r
 177   } \r
 178 \r
 179 \r
 180   .noWrap{\r
 181         white-space:nowrap;\r
 182   }\r
 183 \r
 184   .disabled {\r
 185         color:gray;\r
 186         cursor:hand;\r
 187   }\r
 188 \r
 189   /*--------------------- Tab styles -------------------------------------*/\r
 190   \r
 191   .current {\r
 192         font-weight: bold;\r
 193         border-width: 1px 1px 1px 1px; \r
 194         border-color: silver;\r
 195         border-style: solid;\r
 196   }\r
 197  \r
 198   .subTab {\r
 199         font-weight:bold;\r
 200         font-family: Arial;\r
 201         font-size:   11px;\r
 202         color:     #0F3B82;\r
 203   }\r
 204   \r
 205 \r
 206   /*--------------------- Grid styles ------------------------------------*/      \r
 207 \r
 208   /* Grid navigation and header styles */\r
 209         .gridFilterLabel {font-size:   7pt;\r
 210                           font-align:  justify;\r
 211                           font-weight: bold;\r
 212                           display:     block;}\r
 213 \r
 214     .gridFilterText  {height:     17px;\r
 215                           font-size:  8pt;\r
 216                           width:      60%;\r
 217                           font-align: justify;}\r
 218 \r
 219     .gridNavigationBar { font-family:Arial,Verdana;\r
 220                                   font-size:11px;\r
 221                                   font-weight:normal;\r
 222                                   color:#000;\r
 223                           margin: 0px;\r
 224                           width: 100%;\r
 225                           vertical-align: middle;\r
 226     }\r
 227     \r
 228     .gridNavigationBar .navLinks { float: left;\r
 229                                    margin-right:15px;\r
 230                                    padding-top: 2px;\r
 231                                    height:      19px;\r
 232                                    line-height: 19px;                                   \r
 233                                  }\r
 234 \r
 235     .gridNavigationBar .pageControls  { float:        left;\r
 236                                         margin-right: 15px;\r
 237                                         height:       19px;  \r
 238                                         line-height:  19px;                                        \r
 239                                       }\r
 240 \r
 241     .gridNavigationBar .pageControls input { font-size:      8pt;\r
 242                                                                                  height:         17px;\r
 243                                                                                  vertical-align: middle;                                    \r
 244                                            }\r
 245 \r
 246     .gridNavigationBar .pageInfo {  float:          right; \r
 247                                     vertical-align: middle;\r
 248                                     height:         19px;\r
 249                                     line-height:    19px;\r
 250                                  }\r
 251 \r
 252     .gridNavigationBar .pageInfo input { font-size:      8pt;\r
 253                                                                          height:         17px;\r
 254                                                                          vertical-align: middle;                                    \r
 255                                        }\r
 256 \r
 257 \r
 258     .gridNavigationBar span { padding: 3px; }\r
 259 \r
 260     .gridNavigationBar a {\r
 261           text-decoration:underline;\r
 262           color:#000;\r
 263           font-weight:normal;\r
 264         }\r
 265 \r
 266     .gridNavigationBar img { vertical-align: middle; }\r
 267   \r
 268     .gridBulkUpdateRow {\r
 269       height: 35px; \r
 270       line-height: 35px;\r
 271     } \r
 272 \r
 273     .gridBulkUpdateRow input {\r
 274       vertical-align: middle;\r
 275     } \r
 276 \r
 277 \r
 278     /* dummy class used to lock the form elements of a grid - ex. bulk transaction processing */\r
 279     .alwaysEnabled {}\r
 280 \r
 281     .hidden {\r
 282           display: none;\r
 283     }\r
 284   \r
 285     .selectedPage {\r
 286                 background-color:#C4DFFB;\r
 287                 color:          white;\r
 288         border-style:   solid;\r
 289         border-width:   1px;\r
 290         border-color:  gray;\r
 291         padding-left:   3px;\r
 292         padding-right:  3px;\r
 293                 vertical-align: middle;\r
 294         }\r
 295 \r
 296     .selectedRow{\r
 297           /*background-color:#C4DFFB;*/\r
 298         }\r
 299         \r
 300         /* Action Item styles */\r
 301         .actionList {\r
 302           margin-left:  -20px;\r
 303           margin-right: -10px;\r
 304           padding-left:   5px;\r
 305         }\r
 306 \r
 307     .actionList li {\r
 308           float:left;\r
 309           padding-left:  3px;\r
 310           padding-right: 3px;\r
 311         }\r
 312         \r
 313         .actionList li a {\r
 314           text-decoration:none;\r
 315           color:#000;\r
 316         }\r
 317 \r
 318         /* Filter Operator List styles */\r
 319         \r
 320         .filterList {\r
 321           margin: 0px;\r
 322         }\r
 323 \r
 324     .filterList li {\r
 325       list-style-type: none;\r
 326       padding:3px 3px 3px 2px;\r
 327           cursor:hand;\r
 328           font-size:11px;\r
 329         }\r
 330 \r
 331     .filterList li:hover {\r
 332       background: #404040;      \r
 333     }\r
 334 \r
 335     .filterList li a {\r
 336       color: #000;\r
 337           text-decoration: none;\r
 338     }\r
 339 \r
 340     .filterList li:hover a {\r
 341           color: white;\r
 342     }\r
 343 \r
 344     .filterList li a:hover {\r
 345           text-decoration: none;\r
 346           color: white;\r
 347     }\r
 348 \r
 349         .filterListItem a {\r
 350           text-decoration:none;\r
 351           padding:3px 2px 3px 2px;\r
 352         }\r
 353 \r
 354 \r
 355   /*---------------------- Customized ZK Styles ------------------------------*/\r
 356   \r
 357   .z-datebox input, .z-timebox input {\r
 358     font-family: Arial;\r
 359     font-size: 11px;\r
 360     height: 15px;\r
 361     margin-top:1px;     \r
 362   }\r