docs/include/jscripts/infusion/framework/fss/css/fss-layout.css

   1 .fl-fix{overflow:auto;zoom:1;}
   2 .fl-push{clear:both;}
   3 .fl-force-right{float:right;display:inline;}
   4 .fl-force-left{float:left;display:inline;}
   5 .fl-centered{margin-left:auto;margin-right:auto;display:block;}
   6 .fl-container-50{width:50px;}
   7 .fl-container-100{width:100px;}
   8 .fl-container-150{width:150px;}
   9 .fl-container-200{width:200px;}
  10 .fl-container-250{width:250px;}
  11 .fl-container-300{width:300px;}
  12 .fl-container-350{width:350px;}
  13 .fl-container-400{width:400px;}
  14 .fl-container-450{width:450px;}
  15 .fl-container-500{width:500px;}
  16 .fl-container-550{width:550px;}
  17 .fl-container-600{width:600px;}
  18 .fl-container-650{width:650px;}
  19 .fl-container-700{width:700px;}
  20 .fl-container-750{width:750px;}
  21 .fl-container-800{width:800px;}
  22 .fl-container-850{width:850px;}
  23 .fl-container-900{width:900px;}
  24 .fl-container-950{width:950px;}
  25 .fl-container-1000{width:1000px;}
  26 .fl-container-auto{width:auto;}
  27 .fl-container-flex{width:100%;clear:both;}
  28 .fl-container-flex10{width:10%;}
  29 .fl-container-flex20{width:20%;}
  30 .fl-container-flex25{width:25%;}
  31 .fl-container-flex30{width:30%;}
  32 .fl-container-flex33{width:33%;}
  33 .fl-container-flex40{width:40%;}
  34 .fl-container-flex50{width:50%;}
  35 .fl-container-flex60{width:60%;}
  36 .fl-container-flex66{width:66%;}
  37 .fl-container-flex75{width:75%;}
  38 .fl-layout-linear *,.fl-layout-linear .fl-linearEnabled{overflow:visible!important;clear:both!important;float:none!important;margin-left:0!important;margin-right:0!important;}
  39 .fl-layout-linear .fl-container,.fl-layout-linear .fl-container-100,.fl-layout-linear .fl-container-150,.fl-layout-linear .fl-container-200,.fl-layout-linear .fl-container-250,.fl-layout-linear .fl-container-300,.fl-layout-linear .fl-container-400,.fl-layout-linear .fl-container-750,.fl-layout-linear .fl-container-950,.fl-layout-linear .fl-container-auto,.fl-layout-linear .fl-container-flex25,.fl-layout-linear .fl-container-flex30,.fl-layout-linear .fl-container-flex33,.fl-layout-linear .fl-container-flex50,.fl-layout-linear .fl-col,.fl-layout-linear .fl-col-side,.fl-layout-linear .fl-col-flex,.fl-layout-linear .fl-col-main,.fl-layout-linear .fl-col-fixed,.fl-layout-linear .fl-col-justified{width:100%!important;margin:auto;padding:0!important;}
  40 .fl-layout-linear .fl-force-left,.fl-layout-linear .fl-force-right,.fl-layout-linear li{display:block!important;float:none!important;}
  41 .fl-layout-linear .fl-linearEnabled{width:100%!important;display:block;}
  42 .fl-layout-linear .fl-button-left,.fl-layout-linear .fl-button-right{padding:1em;}
  43 .fl-col-justified{float:left;display:inline;overflow:auto;text-align:justify;}
  44 .fl-col-flex2,.fl-col-flex3,.fl-col-flex4,.fl-col-flex5{overflow:auto;zoom:1;}
  45 .fl-col{float:left;display:inline;}
  46 .fl-col-flex5 .fl-col{width:18.95%;margin-left:.25%;margin-right:.25%;padding-left:.25%;padding-right:.25%;}
  47 .fl-col-flex4 .fl-col{width:24%;margin-left:.25%;margin-right:.25%;padding-left:.25%;padding-right:.25%;}
  48 .fl-col-flex3 .fl-col{width:32.33%;margin-left:.25%;margin-right:.25%;padding-left:.25%;padding-right:.25%;}
  49 .fl-col-flex2 .fl-col{width:48.85%;margin-left:.25%;margin-right:.25%;padding-left:.25%;padding-right:.25%;}
  50 .fl-col-mixed,.fl-col-mixed2,.fl-col-mixed3{overflow:auto;zoom:1;}
  51 .fl-col-mixed .fl-col-side{width:200px;}
  52 .fl-col-mixed .fl-col-side,.fl-col-mixed .fl-col-main{padding:0 10px;}
  53 .fl-col-mixed2 .fl-col-side{width:200px;padding:0 10px;float:left;}
  54 .fl-col-mixed2 .fl-col-main{margin-left:220px;padding:0 10px;}
  55 .fl-col-mixed3 .fl-col-main{margin:0 220px;}
  56 .fl-col-fixed,.fl-col-flex{padding:0 10px;}
  57 .fl-col-mixed .fl-col-fixed{width:200px;padding:0 10px;}
  58 .fl-col-mixed .fl-col-flex{margin-left:220px;padding:0 10px;}
  59 .fl-col-mixed-100 .fl-col-fixed{width:100px;}
  60 .fl-col-mixed-100 .fl-col-flex{margin-left:120px;}
  61 .fl-col-mixed-150 .fl-col-fixed{width:150px;}
  62 .fl-col-mixed-150 .fl-col-flex{margin-left:170px;}
  63 .fl-col-mixed-200 .fl-col-fixed{width:200px;}
  64 .fl-col-mixed-200 .fl-col-flex{margin-left:220px;}
  65 .fl-col-mixed-250 .fl-col-fixed{width:250px;}
  66 .fl-col-mixed-250 .fl-col-flex{margin-left:270px;}
  67 .fl-col-mixed-300 .fl-col-fixed{width:300px;}
  68 .fl-col-mixed-300 .fl-col-flex{margin-left:320px;}
  69 .fl-tabs{margin:.75em 0 0 0;border-bottom:1px solid #000;text-align:center;padding-bottom:.2em;}
  70 .fl-tabs li{list-style-type:none;display:inline;}
  71 .fl-tabs li a{padding:.25em 1.25em .2em;background-color:#fff;margin-left:-5px;*margin-bottom:-7px;zoom:1;border:1px solid #000;color:#999;}
  72 .fl-tabs-center{text-align:center;}
  73 .fl-tabs-left{text-align:left;padding-left:10px;}
  74 .fl-tabs-right{text-align:right;padding-right:15px;}
  75 .fl-tabs .fl-reorderer-dropMarker{padding:0 3px;background-color:#c00;margin:0 5px 0 -5px;zoom:1;}
  76 .fl-tabs .fl-tabs-active a{padding:.25em 1.25em;border-bottom:none;color:#000;}
  77 .fl-tabs-content{padding:5px;}
  78 .fl-listmenu{padding:0;margin:0;border-bottom-width:1px;border-bottom-style:solid;}
  79 .fl-listmenu li{margin:0;padding:0;list-style-type:none;border-width:1px;border-style:solid;border-bottom:none;}
  80 .fl-listmenu a{padding:5px 5px;display:block;zoom:1;}
  81 ul.fl-grid,.fl-grid ul{padding:0;margin:0;}
  82 .fl-grid li{list-style-type:none;display:inline;}
  83 .fl-grid li{float:left;width:19%;margin:.5%;height:150px;overflow:hidden;position:relative;display:inline;}
  84 .fl-grid li img{display:block;margin:5px auto;}
  85 .fl-grid li .caption{position:absolute;left:0;bottom:0;width:100%;text-align:center;height:1em;padding:3px 0;}
  86 .fl-icon{text-indent:-5000px;overflow:hidden;cursor:pointer;display:block;height:16px;width:16px;margin-left:5px;margin-right:5px;background-position:center center;background-repeat:no-repeat;}
  87 input.fl-icon{padding-left:16px;}
  88 .fl-button-left{float:left;margin-right:10px;padding:0 0 0 16px;background-position:left center;background-repeat:no-repeat;}
  89 .fl-button-right{float:right;margin-left:10px;padding:0 0 0 16px;background-position:left center;background-repeat:no-repeat;}
  90 .fl-button-inner{float:left;padding:5px 16px 5px 0;cursor:pointer;background-position:right center;background-repeat:no-repeat;}
  91 .fl-widget{padding:5px;margin-bottom:10px;}
  92 .fl-widget .button{margin:0 5px;}
  93 .fl-grabbable .fl-widget-titlebar{background-position:center top;background-repeat:no-repeat;cursor:move;}
  94 .fl-widget .fl-widget-titlebar h2{padding:0;margin:0;font-size:105%;}
  95 .fl-widget .fl-widget-titlebar .fl-button-inner{font-size:.8em;padding-bottom:.2em;padding-top:.2em;}
  96 .fl-widget .fl-widget-controls{margin:-1.3em 0 1.5em 0;}
  97 .fl-widget .fl-widget-options{margin-top:5px;padding:0 10px;}
  98 .fl-widget .fl-widget-options ul{margin:0;padding:0;overflow:hidden;zoom:1;}
  99 .fl-widget .fl-widget-options li{list-style-type:none;float:left;display:inline;padding:0 5px 0 5px;margin-left:-5px;}
 100 .fl-widget .fl-widget-options a{margin-right:5px;}
 101 .fl-widget .fl-widget-content{zoom:1;margin:5px 0 0 0;overflow:auto;}
 102 .fl-widget .empty *{padding-top:10px;margin-left:auto;margin-right:auto;text-align:center;}
 103 .fl-widget .menu{margin:0;}
 104 .fl-widget .toggle{width:32px;}
 105 .fl-widget .on{background-position:left top;}
 106 .fl-widget .off{background-position:left bottom;}
 107 .fl-controls-left li{list-style-type:none;text-align:left;}
 108 .fl-controls-left .fl-label{float:left;text-align:left;width:50%;margin-right:5px;}
 109 .fl-controls-right li{list-style-type:none;display:block;text-align:left;}
 110 .fl-controls-right .fl-label{float:left;text-align:right;width:50%;margin-right:5px;}
 111 .fl-controls-centered li{list-style-type:none;display:block;text-align:left;}
 112 .fl-controls-centered .fl-label{float:left;text-align:center;width:50%;margin-right:5px;}
 113 .fl-noBackgroundImages,.fl-noBackgroundImages *{background-image:none!important;}
 114 .fl-noBackgroundImages .fl-icon{text-indent:0!important;width:auto!important;background-color:transparent!important;}
 115 .fl-ProgEnhance-enhanced,.fl-progEnhance-enhanced{display:none;}