<p>Merges <a href="https://github.com/glamrock" class="user-mention">@glamrock</a>'s theme-optimization branch from the archived luci-theme-commotion repo, with some adjustments for the recent repo merge and theme structure changes.</p>

<p>This pull request is intended to remove unused selectors, not fix outstanding style change requests.</p>

<p>To test, flash one node with master branch and one with theme-optimization. View pages in Firefox, Chrome, IE, and Safari and make sure the versions look the same. There may be minor variations, but they should be pretty close. </p>

<hr>

<h4>You can merge this Pull Request by running</h4>
<pre>  git pull https://github.com/opentechinstitute/luci-commotion theme-optimization</pre>
<p>Or view, comment on, or merge it at:</p>
<p>  <a href='https://github.com/opentechinstitute/luci-commotion/pull/402'>https://github.com/opentechinstitute/luci-commotion/pull/402</a></p>

<h4>Commit Summary</h4>
<ul>
  <li>logic separation notation</li>
  <li>logic separation notation</li>
  <li>theme architecture comparison</li>
  <li>parent-child separation 1</li>
  <li>parent-child separation 2</li>
  <li>css separation and optimization</li>
  <li>css optimization 2</li>
  <li>bug squishing</li>
  <li>sifting css for bugs</li>
  <li>css parity for mobile and tablets</li>
  <li>additional stylesheet edits</li>
  <li>css fixes and removing extra cruft</li>
  <li>moving files</li>
  <li>css debugging</li>
  <li>needless media query</li>
  <li>ironing out minor errors</li>
  <li>error separation</li>
  <li>cascade</li>
  <li>setting max width to control overflow</li>
  <li>putting .ifacebadge segments back</li>
  <li>removing empty border declarations</li>
  <li>fixing cbi button statements</li>
  <li>working out spacing issues</li>
  <li>body width fix</li>
  <li>tinycombo was conflicting with cascade due to absent media query</li>
  <li>turning topbar from an element to a class</li>
  <li>footer overlap fix</li>
  <li>fieldset legend list style</li>
  <li>trailing S</li>
  <li>alerts.css currently empty, so commenting out</li>
  <li>max-width still overflowing</li>
  <li>css sizing issues</li>
  <li>re-adding tips</li>
  <li>initial welcome page missing some styling elements</li>
  <li>mimicking changes for mobile</li>
  <li>quickstart icons</li>
  <li>Theme: Merging theme-optimization branch of archived luci-theme-commotion repo</li>
  <li>Theme: Topbar still in use. HTML was invalid.</li>
  <li>Theme: Adjusting topbar thickness</li>
  <li>Theme: Fixed invalid margin</li>
  <li>Theme: Fixed invalid margin, font size declaration</li>
  <li>Theme: Storing old cascade.css for reference until issues are resolved.</li>
  <li>Theme: Added status bar styling</li>
  <li>Theme: Replaced content styling with correct mobile values</li>
  <li>Theme: Fixed broken status tab styling</li>
  <li>Theme: Style error message. Prevent errorbox from squashing background image</li>
  <li>Theme: Reserve layout space for sidenav</li>
  <li>Theme: Adjust table width</li>
  <li>Theme: Minor layout adjustments for large-screen devices</li>
  <li>Theme: Minor styling tweaks for mobile</li>
  <li>Theme: Media selector prevents mobile stylesheet from being applied to small browser windows</li>
  <li>Theme: Removed invalid properties</li>
  <li>Theme: Added missing background image for finish button</li>
</ul>

<h4>File Changes</h4>
<ul>
  <li>
    <strong>A</strong>
    <a href="https://github.com/opentechinstitute/luci-commotion/pull/402/files#diff-0">htdocs/luci-static/cascade_old.css</a>
    (1509)
  </li>
  <li>
    <strong>A</strong>
    <a href="https://github.com/opentechinstitute/luci-commotion/pull/402/files#diff-1">htdocs/luci-static/commotion/alerts.css</a>
    (134)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/opentechinstitute/luci-commotion/pull/402/files#diff-2">htdocs/luci-static/commotion/cascade.css</a>
    (738)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/opentechinstitute/luci-commotion/pull/402/files#diff-3">htdocs/luci-static/commotion/dashboard.css</a>
    (46)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/opentechinstitute/luci-commotion/pull/402/files#diff-4">htdocs/luci-static/commotion/sidebar.css</a>
    (9)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/opentechinstitute/luci-commotion/pull/402/files#diff-5">htdocs/luci-static/commotion/tinycombo.css</a>
    (428)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/opentechinstitute/luci-commotion/pull/402/files#diff-6">luasrc/view/themes/commotion/stylesheets.htm</a>
    (7)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/opentechinstitute/luci-commotion/pull/402/files#diff-7">luasrc/view/themes/commotion/top-branding.htm</a>
    (2)
  </li>
</ul>

<h4>Patch Links:</h4>
<ul>
  <li><a href='https://github.com/opentechinstitute/luci-commotion/pull/402.patch'>https://github.com/opentechinstitute/luci-commotion/pull/402.patch</a></li>
  <li><a href='https://github.com/opentechinstitute/luci-commotion/pull/402.diff'>https://github.com/opentechinstitute/luci-commotion/pull/402.diff</a></li>
</ul>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br>Reply to this email directly or <a href="https://github.com/opentechinstitute/luci-commotion/pull/402">view it on GitHub</a>.<img alt="" height="1" src="https://github.com/notifications/beacon/3074564__eyJzY29wZSI6Ik5ld3NpZXM6QmVhY29uIiwiZXhwaXJlcyI6MTcyMTIzMTExMiwiZGF0YSI6eyJpZCI6MzcyODA0MTJ9fQ==--367f439493bc531153b3177183cb6d489cf81e07.gif" width="1" /></p>