samples/web/Sample/Tizen/Web App/Modello_SDL/project/css/buttonControls.css

   1 /**
   2  * buttonControls module CSS
   3  *
   4  * @category    Style Sheets
   5  * @filesource  css/buttonControls.css
   6  * @version             2.0
   7  */
   8
   9 #buttonControls.buttonControls {
  10         width: 270px;
  11         height: 200px;
  12         top: 0px;
  13         left: 790px;
  14 }
  15
  16 #protocolVersion.protocolVersion {
  17         width: 302px;
  18         height: 20px;
  19         top: 450px;
  20         left: 810px;
  21 }
  22
  23 #protocolVersion .protocolVersionLabel{
  24         left: 20px;
  25 }
  26
  27 #driverDistractionControl.driverDistractionControl {
  28         width: 302px;
  29         height: 20px;
  30         top: 423px;
  31         left: 810px;
  32 }
  33
  34 #driverDistractionControl .driverDistractionControlLabel{
  35         left: 20px;
  36 }
  37
  38 #infoTable.infoTable{
  39         width: 375px;
  40         height: 96px;
  41         top: 308px;
  42         left: 801px;
  43         background-color: #383737;
  44         color: white;
  45         border: 1px solid gray;
  46         overflow: hidden;
  47 }
  48 #infoTable .sdlGPLabel{
  49         width: 157px;
  50         border-right: 1px solid #14100F;
  51         height: 96px;
  52         position: relative;
  53         float: left;
  54 }
  55 #infoTable .sdlGPData{
  56         position: relative;
  57         display: block;
  58         overflow: hidden;
  59         text-overflow: ellipsis;
  60         width: 203px;
  61         height: 18px;
  62 }
  63 #buttonControls .ContainerControlls{
  64         left: 34px;
  65         background: url(../images/home/controlButtons/backGroundControllButtons.png) no-repeat;
  66         width: 200px;
  67         height: 200px;
  68 }
  69 #buttonControls .UpBtn{
  70         background: url(../images/home/controlButtons/UpButton.png) no-repeat;
  71         background-position: -32px 0;
  72         width: 137px;
  73         height: 64px;
  74         left: 32px;
  75         -webkit-transition: 0.2s ;
  76 }
  77 #TUNEUP.pressed{
  78         background: url(../images/home/controlButtons/UpButton_pressed.png) !important;
  79         background-position: -32px 0 !important;
  80         width: 137px !important;
  81         height: 69px !important;
  82         left: 32px !important;
  83 }
  84 #buttonControls .DownBtn{
  85         background: url(../images/home/controlButtons/DownButton.png) no-repeat;
  86         background-position: -32px -132px;
  87         width: 137px;
  88         height: 65px;
  89         top: 132px;
  90         left: 32px;
  91         -webkit-transition: 0.2s ;
  92 }
  93 #TUNEDOWN.pressed{
  94         background: url(../images/home/controlButtons/DownButton_pressed.png) no-repeat;
  95         background-position: -32px -132px !important;
  96         width: 137px !important;
  97         height: 65px !important;
  98         top: 132px !important;
  99         left: 32px !important;
 100 }
 101 #buttonControls .LeftBtn{
 102         background: url(../images/home/controlButtons/LeftButton.png) no-repeat;
 103         width: 63px;
 104         height: 138px;
 105         background-position: -3px -31px;
 106         left: 3px;
 107         top: 31px;
 108         -webkit-transition: 0.2s ;
 109 }
 110 #SEEKLEFT.pressed{
 111         background: url(../images/home/controlButtons/LeftButton_pressed.png) no-repeat;
 112         width: 63px !important;
 113         height: 138px !important;
 114         background-position: -3px -31px !important;
 115         left: 3px !important;
 116         top: 31px !important;
 117 }
 118 #buttonControls .RightBtn{
 119         background: url(../images/home/controlButtons/RightButton.png) no-repeat;
 120         background-position: -131px -31px;
 121         width: 68px;
 122         height: 139px;
 123         left: 131px;
 124         top: 31px;
 125         -webkit-transition: 0.2s ;
 126 }
 127 #SEEKRIGHT.pressed{
 128         background: url(../images/home/controlButtons/RightButton_pressed.png) no-repeat;
 129         background-position: -131px -31px !important;
 130         width: 68px !important;
 131         height: 139px !important;
 132         left: 131px !important;
 133         top: 31px !important;
 134 }
 135 #buttonControls .OkBtn{
 136         background: url(../images/home/controlButtons/OkButton.png) no-repeat;
 137         background-position: -55px -55px;
 138         width: 89px;
 139         height: 90px;
 140         left: 55px;
 141         top: 55px;
 142         -webkit-transition: 0.2s ;
 143 }
 144 #OK.pressed{
 145         background: url(../images/home/controlButtons/OkButton_pressed.png) no-repeat;
 146         background-position: -55px -55px !important;
 147         width: 89px !important;
 148         height: 90px !important;
 149         left: 55px !important;
 150         top: 55px !important;
 151 }
 152 #app_controlButtons .sendData{
 153         top: 252px !important;
 154         left: 1049px !important;
 155         width: 80px !important;
 156         font-size: 16px !important;
 157
 158 }
 159 #app_controlButtons .btnNotPressed{
 160         width: 40px;
 161         height: 40px;
 162         left: 0px;
 163         top: 200px;
 164         -webkit-transition: 0.2s;
 165         border-radius: 8px;
 166         background-color: #1D1D1D;
 167         border: 1px solid #383737;
 168         box-shadow: inset 5px 5px 10px #383737, inset -3px -3px 10px black;
 169         -webkit-transition: 0.2s;
 170         font-size: 38px;
 171         line-height: 42px;
 172         text-align: center;
 173         position: relative;
 174         float: left;
 175         margin-left: 10px;
 176         margin-top: 10px;
 177 }
 178 }
 179
 180 #app_controlButtons .languageSelect{
 181         position: absolute;
 182         width: 150px;
 183         height: 30px;
 184         color: white;
 185         background: #393939;
 186 }
 187
 188 #app_controlButtons .languageSelect option{
 189         background: #393939;
 190 }
 191 #UILanguages.languageSelect{
 192         top: 110px;
 193         left: 1028px;
 194 }
 195 #TTSVRLanguages.languageSelect{
 196         top: 170px;
 197         left: 1028px;
 198 }
 199
 200 #app_controlButtons .UILanguagesLabel{
 201         top: 91px;
 202         left: 1028px;
 203         width: 150px;
 204 }
 205 #app_controlButtons .TTSVRLanguagesLabel{
 206         top: 151px;
 207         left: 1028px;
 208         width: 160px;
 209 }
 210 #app_controlButtons .appUILanguagesLabel{
 211         top: 91px;
 212         left: 1195px;
 213         width: 250px;
 214 }
 215 #app_controlButtons .appTTSVRLanguagesLabel{
 216         top: 151px;
 217         left: 1195px;
 218         width: 250px;
 219 }#app_controlButtons .appUILang{
 220         top: 117px;
 221         left: 1195px;
 222         width: 150px;
 223 }
 224 #app_controlButtons .appTTSVRLang{
 225         top: 176px;
 226         left: 1195px;
 227         width: 150px;
 228 }
 229 #app_controlButtons .sendDataCheckBox{
 230         left: 1158px;
 231         position: absolute;
 232         top: 275px;
 233 }
 234 #app_controlButtons .sendDataLabel{
 235         top: 275px;
 236         left: 1180px;
 237         width: 160px;
 238 }
 239 #buttonControls .btnNotPressed.pressed{
 240         box-shadow: inset 5px 5px 10px black, inset -3px -3px 10px #383737;
 241         line-height: 45px;
 242 }
 243 #app_controlButtons .languageSelect{
 244         position: absolute;
 245         width: 150px;
 246         height: 30px;
 247         color: white;
 248         background: #393939;
 249 }
 250
 251 #app_controlButtons .languageSelect option{
 252         background: #393939;
 253 }
 254 #UILanguages.languageSelect{
 255         top: 110px;
 256         left: 1028px;
 257 }
 258 #TTSVRLanguages.languageSelect{
 259         top: 170px;
 260         left: 1028px;
 261 }
 262
 263 #app_controlButtons .UILanguagesLabel{
 264         top: 91px;
 265         left: 1028px;
 266         width: 150px;
 267 }
 268 #app_controlButtons .TTSVRLanguagesLabel{
 269         top: 151px;
 270         left: 1028px;
 271         width: 160px;
 272 }