(master): Namespace accordion

Author: Joe Crick

index.html

@@ -183,7 +183,7 @@ <h2 class="content-subhead">Installation</h2>
                     <a name="accordion"></a>
                     <h2 class="content-subhead">Accordion</h2>
 
-                    <ul class="accordion">
+                    <ul class="pcssc-accordion">
                         <li class="accordion-section">
                             <input type="radio" class="accordion-section-selector pcssc-invisible" id="a-1"
                                    name="a-tab-head"
@@ -221,7 +221,7 @@ <h2>Heading 2</h2>
 
                     <div style="background: #ffffff; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;"><pre
                             style="margin: 0; line-height: 125%">
-&lt;ul class=<span style="color: #a31515">&quot;accordion&quot;</span>&gt;
+&lt;ul class=<span style="color: #a31515">&quot;pcssc-accordion&quot;</span>&gt;
     &lt;li class=<span style="color: #a31515">&quot;accordion-section&quot;</span>&gt;
         &lt;input type=<span style="color: #a31515">&quot;radio&quot;</span> class=<span style="color: #a31515">&quot;accordion-section-selector pcssc-invisible&quot;</span> id=<span
                             style="color: #a31515">&quot;a-1&quot;</span> name=<span style="color: #a31515">&quot;a-tab-head&quot;</span> role=<span
@@ -781,7 +781,7 @@ <h2 class="content-subhead">Tabs</h2>
                     <a name="top-tabs"></a>
                     <h3>Top tabs</h3>
 
-                    <ul class="accordion accordion-tab">
+                    <ul class="pcssc-accordion accordion-tab">
                         <li class="accordion-section">
                             <input type="radio" class="accordion-section-selector pcssc-invisible" id="zero"
                                    name="tab-head"
@@ -819,7 +819,7 @@ <h2>Heading 3</h2>
 
                     <div style="background: #ffffff; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;"><pre
                             style="margin: 0; line-height: 125%">
-&lt;ul class=<span style="color: #a31515">&quot;accordion accordion-tab&quot;</span>&gt;
+&lt;ul class=<span style="color: #a31515">&quot;pcssc-accordion accordion-tab&quot;</span>&gt;
     &lt;li class=<span style="color: #a31515">&quot;accordion-section&quot;</span>&gt;
         &lt;input type=<span style="color: #a31515">&quot;radio&quot;</span> class=<span style="color: #a31515">&quot;accordion-section-selector pcssc-invisible&quot;</span> id=<span
                             style="color: #a31515">&quot;zero&quot;</span> name=<span style="color: #a31515">&quot;tab-head&quot;</span> role=<span
@@ -875,7 +875,7 @@ <h3>Side tabs</h3>
                     <a name="left-side-tabs"></a>
                     <h4>Left side tabs</h4>
 
-                    <ul class="accordion accordion-tab left-accordion-side">
+                    <ul class="pcssc-accordion accordion-tab left-accordion-side">
                         <li class="accordion-section">
                             <input type="radio" class="accordion-section-selector pcssc-invisible" id="zero-left"
                                    name="tab-head-left"
@@ -919,7 +919,7 @@ <h2>Heading 3</h2>
 
                     <div style="background: #ffffff; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;"><pre
                             style="margin: 0; line-height: 125%">
-&lt;ul class=<span style="color: #a31515">&quot;accordion accordion-tab left-accordion-side&quot;</span>&gt;
+&lt;ul class=<span style="color: #a31515">&quot;pcssc-accordion accordion-tab left-accordion-side&quot;</span>&gt;
     <span style="color: #008000">&lt;!-- Tab Content Here --&gt;</span>
 &lt;/ul&gt;
 </pre>
@@ -928,7 +928,7 @@ <h2>Heading 3</h2>
                     <a name="right-side-tabs"></a>
                     <h4>Right side tabs</h4>
 
-                    <ul class="accordion accordion-tab right-accordion-side">
+                    <ul class="pcssc-accordion accordion-tab right-accordion-side">
                         <li class="accordion-section">
                             <input type="radio" class="accordion-section-selector pcssc-invisible" id="zero-right"
                                    name="tab-head-right"
@@ -972,7 +972,7 @@ <h2>Heading 3</h2>
 
                     <div style="background: #ffffff; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;"><pre
                             style="margin: 0; line-height: 125%">
-&lt;ul class=<span style="color: #a31515">&quot;accordion accordion-tab right-accordion-side&quot;</span>&gt;
+&lt;ul class=<span style="color: #a31515">&quot;pcssc-accordion accordion-tab right-accordion-side&quot;</span>&gt;
     <span style="color: #008000">&lt;!-- Tab Content Here --&gt;</span>
 &lt;/ul&gt;
 </pre>