fix tests for SVG-capable broser

[#42387749]
prevent about pane content from overlapping right side

[#42394525]
example of SVG doc using Open Sans font

[#42229129]

/resources/pressureGauge.svg

When using this same form as an attached image the font
specification doesn't appear to be resolved properly.

Test details: copy /resources/pressureGauge.svg to:

/imports/legacy-mw-content/sam-activities/gas-laws/original-interactives-in-pages/page5/pressureGauge.svg

and rebuild the project.

This file is referenced from this Interactive:

/examples/interactives/interactives.html#interactives/sam/gas-laws/5-temperature-pressure-relationship.json

However when rendered now in the Interactive pressureGauge.svg still
uses a serif font.
fix references in SVG doc to Open Sans font

[#42229129]
Updated CC logo
static SVG doc testing embedded image using SVG

[#42229129]

This svg doc is extracted from the SVG produced for the MD2D view.

  /resources/test-svg-image-embed.svg

It has both a text element using the Open Sans font and
an image element that references pressureGauge.svg using
an xlink:href attribute.

The text element is rendered properly using the Open Sans font.

pressureGauge.svg also uses an Open Sans font ... but when
embedded the font is not resolved properly and a serif
default font is used instead.

When loaded directly /resources/pressureGauge.svg renders
using an Open Sans font correctly.
Firefox needs "px" following font size attributes

[#42229129]
Complete Open Sans fontface kit, multiple formats

[#42229129]

Open Sans in multiple formats:

TTF - Works in most browsers except IE and iPhone.
EOT - IE only. 
WOFF - Compressed, emerging standard. 
SVG - iPhone/iPad.
 
Downloaded from http://www.fontsquirrel.com/fonts/open-sans
Apache 2.0 License
SVG experiment: include eot type Open Sans for IE

[#42229129]
change default style for headers to SemiBold
integrate EOT fonts into font-face styles for IE

[#42435151]
include SemiBold and Light in font-face styles

[#42435089]

Usage:

  SemiBold: font-weight: 600
  Light:    font-weight: 300
improve styling of Interactive header

[#42435089]

Search filter categories and additional links now use background
styling to make them easier to see and parse.

Titles for categories in header now have slightly darker italic
font to distinguish from category content.

Logo now is placed on layer behind the Additional Link and
Search Category rows so when browser window is narrowed
logo ends up behind clickable items.
increase height of Share pane a bit

also make <p> content SemiBold
Interactive Header: active links become bolder

[#42435089]
Interactive Header: darken active link background

[#42435089]

Instead of making link text bolder (which makes the whole link
just a bit wider) make background darker.

Apply to labeled-checkboxes also.
don't need Z-index, make sure row doesn't cover logo

[#42435089]

By making the display property for #header.row 'inline block'
the row stops at the end of it's content and doesn't
start to cover up the logo link.

Before this fix the logo link was clickable only at the very top
where it wasn't covered by the row of additional links.
Add custom ValidationError exception type to validator module

[#41019647]
Add validate method in DNA properties

[#41019647]
Implement dynamic DNA code validation in DNA edit dialog

[#41019647]