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