css/style.css

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