2 * Copyright (c) 2012, Intel Corporation.
4 * This program is licensed under the terms and conditions of the
5 * Apache License, version 2.0. The full text of the Apache License is at
6 * http://www.apache.org/licenses/LICENSE-2.0
19 font-family: default_font;
20 src: url('../fonts/Yesteryear-Regular.ttf'),
21 url('../fonts/wqy-microhei.ttc');
25 font-family: sans_font;
26 src: url('../fonts/OpenSans-Bold.ttf');
36 -webkit-user-select: none;
37 background-color: "white";
38 box-shadow: 5px 5px 20px black;
41 -webkit-transform: translate(-50%, -50%);
45 -webkit-box-align: center;
46 -webkit-box-pack: center;
47 -webkit-box-orient: vertical;
53 background:url('../images/GO_GridWoodBG_022312_a.png') no-repeat;
59 @media (orientation: landscape) {
60 body { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0.78125, 0.8); }
63 @media (min-width: 1024px) and (min-height: 600px) and (orientation: landscape) {
64 body { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); }
67 @media (min-width: 1280px) and (min-height: 720px) and (orientation: landscape) {
68 body { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1.25, 1.199); }
72 @media (orientation: portrait) {
73 body { top: 0%; left: 0%; -webkit-transform: translate(-50%, -50%) rotate(90deg) scale(0.8, 0.78125) translate(50%, -50%); }
76 @media (min-width: 600px) and (min-height: 989px) and (orientation: portrait) {
77 body { top: 0%; left: 0%; -webkit-transform: translate(-50%, -50%) rotate(90deg) scale(0.9658, 1.0) translate(50%, -50%); }
80 @media (min-width: 600px) and (min-height: 1024px) and (orientation: portrait) {
81 body { top: 0%; left: 0%; -webkit-transform: translate(-50%, -50%) rotate(90deg) translate(50%, -50%); }
84 @media (min-width: 720px) and (min-height: 1230px) and (orientation: portrait) {
85 body { top: 0%; left: 0%; -webkit-transform: translate(-50%, -50%) rotate(90deg) scale(1.2, 1.199) translate(50%, -50%); }
88 @media (min-width: 720px) and (min-height: 1280px) and (orientation: portrait) {
89 body { top: 0%; left: 0%; -webkit-transform: translate(-50%, -50%) rotate(90deg) scale(1.25, 1.199) translate(50%, -50%); }
98 /* line-height:0px; */
103 border:1px solid #021a40;
107 padding:1px 1px 0px 1px;
122 background:url('../images/GO_Pit_010612_a.png') no-repeat;
131 background:url('../images/GO_Pit_010612_b.png') no-repeat;
146 font-family: default_font;
164 font-family: default_font;
186 font-family: default_font;
195 font-family: default_font;
217 font-family: default_font;
221 background:url('../images/GO_SkipArrow_022212_a.png') no-repeat right;
226 background:url('../images/GO_SkipArrow_022212_b.png') no-repeat right;
264 background:url('../images/GO_PlaySlab_012012_a.png') no-repeat;
268 font-family: default_font;
275 .play_button:active {
286 background:url('../images/GO_SettingsSlab_010612_a.png') no-repeat;
288 -webkit-transition:all .4s ease-in-out;
289 -moz-transition:all .4s ease-in-out;
290 -o-transition:all .4s ease-in-out;
291 -ms-transition:all .4s ease-in-out;
292 transition:all .4s ease-in-out;
305 font-family: default_font;
321 font-family: default_font;
326 .setting_sound_check {
334 .setting_sound_checked {
347 font-family: default_font;
352 .setting_timer_check {
360 .setting_timer_checked {
373 font-family: default_font;
379 .setting_restart_check {
387 .setting_restart_checked {
399 font-family: default_font;
411 .setting_quit_check {
420 .setting_quit_checked {
433 font-family: sans_font;
442 font-family: sans_font;
453 font-family: default_font;
458 .setting_resume_inactive {
460 background:url('../images/GO_ResumeBTN_022212_a.png') no-repeat;
463 .setting_resume:active {
465 background:url('../images/GO_ResumeBTN_022212_b.png') no-repeat;
469 text-shadow:0px 1px #bcb4a4,0px -1px #000000;
478 background:url('../images/GO_SettingsSlab_010612_a.png') no-repeat;
479 font-family: default_font;
503 font-family: default_font;
517 font-family: sans_font;
536 background:url('../images/GO_RulesSlab_022812_a.png') no-repeat;
537 font-family:sans_font;
570 ::-webkit-scrollbar {
574 ::-webkit-scrollbar-track {
576 -webkit-box-shadow: inset 0 0 6px 4px rgba(0,0,0,0.3);
579 ::-webkit-scrollbar-thumb {
581 -webkit-box-shadow: inset 0 0 6px 6px rgba(0,0,0,0.3);
584 ::-webkit-scrollbar-button:single-button {
587 -webkit-box-shadow: inset 0 0 6px 6px rgba(0,0,0,0.5);