using icon font on settings, experimentiung with new bg

h/css/app.scss

@@ -43,7 +43,7 @@ svg { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
 .sliding-panels > li {
   @include smallshadow(-2px);
   @include transition(transform .4s, left .4s, padding-left .3s cubic-bezier(0.95, 0.05, 0.795, 0.035));
-  background: url('../images/noise_1.png');
+  background: url('../images/shattered_2.jpg');
   background-attachment: fixed;
   margin-left: 1em;
   overflow: scroll;
@@ -298,8 +298,7 @@ svg { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
   }
 
   .dropdown-toggle {
-    @include linkbutton_right;
-    background-image: url("../images/dropdown_1.png");
+    @include fonticon("\e020", right, .3em);
     .provider {
       color: $grayLight;
       display: none;

h/css/base.scss

@@ -218,7 +218,7 @@ $em: 14 / 1em !default;
 
 
 //FONTICON////////////////////////////////
-@mixin fonticon($char, $iconside: left) {
+@mixin fonticon($char, $iconside, $offset: 0) {
   text-decoration: none;
   cursor: pointer;
   color: $gray;
@@ -232,7 +232,7 @@ $em: 14 / 1em !default;
       vertical-align: -.1em;
       font-family: 'icomoon';
       font-style: normal;
-      // margin-right: .3em;
+      margin-right: $offset;
       speak: none;
       font-weight: normal;
     }
@@ -243,7 +243,7 @@ $em: 14 / 1em !default;
       vertical-align: -.1em;
       font-family: 'icomoon';
       font-style: normal;
-      // margin-left: .3em;
+      margin-left: $offset;
       speak: none;
       font-weight: normal;
     }

h/css/common.scss

@@ -271,8 +271,8 @@ blockquote {
   @include smallshadow;
   background: $white;
   border: solid 1px $grayLighter;
-  border-top: 0;
   left: 0;
+  top: 2em;
   float: left;
   opacity: 0;
   pointer-events: none;

h/images/icomoon.svg

@@ -3,7 +3,7 @@
 <svg xmlns="http://www.w3.org/2000/svg">
 <metadata>
 This is a custom SVG font generated by IcoMoon.
-6
+7
 </metadata>
 <defs>
 <font id="icomoon" horiz-adv-x="512" >
@@ -82,5 +82,20 @@ This is a custom SVG font generated by IcoMoon.
 <glyph unicode="&#xe00c;" d="M0.00,480.00,m 256.633-4.966 c -139.836,0.00 -253.201-92.18 -253.201-205.913 0.00-74.774 49.018-140.266 122.324-176.343 0.00-0.312 0.016-108.399 0.00-114.636 -0.016-6.246 6.911-7.787 11.319-3.313 3.353,3.404 57.819,58.218 89.291,89.87 9.928-0.962 20.021-1.574 30.267-1.574 139.836,0.00 253.201,92.262 253.201,205.996 0.00,113.734 -113.365,205.913 -253.201,205.913 z"  />
 <glyph unicode="&#xe00e;" d="M 255.667,479.00 C 396.874,479.00 511.333,382.959 511.333,264.50 C 511.333,146.041 396.874,50.00 255.667,50.00 C 253.46,50.00 251.276,50.037 249.083,50.083 C 199.563,22.049 124.687-20.312 119.833-23.083 C 105.536-31.247 83.031-28.396 83.083-17.00 C 83.114-10.294 83.093,48.748 83.083,106.25 C 32.012,145.466 0.00,201.841 0.00,264.50 C 0.00,382.959 114.46,479.00 255.667,479.00 Z"  />
 <glyph unicode="&#xe00d;" d="M 255.667,479.00 C 114.459,479.00 0.00,382.96 0.00,264.501 C 0.00,146.04 114.459,50.00 255.667,50.00 C 257.872,50.00 260.056,50.037 262.251,50.083 C 311.771,22.048 386.648-20.312 391.499-23.083 C 405.797-31.245 428.301-28.397 428.251-17.00 C 428.219-10.293 428.24,48.749 428.251,106.251 C 479.32,145.467 511.333,201.84 511.333,264.499 C 511.333,382.96 396.875,479.00 255.667,479.00 Z"  />
+<glyph unicode="&#xe00f;" d="M 429.912,223.968c0.00,26.817, 16.508,47.98, 41.368,62.532c-4.476,14.968-10.412,29.304-17.712,42.80
+		c-27.872-7.292-50.432,3.632-69.40,22.593c-18.964,18.968-24.769,41.532-17.473,69.408
+		c-13.496,7.30-27.832,13.232-42.807,17.708c-14.548-24.864-40.828-41.368-67.649-41.368
+		c-26.817,0.00-53.096,16.504-67.653,41.368c-14.968-4.469-29.304-10.408-42.80-17.708c 7.292-27.872, 1.492-50.436-17.477-69.408
+		c-18.964-18.964-41.532-29.883-69.405-22.593c-7.30-13.496-13.236-27.832-17.708-42.80
+		c 24.86-14.552, 41.364-35.716, 41.364-62.532c0.00-26.811-16.504-53.104-41.364-67.653c 4.472-14.972, 10.408-29.304, 17.708-42.80
+		c 27.876,7.292, 50.44,1.492, 69.405-17.48c 18.959-18.959, 24.769-41.532, 17.477-69.40
+		c 13.496-7.30, 27.832-13.24, 42.804-17.708c 14.556,24.856, 40.832,41.368, 67.649,41.364c 26.821,0.00, 53.10-16.508, 67.649-41.364
+		c 14.976,4.472, 29.312,10.408, 42.812,17.712c-7.292,27.864-1.496,50.436, 17.467,69.395c 18.968,18.972, 41.532,29.893, 69.40,22.60
+		c 7.30,13.496, 13.236,27.828, 17.712,42.80C 446.42,175.985, 429.912,197.156, 429.912,223.968z M 256.24,130.447
+		c-51.649,0.00-93.516,41.867-93.516,93.52s 41.867,93.52, 93.516,93.52s 93.512-41.867, 93.512-93.52
+		S 307.888,130.447, 256.24,130.447z"  />
+<glyph unicode="&#xe020;" d="M 438.955,342.955l-59.499-59.52l-53.333,10.667l-10.667,53.333l 59.499,59.52c-8.747,2.645-17.877,4.48-27.499,4.48c-52.992,0.00-96.00-42.987-96.00-96.00
+		l0.00-32.00 l-146.709-119.04c-27.883-27.627-23.787-67.797,0.00-91.669c 23.787-23.915, 63.787-27.733, 91.669,0.00l 119.04,146.709l 32.00,0.00 c 53.035,0.00, 96.00,42.987, 96.00,96.00
+		C 443.456,325.077, 441.621,334.187, 438.955,342.955z"  />
 <glyph class="hidden" unicode="&#xf000;" d="M0,480L 512 -32L0 -32 z" horiz-adv-x="0" />
 </font></defs></svg>
\ No newline at end of file