ref-style.css: Added a new style to support glossary hanging indent

I moved the PNG file for the context to be the first item displayed
for a given glossary term.  The PNG file must be negatively indented
though to look decent.

Fixes [YOCTO #5601]

These reformatting changes were needed because of brower incompatibilities
discovered with the existing solution for displaying these PNG files
with glossary terms.

(From yocto-docs rev: c84c4bc91b10e1443dc5aefc3a987a370d25432b)

Signed-off-by: Scott Rifenbark <scott.m.rifenbark@intel.com>
Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>

1 files changed, 5 insertions, 1 deletions

diff --git a/documentation/ref-manual/ref-style.css b/documentation/ref-manual/ref-style.css
index f660a96859..a54083fc8a 100644
--- a/documentation/ref-manual/ref-style.css
+++ b/documentation/ref-manual/ref-style.css
@@ -211,7 +211,7 @@ div.variablelist dl {
 
 .glossary dl dd,
 .variablelist dl dd {
-  margin-top: -3.5em;
+  margin-top: 0em;
   margin-left: 15.5em;
   margin-bottom: 2em;
 }
@@ -222,6 +222,10 @@ div.variablelist dl {
   margin-bottom: 1em;
 }
 
+.glossdeffirst {
+  text-indent: -70px;
+}
+
 div.calloutlist table td {
   padding: 0em 0em 0em 0em;
   margin: 0em 0em 0em 0em;