docs/include/jscripts/infusion/components/uiOptions/css/UIOptions.css

   1 .fl-uiOptions{font-family:"Myriad Pro",Helvetica,Arial,sans-serif;}
   2 .fl-uiOptions ul{margin-left:0;}
   3 .fl-uiOptions ul li{list-style:none;}
   4 .fl-uiOptions label{text-transform:uppercase;font-size:1.2em;}
   5 .fl-uiOptions input[type="text"]{width:2em;font-size:1em;}
   6 .fl-uiOptions .fl-slider{float:left;margin-right:10px;}
   7 .fl-uiOptions input[type="checkbox"]{margin-right:10px;border:1px solid black;}
   8 .fl-uiOptions select{border:2px solid #ebebeb;}
   9 .fl-uiOptions select#textFont{font-weight:bold;}
  10 .fl-uiOptions select#textFont option.times{font-family:"Times New Roman";}
  11 .fl-uiOptions select#textFont option.comic{font-family:"Comic Sans MS";}
  12 .fl-uiOptions select#textFont option.arial{font-family:Arial;}
  13 .fl-uiOptions select#textFont option.verdana{font-family:Verdana;}
  14 .fl-uiOptions select#theme{font-weight:bold;text-transform:uppercase;}
  15 .fl-uiOptions select#theme option.fl-uio-default-theme{color:#000!important;background-color:#efefef!important;}
  16 .fl-uiOptions .fl-uiOptions-text label{display:block;float:left;width:14em;}
  17 .fl-uiOptions .fl-uiOptions-text .fl-inputs{float:left;font-size:1em;}
  18 .fl-uiOptions .fl-uiOptions-option-description{color:#4D4D4D;padding-top:5px;font-size:1.1em;}
  19 .fl-uiOptions .fl-uiOptions-layout div,.fl-uiOptions .fl-uiOptions-links div{margin-left:25px;}
  20 .fl-uiOptions .fl-slider-horz{width:140px;height:3px;-moz-border-radius:65%;-webkit-border-radius:65%;}
  21 .fl-uiOptions .fl-slider{position:relative;background-color:#555;padding:0;margin-top:8px;}
  22 .fl-uiOptions .fl-slider .fl-handle,.fl-slider a{position:absolute;display:block;height:32px;width:32px;top:0;left:0;}
  23 .fl-uiOptions .fl-slider a{background-image:url('../images/default/uio_icon_sliderhandle.png');background-repeat:no-repeat;background-position:center center;bottom:16px;}
  24 .fl-uiOptions .fl-slider a:active{outline:none;}
  25 .fl-uiOptions .fl-slider-horz .fl-handle,.fl-slider-horz a{margin-top:-14px;margin-left:-14px;}
  26 .fl-uiOptions .fl-text-slider-left{padding-right:15px;background-image:url("../images/default/uio_icon_smallA_default_10x10.png");background-repeat:no-repeat;height:10px;width:10px;margin-top:5px;}
  27 .fl-uiOptions .fl-text-slider-right{padding-right:15px;margin-left:8px;background-image:url("../images/default/uio_icon_bigA_default_20x20.png");background-repeat:no-repeat;height:20px;width:20px;}
  28 .fl-uiOptions .fl-spacing-slider-left{padding-right:15px;background-image:url("../images/default/uio_icon_linesNarrow_default_16x12.png");background-repeat:no-repeat;height:12px;width:16px;margin-top:5px;}
  29 .fl-uiOptions .fl-spacing-slider-right{padding-right:15px;margin-left:8px;background-image:url("../images/default/uio_icon_linesWide_default_16x21.png");background-repeat:no-repeat;height:21px;width:16px;}
  30 .fl-theme-bw .ui-slider-horizontal .ui-slider-handle,.fl-theme-wb .ui-slider-horizontal .ui-slider-handle,.fl-theme-by .ui-slider-horizontal .ui-slider-handle,.fl-theme-yb .ui-slider-horizontal .ui-slider-handle{margin-top:-5px;}
  31 .fl-theme-bw .fl-uiOptions .fl-slider{background:none;background-color:#000;}
  32 .fl-theme-bw .fl-uiOptions .fl-slider .fl-handle,.fl-theme-bw .fl-uiOptions .fl-slider a,.fl-theme-bw .fl-uiOptions .fl-slider a:hover{border:1px solid #000;background-color:#fff;}
  33 .fl-theme-bw .fl-uiOptions .fl-text-slider-left{background-image:url("../images/bw/uio_icon_smallA_hc_10x10.png");}
  34 .fl-theme-bw .fl-uiOptions .fl-text-slider-right{background-image:url("../images/bw/uio_icon_bigA_hc_20x20.png");}
  35 .fl-theme-bw .fl-uiOptions .fl-spacing-slider-left{background-image:url("../images/bw/uio_icon_linesNarrow_hc_16x12.png");}
  36 .fl-theme-bw .fl-uiOptions .fl-spacing-slider-right{background-image:url("../images/bw/uio_icon_linesWide_hc_16x21.png");}
  37 .fl-theme-bw .fl-uiOptions .fl-uiOptions-buttons .fl-uiOptions-save{background-image:url("../images/bw/uio_icon_save_hc_13x13.png");}
  38 .fl-theme-bw .fl-uiOptions .fl-uiOptions-buttons .fl-uiOptions-cancel{background-image:url("../images/bw/uio_icon_cancel_hc_13x13.png");}
  39 .fl-theme-wb .fl-uiOptions .fl-slider{background:none;background-color:#fff;}
  40 .fl-theme-wb .fl-uiOptions .fl-slider .fl-handle,.fl-theme-wb .fl-uiOptions .fl-slider a,.fl-theme-wb .fl-uiOptions .fl-slider a:hover{border:1px solid #fff;background-color:#000;}
  41 .fl-theme-wb .fl-uiOptions .fl-text-slider-left{background-image:url("../images/wb/uio_icon_smallA_hci_10x10.png");}
  42 .fl-theme-wb .fl-uiOptions .fl-text-slider-right{background-image:url("../images/wb/uio_icon_bigA_hci_20x20.png");}
  43 .fl-theme-wb .fl-uiOptions .fl-spacing-slider-left{background-image:url("../images/wb/uio_icon_linesNarrow_hci_16x12.png");}
  44 .fl-theme-wb .fl-uiOptions .fl-spacing-slider-right{background-image:url("../images/wb/uio_icon_linesWide_hci_16x21.png");}
  45 .fl-theme-wb .fl-uiOptions .fl-uiOptions-buttons .fl-uiOptions-save{background-image:url("../images/wb/uio_icon_save_hci_13x13.png");}
  46 .fl-theme-wb .fl-uiOptions .fl-uiOptions-buttons .fl-uiOptions-cancel{background-image:url("../images/wb/uio_icon_cancel_hci_13x13.png");}
  47 .fl-theme-yb .fl-uiOptions .fl-slider{background:none;background-color:#000;}
  48 .fl-theme-yb .fl-uiOptions .fl-slider .fl-handle,.fl-theme-yb .fl-uiOptions .fl-slider a,.fl-theme-yb .fl-uiOptions .fl-slider a:hover{border:1px solid #ff0;background-color:#000;}
  49 .fl-theme-yb .fl-uiOptions .fl-text-slider-left{background-image:url("../images/yb/uio_icon_smallA_yellowBlack_10x10.png");}
  50 .fl-theme-yb .fl-uiOptions .fl-text-slider-right{background-image:url("../images/yb/uio_icon_bigA_yellowBlack_20x20.png");}
  51 .fl-theme-yb .fl-uiOptions .fl-spacing-slider-left{background-image:url("../images/yb/uio_icon_linesNarrow_yellowBlack_16x12.png");}
  52 .fl-theme-yb .fl-uiOptions .fl-spacing-slider-right{background-image:url("../images/yb/uio_icon_linesWide_yellowBlack_16x21.png");}
  53 .fl-theme-yb .fl-uiOptions .fl-uiOptions-buttons .fl-uiOptions-save{background-image:url("../images/yb/uio_icon_save_yellowBlack_13x13.png");}
  54 .fl-theme-yb .fl-uiOptions .fl-uiOptions-buttons .fl-uiOptions-cancel{background-image:url("../images/yb/uio_icon_cancel_yellowBlack_13x13.png");}
  55 .fl-theme-by .fl-uiOptions .fl-slider{background:none;background-color:#ff0;}
  56 .fl-theme-by .fl-uiOptions .fl-slider .fl-handle,.fl-theme-by .fl-uiOptions .fl-slider a,.fl-theme-by .fl-uiOptions .fl-slider a:hover{border:1px solid #000;background-color:#ff0;}
  57 .fl-theme-by .fl-uiOptions .fl-text-slider-left{background-image:url("../images/by/uio_icon_smallA_blackYellow_10x10.png");}
  58 .fl-theme-by .fl-uiOptions .fl-text-slider-right{background-image:url("../images/by/uio_icon_bigA_blackYellow_20x20.png");}
  59 .fl-theme-by .fl-uiOptions .fl-spacing-slider-left{background-image:url("../images/by/uio_icon_linesNarrow_blackYellow_16x12.png");}
  60 .fl-theme-by .fl-uiOptions .fl-spacing-slider-right{background-image:url("../images/by/uio_icon_linesWide_blackYellow_16x21.png");}
  61 .fl-theme-by .fl-uiOptions .fl-uiOptions-buttons .fl-uiOptions-save{background-image:url("../images/by/uio_icon_save_blackYellow_13x13.png");}
  62 .fl-theme-by .fl-uiOptions .fl-uiOptions-buttons .fl-uiOptions-cancel{background-image:url("../images/by/uio_icon_cancel_blackYellow_13x13.png");}
  63 .fl-layout-linear .fl-uiOptions .fl-slider-horz,.fl-layout-linear .fl-uiOptions .fl-text-slider-left,.fl-layout-linear .fl-uiOptions .fl-spacing-slider-left,.fl-layout-linear .fl-uiOptions .fl-text-slider-right,.fl-layout-linear .fl-uiOptions .fl-spacing-slider-right{min-width:0!important;clear:none!important;}
  64 .fl-layout-linear .fl-uiOptions .fl-slider-horz{width:140px!important;float:left!important;}
  65 .fl-layout-linear .fl-uiOptions .fl-text-slider-left,.fl-layout-linear .fl-uiOptions .fl-spacing-slider-left{float:left!important;width:16px!important;}
  66 .fl-layout-linear .fl-uiOptions .fl-text-slider-right,.fl-layout-linear .fl-uiOptions .fl-spacing-slider-right{float:right!important;width:20px!important;}
  67 .fl-layout-linear .fl-uiOptions .fl-uiOptions-text .fl-force-left{float:left!important;min-width:0!important;}
  68 .fl-layout-linear .fl-uiOptions li{height:auto!important;padding-bottom:20px;}