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