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
14 border:1px solid #021a40;
37 font-family: default_font;
48 font-family: default_font;
59 font-family: default_font;
70 font-family: default_font;
81 font-family: default_font;
92 font-family: default_font;
102 font-family: default_font;
145 .configure_panel_func{
158 .configure_panel_arrow{
165 .configure_panel_img{
169 .configure_panel_selected{
170 background-color:#222222;
173 .configure_panel_backcolor{
183 .configure_panel_startover{
189 background:url('../images/game_008_settingsstartover_img.png') top center no-repeat;
190 background-color:#000000;
194 .configure_panel_newgame{
202 .configure_panel_new1game{
203 background:url('../images/game_011_settings1p_img.png') top center no-repeat;
204 background-color:#000000;
208 .configure_panel_new2game{
209 background:url('../images/game_010_settings2p_img.png') top center no-repeat;
210 background-color:#000000;
214 .configure_panel_help{
220 background:url('../images/game_009_settingsrules_img.png') top center no-repeat;
221 background-color:#000000;
225 .configure_panel_exit{
231 background:url('../images/game_012_settingsexit_img.png') top center no-repeat;
232 background-color:#000000;
236 .configure_panel_text{
240 font-family:default_font;
257 font-family: default_font;
264 background:url('../images/__MSG_@@ui_locale__/winner_002_p1win.jpg') no-repeat;
268 background:url('../images/__MSG_@@ui_locale__/winner_003_p2win.jpg') no-repeat;
272 background:url('../images/winner_001_wood.jpg') no-repeat;
310 .result_new_p1_rollover{
318 .result_new_p2_rollover{
326 .result_exit_rollover{
340 background:url('../images/result_quit.png') no-repeat;
349 background:url('../images/rules_001_bg.jpg');
350 font-family: default_font;
376 font-family: default_font;
393 background:url('../images/opening_001_bg.jpg');
394 font-family: default_font;
411 font-family:default_font;
439 /* background-color:#000000; */
444 font-family: default_font;
445 src: url('../fonts/JimNightshade-Regular.ttf'),
446 url('../fonts/wqy-microhei.ttc');
455 background:url('../images/game_001_boardbg.jpg') no-repeat;
459 background-positon: left top;
460 display: -webkit-box;
461 -webkit-box-align: center;
462 -webkit-box-pack: center;
463 -webkit-box-orient: vertical;
472 box-shadow: 5px 5px 20px black;
473 -webkit-transform: translate(-50%, -50%);
477 @media (orientation: landscape) {
478 body { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0.78125, 0.8); }
481 @media (min-width: 989px) and (min-height: 600px) and (orientation: landscape) {
482 body { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0.9658, 1.0); }
485 @media (min-width: 1024px) and (min-height: 600px) and (orientation: landscape) {
486 body { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); }
489 @media (min-width: 1280px) and (min-height: 720px) and (orientation: landscape) {
490 body { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1.25, 1.199); }
494 @media (orientation: portrait) {
495 body { top: 0%; left: 0%; -webkit-transform: translate(-50%, -50%) rotate(90deg) scale(0.8, 0.78125); }
498 @media (min-width: 600px) and (min-height: 989px) and (orientation: portrait) {
499 body { top: 0%; left: 0%; -webkit-transform: translate(-50%, -50%) rotate(90deg) scale(0.9658, 1.0) translate(50%, -50%); }
502 @media (min-width: 600px) and (min-height: 1024px) and (orientation: portrait) {
503 body { top: 0%; left: 0%; -webkit-transform: translate(-50%, -50%) rotate(90deg) translate(50%, -50%); }
506 @media (min-width: 720px) and (min-height: 1230px) and (orientation: portrait) {
507 body { top: 0%; left: 0%; -webkit-transform: translate(-50%, -50%) rotate(90deg) scale(1.2, 1.199) translate(50%, -50%); }
510 @media (min-width: 720px) and (min-height: 1280px) and (orientation: portrait) {
511 body { top: 0%; left: 0%; -webkit-transform: translate(-50%, -50%) rotate(90deg) scale(1.25, 1.199) translate(50%, -50%); }
517 text-decoration:none;