adding new icon set

public/site_assets/test/css/animation.css

@@ -0,0 +1,85 @@
+/*
+   Animation example, for spinners
+*/
+.animate-spin {
+  -moz-animation: spin 2s infinite linear;
+  -o-animation: spin 2s infinite linear;
+  -webkit-animation: spin 2s infinite linear;
+  animation: spin 2s infinite linear;
+  display: inline-block;
+}
+@-moz-keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+
+  100% {
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@-webkit-keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+
+  100% {
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@-o-keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+
+  100% {
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@-ms-keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+
+  100% {
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+
+  100% {
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}

public/site_assets/test/css/fontello-codes.css

@@ -0,0 +1,26 @@
+
+.icon-wrench:before { content: '\e80c'; } /* '' */
+.icon-user:before { content: '\e801'; } /* '' */
+.icon-trash:before { content: '\e813'; } /* '' */
+.icon-th-large:before { content: '\e817'; } /* '' */
+.icon-desktop:before { content: '\e802'; } /* '' */
+.icon-cancel-circled:before { content: '\e811'; } /* '' */
+.icon-cancel:before { content: '\e808'; } /* '' */
+.icon-plus-circled:before { content: '\e80e'; } /* '' */
+.icon-plus:before { content: '\e80d'; } /* '' */
+.icon-photo:before { content: '\e816'; } /* '' */
+.icon-ok:before { content: '\e807'; } /* '' */
+.icon-minus-circled:before { content: '\e810'; } /* '' */
+.icon-minus:before { content: '\e80f'; } /* '' */
+.icon-indent-left:before { content: '\e804'; } /* '' */
+.icon-gauge:before { content: '\e800'; } /* '' */
+.icon-block:before { content: '\e809'; } /* '' */
+.icon-heart:before { content: '\e814'; } /* '' */
+.icon-right-open:before { content: '\e80a'; } /* '' */
+.icon-left-open:before { content: '\e80b'; } /* '' */
+.icon-barcode:before { content: '\e805'; } /* '' */
+.icon-align-left:before { content: '\e806'; } /* '' */
+.icon-home:before { content: '\e818'; } /* '' */
+.icon-mail:before { content: '\e803'; } /* '' */
+.icon-chart:before { content: '\e812'; } /* '' */
+.icon-comment:before { content: '\e815'; } /* '' */

public/site_assets/test/css/fontello-ie7-codes.css

@@ -0,0 +1,26 @@
+
+.icon-wrench { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-user { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-trash { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-th-large { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-desktop { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-cancel-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-cancel { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-plus-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-plus { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-photo { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-ok { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-minus-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-minus { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-indent-left { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-gauge { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-block { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-heart { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-right-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-left-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-barcode { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-align-left { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-home { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-mail { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-chart { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-comment { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }

public/site_assets/test/css/fontello-ie7.css

@@ -0,0 +1,37 @@
+[class^="icon-"], [class*=" icon-"] {
+  font-family: 'fontello';
+  font-style: normal;
+  font-weight: normal;
+ 
+  /* fix buttons height */
+  line-height: 1em;
+ 
+  /* you can be more comfortable with increased icons size */
+  /* font-size: 120%; */
+}
+ 
+.icon-wrench { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-user { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-trash { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-th-large { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-desktop { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-cancel-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-cancel { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-plus-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-plus { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-photo { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-ok { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-minus-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-minus { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-indent-left { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-gauge { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-block { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-heart { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-right-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-left-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-barcode { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-align-left { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-home { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-mail { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-chart { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-comment { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }

public/site_assets/test/css/fontello.css

@@ -0,0 +1,77 @@
+@font-face {
+  font-family: 'fontello';
+  src: url('../font/fontello.eot?83289534');
+  src: url('../font/fontello.eot?83289534#iefix') format('embedded-opentype'),
+       url('../font/fontello.woff?83289534') format('woff'),
+       url('../font/fontello.ttf?83289534') format('truetype'),
+       url('../font/fontello.svg?83289534#fontello') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
+/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
+/*
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+  @font-face {
+    font-family: 'fontello';
+    src: url('../font/fontello.svg?83289534#fontello') format('svg');
+  }
+}
+*/
+ 
+ [class^="icon-"]:before, [class*=" icon-"]:before {
+  font-family: "fontello";
+  font-style: normal;
+  font-weight: normal;
+  speak: none;
+ 
+  display: inline-block;
+  text-decoration: inherit;
+  width: 1em;
+  margin-right: .2em;
+  text-align: center;
+  /* opacity: .8; */
+ 
+  /* For safety - reset parent styles, that can break glyph codes*/
+  font-variant: normal;
+  text-transform: none;
+     
+  /* fix buttons height, for twitter bootstrap */
+  line-height: 1em;
+ 
+  /* Animation center compensation - margins should be symmetric */
+  /* remove if not needed */
+  margin-left: .2em;
+ 
+  /* you can be more comfortable with increased icons size */
+  /* font-size: 120%; */
+ 
+  /* Uncomment for 3D effect */
+  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
+}
+ 
+.icon-wrench:before { content: '\e80c'; } /* '' */
+.icon-user:before { content: '\e801'; } /* '' */
+.icon-trash:before { content: '\e813'; } /* '' */
+.icon-th-large:before { content: '\e817'; } /* '' */
+.icon-desktop:before { content: '\e802'; } /* '' */
+.icon-cancel-circled:before { content: '\e811'; } /* '' */
+.icon-cancel:before { content: '\e808'; } /* '' */
+.icon-plus-circled:before { content: '\e80e'; } /* '' */
+.icon-plus:before { content: '\e80d'; } /* '' */
+.icon-photo:before { content: '\e816'; } /* '' */
+.icon-ok:before { content: '\e807'; } /* '' */
+.icon-minus-circled:before { content: '\e810'; } /* '' */
+.icon-minus:before { content: '\e80f'; } /* '' */
+.icon-indent-left:before { content: '\e804'; } /* '' */
+.icon-gauge:before { content: '\e800'; } /* '' */
+.icon-block:before { content: '\e809'; } /* '' */
+.icon-heart:before { content: '\e814'; } /* '' */
+.icon-right-open:before { content: '\e80a'; } /* '' */
+.icon-left-open:before { content: '\e80b'; } /* '' */
+.icon-barcode:before { content: '\e805'; } /* '' */
+.icon-align-left:before { content: '\e806'; } /* '' */
+.icon-home:before { content: '\e818'; } /* '' */
+.icon-mail:before { content: '\e803'; } /* '' */
+.icon-chart:before { content: '\e812'; } /* '' */
+.icon-comment:before { content: '\e815'; } /* '' */

public/site_assets/test/css/layout.css

@@ -293,51 +293,6 @@ margin: 2px 0;
 color: #444444;
 }
 
-/* Sidebar Icons */
-
-#sidebar li.icn_new_article a {
-background: url(../images/icn_new_article.png) no-repeat center left;
-}
-#sidebar li.icn_edit_article a {
-background: url(../images/icn_edit_article.png) no-repeat center left;
-}
-#sidebar li.icn_categories a {
-background: url(../images/icn_categories.png) no-repeat center left;
-}
-#sidebar li.icn_tags a {
-background: url(../images/icn_tags.png) no-repeat center left;
-}
-#sidebar li.icn_add_user a {
-background: url(../images/icn_add_user.png) no-repeat center left;
-}
-#sidebar li.icn_view_users a {
-background: url(../images/icn_view_users.png) no-repeat center left;
-}
-#sidebar li.icn_profile a {
-background: url(../images/icn_profile.png) no-repeat center left;
-}
-#sidebar li.icn_folder a {
-background: url(../images/icn_folder.png) no-repeat center left;
-}
-#sidebar li.icn_photo a {
-background: url(../images/icn_photo.png) no-repeat center left;
-}
-#sidebar li.icn_audio a {
-background: url(../images/icn_audio.png) no-repeat center left;
-}
-#sidebar li.icn_video a {
-background: url(../images/icn_video.png) no-repeat center left;
-}
-#sidebar li.icn_settings a {
-background: url(../images/icn_settings.png) no-repeat center left;
-}
-#sidebar li.icn_security a {
-background: url(../images/icn_security.png) no-repeat center left;
-}
-#sidebar li.icn_jump_back a {
-background: url(../images/icn_jump_back.png) no-repeat center left;
-}
-
 #sidebar p {
 color: #666666;
 padding-left: 6%;

public/site_assets/test/font/fontello.svg

@@ -0,0 +1,36 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Copyright (C) 2012 by original authors @ fontello.com</metadata>
+<defs>
+<font id="fontello" horiz-adv-x="1000" >
+<font-face font-family="fontello" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
+<missing-glyph horiz-adv-x="1000" />
+<glyph glyph-name="wrench" unicode="&#xe80c;" d="M0 21l463 463q-25 68-10 145t72 134 133 72 146-10l-162-162 45-117 115-45 164 164q25-70 9-147t-72-133-133-72-147 9l-463-463z m113-2q0-20 14-33t33-14 33 14 14 33-14 33-33 14-33-14-14-33z" horiz-adv-x="982" />
+<glyph glyph-name="user" unicode="&#xe801;" d="M0-150l0 156q0 23 58 58t159 71q100 35 137 72t37 102q0 29-26 72t-32 59q-12 35-29 135-10 53-14 94-2 21 6 50t28 60 66 52 110 21 110-21 66-52 28-60 6-50q-4-41-14-94-18-100-29-135-6-16-32-59t-26-72q0-64 37-102t137-72q217-80 217-129l0-156-1000 0z" horiz-adv-x="1000" />
+<glyph glyph-name="trash" unicode="&#xe813;" d="M0 633l0 141 289 0 0 76 246 0 0-76 289 0 0-141-824 0z m43-783l0 676 738 0 0-676-738 0z" horiz-adv-x="824" />
+<glyph glyph-name="th-large" unicode="&#xe817;" d="M0-150l0 437 437 0 0-437-437 0z m0 562l0 437 437 0 0-437-437 0z m562-562l0 437 437 0 0-437-437 0z m0 562l0 437 437 0 0-437-437 0z" horiz-adv-x="1000" />
+<glyph glyph-name="desktop" unicode="&#xe802;" d="M0 104l0 660 1000 0 0-660-363 0 0-96 88 0 0-72-449 0 0 72 88 0 0 96-363 0z m123 125l754 0 0 410-754 0 0-410z" horiz-adv-x="1000" />
+<glyph glyph-name="cancel-circled" unicode="&#xe811;" d="M0 350q0 207 146 353t353 146 353-146 146-353-146-353-353-146-353 146-146 353z m219-156l125-125 156 156 156-156 125 125-156 156 156 156-125 125-156-156-156 156-125-125 156-156z" horiz-adv-x="1000" />
+<glyph glyph-name="cancel" unicode="&#xe808;" d="M0 71l279 279-279 279 221 221 279-279 279 279 221-221-279-279 279-279-221-221-279 279-279-279z" horiz-adv-x="1000" />
+<glyph glyph-name="plus-circled" unicode="&#xe80e;" d="M0 350q0 207 146 353t353 146 353-146 146-353-146-353-353-146-353 146-146 353z m219-80l201 0 0-201 160 0 0 201 201 0 0 160-201 0 0 201-160 0 0-201-201 0 0-160z" horiz-adv-x="1000" />
+<glyph glyph-name="plus" unicode="&#xe80d;" d="M0 209l0 281 359 0 0 359 281 0 0-359 359 0 0-281-359 0 0-359-281 0 0 359-359 0z" horiz-adv-x="1000" />
+<glyph glyph-name="photo" unicode="&#xe816;" d="M0-125l0 949 1000 0 0-949-1000 0z m123 309l754 0 0 521-754 0 0-521z" horiz-adv-x="1000" />
+<glyph glyph-name="ok" unicode="&#xe807;" d="M0 260l162 162 166-164 508 510 164-164-510-510-162-162-162 164z" horiz-adv-x="1000" />
+<glyph glyph-name="minus-circled" unicode="&#xe810;" d="M0 350q0 207 146 353t353 146 353-146 146-353-146-353-353-146-353 146-146 353z m213-82l574 0 0 164-574 0 0-164z" horiz-adv-x="1000" />
+<glyph glyph-name="minus" unicode="&#xe80f;" d="M0 209l0 281 1000 0 0-281-1000 0z" horiz-adv-x="1000" />
+<glyph glyph-name="indent-left" unicode="&#xe804;" d="M0-66l0 146 1000 0 0-146-1000 0z m0 229l0 375 281-187z m0 457l0 146 1000 0 0-146-1000 0z m422-457l0 146 578 0 0-146-578 0z m0 229l0 146 578 0 0-146-578 0z" horiz-adv-x="1000" />
+<glyph glyph-name="gauge" unicode="&#xe800;" d="M0 188q0 207 146 353t353 146 353-146 146-353q0-92-31-176l-137 0q43 82 43 176 0 154-109 265t-266 110-266-110-109-265q0-94 43-176l-137 0q-31 84-31 176z m250 180q0 25 19 44t44 19 44-19 19-44-19-44-44-19-44 19-19 44z m187 61q0 25 19 44t44 19 44-19 19-44-19-44-44-19-44 19-19 44z m14-416l0 49 49 246 49-246 0-49-98 0z m174 355q0 25 19 44t44 19 44-19 19-44-19-44-44-19-44 19-19 44z" horiz-adv-x="1000" />
+<glyph glyph-name="block" unicode="&#xe809;" d="M0 349q0 188 134 322t322 134 321-134 133-322-133-321-321-133-322 133-134 321z m115 27q-10-126 62-226l477 477q-100 72-226 62t-215-99-99-215z m143-306q100-72 225-62t215 100 100 215-62 225z" horiz-adv-x="910" />
+<glyph glyph-name="heart" unicode="&#xe814;" d="M1 532q7 110 75 183 94 80 212 70t190-98q37 49 92 78 113 43 217 4t150-141q29-105 10-199t-78-174q-68-94-174-184-53-49-124-104t-93-57q-14 2-28 12t-35 25-24 20q-264 199-348 357-49 96-42 206z" horiz-adv-x="955" />
+<glyph glyph-name="right-open" unicode="&#xe80a;" d="M0-2l352 352-352 352 148 148 352-352 148-148-148-148-352-352z" horiz-adv-x="648" />
+<glyph glyph-name="left-open" unicode="&#xe80b;" d="M0 350l148 148 352 352 148-148-352-352 352-352-148-148-352 352z" horiz-adv-x="648" />
+<glyph glyph-name="barcode" unicode="&#xe805;" d="M0-82l0 863 84 0 0-863-84 0z m123 0l0 863 20 0 0-863-20 0z m70 0l0 863 62 0 0-863-62 0z m92 0l0 863 27 0 0-863-27 0z m104 0l0 863 41 0 0-863-41 0z m57 0l0 863 18 0 0-863-18 0z m61 0l0 863 20 0 0-863-20 0z m45 0l0 863 82 0 0-863-82 0z m111 0l0 863 43 0 0-863-43 0z m102 0l0 863 10 0 0-863-10 0z m25 0l0 863 27 0 0-863-27 0z m68 0l0 863 20 0 0-863-20 0z m61 0l0 863 82 0 0-863-82 0z" horiz-adv-x="1000" />
+<glyph glyph-name="align-left" unicode="&#xe806;" d="M0-89l0 156 1000 0 0-156-1000 0z m0 240l0 156 609 0 0-156-609 0z m0 242l0 156 789 0 0-156-789 0z m0 240l0 156 516 0 0-156-516 0z" horiz-adv-x="1000" />
+<glyph glyph-name="home" unicode="&#xe818;" d="M0-150l0 648 453 352 453-352 0-648-312 0 0 391-281 0 0-391-312 0z" horiz-adv-x="906" />
+<glyph glyph-name="mail" unicode="&#xe803;" d="M0-29l324 342 176-100 176 100 324-342-1000 0z m0 113l0 414 254-146z m0 504l0 141 1000 0 0-141-500-285z m746-236l254 146 0-414z" horiz-adv-x="1000" />
+<glyph glyph-name="chart" unicode="&#xe812;" d="M0-29l0 758 1000 0 0-758-1000 0z m123 123l754 0 0 512-754 0 0-512z m27 162l125 104 35 29 31-33 43-47 105 166 47 72 39-78 61-125 127 223 86-49-176-305-45-80-41 84-62 131-92-143-33-53-43 45-55 57-90-74z" horiz-adv-x="1000" />
+<glyph glyph-name="comment" unicode="&#xe815;" d="M0 96l0 713 1000 0 0-713-473 0-320-205 0 205-207 0z" horiz-adv-x="1000" />
+</font>
+</defs>
+</svg>

public/templates/test/global/header.tpl

@@ -1,4 +1,4 @@
     <hgroup>
       <h1 class="site_title">{$GLOBAL.website.name}</h1>
-      <h2 class="section_title">{if $smarty.request.action|default:""}{$smarty.request.action|capitalize}{/if}</h2>
+      <h2 class="section_title">{if $smarty.request.action|default:""}{$smarty.request.action|capitalize}{else}{$smarty.request.page|default:"home"|capitalize}{/if}</h2>
     </hgroup>

public/templates/test/global/navigation.tpl

@@ -1,32 +1,30 @@
     <hr/>
-    <li><a href="{$smarty.server.PHP_SELF}">Home</a></li>
+    <li class="icon-home"><a href="{$smarty.server.PHP_SELF}">Home</a></li>
     {if $smarty.session.AUTHENTICATED|default:"0" == 1}
     <h3>My Account</h3>
     <ul class="toggle">
-    <li class="icn_profile"><a href="{$smarty.server.PHP_SELF}?page=dashboard">Dashboard</a></li>
-    <li class="icn_profile"><a href="{$smarty.server.PHP_SELF}?page=account&action=edit">Edit Account</a></li>
-    <li class="icn_edit_article"><a href="{$smarty.server.PHP_SELF}?page=account&action=workers">My Workers</a></li>
-    <li class="icn_categories"><a href="{$smarty.server.PHP_SELF}?page=account&action=transactions">Transactions</a></li>
-    {if !$GLOBAL.config.disable_notifications}<li class="icn_categories"><a href="{$smarty.server.PHP_SELF}?page=account&action=notifications">Notifications</a></li>{/if}
-    {if !$GLOBAL.config.disable_invitations}<li class="icn_categories"><a href="{$smarty.server.PHP_SELF}?page=account&action=invitations">Invitations</a></li>{/if}
-    <li class="icn_tags"><a href="{$smarty.server.PHP_SELF}?page=account&action=qrcode">QR Codes</a></li>
+    <li class="icon-gauge"><a href="{$smarty.server.PHP_SELF}?page=dashboard">Dashboard</a></li>
+    <li class="icon-user"><a href="{$smarty.server.PHP_SELF}?page=account&action=edit">Edit Account</a></li>
+    <li class="icon-photo"><a href="{$smarty.server.PHP_SELF}?page=account&action=workers">My Workers</a></li>
+    <li class="icon-indent-left"><a href="{$smarty.server.PHP_SELF}?page=account&action=transactions">Transactions</a></li>
+    {if !$GLOBAL.config.disable_notifications}<li class="icon-mail"><a href="{$smarty.server.PHP_SELF}?page=account&action=notifications">Notifications</a></li>{/if}
+    {if !$GLOBAL.config.disable_invitations}<li class="icon-plus"><a href="{$smarty.server.PHP_SELF}?page=account&action=invitations">Invitations</a></li>{/if}
+    <li class="icon-barcode"><a href="{$smarty.server.PHP_SELF}?page=account&action=qrcode">QR Codes</a></li>
     </ul>
     </li>
     {/if}
     <h3>Statistics</h3>
     <ul class="toggle">
-      <li><a href="{$smarty.server.PHP_SELF}?page=statistics&action=pool">Pool</a></li>
-      <li><a href="{$smarty.server.PHP_SELF}?page=statistics&action=blocks">Blocks</a></li>
-      <li><a href="{$smarty.server.PHP_SELF}?page=statistics&action=graphs">Graphs</a></li>
+      <li class="icon-align-left"><a href="{$smarty.server.PHP_SELF}?page=statistics&action=pool">Pool</a></li>
+      <li class="icon-th-large"><a href="{$smarty.server.PHP_SELF}?page=statistics&action=blocks">Blocks</a></li>
+      <li class="icon-chart"><a href="{$smarty.server.PHP_SELF}?page=statistics&action=graphs">Graphs</a></li>
     </ul>
     <h3>Other</h3>
     <ul class="toggle">
-      <li class="icn_settings"><a href="#">Options</a></li>
-      <li class="icn_security"><a href="#">Security</a></li>
       {if $smarty.session.AUTHENTICATED|default:"0" == 1}
-      <li class="icn_jump_back"><a href="{$smarty.server.PHP_SELF}?page=logout">Logout</a></li>
+      <li class="icon-cancel"><a href="{$smarty.server.PHP_SELF}?page=logout">Logout</a></li>
       {else}
-      <li class="icn_jump_back"><a href="{$smarty.server.PHP_SELF}?page=login">Login</a></li>
+      <li class=""><a href="{$smarty.server.PHP_SELF}?page=login">Login</a></li>
       {/if}
     </ul>
 

public/templates/test/master.tpl

@@ -5,6 +5,9 @@
 	<title>{$GLOBAL.website.name} I {$smarty.request.page|default:"home"|capitalize}</title>
 	
 	<link rel="stylesheet" href="{$PATH}/css/layout.css" type="text/css" media="screen" />
+  <link rel="stylesheet" href="{$PATH}/css/fontello.css">
+  <link rel="stylesheet" href="{$PATH}/css/animation.css">
+  <!--[if IE 7]><link rel="stylesheet" href="css/fontello-ie7.css"><![endif]-->
 	<link rel="stylesheet" href="{$PATH}/css/visualize.css" type="text/css" media="screen" />
 	<link rel="stylesheet" href="{$PATH}/css/custom.css" type="text/css" media="screen" />
 	<!--[if lt IE 9]>