ocrm.bsky.social
the game where you go into mines and start crafting! but for consoles (forked directly from smartcmd's github)
1/*modify the base font size for mobile devices*/
2 body
3{
4 /*bumping up the font-sizes for higher res displays*/
5 font-size:54%;
6
7}
8
9@media (max-width: 336px)
10{
11 body
12 {
13 font-size: 44%;
14 }
15
16 article.helpMenu li a
17 {
18 height:2.25em;
19 line-height:2.25em;
20 }
21
22}
23
24/*for odd Android aspect ratios*/
25@media (max-width: 385px) and (min-width:337px) and (max-height:520px)
26{
27 body
28 {
29 font-size: 44%;
30 }
31
32 article.helpMenu li a
33 {
34 height:2em;
35 line-height:2em;
36 }
37
38}
39
40
41/*gradient for smartglass UI*/
42body
43{
44 /*gradient for smartglass UI*/
45 background: -webkit-linear-gradient(top, #000000 50%, #323232); /* Safari and Chrome*/
46 background: -moz-linear-gradient(top, #000000 50%, #323232);/*Firefox*/
47 background: -ms-linear-gradient(top, #000000 50%, #323232);/*IE*/
48}
49
50/*if the element is a main menu or a sub menu hide the placeholder element to the right*/
51.helpMenu .helpContent
52{
53 display: none;
54}
55
56article .helpContent
57{
58 height: 75%;
59 background-color: transparent;
60 padding: 0;
61 margin: 0;
62 position: absolute;
63 top: 5em;
64 left: 5%;
65 width: 90%;
66 overflow: auto;
67 -webkit-overflow-scrolling: touch;
68 line-height:1;
69}
70
71article .contentPanel
72{
73 width: 96%;
74 height: 100%;
75 padding: 0px 2% 1em 2%;
76 overflow:hidden;
77}
78
79article .helpContent
80{
81 top:7em;
82 height: 65%;
83}
84
85.contentPanel .backLink
86{
87 background-position-x: 1em;
88 background-position-y: 1em;
89 /*need to resize the back button due the change in font size for retina displays*/
90 background-size:75%;
91 background-position:.15em .5em;
92 height:2.5em;
93 width:2.5em;
94 float: left;
95 margin: 0px;
96}
97
98/*note you must re-initialize any background properties if you swap images*/
99.contentPanel .backLink:focus
100{
101 background-position-x: 1em;
102 background-position-y: 1em;
103 background-size:75%;
104 background-position:.15em .5em;
105}
106
107.articles article:not(.helpMenu) .articleTitle
108{
109 margin-top: 1.9em;
110 margin-left: .35em;
111 height: 2.25em;
112
113}
114
115article .contentPanel .articleTitle
116{
117 margin-top:.25em;
118 left: 2em;
119 display: block;
120 width: 70%;
121 max-height: 3.8em;
122 overflow: hidden;
123}
124
125article .contentPanel .navLinks
126{
127 clear: both;
128}
129
130.helpMenu li a
131{
132 height: 2.75em;
133 line-height: 2.75em;
134}
135
136/*remove controller button states*/
137.navLinks a, .navLinks a:focus, .navLinks a:hover:not(:focus)
138{
139
140 border:none;
141 background-color: transparent;
142 outline:0;
143 box-shadow:none;
144}
145
146
147article .contentPanel .panelButtons
148{
149 display: none;
150}
151
152.pageCounter
153{
154 display:block;
155 position:fixed;
156 bottom:.15em;
157
158 right:.5em;
159}
160