Mirrors/overte-HifiExperiments
3
0
Fork 0
mirror of https://github.com/HifiExperiments/overte.git synced 2025-08-08 08:28:19 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix navigation bar and opaqueness of Web page

Browse source
This commit is contained in:
David Rowe 2016-12-05 17:48:20 +13:00 committed by Seth Alves
parent bebedd8e51
commit 2db0b4dc59
4 changed files with 12 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
scripts/system/html/css/marketplaces.css
View file

@ -93,7 +93,8 @@ body {
*/ */
font-family: sans-serif; font-family: sans-serif;
font-size: 24px; font-size: 24px;
margin-left: 30px; margin-right: 8px; margin-left: 25px;
margin-right: 5px;
color: #fff; color: #fff;
line-height: 50px; line-height: 50px;
} }
@ -107,7 +108,7 @@ body {
} }
#marketplace-navigation input { #marketplace-navigation input {
float: right; float: right;
margin-right: 50px; margin-right: 25px;
margin-top: 12px; margin-top: 12px;
} }

8
scripts/system/html/js/marketplacesClara.js
View file

@ -16,9 +16,9 @@ function onLoad() {
$("head").append( $("head").append(
'<style>' + '<style>' +
'#marketplace-navigation { font-family: Arial, Helvetica, sans-serif; width: 100%; height: 50px; background: #00b4ef; position: fixed; bottom: 0; }' + '#marketplace-navigation { font-family: Arial, Helvetica, sans-serif; width: 100%; height: 50px; background: #00b4ef; position: fixed; bottom: 0; }' +
'#marketplace-navigation .glyph { margin-left: 30px; margin-right: 8px; font-family: sans-serif; color: #fff; font-size: 24px; line-height: 50px; }' + '#marketplace-navigation .glyph { margin-left: 25px; margin-right: 5px; font-family: sans-serif; color: #fff; font-size: 24px; line-height: 50px; }' +
'#marketplace-navigation .text { color: #fff; font-size: 18px; line-height: 50px; vertical-align: top; position: relative; top: 1px; }' + '#marketplace-navigation .text { color: #fff; font-size: 18px; line-height: 50px; vertical-align: top; position: relative; top: 1px; }' +
'#marketplace-navigation input { float: right; margin-right: 50px; margin-top: 12px; }' + '#marketplace-navigation input { float: right; margin-right: 25px; margin-top: 12px; }' +
'</style>' '</style>'
); );
@ -26,7 +26,7 @@ function onLoad() {
// Font family, size, and position adjusted because Raleway-Bold cannot be used cross-domain. // Font family, size, and position adjusted because Raleway-Bold cannot be used cross-domain.
$("head").append( $("head").append(
'<style>' + '<style>' +
'input[type=button] { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-transform: uppercase; vertical-align: center; height: 28px; min-width: 120px; padding: 0 18px; margin-right: 6px; border-radius: 5px; border: none; color: #fff; background-color: #000; background: linear-gradient(#343434 20%, #000 100%); cursor: pointer; }' + 'input[type=button] { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-transform: uppercase; vertical-align: center; height: 28px; min-width: 100px; padding: 0 15px; border-radius: 5px; border: none; color: #fff; background-color: #000; background: linear-gradient(#343434 20%, #000 100%); cursor: pointer; }' +
'input[type=button].white { color: #121212; background-color: #afafaf; background: linear-gradient(#fff 20%, #afafaf 100%); }' + 'input[type=button].white { color: #121212; background-color: #afafaf; background: linear-gradient(#fff 20%, #afafaf 100%); }' +
'input[type=button].white:enabled:hover { background: linear-gradient(#fff, #fff); border: none; }' + 'input[type=button].white:enabled:hover { background: linear-gradient(#fff, #fff); border: none; }' +
'input[type=button].white:active { background: linear-gradient(#afafaf, #afafaf); }' + 'input[type=button].white:active { background: linear-gradient(#afafaf, #afafaf); }' +
@ -44,7 +44,7 @@ function onLoad() {
// Marketplaces footer. // Marketplaces footer.
$("body").append( $("body").append(
'<div id="marketplace-navigation">' + '<div id="marketplace-navigation">' +
'<span class="glyph">&#x1f6c8;</span> <span class="text">Check out other marketplaces.</span>' + '<span class="glyph">&#x1f6c8;</span> <span class="text">Check out other markets.</span>' +
'<input id="all-markets" type="button" class="white" value="See All Markets" />' + '<input id="all-markets" type="button" class="white" value="See All Markets" />' +
'</div>' '</div>'
); );

8
scripts/system/html/js/marketplacesHiFi.js
View file

@ -16,9 +16,9 @@ function onLoad() {
$("head").append( $("head").append(
'<style>' + '<style>' +
'#marketplace-navigation { font-family: Arial, Helvetica, sans-serif; width: 100%; height: 50px; background: #00b4ef; position: fixed; bottom: 0; }' + '#marketplace-navigation { font-family: Arial, Helvetica, sans-serif; width: 100%; height: 50px; background: #00b4ef; position: fixed; bottom: 0; }' +
'#marketplace-navigation .glyph { margin-left: 30px; margin-right: 8px; font-family: sans-serif; color: #fff; font-size: 24px; line-height: 50px; }' + '#marketplace-navigation .glyph { margin-left: 25px; margin-right: 5px; font-family: sans-serif; color: #fff; font-size: 24px; line-height: 50px; }' +
'#marketplace-navigation .text { color: #fff; font-size: 18px; line-height: 50px; vertical-align: top; position: relative; top: 1px; }' + '#marketplace-navigation .text { color: #fff; font-size: 18px; line-height: 50px; vertical-align: top; position: relative; top: 1px; }' +
'#marketplace-navigation input { float: right; margin-right: 50px; margin-top: 12px; }' + '#marketplace-navigation input { float: right; margin-right: 25px; margin-top: 12px; }' +
'</style>' '</style>'
); );
@ -26,7 +26,7 @@ function onLoad() {
// Font family, size, and position adjusted because Raleway-Bold cannot be used cross-domain. // Font family, size, and position adjusted because Raleway-Bold cannot be used cross-domain.
$("head").append( $("head").append(
'<style>' + '<style>' +
'input[type=button] { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-transform: uppercase; vertical-align: center; height: 28px; min-width: 120px; padding: 0 18px; margin-right: 6px; border-radius: 5px; border: none; color: #fff; background-color: #000; background: linear-gradient(#343434 20%, #000 100%); cursor: pointer; }' + 'input[type=button] { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-transform: uppercase; vertical-align: center; height: 28px; min-width: 100px; padding: 0 15px; border-radius: 5px; border: none; color: #fff; background-color: #000; background: linear-gradient(#343434 20%, #000 100%); cursor: pointer; }' +
'input[type=button].white { color: #121212; background-color: #afafaf; background: linear-gradient(#fff 20%, #afafaf 100%); }' + 'input[type=button].white { color: #121212; background-color: #afafaf; background: linear-gradient(#fff 20%, #afafaf 100%); }' +
'input[type=button].white:enabled:hover { background: linear-gradient(#fff, #fff); border: none; }' + 'input[type=button].white:enabled:hover { background: linear-gradient(#fff, #fff); border: none; }' +
'input[type=button].white:active { background: linear-gradient(#afafaf, #afafaf); }' + 'input[type=button].white:active { background: linear-gradient(#afafaf, #afafaf); }' +
@ -36,7 +36,7 @@ function onLoad() {
// Marketplaces footer. // Marketplaces footer.
$("body").append( $("body").append(
'<div id="marketplace-navigation">' + '<div id="marketplace-navigation">' +
'<span class="glyph">&#x1f6c8;</span> <span class="text">Check out other marketplaces.</span>' + '<span class="glyph">&#x1f6c8;</span> <span class="text">Check out other markets.</span>' +
'<input id="all-markets" type="button" class="white" value="See All Markets" />' + '<input id="all-markets" type="button" class="white" value="See All Markets" />' +
'</div>' '</div>'
); );

1
scripts/system/libraries/WebTablet.js
View file

@ -86,6 +86,7 @@ WebTablet = function (url, width, dpi, location, clientOnly) {
resolution: { x: 480, y: 640 }, resolution: { x: 480, y: 640 },
dpi: DPI, dpi: DPI,
color: { red: 255, green: 255, blue: 255 }, color: { red: 255, green: 255, blue: 255 },
alpha: 1.0,
parentID: this.tabletEntityID, parentID: this.tabletEntityID,
parentJointIndex: -1 parentJointIndex: -1
}); });