css cleanup for extended ticks (issue w3c#112)

shikhar-scs · Aug 12, 2014 · f78de6d · f78de6d
1 parent c551d69
commit f78de6d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 13 deletions.
diff --git a/css/metrics-graphics-demo.css b/css/metrics-graphics-demo.css
@@ -1,14 +1,8 @@
-#long svg .y-axis line,
-#fake_users3 svg .y-axis line,
-#histogram svg .y-axis line {
+.extended-y-ticks svg .y-axis line {
     opacity: 0.1;
 }
 
-#histogram svg .bar rect {
-    fill: #aaaaff;
-}
-
-#confidence_band svg .x-axis line {
+.extended-x-ticks svg .x-axis line {
     opacity: 0.1;
 }
 

diff --git a/index.html b/index.html
@@ -89,7 +89,7 @@ <h2 class='trunk-title'>Hassle-Free Layouts</h2>
                     </div>
                     <div class='col-lg-8'>
                         <div class='row'>
-                            <div class='col-lg-12 gr' id='fake_users3'></div>
+                            <div class='col-lg-12 gr extended-y-ticks' id='fake_users3'></div>
                        </div>
                     </div>
                 </div>
@@ -104,7 +104,7 @@ <h2 class='trunk-title'>Confidence Band</h2>
                     </div>
                     <div class='col-lg-8'>
                         <div class='row'>
-                            <div class='col-lg-12 gr' id='confidence_band'></div>
+                            <div class='col-lg-12 gr extended-x-ticks' id='confidence_band'></div>
                        </div>
                     </div>
                 </div>
@@ -247,11 +247,11 @@ <h2 class='trunk-title'>Histograms</h2>
                     </div>
                     <div class='col-lg-8'>
                         <div class='row'>
-                            <div class='col-lg-6 gr' id='histogram1'></div>
-                            <div class='col-lg-6 gr' id='histogram2'></div>
+                            <div class='col-lg-6 gr extended-y-ticks' id='histogram1'></div>
+                            <div class='col-lg-6 gr extended-y-ticks' id='histogram2'></div>
                         </div>
                         <div class='row'>
-                            <div class='col-lg-6 gr' id='histogram3'></div>
+                            <div class='col-lg-6 gr extended-y-ticks' id='histogram3'></div>
                             <div class='col-lg-6'></div>
                         </div>
                     </div>