English French German Spanish Russian
Ingame browser capabilities - Web Apps - Ryzom Community ForumHomeGuest

Web Apps


Ingame browser capabilities

Ingame "browser.css" is something like
html { background-color: rgba(0, 0, 0, 1.0); color: rgba(210, 210, 210, 1.0); font-size: 10px; }
a { color: rgba(240, 155, 100, 1.0); text-decoration: underline; -ryzom-modulate-color: 0;}
h1 { color: rgba(255, 255, 255, 1.0); font-size: 20px; -ryzom-modulate-color: 0;}
h2 { color: rgba(255, 255, 255, 1.0); font-size: 18px; -ryzom-modulate-color: 0;}
h3 { color: rgba(255, 255, 255, 1.0); font-size: 16px; -ryzom-modulate-color: 0;}
h4 { color: rgba(255, 255, 255, 1.0); font-size: 14px; -ryzom-modulate-color: 0;}
h5 { color: rgba(255, 255, 255, 1.0); font-size: 12px; -ryzom-modulate-color: 0;}
h6 { color: rgba(255, 255, 255, 1.0); font-size: 12px; -ryzom-modulate-color: 0;}
input[type="text"] { color: rgba(210, 210, 210, 1.0); font-size: 10px; font-weight: normal; text-shadow: 1px 1px #000;}
pre { font-family: monospace;}
th { font-weight: bold; }
textarea { color: rgba(210, 210, 210, 1.0); font-weight: normal; font-size: 10px; text-shadow: 1px 1px #000;}
del { text-decoration: line-through;}
u { text-decoration: underline;}
em { font-style: italic; }
strong { font-weight: bold; }
small { font-size: smaller;}
dt { font-weight: bold; }
hr { color: rgb(120, 120, 120);}
address, article, aside, blockquote, details, dialog, dd, div, dl, dt,
fieldset, figcaption, figure,footer, form, h1, h2, h3, h4, h5, h6,
header, hgroup, hr, li, main, nav, ol, p, pre, section, table, ul { display: block; }
table { display: table; }
table { border-collapse: separate;}
meter::-webkit-meter-bar,
meter::-webkit-optimum-value,
meter::-webkit-suboptimum-value,
meter::-webkit-even-less-good-value { background: none; }
meter::-webkit-meter-bar { background-color: rgb(100, 100, 100); width: 5em; height: 1em;}
meter::-webkit-meter-optimum-value { background-color: rgb(80, 220, 80); }
meter::-webkit-meter-suboptimum-value { background-color: rgb(220, 220, 80); }
meter::-webkit-meter-even-less-good-value { background-color: rgb(220, 80, 80); }
progress::-webkit-progress-bar,
progress::-webkit-progress-value { background: none; }
progress::-webkit-progress-bar { background-color: rgb(230, 230, 230); width: 10em; height: 1em; }
progress::-webkit-progress-value { background-color: rgb(0, 100, 180);}

Some elements (like form) is now display: block; as default (previously inline)

---

Hello!
Show topic
Last visit Thu Jun 27 04:02:10 2019 UTC
P_:

powered by ryzom-api