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

   1 body{margin:0;padding:0;font:normal 17px Helvetica,sans-serif;-webkit-user-select:none;-webkit-text-size-adjust:none;}
   2 h1,h2,h3,h4,h5,h6{margin:.25em;}
   3 h1{font-size:1.5em;}
   4 h2{font-size:1.1em;}
   5 h3{font-size:1em;}
   6 img{border:none;}
   7 .fl-icon{width:30px;height:30px;margin-top:-5px;margin-right:5px;-webkit-border-radius:5px;}
   8 .fl-label{width:25%;}
   9 .fl-button{border-width:10px;text-align:center;-webkit-border-radius:10px;-webkit-background-origin:border;-webkit-background-clip:border;}
  10 .fl-navbar{width:100%;text-align:center;border-style:solid;border-width:1px 0;}
  11 .fl-navbar .fl-table-row:first-child{height:45px;}
  12 .fl-navbar .fl-table-cell:not(h1){width:1px;white-space:nowrap;}
  13 .fl-navbar .fl-table-cell:first-child{padding-left:5px;}
  14 .fl-navbar .fl-table-cell:last-child{padding-right:5px;}
  15 .fl-navbar h1{padding:0;text-align:center;font-size:1.17em;font-weight:bold;}
  16 .fl-navbar a{text-decoration:none;font-size:.7em;font-weight:bold;}
  17 .fl-navbar [class*=fl-button]{-webkit-border-radius:5px;padding:0;display:block;}
  18 .fl-navbar .fl-backButton{border-width:0 0 0 15px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-background-origin:border;-webkit-background-clip:border;-webkit-mask-repeat:no-repeat;-webkit-mask-origin:border;-webkit-mask-clip:border;}
  19 .fl-navbar .fl-backButton .fl-button-inner{margin-left:-3px;border-left-width:0;}
  20 .fl-navbar .fl-button-inner{float:none;padding:5px;border-width:5px;-webkit-background-origin:border;-webkit-background-clip:border;}
  21 .fl-navbar img.fl-button-inner{height:24px;vertical-align:middle;padding:0;}
  22 .fl-tabs{margin:0;padding:0;border:none;text-align:center;}
  23 .fl-tabs li{display:inline-block;margin-right:-5px;border-width:5px 0;text-align:center;}
  24 .fl-tabs li:first-child{border-left-width:5px;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;}
  25 .fl-tabs li:last-child{margin-right:0;border-right-width:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;}
  26 .fl-tabs li.fl-tabs-active a,.fl-tabs li a{display:block;margin:-4px 0;text-decoration:none;padding:.35em .5em;font-weight:bold;background:none;border-width:0 1px;border-style:solid;}
  27 .fl-tabs li:last-child a{border-right:none;}
  28 .fl-tabs li:first-child a{border-left:none;}
  29 [class*=fl-list]{border:none;list-style:none;margin:0 0 10px;padding:0;}
  30 [class*=fl-list]>li{display:block;padding:12px 0 12px 12px;text-decoration:none;font-weight:bold;outline:none;border-style:solid;border-width:1px 0 0 0;overflow:auto;}
  31 [class*=fl-list]>li:last-child{border-bottom-width:1px;}
  32 [class*=fl-list] .fl-link-loading .fl-link-secondary{display:none;}
  33 [class*=fl-list]>li .fl-link-secondary{float:right;margin-right:25px;font-weight:normal;font-size:.9em;}
  34 [class*=fl-list]>li .fl-link-summary{display:block;clear:right;margin:0 25px 0 0;font-weight:normal;font-size:.8em;}
  35 [class*=fl-list] li .fl-icon ~ .fl-link-summary{margin-left:30px;}
  36 [class*=fl-list] li .fl-icon{float:left;margin-left:-6px;}
  37 .fl-list-menu li{padding:0;}
  38 .fl-list-menu li a{display:block;padding:12px 0 12px 12px;text-decoration:none;font-weight:bold;outline:none;}
  39 .fl-list-thumbnails>li{margin-bottom:5px;border-bottom-width:1px;}
  40 .fl-list-thumbnails>li a{padding-top:6px;overflow:auto;}
  41 .fl-list-thumbnails>li a .fl-icon ~ .fl-link-summary{margin:0 25px -12px 42px;}
  42 .fl-list-thumbnails:not(.fl-thumbnails-expanded):not(.fl-list-brief)>li a>.fl-icon ~ .fl-link-summary{padding-bottom:10px;}
  43 .fl-list-thumbnails>li a .fl-icon{width:44px;height:44px;margin:-6px 10px -12px -12px;-webkit-border-radius:0;}
  44 .fl-list-thumbnails.fl-thumbnails-expanded li{margin:0;border-bottom-width:0;}
  45 .fl-list-thumbnails.fl-thumbnails-expanded>li:last-child{border-bottom-width:1px;}
  46 .fl-list-thumbnails.fl-thumbnails-expanded>li a{-webkit-border-radius:0;padding:10px 0 10px 10px;}
  47 .fl-list-thumbnails.fl-thumbnails-expanded>li a .fl-icon{width:60px;height:60px;margin:-5px 5px -5px -5px;-webkit-border-radius:0;}
  48 .fl-list-thumbnails.fl-thumbnails-expanded>li a .fl-icon ~ .fl-link-summary{margin:0 0 -5px 60px;}
  49 .fl-list-thumbnails.fl-thumbnails-expanded>li a .fl-link-secondary{padding-top:0;}
  50 .fl-list-brief>li a{padding-bottom:6px;}
  51 .fl-list-brief>li a>.fl-link-summary{height:1.3em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  52 .fl-list-brief>li a>.fl-icon ~ .fl-link-summary{margin-left:0;}
  53 .fl-list-brief.fl-list-thumbnails:not(.fl-thumbnails-expanded)>li a>.fl-icon{margin:-6px 10px -6px -12px;}
  54 .fl-list-brief.fl-list-thumbnails:not(.fl-thumbnails-expanded)>li a>.fl-link-secondary{padding-top:0;}
  55 .fl-list-thumbnails.fl-grid{overflow:auto;}
  56 .fl-list-thumbnails.fl-grid li{display:inline-block;float:none;vertical-align:top;width:auto;height:auto;margin:4px;}
  57 .fl-list-thumbnails.fl-grid li a{padding:0;margin:0;text-indent:-5000px;overflow:hidden;width:44px;height:44px;}
  58 .fl-list-thumbnails.fl-grid li a .fl-icon{display:block;float:none;margin:0 auto;padding:0;width:auto;height:auto;max-height:44px;max-width:44px;}
  59 .fl-list-thumbnails.fl-thumbnails-expanded.fl-grid li{margin:0;}
  60 .fl-list-thumbnails.fl-thumbnails-expanded.fl-grid li a{height:64px;width:64px;}
  61 .fl-list-thumbnails.fl-thumbnails-expanded.fl-grid>li a .fl-icon{max-height:64px;max-width:64px;}
  62 .fl-list-thumbnails.fl-grid li .fl-table .fl-table-cell{display:table-cell;vertical-align:middle;}
  63 .fl-list-thumbnails.fl-grid .fl-grid-caption{position:relative;height:auto;text-align:center;font-size:12px;}
  64 .fl-thumbnails-expanded.fl-grid .fl-grid-caption{width:64px;}
  65 .fl-list-glossy>li a::before{position:absolute;content:" ";float:left;width:28px;height:28px;margin:-4px 0 0 -5px;-webkit-border-radius:3px;-webkit-background-size:30px 60px;background-repeat:no-repeat;}
  66 .fl-list-thumbnails.fl-list-glossy>li a::before{width:42px;height:42px;margin:-11px;-webkit-border-radius:0;-webkit-background-size:44px 50px;}
  67 .fl-list-thumbnails.fl-thumbnails-expanded.fl-list-glossy>li a::before{width:58px;height:58px;margin:-4px;-webkit-border-radius:0;-webkit-background-size:60px 40px;}
  68 [class*=fl-container]:not(.fl-navbar){margin:10px;width:auto;}
  69 [class*=fl-container] [class*=fl-list]>li{border-right-width:1px;border-left-width:1px;}
  70 [class*=fl-container] [class*=fl-list]>li:first-child,[class*=fl-container] [class*=fl-list]>li:first-child a{-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;}
  71 [class*=fl-container] [class*=fl-list]>li:last-child,[class*=fl-container] [class*=fl-list]>li:last-child a{-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;}
  72 [class*=fl-container] [class*=fl-list]:not(.fl-thumbnails-expanded)>li a .fl-icon{-webkit-border-bottom-left-radius:8px;-webkit-border-top-left-radius:8px;}
  73 [class*=fl-container] .fl-list-thumbnails:not(.fl-thumbnails-expanded)>li,[class*=fl-container] .fl-list-thumbnails:not(.fl-thumbnails-expanded)>li a{-webkit-border-radius:8px;}
  74 .fl-container-autoHeading>*:first-child{padding:10px;margin:0;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;}
  75 .fl-container-autoHeading>*:last-child{margin:0;-webkit-border-radius:0;-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;}
  76 .fl-container-autoHeading [class*=fl-list]>li{margin:0;}
  77 .fl-container-autoHeading [class*=fl-list]>li:first-child,.fl-container-autoHeading [class*=fl-list]>li:first-child a{-webkit-border-radius:0;}
  78 .fl-container-autoHeading [class*=fl-list]>li:first-child:last-child,.fl-container-autoHeading [class*=fl-list]>li:first-child:last-child a{-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;}
  79 .fl-container-collapsable{max-height:900px;overflow:hidden;-webkit-border-radius:8px;}
  80 .fl-table{display:table;border-collapse:collapse;}
  81 .fl-table-row{display:table-row;}
  82 .fl-table-cell{display:table-cell;vertical-align:middle;}
  83 .fl-theme-android{font:normal 17px "Droid Sans",sans-serif;}
  84 .fl-theme-android [class*=fl-list]>li{border-width:0;}
  85 .fl-theme-android h1,.fl-theme-android h2,.fl-theme-android h3{padding:5px;margin:0;}
  86 .fl-theme-android [class*=fl-container] h1,.fl-theme-android [class*=fl-container] h2,.fl-theme-android [class*=fl-container] h3{margin:0 -10px;}
  87 .fl-theme-android .fl-list-menu a{font-weight:normal;}
  88 .fl-theme-android .fl-tabs li:not(:last-child){margin-right:-4px;}
  89 .fl-theme-android [class*=fl-container] [class*=fl-list]>li:first-child,.fl-theme-android [class*=fl-container] [class*=fl-list]>li:first-child a{-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:0;}
  90 .fl-theme-android [class*=fl-container]:not(.fl-container-autoHeading) [class*=fl-list]>li:last-child,.fl-theme-android [class*=fl-container]:not(.fl-container-autoHeading) [class*=fl-list]>li:last-child a{-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;}
  91 .fl-theme-android .fl-list-thumbnails.fl-thumbnails-expanded>li:last-child{border:0;}
  92 .fl-theme-android .fl-container-autoHeading>:first-child{margin-left:0;margin-right:0;}
  93 .fl-theme-android .fl-container-autoHeading>:last-child{border-width:0 1px 1px;}