mirror of
https://github.com/flyandi/mazda-custom-application-sdk
synced 2024-12-23 11:42:57 -06:00
115 lines
3.2 KiB
CSS
115 lines
3.2 KiB
CSS
/**
|
|
* Custom Applications SDK for Mazda Connect Infotainment System
|
|
*
|
|
* A mini framework that allows to write custom applications for the Mazda Connect Infotainment System
|
|
* that includes an easy to use abstraction layer to the JCI system.
|
|
*
|
|
* Written by Andreas Schwarz (http://github.com/flyandi/mazda-custom-applications-sdk)
|
|
* Copyright (c) 2016. All rights reserved.
|
|
*
|
|
* WARNING: The installation of this application requires modifications to your Mazda Connect system.
|
|
* If you don't feel comfortable performing these changes, please do not attempt to install this. You might
|
|
* be ending up with an unusuable system that requires reset by your Dealer. You were warned!
|
|
*
|
|
* This program is free software: you can redistribute it and/or modify it under the terms of the
|
|
* GNU General Public License as published by the Free Software Foundation, either version 3 of the
|
|
* License, or (at your option) any later version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even
|
|
* the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public
|
|
* License for more details.
|
|
*
|
|
* You should have received a copy of the GNU General Public License along with this program.
|
|
* If not, see http://www.gnu.org/licenses/
|
|
*
|
|
*/
|
|
|
|
/**
|
|
* NOTICE: It's important that you target your application with the [app] attribute
|
|
*/
|
|
|
|
[app="app.tetris"] {
|
|
background: url(images/background.jpg) no-repeat center center #101010;
|
|
}
|
|
|
|
[app="app.tetris"] span,
|
|
[app="app.tetris"] label {
|
|
position:absolute;
|
|
font-size:17px;
|
|
letter-spacing:4px;
|
|
text-transform: uppercase;
|
|
text-shadow:#000 2px 0 0;
|
|
width:200px;
|
|
text-align:center;
|
|
}
|
|
|
|
[app="app.tetris"] label {
|
|
color: rgba(255, 255, 255, 0.75);
|
|
}
|
|
|
|
[app="app.tetris"] span {
|
|
font-size:40px;
|
|
background:rgba(0, 0, 0, 0.25);
|
|
}
|
|
|
|
[app="app.tetris"] label.score {
|
|
right:45px;
|
|
top:40px;
|
|
}
|
|
|
|
[app="app.tetris"] span.score {
|
|
right:45px;
|
|
top:70px;
|
|
}
|
|
|
|
[app="app.tetris"] label.highScore {
|
|
right:45px;
|
|
top:150px;
|
|
}
|
|
|
|
[app="app.tetris"] span.highScore {
|
|
right:45px;
|
|
top:180px;
|
|
}
|
|
|
|
[app="app.tetris"] label.gamelabel {
|
|
right:50%;
|
|
width:200px;
|
|
top:50%;
|
|
margin-top:-5px;
|
|
margin-right:-100px;
|
|
text-align:center;
|
|
text-shadow:#000 0 0 15px;
|
|
font-size:20px;
|
|
display:none;
|
|
}
|
|
|
|
[app="app.tetris"] .gameBoard {
|
|
border: 1px solid #ccc;
|
|
border-radius: .4em;
|
|
position:absolute;
|
|
top:15px;
|
|
left:50%;
|
|
margin-left:-100px;
|
|
background:rgba(255, 255, 255, 0.05);
|
|
overflow:hidden;
|
|
}
|
|
|
|
[app="app.tetris"] .gameBoard .tile {
|
|
border-radius: 2px;
|
|
position: absolute;
|
|
width: 19px;
|
|
height: 19px;
|
|
border: 1px solid #101010;
|
|
}
|
|
|
|
[app="app.tetris"] .gameBoard .type-I { background-color: #FF73FF; }
|
|
[app="app.tetris"] .gameBoard .type-O { background-color: #FFFF73; }
|
|
[app="app.tetris"] .gameBoard .type-T { background-color: #B973FF; }
|
|
[app="app.tetris"] .gameBoard .type-S { background-color: #73FF73; }
|
|
[app="app.tetris"] .gameBoard .type-Z { background-color: #FF7373; }
|
|
[app="app.tetris"] .gameBoard .type-J { background-color: #73B9FF; }
|
|
[app="app.tetris"] .gameBoard .type-L { background-color: #FFA64D; }
|
|
|
|
[app="app.tetris"] .gameBoard .frozen {
|
|
}
|