1 files changed, 160 insertions, 0 deletions
diff --git a/Minecraft.Client/Durango/ServiceConfig/HelpDocument/mobile.css b/Minecraft.Client/Durango/ServiceConfig/HelpDocument/mobile.css
new file mode 100644
index 00000000..ae0014f2
--- /dev/null
+++ b/Minecraft.Client/Durango/ServiceConfig/HelpDocument/mobile.css
@@ -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;
+}
+