first commit
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
184
Minecraft.Client/Durango/ServiceConfig/HelpDocument/index.html
Normal file
@@ -0,0 +1,184 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Game Help</title>
|
||||
<link rel="Stylesheet" type="text/css" href="main.css" />
|
||||
<link rel="Stylesheet" type="text/css" href="skin.css" />
|
||||
<link rel="Stylesheet" type="text/css" href="https://start.ui.xboxlive.com/assets/public/help/css/gameControllerIcons_32x.css" />
|
||||
<link rel="Stylesheet" type="text/css" href="https://start.ui.xboxlive.com/assets/public/help/css/help.css" />
|
||||
|
||||
<!-- viewport meta is required to get correct browser size on some mobile devices using SmartGlass.
|
||||
Failure to specify viewport meta may cause reporting of extreme sizes for phone screens i.e. 1200 x 1500 instead of 480x640 -->
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
|
||||
<link href="snapped.css" rel="stylesheet" media="screen and (orientation:portrait) and (min-width: 336px) and (max-width: 480px) and (min-height: 901px) and (max-height: 1080px)" type="text/css" />
|
||||
<link href="mobile.css" rel="stylesheet" media="screen and (orientation:portrait) and (max-height: 900px) " type="text/css" />
|
||||
<link href="mobile.css" rel="stylesheet" media="screen and (orientation:portrait) and (min-height: 1081px) " type="text/css" />
|
||||
<link href="mobile.css" rel="stylesheet" media="screen and (orientation:portrait) and (max-width: 335px) and (min-height: 901px) and (max-height: 1080px)" type="text/css" />
|
||||
<link href="mobile.css" rel="stylesheet" media="screen and (orientation:portrait) and (min-width: 481px) and (min-height: 901px) and (max-height: 1080px)" type="text/css" />
|
||||
<link href="tablet.css" rel="stylesheet" media="screen and (orientation:landscape) and (max-height: 900px) " type="text/css" />
|
||||
<link href="tablet.css" rel="stylesheet" media="screen and (orientation:landscape) and (min-height: 1081px) " type="text/css" />
|
||||
<link href="tablet.css" rel="stylesheet" media="screen and (orientation:landscape) and (max-width: 1430px) and (min-height: 901px) and (max-height: 1080px)" type="text/css" />
|
||||
<link href="tablet.css" rel="stylesheet" media="screen and (orientation:landscape) and (min-width: 1930px) and (min-height: 901px) and (max-height: 1080px)" type="text/css" />
|
||||
|
||||
<!-- Third party scripts and code linked to or referenced here are licensed to you by the third parties that own such code, not by Microsoft, see ASP.NET Ajax CDN Terms of Use – http://www.asp.net/ajaxlibrary/CDN.ashx. -->
|
||||
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js"></script>
|
||||
|
||||
<script src="https://start.ui.xboxlive.com/assets/public/Microsoft.XboxJS.1.0/js/base.js"></script>
|
||||
<script src="https://start.ui.xboxlive.com/assets/public/Microsoft.XboxJS.1.0/js/xbox.js"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<!--this name anchor creates a default location to return to from other navigation-->
|
||||
<a name="TOC"></a>
|
||||
<section>
|
||||
<article id="TOC" class="helpMenu">
|
||||
<nav class="contentPanel">
|
||||
<header class="articleTitle">
|
||||
Help on
|
||||
<div class="articleTopic">Minecraft: Xbox One Edition</div>
|
||||
</header>
|
||||
<ul class="navLinks">
|
||||
<li>
|
||||
<a href="#article1000" class="contentLink win-focusable" data-win-voice="{srcElement:select('this')}">Description</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#article1001" class="contentLink win-focusable" data-win-voice="{srcElement:select('this')}">Controls</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#article1002" class="contentLink win-focusable" data-win-voice="{srcElement:select('this')}">Contact Information</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="helpContent">
|
||||
<!--deliberately empty but you can add placeholder contents here if needed-->
|
||||
</div>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
<section class="articles">
|
||||
|
||||
|
||||
<a name="article1000"></a>
|
||||
<article id="article1000">
|
||||
<nav class="contentPanel">
|
||||
<a class="backLink win-focusable" href="#TOC" title="Back to menu" data-win-voice="{phrase:'Go Back', srcElement:select('this')}"></a>
|
||||
<div class="articleTitle">
|
||||
<div class="articleTopic">Description</div>
|
||||
</div>
|
||||
<div class="panelButtons">
|
||||
<button class="pageButton previous win-focusable" data-win-voice="{srcElement:select('this')}">Previous</button>
|
||||
<button class="pageButton next win-focusable" data-win-voice="{phrase:'Next',srcElement:select('.nextButtonText')}"><span data-format="Page {0} of {1}" class="pageCounter"></span><span class="nextButtonText">Next</span></button>
|
||||
</div>
|
||||
<span data-format="Page {0} of {1}" class="pageCounter"></span>
|
||||
</nav>
|
||||
<div class="helpContent">
|
||||
Minecraft is a game about placing blocks to build anything you can imagine. At night monsters come out, make sure to build a shelter before that happens.
|
||||
<br/><br/>
|
||||
The game contains a full tutorial, so we recommend that you give that go if you are new to the game.
|
||||
The game also features in-game tooltips to guide you through your initial learning experience and if you need specific help, there is a comprehensive ‘How to Play’ section,
|
||||
as well as many customisable settings, all of which you can find in the Help & Options menu.
|
||||
<span class="endMark"></span>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<a name="article1001"></a>
|
||||
<article id="article1001">
|
||||
<nav class="contentPanel">
|
||||
<a class="backLink win-focusable" href="#TOC" title="Back to menu" data-win-voice="{phrase:'Go Back', srcElement:select('this')}"></a>
|
||||
<div class="articleTitle">
|
||||
<div class="articleTopic">Controls</div>
|
||||
</div>
|
||||
<div class="panelButtons">
|
||||
<button class="pageButton previous win-focusable" data-win-voice="{srcElement:select('this')}">Previous</button>
|
||||
<button class="pageButton next win-focusable" data-win-voice="{phrase:'Next',srcElement:select('.nextButtonText')}"><span data-format="Page {0} of {1}" class="pageCounter"></span><span class="nextButtonText">Next</span></button>
|
||||
</div>
|
||||
<span data-format="Page {0} of {1}" class="pageCounter"></span>
|
||||
</nav>
|
||||
<div class="helpContent">
|
||||
<img src="controls\DurangoPixelController.png" alt="Xbox One Controller"/>
|
||||
|
||||
<br/><br/><b>Default layout:</b><br/><br/>
|
||||
<div>
|
||||
<style>
|
||||
.column
|
||||
{
|
||||
float:left;
|
||||
width:50%;
|
||||
min-width:280px;
|
||||
}
|
||||
.icon-wrapper
|
||||
{
|
||||
width:50px;
|
||||
display: inline-block;
|
||||
vertical-align:middle;
|
||||
}
|
||||
.content
|
||||
{
|
||||
clear: left;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="column">
|
||||
<div class="icon-wrapper"><img src="controls\ButtonA.png" alt="" width="75%" height="75%"/></div>Jump<br/>
|
||||
<div class="icon-wrapper"><img src="controls\ButtonB.png" alt="" width="75%" height="75%"/></div>Drop<br/>
|
||||
<div class="icon-wrapper"><img src="controls\ButtonX.png" alt="" width="75%" height="75%"/></div>Crafting<br/>
|
||||
<div class="icon-wrapper"><img src="controls\ButtonY.png" alt="" width="75%" height="75%"/></div>Inventory<br/>
|
||||
<div class="icon-wrapper"><img src="controls\ButtonLeftBumper.png" alt="" width="75%" height="75%"/></div>Cycle Held Item<br/>
|
||||
<div class="icon-wrapper"><img src="controls\ButtonRightBumper.png" alt="" width="75%" height="75%"/></div>Cycle Held Item<br/>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="icon-wrapper"><img src="controls\ButtonLeftTrigger.png" alt="" width="75%" height="75%"/></div>Use<br/>
|
||||
<div class="icon-wrapper"><img src="controls\ButtonRightTrigger.png" alt="" width="75%" height="75%"/></div>Action<br/>
|
||||
<div class="icon-wrapper"><img src="controls\ButtonLeftStick.png" alt="" width="75%" height="75%"/></div>Move/Sprint<br/>
|
||||
<div class="icon-wrapper"><img src="controls\ButtonLS.png" alt="" width="75%" height="75%"/></div>Change Camera Mode<br/>
|
||||
<div class="icon-wrapper"><img src="controls\ButtonRightStick.png" alt="" width="75%" height="75%"/></div>Sneak/Look<br/>
|
||||
<div class="icon-wrapper"><img src="controls\ButtonBack.png" alt="" width="75%" height="75%"/></div>Players/Invite<br/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
There are alternative controller layouts available as well as Invert Look and Southpaw settings.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
|
||||
<a name="article1002"></a>
|
||||
<article id="article1002">
|
||||
<nav class="contentPanel">
|
||||
<a class="backLink win-focusable" href="#TOC" title="Back to menu" data-win-voice="{phrase:'Go Back', srcElement:select('this')}"></a>
|
||||
<div class="articleTitle">
|
||||
<div class="articleTopic">Contact Information</div>
|
||||
</div>
|
||||
<div class="panelButtons">
|
||||
<button class="pageButton previous win-focusable" data-win-voice="{srcElement:select('this')}">Previous</button>
|
||||
<button class="pageButton next win-focusable" data-win-voice="{phrase:'Next',srcElement:select('.nextButtonText')}"><span data-format="Page {0} of {1}" class="pageCounter"></span><span class="nextButtonText">Next</span></button>
|
||||
</div>
|
||||
<span data-format="Page {0} of {1}" class="pageCounter"></span>
|
||||
</nav>
|
||||
<div class="helpContent">
|
||||
|
||||
<style>
|
||||
.lnk
|
||||
{
|
||||
color: green;
|
||||
}
|
||||
</style>
|
||||
<h4>Xbox Customer Support</h4>
|
||||
<br/><br/>
|
||||
For help with Xbox Live or your Xbox One Console, visit us online at <span class="lnk">xbox.com/support</span>. For community support visit <span class="lnk">forums.xbox.com</span>. We are also available on Twitter <span class="lnk">@XboxSupport</span>.
|
||||
<span class="endMark"></span>
|
||||
</div>
|
||||
|
||||
</article>
|
||||
</section>
|
||||
|
||||
<!-- This script is for use with the sample manual HTML above. At your discretion, you can download a copy of this script
|
||||
and modify it, if you decide to make significant changes to the sample. -->
|
||||
<script src="https://start.ui.xboxlive.com/assets/public/help/js/helpSample.js"></script>
|
||||
<!-- This script is required for all Help manuals, including custom manuals. -->
|
||||
<script src="https://start.ui.xboxlive.com/assets/public/help/js/help.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
After Width: | Height: | Size: 708 B |
|
After Width: | Height: | Size: 2.3 KiB |
279
Minecraft.Client/Durango/ServiceConfig/HelpDocument/main.css
Normal file
@@ -0,0 +1,279 @@
|
||||
/*standard plus html5 specific resets*/
|
||||
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video
|
||||
{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
vertical-align: baseline;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
article, aside, figure, footer, header, hgroup, nav, section
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
|
||||
img, object, embed
|
||||
{
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
/*end resets*/
|
||||
|
||||
/*setting default font size so that 1 em will approximately equal 10 pixels and so that we can use media queries to scale the fonts*/
|
||||
body
|
||||
{
|
||||
height:100%;
|
||||
font-size: 62.5%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
button
|
||||
{
|
||||
/*button is a special case and gets a default font size from the browser so we reset it to the same font-size as it's parent container*/
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
a
|
||||
{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
article
|
||||
{
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.articles article
|
||||
{
|
||||
margin-top: 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.contentPanel li
|
||||
{
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
article
|
||||
{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.menuLink {} /* marker class for links to menu pages */
|
||||
.contentLink {} /* marker class for content pages */
|
||||
|
||||
.contentPanel
|
||||
{
|
||||
width: 388px;
|
||||
height: 900px;
|
||||
background-color: #222222;
|
||||
color: #ebebeb;
|
||||
float: left;
|
||||
padding: 64px 28px 64px 64px;
|
||||
vertical-align: top;
|
||||
font-size:2.4em;
|
||||
}
|
||||
|
||||
.helpContent
|
||||
{
|
||||
height: 794px;
|
||||
overflow: hidden;
|
||||
background-color: #282828;
|
||||
padding: 136px 64px 64px 64px;
|
||||
-moz-column-count: auto; /* Firefox - SmartGlass and console do not need these -moz-XXXX, but if help rendered on regular desktop it could be FF */
|
||||
-webkit-column-count: auto; /* Safari and Chrome */
|
||||
column-count: auto;
|
||||
-moz-column-width: 344px;
|
||||
-webkit-column-width: 344px;
|
||||
column-width: 344px;
|
||||
-moz-column-gap: 80px; /* Firefox */
|
||||
-webkit-column-gap: 80px; /* Safari and Chrome */
|
||||
column-gap: 80px;
|
||||
/*without this property the columns will always try to have the same amount of content each.
|
||||
Using auto if you set the height it will only fill as needed*/
|
||||
-webkit-column-fill: auto;
|
||||
-moz-column-fill: auto;
|
||||
column-fill: auto;
|
||||
font-size:2.4em;
|
||||
line-height:1.5;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.contentPanel .articleTitle
|
||||
{
|
||||
font-family: Segoe UI Light, Segoe UI Regular,HelveticaNeue, Droid Sans, Arial, Sans-Serif;
|
||||
font-weight: 100;
|
||||
font-size:1.5em;
|
||||
margin-top:10px;
|
||||
margin-bottom:32px;
|
||||
}
|
||||
|
||||
.contentPanel .articleTopic
|
||||
{
|
||||
font-family: Segoe UI Regular,HelveticaNeue, Droid Sans, Arial, Sans-Serif;
|
||||
font-weight: normal;
|
||||
/*Because we reset font family here we have to also reset the size or it will get the default body font size. 1em here means the same as it's parent*/
|
||||
font-size:1em;
|
||||
|
||||
}
|
||||
|
||||
.panelRule
|
||||
{
|
||||
color: #ebebeb;
|
||||
}
|
||||
|
||||
.panelButtons
|
||||
{
|
||||
/*if there are additional buttons or other elements in the panel you'll need to adjust this value*/
|
||||
margin-top: 680px;
|
||||
margin-left: 28px;
|
||||
}
|
||||
|
||||
|
||||
/**********button state formats***********/
|
||||
.navLinks a
|
||||
{
|
||||
border-bottom:solid 4px #ebebeb;
|
||||
background-color: rgba(235, 235, 235, 0);
|
||||
width: 432px;
|
||||
height: 108px; /*height 108px is the value that includes the focused border.*/
|
||||
outline: 4px solid rgba(235, 235, 235, 0);
|
||||
line-height: 2.4em;
|
||||
padding: 36px 0 0 18px;
|
||||
}
|
||||
|
||||
.navLinks a:focus, .pageButton:focus
|
||||
{
|
||||
background-color: rgba(235, 235, 235, 0.1);
|
||||
outline-color: rgba(235, 235, 235, 1);
|
||||
border-color:rgba(235, 235, 235, 0);
|
||||
}
|
||||
|
||||
.navLinks a:hover:not(:focus)
|
||||
{
|
||||
background-color: transparent;
|
||||
outline: solid 4px rgb(107, 107, 107);
|
||||
border-bottom:solid 4px transparent;
|
||||
}
|
||||
|
||||
.pageButton
|
||||
{
|
||||
height: 90px;
|
||||
color: #ebebeb;
|
||||
text-align: left;
|
||||
line-height: 140px;
|
||||
width: 178px;
|
||||
margin: 0 10px 0 0;
|
||||
-ms-attraction: 0% 0% 0% 0%;
|
||||
border: 1px solid #ebebeb;
|
||||
background-color: rgba(235, 235, 235, 0);
|
||||
outline: 4px solid rgba(235, 235, 235, 0);
|
||||
}
|
||||
|
||||
.pageButton:hover:not(:focus)
|
||||
{
|
||||
background-color: transparent;
|
||||
outline: solid 4px rgb(107, 107, 107);
|
||||
border:none;
|
||||
}
|
||||
|
||||
.pageButton.next
|
||||
{
|
||||
line-height: 46px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.panelButtons .pageCounter
|
||||
{
|
||||
display:block;
|
||||
height:2em;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
.pageCounter
|
||||
{
|
||||
display:none;
|
||||
}
|
||||
|
||||
.win-voice-activelistening .pageCounter
|
||||
{
|
||||
display:none;
|
||||
}
|
||||
|
||||
.pageButton.previous
|
||||
{
|
||||
float: left;
|
||||
}
|
||||
|
||||
.contentPanel .backLink
|
||||
{
|
||||
background: transparent url(left_arrow.png) no-repeat 28px 62px;
|
||||
display: block;
|
||||
height: 5.1em;
|
||||
width: 5.1em;
|
||||
margin: -60px 0 0 -24px;
|
||||
background-size: 49%;
|
||||
font-size:1em;
|
||||
}
|
||||
|
||||
.contentPanel .backLink:hover
|
||||
{
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.contentPanel .backLink:focus
|
||||
{
|
||||
background: transparent url(left_arrow_hoverFocus.png) no-repeat 28px 62px;
|
||||
background-size: 49%;
|
||||
outline:0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.contentPanel a
|
||||
{
|
||||
display: inline;
|
||||
line-height: 1;
|
||||
color: #ebebeb;
|
||||
-ms-attraction: 0% 0% 0% 0%;
|
||||
}
|
||||
|
||||
.helpMenu li a
|
||||
{
|
||||
color: #ebebeb;
|
||||
height:4em;
|
||||
width: 100%;
|
||||
display: block;
|
||||
line-height: 4em;
|
||||
margin:0 0 0 -59px;
|
||||
padding:0 25px 0 56px;
|
||||
-ms-attraction: 0% 0% 0% 0%;
|
||||
}
|
||||
|
||||
.endMark
|
||||
{
|
||||
/*this empty element is given a width so that it will stretch to fill the last column as needed*/
|
||||
visibility: hidden;
|
||||
display: block;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
break-before: column;
|
||||
}
|
||||
|
||||
/*note that we use absolute postitioning here instead of static so we reset the margin to 0*/
|
||||
article .contentPanel .panelButtons
|
||||
{
|
||||
position: absolute;
|
||||
margin: 0;
|
||||
bottom: 44px; /* safe region area */
|
||||
left: 64px; /* safe region area on the left: 64px */
|
||||
width: 386px;
|
||||
}
|
||||
|
||||
/* The following styles are only applied when voice commands are in use on the console */
|
||||
.win-voice-activelistening[data-win-voice]
|
||||
{
|
||||
color: green;
|
||||
}
|
||||
160
Minecraft.Client/Durango/ServiceConfig/HelpDocument/mobile.css
Normal file
@@ -0,0 +1,160 @@
|
||||
/*modify the base font size for mobile devices*/
|
||||
body
|
||||
{
|
||||
/*bumping up the font-sizes for higher res displays*/
|
||||
font-size:54%;
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 336px)
|
||||
{
|
||||
body
|
||||
{
|
||||
font-size: 44%;
|
||||
}
|
||||
|
||||
article.helpMenu li a
|
||||
{
|
||||
height:2.25em;
|
||||
line-height:2.25em;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/*for odd Android aspect ratios*/
|
||||
@media (max-width: 385px) and (min-width:337px) and (max-height:520px)
|
||||
{
|
||||
body
|
||||
{
|
||||
font-size: 44%;
|
||||
}
|
||||
|
||||
article.helpMenu li a
|
||||
{
|
||||
height:2em;
|
||||
line-height:2em;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*gradient for smartglass UI*/
|
||||
body
|
||||
{
|
||||
/*gradient for smartglass UI*/
|
||||
background: -webkit-linear-gradient(top, #000000 50%, #323232); /* Safari and Chrome*/
|
||||
background: -moz-linear-gradient(top, #000000 50%, #323232);/*Firefox*/
|
||||
background: -ms-linear-gradient(top, #000000 50%, #323232);/*IE*/
|
||||
}
|
||||
|
||||
/*if the element is a main menu or a sub menu hide the placeholder element to the right*/
|
||||
.helpMenu .helpContent
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
article .helpContent
|
||||
{
|
||||
height: 75%;
|
||||
background-color: transparent;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
top: 5em;
|
||||
left: 5%;
|
||||
width: 90%;
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
line-height:1;
|
||||
}
|
||||
|
||||
article .contentPanel
|
||||
{
|
||||
width: 96%;
|
||||
height: 100%;
|
||||
padding: 0px 2% 1em 2%;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
article .helpContent
|
||||
{
|
||||
top:7em;
|
||||
height: 65%;
|
||||
}
|
||||
|
||||
.contentPanel .backLink
|
||||
{
|
||||
background-position-x: 1em;
|
||||
background-position-y: 1em;
|
||||
/*need to resize the back button due the change in font size for retina displays*/
|
||||
background-size:75%;
|
||||
background-position:.15em .5em;
|
||||
height:2.5em;
|
||||
width:2.5em;
|
||||
float: left;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
/*note you must re-initialize any background properties if you swap images*/
|
||||
.contentPanel .backLink:focus
|
||||
{
|
||||
background-position-x: 1em;
|
||||
background-position-y: 1em;
|
||||
background-size:75%;
|
||||
background-position:.15em .5em;
|
||||
}
|
||||
|
||||
.articles article:not(.helpMenu) .articleTitle
|
||||
{
|
||||
margin-top: 1.9em;
|
||||
margin-left: .35em;
|
||||
height: 2.25em;
|
||||
|
||||
}
|
||||
|
||||
article .contentPanel .articleTitle
|
||||
{
|
||||
margin-top:.25em;
|
||||
left: 2em;
|
||||
display: block;
|
||||
width: 70%;
|
||||
max-height: 3.8em;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
article .contentPanel .navLinks
|
||||
{
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.helpMenu li a
|
||||
{
|
||||
height: 2.75em;
|
||||
line-height: 2.75em;
|
||||
}
|
||||
|
||||
/*remove controller button states*/
|
||||
.navLinks a, .navLinks a:focus, .navLinks a:hover:not(:focus)
|
||||
{
|
||||
|
||||
border:none;
|
||||
background-color: transparent;
|
||||
outline:0;
|
||||
box-shadow:none;
|
||||
}
|
||||
|
||||
|
||||
article .contentPanel .panelButtons
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pageCounter
|
||||
{
|
||||
display:block;
|
||||
position:fixed;
|
||||
bottom:.15em;
|
||||
|
||||
right:.5em;
|
||||
}
|
||||
|
||||
|
After Width: | Height: | Size: 5.0 KiB |
51
Minecraft.Client/Durango/ServiceConfig/HelpDocument/skin.css
Normal file
@@ -0,0 +1,51 @@
|
||||
|
||||
/* This file is intended to contain rules that will allow "skinning" of your manual by changeing the colors, fonts and background images. You should not place any rules here
|
||||
that modify positioning or size or other layout properties*/
|
||||
|
||||
body
|
||||
{
|
||||
/*these are the standard fallbacks that are design approved for the majority of the supported devices.*/
|
||||
font-family:Segoe UI Regular,HelveticaNeue, Droid Sans, Arial, Sans-Serif;
|
||||
|
||||
/*add your skin background here if needed
|
||||
background:#000 url(background.png) fixed no-repeat 0 20%;
|
||||
*/
|
||||
|
||||
color:#ebebeb; /*xboxwhite*/
|
||||
background-color:#222222;
|
||||
}
|
||||
|
||||
/*this would for example override the white background and text color on active links*/
|
||||
.pageButton:hover, .contentPanel a:hover
|
||||
{
|
||||
/*background-color: #ee4036;
|
||||
color:#222;*/
|
||||
}
|
||||
|
||||
/*and this would modify the focus outline*/
|
||||
a:focus, a:hover, button:focus, button:hover
|
||||
{
|
||||
/*outline:thick double #ee4036;*/
|
||||
}
|
||||
|
||||
|
||||
article a.articleTitle, article a.articleTitle:visited
|
||||
{
|
||||
color:#6b6b6b;
|
||||
}
|
||||
|
||||
/*Here's an example of using this file to skin based upon a media query, in this case it will work on smartglass tablet devices
|
||||
Note: this is a duplicate of the media query used inline in the html to load tablet.css for the index page*/
|
||||
@media (orientation:landscape) and (max-height: 900px),
|
||||
(orientation:landscape) and (min-height: 1081px),
|
||||
(orientation:landscape) and (max-width: 1430px) and (min-height: 901px) and (max-height: 1080px),
|
||||
(orientation:landscape) and (min-width: 1930px) and (min-height: 901px) and (max-height: 1080px)
|
||||
{
|
||||
/*This would add a background image to the content panel in tablets only. Note: you need an additional selector to give this rule
|
||||
enough weight to override the existing in tablet.css*/
|
||||
.articles article:not(.helpMenu) .contentPanel
|
||||
{
|
||||
/*background: url("Forza_Left.png") no-repeat transparent 24px 60px;*/
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,53 @@
|
||||
body
|
||||
{
|
||||
width: 480px;
|
||||
}
|
||||
|
||||
.contentPanel .articleTitle
|
||||
{
|
||||
height: 3.75em;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
margin-top:12px;
|
||||
}
|
||||
|
||||
/*if the element is a main menu or a sub menu hide the placeholder element to the right*/
|
||||
.helpMenu .helpContent
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
nav.contentPanel
|
||||
{
|
||||
padding: 64px 64px 64px 28px;
|
||||
}
|
||||
|
||||
/*if in snapped we need to modify the positioning scheme to allow us to insert the contents between existing nav elements*/
|
||||
article .helpContent
|
||||
{
|
||||
height: 616px;
|
||||
overflow: hidden;
|
||||
background-color: transparent;
|
||||
padding: 0 0 0 28px;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 10em;
|
||||
column-width: 424px;
|
||||
}
|
||||
|
||||
article .contentPanel
|
||||
{
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
article .contentPanel .panelButtons
|
||||
{
|
||||
left: 28px; /* safe region area on the right side: 480 - 28 - 386 ~ 64px */
|
||||
}
|
||||
|
||||
/*in snapped the safe area is on the right so these need to be different than in main.css*/
|
||||
.helpMenu li a
|
||||
{
|
||||
margin:16px -22px 0 -22px;
|
||||
padding:0 56px 0 22px;
|
||||
}
|
||||
117
Minecraft.Client/Durango/ServiceConfig/HelpDocument/tablet.css
Normal file
@@ -0,0 +1,117 @@
|
||||
body
|
||||
{
|
||||
font-size:50%;
|
||||
/*gradient for smartglass UI*/
|
||||
background: -webkit-linear-gradient(top, #000000 50%, #323232); /* Safari and Chrome*/
|
||||
background: -moz-linear-gradient(top, #000000 50%, #323232);/*Firefox*/
|
||||
background: -ms-linear-gradient(top, #000000 50%, #323232);/*IE*/
|
||||
}
|
||||
|
||||
/*for smaller android tablets the line height prevents showing all 6 items*/
|
||||
@media (max-height:595px)
|
||||
{
|
||||
body
|
||||
{
|
||||
font-size:44%;
|
||||
}
|
||||
|
||||
.helpMenu li a
|
||||
{
|
||||
height:2.5em;
|
||||
line-height: 2.5em;
|
||||
}
|
||||
}
|
||||
|
||||
article .contentPanel
|
||||
{
|
||||
padding: 0 0 0 48px;
|
||||
position: relative;
|
||||
top: 20%;
|
||||
height: 80%;
|
||||
width:300px;
|
||||
background-color:transparent;
|
||||
}
|
||||
|
||||
article:not(.helpMenu) .contentPanel
|
||||
{
|
||||
background:url("sg_logo_20.png") no-repeat transparent 56px 110px;
|
||||
}
|
||||
|
||||
article .contentPanel .panelButtons
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pageCounter
|
||||
{
|
||||
display: block;
|
||||
position: fixed;
|
||||
right: 2em;
|
||||
bottom: .5em;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
article .helpContent
|
||||
{
|
||||
position: relative;
|
||||
height: 70%;
|
||||
top: 20%;
|
||||
padding: 2% 144px 2% 64px; /* right padding set to be higher than column-gap to allow "peek" (part of next column showing up next to full column). */
|
||||
background-color: transparent;
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
line-height:1;
|
||||
}
|
||||
|
||||
article .contentPanel .backLink
|
||||
{
|
||||
position: fixed;
|
||||
top: 1em;
|
||||
left: 1em;
|
||||
margin: 0;
|
||||
background-position-y:2.25em;
|
||||
}
|
||||
|
||||
/*note you must re-initialize any background properties if you swap images*/
|
||||
article .contentPanel .backLink:focus
|
||||
{
|
||||
background-position-y:2.25em;
|
||||
}
|
||||
.articles article:not(.helpMenu) .articleTitle
|
||||
{
|
||||
top: 3.8em;
|
||||
left: 1.5em;
|
||||
height: 2em;
|
||||
}
|
||||
#TOC .articleTitle
|
||||
{
|
||||
left:1.75em;
|
||||
}
|
||||
article .contentPanel .articleTitle
|
||||
{
|
||||
position: fixed;
|
||||
top: 1.85em;
|
||||
left: 4em;
|
||||
height: 3em;
|
||||
display: block;
|
||||
width: 70%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.helpMenu li a
|
||||
{
|
||||
width: 100%;
|
||||
display: block;
|
||||
padding-bottom:.25em;
|
||||
}
|
||||
|
||||
/*remove controller button states*/
|
||||
.navLinks a, .navLinks a:focus, .navLinks a:hover:not(:focus)
|
||||
{
|
||||
|
||||
border:none;
|
||||
background-color: transparent;
|
||||
outline:0;
|
||||
box-shadow:none;
|
||||
}
|
||||
|
||||