ui/src/main/webapp/static/fusion/sample/css/welcome.css

   1 /* Area Chart */
   2 #areaChart {
   3     overflow: hidden;
   4 }
   5
   6 #lineChart {
   7     overflow: hidden;
   8 }
   9
  10 #areaChart svg {
  11     height: 200px;
  12     width: 380px;
  13     min-width: 100px;
  14     min-height: 100px;
  15 }
  16
  17 #lineChart svg {
  18     height: 200px;
  19     width: 380px;
  20     min-width: 100px;
  21     min-height: 100px;
  22 }
  23
  24 #areaChart tr.z-row-over>td.z-row-inner, tr.z-row-over>.z-cell {
  25     background-color: rgb(255, 255, 255);
  26 }
  27
  28 #lineChart tr.z-row-over>td.z-row-inner, tr.z-row-over>.z-cell {
  29     background-color: rgb(255, 255, 255);
  30 }
  31
  32 #areaChart .nodatadiv {
  33     display: table-cell;
  34     width: 700px;
  35     height: 370px;
  36     text-align: center;
  37     vertical-align: middle;
  38 }
  39
  40 #lineChart .nodatadiv {
  41     display: table-cell;
  42     width: 700px;
  43     height: 370px;
  44     text-align: center;
  45     vertical-align: middle;
  46 }
  47
  48 #areaChart .nodatainner {
  49     padding: 10px;
  50 }
  51
  52 #lineChart .nodatainner {
  53     padding: 10px;
  54 }
  55
  56 /* Area Chart END  */
  57 .button--small, [class*=bg-] .button--small {
  58     font-size: 14px;
  59 }
  60
  61 ;
  62
  63 /* Gridster (EBIZ) */
  64 .gridster-item-container .gridster-item-body {
  65     bottom: 0px;
  66 }
  67
  68 .gridster-item-container {
  69     min-height: 50px;
  70 }
  71
  72 .att-accordion {
  73     border-width: 0px;
  74 }
  75
  76 /* End Gridster */
  77 #myGallery {
  78     width: 100%;
  79     height: 400px;
  80 }
  81
  82 #myGallery img {
  83     border: 2px solid #52697E;
  84 }
  85
  86 a.loading {
  87     background: #fff url(../images/ajax_small.gif) no-repeat center;
  88 }
  89
  90 .center {
  91     margin-left: auto;
  92     margin-right: auto;
  93 }
  94
  95 #selectedTrafficDay ul {
  96     list-style: none;
  97     padding: 0;
  98     margin: 0;
  99 }
 100
 101 #selectedTrafficDay li {
 102     float: left;
 103     border: 1px solid #000;
 104     border-bottom-width: 0;
 105     margin: 3px 3px 3px 3px;
 106     padding: 5px 5px 5px 5px;
 107     background-color: #F2F2F2;
 108     color: #696969;
 109 }
 110
 111 #SelectedTrafficeDayView {
 112     padding: 0 1em;
 113 }
 114
 115 #selectedTrafficDay .active1 {
 116     background-color: #FFF;
 117     color: #000;
 118 }
 119
 120 #BusyHourTraffic ul {
 121     list-style: none;
 122     padding: 0;
 123     margin: 0;
 124 }
 125
 126 #BusyHourTraffic li {
 127     float: left;
 128     border: 1px solid #000;
 129     border-bottom-width: 0;
 130     margin: 3px 3px 3px 3px;
 131     padding: 5px 5px 5px 5px;
 132     background-color: #F2F2F2;
 133     color: #696969;
 134 }
 135
 136 #BusyHourTrafficView {
 137     padding: 0 1em;
 138 }
 139
 140 #BusyHourTraffic .active2 {
 141     background-color: #FFF;
 142     color: #000;
 143 }
 144
 145 #slider {
 146     width: 600px;
 147     margin: 0 auto;
 148     clear: left;
 149 }
 150
 151 @media only screen and (device-width: 768px) {
 152     #slider {
 153         width: 400px;
 154     }
 155 }
 156
 157 #container {
 158
 159 }
 160
 161 #title {
 162     float: left;
 163     width: 100%;
 164     height: 30px;
 165     margin:;
 166     color: #222222;
 167     text-shadow: 1px 1px 2px #A0A0A0;
 168 }
 169
 170 .content {
 171     margin-right: -230px;
 172     top: 50px;
 173 }