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