web-ui-fw/0.0.2/0.0.2_Common/original/css/car/car.css

   1 @import url("./spinner.css");
   2
   3 /* This is theme aimed for Intel Coulomb 2012 */
   4 @font-face {
   5         font-family: HelveticaNeue;
   6
   7         src: url('./fonts/HelveticaNeue-Regular.eot?#iefix') format('embedded-opentype'),
   8              url('./fonts/HelveticaNeue-Regular.woff') format('woff'),
   9              url('./fonts/HelveticaNeue-Regular.ttf')  format('truetype'),
  10              url('./fonts/HelveticaNeue-Regular.svg#svgFontName') format('svg'),
  11              local("HelveticaNeue");
  12 }
  13
  14 @font-face {
  15         font-family: HelveticaNeue;
  16         src: url('./fonts/HelveticaNeue-CondensedBold.eot?#iefix') format('embedded-opentype'),
  17              url('./fonts/HelveticaNeue-CondensedBold.woff') format('woff'),
  18              url('./fonts/HelveticaNeue-CondensedBold.ttf')  format('truetype'),
  19              url('./fonts/HelveticaNeue-CondensedBold.svg#svgFontName') format('svg'),
  20              local("HelveticaNeue");
  21
  22         font-weight: bold;
  23 }
  24
  25 @font-face {
  26         font-family: HelveticaNeue;
  27         src: url('./fonts/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'),
  28              url('./fonts/HelveticaNeue-Light.woff') format('woff'),
  29              url('./fonts/HelveticaNeue-Light.ttf')  format('truetype'),
  30              url('./fonts/HelveticaNeue-Light.svg#svgFontName') format('svg'),
  31              local("HelveticaNeue");
  32
  33         font-weight: 100;
  34 }
  35
  36 html {
  37         height: 1280px !important;
  38         width: 720px !important;
  39         overflow: hidden;
  40         position: absolute !important;
  41         background-color: #000;
  42 }
  43
  44 body {
  45         font-family: HelveticaNeue;
  46         -webkit-font-smoothing: antialiased;
  47         position: absolute !important;
  48         height: 1280px !important;
  49         width: 720px !important;
  50         overflow: hidden;
  51         z-index: 1;
  52         background-color: #000;
  53         /*-webkit-transform: scale(0.5, 0.5) !important;
  54         -webkit-transform: rotate(-90deg) !important;
  55         -webkit-transform-origin: left top !important;
  56          top: 720px !important;*/
  57 }
  58
  59 * {
  60         margin: 0;
  61         padding: 0;
  62         -webkit-user-select: none;
  63 }
  64
  65 div {
  66         position: relative;
  67 }
  68
  69 ul {
  70         list-style: none;
  71         padding: 0;
  72         margin: 0;
  73 }
  74
  75 li {
  76         overflow: hidden;
  77         position: relative;
  78 }
  79
  80 .border {
  81         border: 1px solid;
  82 }
  83
  84 .exitButton {
  85         background-image: url('images/bt_close.png');
  86 }
  87
  88 .button {
  89         display: block;
  90         margin: 0;
  91         padding: 0;
  92         cursor: pointer;
  93         text-align: center;
  94         text-decoration: none;
  95         z-index: 10;
  96 }
  97
  98 .button:hover {
  99         text-decoration: none;
 100 }
 101
 102 .libraryButton {
 103         position: absolute;
 104         height: 60px;
 105         line-height: 47px !important;
 106         top: 152px;
 107         right: 0;
 108         background-repeat: no-repeat;
 109         background-position: left center;
 110         text-align: right;
 111         padding: 0 33px 0 40px;
 112         text-transform: uppercase;
 113 }
 114
 115 .libraryButton:active {
 116         position: absolute;
 117         top: 153px;
 118 }
 119
 120 .backButton {
 121         height: 43px;
 122         line-height: 43px !important;
 123         background-repeat: no-repeat;
 124         background-position: left center;
 125         text-align: right;
 126         padding: 0 15px 0 35px;
 127         display: inline-block;
 128         margin-left: 20px;
 129         vertical-align: top;
 130         cursor: pointer;
 131 }
 132
 133 .settingsHeaderText {
 134         text-transform: uppercase;
 135 }
 136
 137 .albumCarouselDescriptionText {
 138         text-transform: uppercase;
 139 }
 140
 141 .oneLineEllipsis {
 142         overflow: hidden;
 143         text-overflow: ellipsis;
 144         word-wrap: break-word;
 145         display: -webkit-box;
 146         -webkit-box-orient: vertical;
 147         -webkit-line-clamp: 1;
 148 }
 149
 150 .twoLinesEllipsis {
 151         overflow: hidden;
 152         text-overflow: ellipsis;
 153         word-wrap: break-word;
 154         display: -webkit-box;
 155         -webkit-box-orient: vertical;
 156         -webkit-line-clamp: 2;
 157 }
 158
 159 .threeLinesEllipsis {
 160         overflow: hidden;
 161         text-overflow: ellipsis;
 162         word-wrap: break-word;
 163         display: -webkit-box;
 164         -webkit-box-orient: vertical;
 165         -webkit-line-clamp: 3;
 166 }
 167
 168 input {
 169         font-family: inherit;
 170         font-weight: bold;
 171 }
 172
 173 .inputBox .input {
 174         width: 280px;
 175         height: 75px;
 176         padding-right: 75px;
 177         padding-left: 25px;
 178         border: none;
 179         background-color: black;
 180         background-color: rgba(0, 0, 0, 0.2);
 181         -webkit-user-select: text;
 182 }
 183
 184 .inputBox .input:focus {
 185         border: 0;
 186         outline: none;
 187 }
 188
 189 .inputBox .deleteButton {
 190         position: absolute;
 191         top: 0;
 192         right: 0;
 193         margin: 0;
 194         padding: 0;
 195         width: 70px;
 196         height: 75px;
 197         background-position: center center;
 198         background-repeat: no-repeat;
 199         cursor: pointer;
 200 }
 201
 202 .inputBox .deleteButton:active {
 203         top: 1px;
 204         right: 1px;
 205 }
 206
 207 .inputBox .inputSelection {
 208         width: 230px;
 209         height: 75px;
 210         padding-right: 75px;
 211         padding-left: 75px;
 212         border: none;
 213         background-color: black;
 214         background-color: rgba(0, 0, 0, 0.2);
 215         -webkit-user-select: text;
 216 }
 217
 218 .inputBox .inputSelection:focus {
 219         border: 0;
 220         outline: none;
 221 }
 222
 223 .inputBox .previousButton {
 224         position: absolute;
 225         top: 0;
 226         left: 0;
 227         margin: 0;
 228         padding: 0;
 229         width: 70px;
 230         height: 75px;
 231         background-position: center center;
 232         background-repeat: no-repeat;
 233         cursor: pointer;
 234 }
 235
 236 .inputBox .previousButton:active {
 237         top: 1px;
 238         left: 1px;
 239 }
 240
 241 .inputBox .nextButton {
 242         position: absolute;
 243         top: 0;
 244         right: 0;
 245         margin: 0;
 246         padding: 0;
 247         width: 70px;
 248         height: 75px;
 249         background-position: center center;
 250         background-repeat: no-repeat;
 251         cursor: pointer;
 252 }
 253
 254 .inputBox .nextButton:active {
 255         top: 1px;
 256         right: 1px;
 257 }