samples/web/Sample/Tizen/Web App/Modello_Dashboard/project/components/statusBox/statusBox.css

   1 .statusIndicatorClass{
   2         width:180px;
   3         height:85px;
   4 }
   5 .statusIndicatorClass .boxIconText{
   6         position: absolute;
   7         top: 8px;
   8         left: 15px;
   9 }
  10 .statusBox .textIndicator{
  11         position: absolute;
  12         left:15px;
  13         top:30px
  14 }
  15 .statusBox .statusIndicator{
  16         position: absolute;
  17         left:15px;
  18         top:60px;
  19 }
  20 .corner{
  21         width:7px;
  22         height:7px;
  23 }
  24 .leftTopCorner{
  25         position: absolute;
  26         left:0;
  27         top:0;
  28 }
  29 .leftBottomCorner{
  30         position: absolute;
  31         left:0;
  32         bottom:0;
  33         -webkit-transform:rotate(270deg);
  34         -moz-transform:rotate(270deg);
  35         -ms-transform:rotate(270deg);
  36         -o-transform:rotate(270deg);
  37         transform:rotate(270deg);
  38 }
  39 .rightTopCorner{
  40         position: absolute;
  41         right:0;
  42         top:0;
  43         -webkit-transform:rotate(90deg);
  44         -moz-transform:rotate(90deg);
  45         -ms-transform:rotate(90deg);
  46         -o-transform:rotate(90deg);
  47         transform:rotate(90deg);
  48
  49 }
  50 .rightBottomCorner{
  51         position: absolute;
  52         right:0;
  53         bottom:0;
  54         -webkit-transform:rotate(180deg);
  55         -moz-transform:rotate(180deg);
  56         -ms-transform:rotate(180deg);
  57         -o-transform:rotate(180deg);
  58         transform:rotate(180deg);
  59 }