css/style.css

   1 @viewport{
   2         width: 720px;
   3         height: 1280px;
   4         user-zoom: fixed;
   5 }
   6
   7 #backgroundStore
   8 {
   9         position: absolute;
  10         width: 720px;
  11         height: 1280px;
  12
  13 }
  14 #appDetailWraper{
  15         /*position: absolute;*/
  16         top:480px;
  17         left :30px;
  18         width:660px;
  19         height:600px;
  20 }
  21
  22 .storePromotedAppsCellHidden {
  23         display: none;
  24 }
  25
  26 .storePromotedAppsCellImage {
  27         height: 148px;
  28         width: 181px;
  29         margin: 3px;
  30 }
  31 .storePromotedAppsCellText {
  32         text-align: center;
  33         font-size: x-large;
  34         color: white;
  35         text-shadow: none;
  36         position: relative;
  37         background-color: #111111;
  38         width: 100%;
  39         height: 30px;
  40         opacity: 0.6;
  41         left: 0;
  42         top: -30px;
  43
  44 }
  45 .ratingIcons
  46 {
  47         width: 20px;
  48         height: 18px;
  49         background-repeat: no-repeat;
  50 }
  51
  52
  53 /*new added after code clear in detailApplication.css*/
  54 .iconElement {
  55         position: absolute;
  56         top: 30px;
  57         left: 15px;
  58         width: 145px;
  59         height: 136px;
  60         margin: 0 auto;
  61 }
  62
  63 .detailIcon {
  64         width: 145px;
  65         height: 145px;
  66         margin: 0 auto;
  67 }
  68
  69 .ratingTableDetail {
  70         position: absolute;
  71         top: 155px;
  72         left: 20px;
  73         width: 250px;
  74         height: 40px;
  75 }
  76
  77 .ratingIcons {
  78         float: left;
  79 }
  80 .iconStarActive {
  81         display: block;
  82                 background-repeat: no-repeat;
  83 }
  84 .iconStarInActive {
  85         display: block;
  86         background-repeat: no-repeat;
  87 }
  88
  89 .priceElement {
  90         position: absolute;
  91         left: 250px;
  92         top: 35px;
  93         width: 250px;
  94 }
  95 .priceTitle {
  96         display: inline-block;
  97         width: 100px;
  98 }
  99 .priceAmount {
 100         position: relative;
 101         display: inline-block;
 102 }
 103 .installButtons{
 104         position: relative;
 105         top:20px;
 106         width:150px;
 107         height:30px;
 108         padding:10px;
 109         border:5px;
 110         border-style:solid;
 111 }
 112 .btnText {
 113                 text-align:center;
 114 }
 115 .infoWrapper {
 116         left: 15px;
 117         /*width: 900px;*/
 118 }
 119 .descriptionElement {
 120         position: relative;
 121         top: 80px;
 122 }
 123 .versionElement {
 124         position: relative;
 125         top: 100px;
 126 }
 127 .detailDescription {
 128         position: relative;
 129         top: 3px;
 130         width: 600px;
 131 }
 132 .versionTitle {
 133         position: relative;
 134         display: inline-block;
 135
 136 }
 137 .versionNumber {
 138         position: relative;
 139         display: inline-block;
 140 }
 141 .imagesElement {
 142         position: relative;
 143         top: 120px;
 144         left: 0;
 145
 146 }
 147
 148 .imageElement {
 149         width: 180px;
 150         height: 400px;
 151         float: left;
 152         overflow: hidden;
 153         margin-top: 10px;
 154         margin-left: 5px;
 155         background-repeat:no-repeat;
 156 }
 157
 158 .textPanel {
 159         position: relative;
 160         width: 405px;
 161         top: 50px;
 162         display: none;
 163 }
 164
 165 .installText {
 166         text-align: left;
 167 }
 168
 169 .progressBar {
 170         position: absolute;
 171         top: 40px;
 172         left: 0;
 173         width: 325px;
 174         height: 10px;
 175         border-style: solid;
 176         border-width: 0 0 4px 0;
 177 }
 178
 179 .appDetail {
 180         height: 200px;
 181 }