ONAP-SDK-APP/src/main/webapp/static/fusion/css/fusion-sunny.css

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