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

   1 .fl-fix{overflow:auto;zoom:1;}
   2 .fl-clearfix:before,.fl-clearfix:after{content:"";display:table;}
   3 .fl-clearfix:after{clear:both;}
   4 .fl-clearfix{zoom:1;}
   5 .fl-push{clear:both;}
   6 .fl-force-right{float:right;display:inline;}
   7 .fl-force-left{float:left;display:inline;}
   8 .fl-centered{margin-left:auto;margin-right:auto;display:block;}
   9 .fl-container-50{width:50px;}
  10 .fl-container-100{width:100px;}
  11 .fl-container-150{width:150px;}
  12 .fl-container-200{width:200px;}
  13 .fl-container-250{width:250px;}
  14 .fl-container-300{width:300px;}
  15 .fl-container-350{width:350px;}
  16 .fl-container-400{width:400px;}
  17 .fl-container-450{width:450px;}
  18 .fl-container-500{width:500px;}
  19 .fl-container-550{width:550px;}
  20 .fl-container-600{width:600px;}
  21 .fl-container-650{width:650px;}
  22 .fl-container-700{width:700px;}
  23 .fl-container-750{width:750px;}
  24 .fl-container-800{width:800px;}
  25 .fl-container-850{width:850px;}
  26 .fl-container-900{width:900px;}
  27 .fl-container-950{width:950px;}
  28 .fl-container-1000{width:1000px;}
  29 .fl-container-auto{width:auto;}
  30 .fl-container-flex{width:100%;clear:both;}
  31 .fl-container-flex1{width:1%;}
  32 .fl-container-flex2{width:2%;}
  33 .fl-container-flex3{width:3%;}
  34 .fl-container-flex4{width:4%;}
  35 .fl-container-flex5{width:5%;}
  36 .fl-container-flex6{width:6%;}
  37 .fl-container-flex7{width:7%;}
  38 .fl-container-flex8{width:8%;}
  39 .fl-container-flex9{width:9%;}
  40 .fl-container-flex10{width:10%;}
  41 .fl-container-flex11{width:11%;}
  42 .fl-container-flex12{width:12%;}
  43 .fl-container-flex13{width:13%;}
  44 .fl-container-flex14{width:14%;}
  45 .fl-container-flex15{width:15%;}
  46 .fl-container-flex16{width:16%;}
  47 .fl-container-flex17{width:17%;}
  48 .fl-container-flex18{width:18%;}
  49 .fl-container-flex19{width:19%;}
  50 .fl-container-flex20{width:20%;}
  51 .fl-container-flex21{width:21%;}
  52 .fl-container-flex22{width:22%;}
  53 .fl-container-flex23{width:23%;}
  54 .fl-container-flex24{width:24%;}
  55 .fl-container-flex25{width:25%;}
  56 .fl-container-flex26{width:26%;}
  57 .fl-container-flex27{width:27%;}
  58 .fl-container-flex28{width:28%;}
  59 .fl-container-flex29{width:29%;}
  60 .fl-container-flex30{width:30%;}
  61 .fl-container-flex31{width:31%;}
  62 .fl-container-flex32{width:32%;}
  63 .fl-container-flex33{width:33%;}
  64 .fl-container-flex34{width:34%;}
  65 .fl-container-flex35{width:35%;}
  66 .fl-container-flex36{width:36%;}
  67 .fl-container-flex37{width:37%;}
  68 .fl-container-flex38{width:38%;}
  69 .fl-container-flex39{width:39%;}
  70 .fl-container-flex40{width:40%;}
  71 .fl-container-flex41{width:41%;}
  72 .fl-container-flex42{width:42%;}
  73 .fl-container-flex43{width:43%;}
  74 .fl-container-flex44{width:44%;}
  75 .fl-container-flex45{width:45%;}
  76 .fl-container-flex46{width:46%;}
  77 .fl-container-flex47{width:47%;}
  78 .fl-container-flex48{width:48%;}
  79 .fl-container-flex49{width:49%;}
  80 .fl-container-flex50{width:50%;}
  81 .fl-container-flex51{width:51%;}
  82 .fl-container-flex52{width:52%;}
  83 .fl-container-flex53{width:53%;}
  84 .fl-container-flex54{width:54%;}
  85 .fl-container-flex55{width:55%;}
  86 .fl-container-flex56{width:56%;}
  87 .fl-container-flex57{width:57%;}
  88 .fl-container-flex58{width:58%;}
  89 .fl-container-flex59{width:59%;}
  90 .fl-container-flex60{width:60%;}
  91 .fl-container-flex61{width:61%;}
  92 .fl-container-flex62{width:62%;}
  93 .fl-container-flex63{width:63%;}
  94 .fl-container-flex64{width:64%;}
  95 .fl-container-flex65{width:65%;}
  96 .fl-container-flex66{width:66%;}
  97 .fl-container-flex67{width:67%;}
  98 .fl-container-flex68{width:68%;}
  99 .fl-container-flex69{width:69%;}
 100 .fl-container-flex70{width:70%;}
 101 .fl-container-flex71{width:71%;}
 102 .fl-container-flex72{width:72%;}
 103 .fl-container-flex73{width:73%;}
 104 .fl-container-flex74{width:74%;}
 105 .fl-container-flex75{width:75%;}
 106 .fl-container-flex76{width:76%;}
 107 .fl-container-flex77{width:77%;}
 108 .fl-container-flex78{width:78%;}
 109 .fl-container-flex79{width:79%;}
 110 .fl-container-flex80{width:80%;}
 111 .fl-container-flex81{width:81%;}
 112 .fl-container-flex82{width:82%;}
 113 .fl-container-flex83{width:83%;}
 114 .fl-container-flex84{width:84%;}
 115 .fl-container-flex85{width:85%;}
 116 .fl-container-flex86{width:86%;}
 117 .fl-container-flex87{width:87%;}
 118 .fl-container-flex88{width:88%;}
 119 .fl-container-flex89{width:89%;}
 120 .fl-container-flex90{width:90%;}
 121 .fl-container-flex91{width:91%;}
 122 .fl-container-flex92{width:92%;}
 123 .fl-container-flex93{width:93%;}
 124 .fl-container-flex94{width:94%;}
 125 .fl-container-flex95{width:95%;}
 126 .fl-container-flex96{width:96%;}
 127 .fl-container-flex97{width:97%;}
 128 .fl-container-flex98{width:98%;}
 129 .fl-container-flex99{width:99%;}
 130 .fl-layout-linear *{clear:both!important;float:none!important;margin-left:0!important;margin-right:0!important;overflow:visible!important;text-align:left!important;}
 131 .fl-layout-linear .fl-force-left,.fl-layout-linear .fl-force-right,.fl-layout-linear .fl-col,.fl-layout-linear .fl-grid li{display:block!important;width:auto!important;}
 132 .fl-layout-linear div,.fl-layout-linear table,.fl-layout-linear h1,.fl-layout-linear h2,.fl-layout-linear h3,.fl-layout-linear h4,.fl-layout-linear h5,.fl-layout-linear h6,.fl-layout-linear p,.fl-layout-linear form,.fl-layout-linear fieldset,.fl-layout-linear ul,.fl-layout-linear dl,.fl-layout-linear ol,.fl-layout-linear pre,.fl-layout-linear hr,.fl-layout-linear blockquote{width:100%!important;max-width:960px;min-width:560px;}
 133 .fl-layout-linear .fl-hidden-accessible{overflow:hidden!important;}
 134 .fl-layout-linear .fl-linearEnabled{width:100%!important;display:block;}
 135 .fl-layout-linear.fl-layout-align-right *,.fl-layout-linear .fl-layout-align-right *{text-align:right!important;}
 136 .fl-layout-linear.fl-layout-align-center *,.fl-layout-linear .fl-layout-align-center *{text-align:center!important;}
 137 .fl-col-justified{float:left;display:inline;overflow:auto;text-align:justify;}
 138 .fl-col-flex2,.fl-col-flex3,.fl-col-flex4,.fl-col-flex5{overflow:auto;zoom:1;}
 139 .fl-col{float:left;display:inline;}
 140 .fl-col-flex5 .fl-col{width:18.95%;margin-left:.25%;margin-right:.25%;padding-left:.25%;padding-right:.25%;}
 141 .fl-col-flex4 .fl-col{width:24%;margin-left:.25%;margin-right:.25%;padding-left:.25%;padding-right:.25%;}
 142 .fl-col-flex3 .fl-col{width:32.33%;margin-left:.25%;margin-right:.25%;padding-left:.25%;padding-right:.25%;}
 143 .fl-col-flex2 .fl-col{width:48.85%;margin-left:.25%;margin-right:.25%;padding-left:.25%;padding-right:.25%;}
 144 .fl-col-mixed,.fl-col-mixed2,.fl-col-mixed3{overflow:auto;zoom:1;}
 145 .fl-col-mixed .fl-col-side{width:200px;}
 146 .fl-col-mixed .fl-col-side,.fl-col-mixed .fl-col-main{padding:0 10px;}
 147 .fl-col-mixed2 .fl-col-side{width:200px;padding:0 10px;float:left;}
 148 .fl-col-mixed2 .fl-col-main{margin-left:220px;padding:0 10px;}
 149 .fl-col-mixed3 .fl-col-main{margin:0 220px;}
 150 .fl-col-fixed,.fl-col-flex{padding:0 10px;}
 151 .fl-col-mixed .fl-col-fixed{width:200px;padding:0 10px;}
 152 .fl-col-mixed .fl-col-flex{margin-left:220px;padding:0 10px;}
 153 .fl-col-mixed .fl-col-flex-left{margin-right:220px;padding:0 10px;}
 154 .fl-col-mixed-100 .fl-col-fixed{width:100px;}
 155 .fl-col-mixed-100 .fl-col-flex{margin-left:120px;}
 156 .fl-col-mixed-100 .fl-col-flex-left{margin-right:120px;}
 157 .fl-col-mixed-150 .fl-col-fixed{width:150px;}
 158 .fl-col-mixed-150 .fl-col-flex{margin-left:170px;}
 159 .fl-col-mixed-150 .fl-col-flex-left{margin-right:170px;}
 160 .fl-col-mixed-200 .fl-col-fixed{width:200px;}
 161 .fl-col-mixed-200 .fl-col-flex{margin-left:220px;}
 162 .fl-col-mixed-200 .fl-col-flex-left{margin-right:220px;}
 163 .fl-col-mixed-250 .fl-col-fixed{width:250px;}
 164 .fl-col-mixed-250 .fl-col-flex{margin-left:270px;}
 165 .fl-col-mixed-250 .fl-col-flex-left{margin-right:270px;}
 166 .fl-col-mixed-300 .fl-col-fixed{width:300px;}
 167 .fl-col-mixed-300 .fl-col-flex{margin-left:320px;}
 168 .fl-col-mixed-300 .fl-col-flex-left{margin-right:320px;}
 169 .fl-tabs{margin:10px 0 0 0;border-bottom:1px solid #000;text-align:center;padding-bottom:2px;}
 170 .fl-tabs li{list-style-type:none;display:inline;}
 171 .fl-tabs li a{padding:3px 16px 2px;background-color:#fff;margin-left:-5px;*margin-bottom:-6px;zoom:1;border:1px solid #000;color:#999;}
 172 .fl-tabs-center{text-align:center;}
 173 .fl-tabs-left{text-align:left;padding-left:10px;}
 174 .fl-tabs-right{text-align:right;padding-right:15px;}
 175 .fl-tabs .fl-reorderer-dropMarker{padding:0 3px;background-color:#c00;margin:0 5px 0 -5px;zoom:1;}
 176 .fl-tabs .fl-tabs-active a{padding:3px 16px;border-bottom:none;color:#000;}
 177 .fl-tabs-content{padding:5px;}
 178 @media screen and(-webkit-min-device-pixel-ratio:0){.fl-tabs li a{padding:3px 16px 3px;}
 179 .fl-tabs .fl-tabs-active a{padding:3px 16px 4px;}
 180 }
 181 .fl-listmenu,.fl-list-menu{padding:0;margin:0;border-bottom-width:1px;border-bottom-style:solid;}
 182 .fl-listmenu li,.fl-list-menu li{margin:0;padding:0;list-style-type:none;border-width:1px;border-style:solid;border-bottom:none;}
 183 .fl-listmenu a,.fl-list-menu a{padding:5px 5px;display:block;zoom:1;outline:none;}
 184 .fl-list-menu a:hover,.fl-list-menu a:focus{padding:4px 4px;border:1px solid black;}
 185 .fl-list-menu .fl-activemenu a{background-color:#CCC;color:#000;}
 186 ul.fl-grid,.fl-grid ul{padding:0;margin:0;overflow:auto;}
 187 .fl-grid li{list-style-type:none;display:inline;}
 188 .fl-grid li{float:left;width:19%;margin:.5%;height:150px;overflow:hidden;position:relative;display:inline;}
 189 .fl-grid li img{display:block;margin:5px auto;}
 190 .fl-grid li .caption,.fl-grid li .fl-grid-caption{position:absolute;left:0;bottom:0;width:100%;text-align:center;height:1em;padding:3px 0;}
 191 .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;}
 192 input.fl-icon{padding-left:16px;}
 193 .fl-button-left{float:left;margin-right:10px;padding:0 0 0 16px;background-position:left center;background-repeat:no-repeat;}
 194 .fl-button-right{float:right;margin-left:10px;padding:0 0 0 16px;background-position:left center;background-repeat:no-repeat;}
 195 .fl-button-inner{float:left;padding:5px 16px 5px 0;cursor:pointer;background-position:right center;background-repeat:no-repeat;}
 196 .fl-widget{padding:5px;margin-bottom:10px;}
 197 .fl-widget .button{margin:0 5px;}
 198 .fl-grabbable .fl-widget-titlebar{background-position:center top;background-repeat:no-repeat;cursor:move;}
 199 .fl-widget .fl-widget-titlebar h2{padding:0;margin:0;font-size:105%;}
 200 .fl-widget .fl-widget-titlebar .fl-button-inner{font-size:.8em;padding-bottom:.2em;padding-top:.2em;}
 201 .fl-widget .fl-widget-controls{margin:-1.3em 0 1.5em 0;}
 202 .fl-widget .fl-widget-options{margin-top:5px;padding:0 10px;}
 203 .fl-widget .fl-widget-options ul{margin:0;padding:0;overflow:hidden;zoom:1;}
 204 .fl-widget .fl-widget-options li{list-style-type:none;float:left;display:inline;padding:0 5px 0 5px;margin-left:-5px;}
 205 .fl-widget .fl-widget-options a{margin-right:5px;}
 206 .fl-widget .fl-widget-content{zoom:1;margin:5px 0 0 0;overflow:auto;}
 207 .fl-widget .empty *{padding-top:10px;margin-left:auto;margin-right:auto;text-align:center;}
 208 .fl-widget .menu{margin:0;}
 209 .fl-widget .toggle{width:32px;}
 210 .fl-widget .on{background-position:left top;}
 211 .fl-widget .off{background-position:left bottom;}
 212 .fl-controls-left li{list-style-type:none;text-align:left;}
 213 .fl-controls-left .fl-label{float:left;text-align:left;width:50%;margin-right:5px;}
 214 .fl-controls-right li{list-style-type:none;display:block;text-align:left;}
 215 .fl-controls-right .fl-label{float:left;text-align:right;width:50%;margin-right:5px;}
 216 .fl-controls-centered li{list-style-type:none;display:block;text-align:left;}
 217 .fl-controls-centered .fl-label{float:left;text-align:center;width:50%;margin-right:5px;}
 218 .fl-noBackgroundImages,.fl-noBackgroundImages *{background-image:none!important;}
 219 .fl-noBackgroundImages .fl-icon{text-indent:0!important;width:auto!important;background-color:transparent!important;}
 220 .fl-ProgEnhance-enhanced,.fl-progEnhance-enhanced{display:none;}
 221 .fl-hidden{display:none;visibility:hidden;}
 222 .fl-hidden-invisible{visibility:hidden;}
 223 .fl-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
 224 .fl-hidden-accessible.fl-focus:active,.fl-hidden-accessible.fl-focus:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}
 225 .fl-hidden-replace{display:block;text-indent:-999em;overflow:hidden;background-repeat:no-repeat;text-align:left;direction:ltr;}
 226 .fl-offScreen-hidden{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}