ONAP-SDK-APP/src/main/webapp/static/fusion/sample/css/welcome.css

   1 /* Area Chart */
   2
   3 #areaChart {
   4         overflow: hidden;}
   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
  58 .button--small, [class*=bg-] .button--small {
  59     font-size: 14px;
  60  };
  61
  62 /* Gridster (EBIZ) */
  63
  64 .gridster-item-container .gridster-item-body{
  65 bottom:0px;
  66 }
  67 .gridster-item-container{
  68 min-height:50px;
  69 }
  70 .att-accordion {
  71     border-width: 0px;
  72 }
  73
  74 /* End Gridster */
  75
  76 #myGallery {
  77         width: 100%;
  78         height: 400px;
  79 }
  80
  81 #myGallery img {
  82         border: 2px solid #52697E;
  83 }
  84
  85 a.loading {
  86         background: #fff url(../images/ajax_small.gif) no-repeat center;
  87 }
  88
  89 .center {
  90     margin-left: auto;
  91         margin-right: auto;
  92 }
  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 }