up

App.razor

@@ -14,7 +14,7 @@
 						}
 					</NotAuthorized>
 				</AuthorizeRouteView>
-				<FocusOnNavigate RouteData="@routeData" Selector="section" />
+				<FocusOnNavigate RouteData="@routeData" Selector="a" />
 			</Found>
 			<NotFound>
 				<Title>Not found</Title>

LayerComponents/CascadingState.razor

@@ -31,6 +31,7 @@
 										--colour-index: 0;
 										--background: hsl(0,0%,88%);
 										--text-color: hsl(0,0%,26.4%);
+										--placeholder-text-color: hsla(0,0%,26.4%,.4);
 										--primary-color: hsl(0,0%,88%);
 										--primary-color-light: hsl(0,0%,100%);
 										--primary-color-dark: hsl(0,0%,66%);
@@ -51,6 +52,7 @@
 										--colour-index: 0;
 										--background: hsl(0,0%,12%); 
 										--text-color: hsl(0,0%,73.6%); 
+										--placeholder-text-color: hsla(0,0%,52.8%,.4);
 										--primary-color: hsl(0,0%,12%); 
 										--primary-color-light: hsl(0,0%,100%); 
 										--primary-color-dark: hsl(0,0%,33%); 
@@ -73,6 +75,7 @@
 										--colour-index: {PublicCacheData.PageSettings.LightThemeIndexColour};
 										--background: hsl(var(--colour-index,25),84%,88%);
 										--text-color: hsl(var(--colour-index,25),84%,26.4%);
+										--placeholder-text-color: hsla(var(--colour-index,25),84%,26.4%,.4);
 										--primary-color: hsl(var(--colour-index,25),84%,88%);
 										--primary-color-light: hsl(var(--colour-index,25),84%,100%);
 										--primary-color-dark: hsl(var(--colour-index,25),84%,66%);
@@ -93,6 +96,7 @@
 										--colour-index: {PublicCacheData.PageSettings.DarkThemeIndexColour};
 										--background: hsl(var(--colour-index,215),16%,12%); 
 										--text-color: hsl(var(--colour-index,215),16%,73.6%); 
+										--placeholder-text-color: hsla(var(--colour-index,25),84%,26.4%,.4);
 										--primary-color: hsl(var(--colour-index,215),16%,12%); 
 										--primary-color-light: hsl(var(--colour-index,215),84%,100%); 
 										--primary-color-dark: hsl(var(--colour-index,215),16%,33%); 
@@ -118,6 +122,7 @@
 						@($@":root{{--colour-index: 0;
 									--background: hsl(0,0%,12%); 
 									--text-color: hsl(0,0%,73.6%); 
+									--placeholder-text-color: hsla(0,0%,73.6%,.4);
 									--primary-color: hsl(0,0%,12%); 
 									--primary-color-light: hsl(0,0%,100%); 
 									--primary-color-dark: hsl(0,0%,33%); 
@@ -135,6 +140,7 @@
 						@($@":root{{--colour-index: 0;
 								--background: hsl(0,0%,88%);
 								--text-color: hsl(0,0%,26.4%);
+								--placeholder-text-color: hsla(0,0%,26.4%,.4);
 								--primary-color: hsl(0,0%,88%);
 								--primary-color-light: hsl(0,0%,100%);
 								--primary-color-dark: hsl(0,0%,66%);
@@ -155,6 +161,7 @@
 						@($@":root{{--colour-index: {PublicCacheData.PageSettings.DarkThemeIndexColour};
 								--background: hsl(var(--colour-index,215),16%,12%); 
 								--text-color: hsl(var(--colour-index,215),16%,73.6%); 
+								--placeholder-text-color: hsla(var(--colour-index,215),16%,73.6%,.4);
 								--primary-color: hsl(var(--colour-index,215),16%,12%); 
 								--primary-color-light: hsl(var(--colour-index,215),84%,100%); 
 								--primary-color-dark: hsl(var(--colour-index,215),16%,33%); 
@@ -172,6 +179,7 @@
 						@($@":root{{--colour-index: {PublicCacheData.PageSettings.LightThemeIndexColour};
 								--background: hsl(var(--colour-index,25),84%,88%);
 								--text-color: hsl(var(--colour-index,25),84%,26.4%);
+								--placeholder-text-color: hsla(var(--colour-index,25),84%,26.4%,.4);
 								--primary-color: hsl(var(--colour-index,25),84%,88%);
 								--primary-color-light: hsl(var(--colour-index,25),84%,100%);
 								--primary-color-dark: hsl(var(--colour-index,25),84%,66%);

Program.cs

@@ -45,6 +45,7 @@ builder.Services.AddOptions()
 	.AddScoped<AuthenticationStateProvider>(provider => provider.GetRequiredService<TokenAuthStateProvider>())
 	.AddSingleton(typeof(CoalescingStringLocalizer))
 	//.AddTransient<IHttpService, HttpService>()
+	.AddHotKeys(options => options.DisableClientScriptAutoInjection = true)
 	.AddHeadElementHelper(options => options.DisableClientScriptAutoInjection = true)
 	.AddLocalization()
 	.AddTransient<IStorage, Storage>()

SCSS/bulma/sass/base/generic.sass

@@ -74,13 +74,8 @@ body
 // Inline
 
 a
-  color: $link
   cursor: pointer
   text-decoration: none
-  strong
-    color: currentColor
-  &:hover
-    color: $link-hover
 
 code
   background-color: $code-background

SCSS/bulma/sass/components/dropdown.sass

@@ -55,7 +55,6 @@ $dropdown-divider-background-color: $border-light !default
   padding-top: $dropdown-content-padding-top
 
 .dropdown-item
-  color: $dropdown-item-color
   display: block
   font-size: 0.875rem
   line-height: 1.5

SCSS/bulma/sass/elements/button.sass

@@ -61,10 +61,6 @@ $button-responsive-sizes: ("mobile": ("small": ($size-small * 0.75), "normal": (
 .button
   @extend %control
   @extend %unselectable
-  background-color: $button-background-color
-  border-color: $button-border-color
-  border-width: $button-border-width
-  color: $button-color
   cursor: pointer
   @if $button-family
     font-family: $button-family
@@ -75,8 +71,6 @@ $button-responsive-sizes: ("mobile": ("small": ($size-small * 0.75), "normal": (
   padding-top: $button-padding-vertical
   text-align: center
   white-space: nowrap
-  strong
-    color: inherit
   .icon
     &,
     &.is-small,
@@ -94,20 +88,6 @@ $button-responsive-sizes: ("mobile": ("small": ($size-small * 0.75), "normal": (
       margin-left: calc(#{-0.5 * $button-padding-horizontal} - #{$button-border-width})
       margin-right: calc(#{-0.5 * $button-padding-horizontal} - #{$button-border-width})
   // States
-  &:hover,
-  &.is-hovered
-    border-color: $button-hover-border-color
-    color: $button-hover-color
-  &:focus,
-  &.is-focused
-    border-color: $button-focus-border-color
-    color: $button-focus-color
-    &:not(:active)
-      box-shadow: $button-focus-box-shadow-size $button-focus-box-shadow-color
-  &:active,
-  &.is-active
-    border-color: $button-active-border-color
-    color: $button-active-color
   // Colors
   &.is-text
     background-color: transparent

SCSS/bulma/sass/form/shared.sass

@@ -35,9 +35,8 @@ $input-radius: $radius !default
   background-color: $input-background-color
   border-color: $input-border-color
   border-radius: $input-radius
-  color: $input-color
   +placeholder
-    color: $input-placeholder-color
+    color: var(--placeholder-text-color)
   &:hover,
   &.is-hovered
     border-color: $input-hover-border-color
@@ -52,9 +51,9 @@ $input-radius: $radius !default
     background-color: $input-disabled-background-color
     border-color: $input-disabled-border-color
     box-shadow: none
-    color: $input-disabled-color
+    color: var(--placeholder-text-color)
     +placeholder
-      color: $input-disabled-placeholder-color
+      color: var(--placeholder-text-color)
 
 %input
   +input

SCSS/variables.scss

@@ -18,17 +18,11 @@
 	--secondary-color-dark: hsl(205, 84%, 84%);
 	--light-shadow: hsla(25,84%,100%, .5);
 	--dark-shadow: hsla(25,84%,66%, .5);
-	/*--fa-primary-color: hsl(25,84%,26.4%);
-	--fa-secondary-color: hsl(25,84%,66%);*/
 	--fa-primary-color: hsl(205,84%,26.4%);
 	--fa-secondary-color: hsl(205,84%,66%);
-	/*--fa-primary-color: hsl(115,84%,26.4%);
-	--fa-secondary-color: hsl(115,84%,66%);*/
 	--fa-primary-opacity: 0.80;
 	--fa-secondary-opacity: 0.80;
 	--danger-color: hsl(0, 82%, 91%);
 	--warning-color: hsl(48, 82%, 91%);
 	--info-color: hsl(196, 82%, 91%);
-	--plus-green: hsl(96, 49%, 49%);
-	--plus-gold: hsl(51, 72%, 46%);
 }

bundleconfig.json

@@ -5,9 +5,9 @@
 //			"wwwroot/vendor/solid.css",
 //			"wwwroot/vendor/fontawesome.css",
 			//"wwwroot/vendor/open-iconic.css",
-			"wwwroot/vendor/ionicons.css",
+			"wwwroot/vendor/ionicons.min.css",
 			"wwwroot/vendor/toggle-dark-light-mode.css",
-			"wwwroot/vendor/bulma.min.css",
+			"wwwroot/vendor/bulma.css",
 			"wwwroot/css/main.min.css",
 			"wwwroot/vendor/tailwind.css",
 			"wwwroot/css/tailwind-override.css"

decePubClient.csproj

@@ -23,6 +23,7 @@
     <PackageReference Include="Markdig" Version="0.30.4" />
     <PackageReference Include="Microsoft.Extensions.Localization" Version="7.0.1" />
     <PackageReference Include="Toolbelt.Blazor.HeadElement" Version="7.3.0" />
+    <PackageReference Include="Toolbelt.Blazor.HotKeys" Version="13.0.0" />
   </ItemGroup>
 
   <ItemGroup>
@@ -38,9 +39,7 @@
     <Content Remove="wwwroot\vendor\fontawesome.css" />
     <None Include="wwwroot\vendor\fontawesome.css" />
     <Content Remove="wwwroot\vendor\ionicons.css" />
-    <None Include="wwwroot\vendor\ionicons.css" />
     <Content Remove="wwwroot\vendor\open-iconic.css" />
-    <None Include="wwwroot\vendor\open-iconic.css" />
     <Content Remove="wwwroot\vendor\solid.css" />
     <None Include="wwwroot\vendor\solid.css" />
     <Content Remove="wwwroot\vendor\tailwind.css" />
@@ -49,10 +48,7 @@
     <None Include="wwwroot\vendor\tailwind-generator.css" />
     <Content Remove="wwwroot\vendor\toggle-dark-light-mode.css" />
     <None Include="wwwroot\vendor\toggle-dark-light-mode.css" />
-    <Content Remove="wwwroot\vendor\ionicons.min.css" />
-    <None Include="wwwroot\vendor\ionicons.min.css" />
     <Content Remove="wwwroot\vendor\open-iconic.min.css" />
-    <None Include="wwwroot\vendor\open-iconic.min.css" />
     <Content Remove="wwwroot\webfonts\fa-solid-900.eot" />
     <None Include="wwwroot\webfonts\fa-solid-900.eot" />
     <Content Remove="wwwroot\webfonts\fa-solid-900.ttf" />
@@ -85,6 +81,12 @@
     <ProjectReference Include="..\SocialPub\SocialPub\SocialPub.ClientModels\SocialPub.ClientModels.csproj" />
   </ItemGroup>
 
+  <ItemGroup>
+    <Content Update="wwwroot\vendor\ionicons.min.css">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+  </ItemGroup>
+
   <ItemGroup>
     <EmbeddedResource Update="Resources\AllStrings.resx">
       <Generator>ResXFileCodeGenerator</Generator>

wwwroot/css/main.css

@@ -18,19 +18,13 @@
   --secondary-color-dark: hsl(205, 84%, 84%);
   --light-shadow: hsla(25,84%,100%, .5);
   --dark-shadow: hsla(25,84%,66%, .5);
-  /*--fa-primary-color: hsl(25,84%,26.4%);
-  --fa-secondary-color: hsl(25,84%,66%);*/
   --fa-primary-color: hsl(205,84%,26.4%);
   --fa-secondary-color: hsl(205,84%,66%);
-  /*--fa-primary-color: hsl(115,84%,26.4%);
-  --fa-secondary-color: hsl(115,84%,66%);*/
   --fa-primary-opacity: 0.80;
   --fa-secondary-opacity: 0.80;
   --danger-color: hsl(0, 82%, 91%);
   --warning-color: hsl(48, 82%, 91%);
   --info-color: hsl(196, 82%, 91%);
-  --plus-green: hsl(96, 49%, 49%);
-  --plus-gold: hsl(51, 72%, 46%);
 }
 
 :root {

wwwroot/index.html

@@ -22,6 +22,7 @@
 	<script src="rxjs.7.4.0.min.js"></script>
 	<script src="_content/DnetIndexedDb/dnet-indexeddb.js"></script>
 	<script src="_content/Toolbelt.Blazor.HeadElement.Services/script.min.js"></script>
+	<script src="_content/Toolbelt.Blazor.HotKeys/script.min.js"></script>
 
 	<script>navigator.serviceWorker.register('service-worker.js');</script>
 	<script src="main.js"></script>

wwwroot/vendor/bulma.css

@@ -246,16 +246,9 @@ body {
 }
 
 a {
-  color: hsl(229deg, 53%, 53%);
   cursor: pointer;
   text-decoration: none;
 }
-a strong {
-  color: currentColor;
-}
-a:hover {
-  color: hsl(0deg, 0%, 21%);
-}
 
 code {
   background-color: hsl(0deg, 0%, 96%);
@@ -340,10 +333,6 @@ table th {
 }
 /* Bulma Elements */
 .button {
-  background-color: hsl(0deg, 0%, 100%);
-  border-color: hsl(0deg, 0%, 86%);
-  border-width: 1px;
-  color: hsl(0deg, 0%, 21%);
   cursor: pointer;
   justify-content: center;
   padding-bottom: calc(0.5em - 1px);
@@ -353,9 +342,6 @@ table th {
   text-align: center;
   white-space: nowrap;
 }
-.button strong {
-  color: inherit;
-}
 .button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large {
   height: 1.5em;
   width: 1.5em;
@@ -372,21 +358,6 @@ table th {
   margin-left: calc(-0.5em - 1px);
   margin-right: calc(-0.5em - 1px);
 }
-.button:hover, .button.is-hovered {
-  border-color: hsl(0deg, 0%, 71%);
-  color: hsl(0deg, 0%, 21%);
-}
-.button:focus, .button.is-focused {
-  border-color: hsl(229deg, 53%, 53%);
-  color: hsl(0deg, 0%, 21%);
-}
-.button:focus:not(:active), .button.is-focused:not(:active) {
-  box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25);
-}
-.button:active, .button.is-active {
-  border-color: hsl(0deg, 0%, 29%);
-  color: hsl(0deg, 0%, 21%);
-}
 .button.is-text {
   background-color: transparent;
   border-color: transparent;
@@ -2298,19 +2269,18 @@ a.tag:hover {
   background-color: hsl(0deg, 0%, 100%);
   border-color: hsl(0deg, 0%, 86%);
   border-radius: 4px;
-  color: hsl(0deg, 0%, 21%);
 }
 .select select::-moz-placeholder, .textarea::-moz-placeholder, .input::-moz-placeholder {
-  color: rgba(54, 54, 54, 0.3);
+  color: var(--placeholder-text-color);
 }
 .select select::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .input::-webkit-input-placeholder {
-  color: rgba(54, 54, 54, 0.3);
+  color: var(--placeholder-text-color);
 }
 .select select:-moz-placeholder, .textarea:-moz-placeholder, .input:-moz-placeholder {
-  color: rgba(54, 54, 54, 0.3);
+  color: var(--placeholder-text-color);
 }
 .select select:-ms-input-placeholder, .textarea:-ms-input-placeholder, .input:-ms-input-placeholder {
-  color: rgba(54, 54, 54, 0.3);
+  color: var(--placeholder-text-color);
 }
 .select select:hover, .textarea:hover, .input:hover, .select select.is-hovered, .is-hovered.textarea, .is-hovered.input {
   border-color: hsl(0deg, 0%, 71%);
@@ -2323,19 +2293,19 @@ a.tag:hover {
   background-color: hsl(0deg, 0%, 96%);
   border-color: hsl(0deg, 0%, 96%);
   box-shadow: none;
-  color: hsl(0deg, 0%, 48%);
+  color: var(--placeholder-text-color);
 }
 .select select[disabled]::-moz-placeholder, [disabled].textarea::-moz-placeholder, [disabled].input::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder, .select fieldset[disabled] select::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder {
-  color: rgba(122, 122, 122, 0.3);
+  color: var(--placeholder-text-color);
 }
 .select select[disabled]::-webkit-input-placeholder, [disabled].textarea::-webkit-input-placeholder, [disabled].input::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder, .select fieldset[disabled] select::-webkit-input-placeholder, fieldset[disabled] .textarea::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder {
-  color: rgba(122, 122, 122, 0.3);
+  color: var(--placeholder-text-color);
 }
 .select select[disabled]:-moz-placeholder, [disabled].textarea:-moz-placeholder, [disabled].input:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder, .select fieldset[disabled] select:-moz-placeholder, fieldset[disabled] .textarea:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder {
-  color: rgba(122, 122, 122, 0.3);
+  color: var(--placeholder-text-color);
 }
 .select select[disabled]:-ms-input-placeholder, [disabled].textarea:-ms-input-placeholder, [disabled].input:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder, .select fieldset[disabled] select:-ms-input-placeholder, fieldset[disabled] .textarea:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder {
-  color: rgba(122, 122, 122, 0.3);
+  color: var(--placeholder-text-color);
 }
 
 .textarea, .input {
@@ -3371,7 +3341,6 @@ a.tag:hover {
 }
 
 .dropdown-item {
-  color: hsl(0deg, 0%, 29%);
   display: block;
   font-size: 0.875rem;
   line-height: 1.5;

wwwroot/vendor/open-iconic.css

@@ -1,511 +0,0 @@
-
-@font-face {
-  font-family: 'Icons';
-  src: url('../fonts/open-iconic.eot');
-  src: url('../fonts/open-iconic.eot?#iconic-sm') format('embedded-opentype'), url('../fonts/open-iconic.woff') format('woff'), url('../fonts/open-iconic.ttf') format('truetype'), url('../fonts/open-iconic.otf') format('opentype'), url('../fonts/open-iconic.svg#iconic-sm') format('svg');
-  font-weight: normal;
-  font-style: normal;
-}
-
-.oi[data-glyph].oi-text-replace {
-  font-size: 0;
-  line-height: 0;
-}
-
-.oi[data-glyph].oi-text-replace:before {
-  width: 1em;
-  text-align: center;
-}
-
-.oi[data-glyph]:before {
-  font-family: 'Icons';
-  display: inline-block;
-  speak: none;
-  line-height: 1;
-  vertical-align: baseline;
-  font-weight: normal;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.oi[data-glyph]:empty:before {
-  width: 1em;
-  text-align: center;
-  box-sizing: content-box;
-}
-
-.oi[data-glyph].oi-align-left:before {
-  text-align: left;
-}
-
-.oi[data-glyph].oi-align-right:before {
-  text-align: right;
-}
-
-.oi[data-glyph].oi-align-center:before {
-  text-align: center;
-}
-
-.oi[data-glyph].oi-flip-horizontal:before {
-  -webkit-transform: scale(-1, 1);
-  -ms-transform: scale(-1, 1);
-  transform: scale(-1, 1);
-}
-.oi[data-glyph].oi-flip-vertical:before {
-  -webkit-transform: scale(1, -1);
-  -ms-transform: scale(-1, 1);
-  transform: scale(1, -1);
-}
-.oi[data-glyph].oi-flip-horizontal-vertical:before {
-  -webkit-transform: scale(-1, -1);
-  -ms-transform: scale(-1, 1);
-  transform: scale(-1, -1);
-}
-
-
-.oi[data-glyph=account-login]:before { content:'\e000'; }
-
-.oi[data-glyph=account-logout]:before { content:'\e001'; }
-
-.oi[data-glyph=action-redo]:before { content:'\e002'; }
-
-.oi[data-glyph=action-undo]:before { content:'\e003'; }
-
-.oi[data-glyph=align-center]:before { content:'\e004'; }
-
-.oi[data-glyph=align-left]:before { content:'\e005'; }
-
-.oi[data-glyph=align-right]:before { content:'\e006'; }
-
-.oi[data-glyph=aperture]:before { content:'\e007'; }
-
-.oi[data-glyph=arrow-bottom]:before { content:'\e008'; }
-
-.oi[data-glyph=arrow-circle-bottom]:before { content:'\e009'; }
-
-.oi[data-glyph=arrow-circle-left]:before { content:'\e00a'; }
-
-.oi[data-glyph=arrow-circle-right]:before { content:'\e00b'; }
-
-.oi[data-glyph=arrow-circle-top]:before { content:'\e00c'; }
-
-.oi[data-glyph=arrow-left]:before { content:'\e00d'; }
-
-.oi[data-glyph=arrow-right]:before { content:'\e00e'; }
-
-.oi[data-glyph=arrow-thick-bottom]:before { content:'\e00f'; }
-
-.oi[data-glyph=arrow-thick-left]:before { content:'\e010'; }
-
-.oi[data-glyph=arrow-thick-right]:before { content:'\e011'; }
-
-.oi[data-glyph=arrow-thick-top]:before { content:'\e012'; }
-
-.oi[data-glyph=arrow-top]:before { content:'\e013'; }
-
-.oi[data-glyph=audio-spectrum]:before { content:'\e014'; }
-
-.oi[data-glyph=audio]:before { content:'\e015'; }
-
-.oi[data-glyph=badge]:before { content:'\e016'; }
-
-.oi[data-glyph=ban]:before { content:'\e017'; }
-
-.oi[data-glyph=bar-chart]:before { content:'\e018'; }
-
-.oi[data-glyph=basket]:before { content:'\e019'; }
-
-.oi[data-glyph=battery-empty]:before { content:'\e01a'; }
-
-.oi[data-glyph=battery-full]:before { content:'\e01b'; }
-
-.oi[data-glyph=beaker]:before { content:'\e01c'; }
-
-.oi[data-glyph=bell]:before { content:'\e01d'; }
-
-.oi[data-glyph=bluetooth]:before { content:'\e01e'; }
-
-.oi[data-glyph=bold]:before { content:'\e01f'; }
-
-.oi[data-glyph=bolt]:before { content:'\e020'; }
-
-.oi[data-glyph=book]:before { content:'\e021'; }
-
-.oi[data-glyph=bookmark]:before { content:'\e022'; }
-
-.oi[data-glyph=box]:before { content:'\e023'; }
-
-.oi[data-glyph=briefcase]:before { content:'\e024'; }
-
-.oi[data-glyph=british-pound]:before { content:'\e025'; }
-
-.oi[data-glyph=browser]:before { content:'\e026'; }
-
-.oi[data-glyph=brush]:before { content:'\e027'; }
-
-.oi[data-glyph=bug]:before { content:'\e028'; }
-
-.oi[data-glyph=bullhorn]:before { content:'\e029'; }
-
-.oi[data-glyph=calculator]:before { content:'\e02a'; }
-
-.oi[data-glyph=calendar]:before { content:'\e02b'; }
-
-.oi[data-glyph=camera-slr]:before { content:'\e02c'; }
-
-.oi[data-glyph=caret-bottom]:before { content:'\e02d'; }
-
-.oi[data-glyph=caret-left]:before { content:'\e02e'; }
-
-.oi[data-glyph=caret-right]:before { content:'\e02f'; }
-
-.oi[data-glyph=caret-top]:before { content:'\e030'; }
-
-.oi[data-glyph=cart]:before { content:'\e031'; }
-
-.oi[data-glyph=chat]:before { content:'\e032'; }
-
-.oi[data-glyph=check]:before { content:'\e033'; }
-
-.oi[data-glyph=chevron-bottom]:before { content:'\e034'; }
-
-.oi[data-glyph=chevron-left]:before { content:'\e035'; }
-
-.oi[data-glyph=chevron-right]:before { content:'\e036'; }
-
-.oi[data-glyph=chevron-top]:before { content:'\e037'; }
-
-.oi[data-glyph=circle-check]:before { content:'\e038'; }
-
-.oi[data-glyph=circle-x]:before { content:'\e039'; }
-
-.oi[data-glyph=clipboard]:before { content:'\e03a'; }
-
-.oi[data-glyph=clock]:before { content:'\e03b'; }
-
-.oi[data-glyph=cloud-download]:before { content:'\e03c'; }
-
-.oi[data-glyph=cloud-upload]:before { content:'\e03d'; }
-
-.oi[data-glyph=cloud]:before { content:'\e03e'; }
-
-.oi[data-glyph=cloudy]:before { content:'\e03f'; }
-
-.oi[data-glyph=code]:before { content:'\e040'; }
-
-.oi[data-glyph=cog]:before { content:'\e041'; }
-
-.oi[data-glyph=collapse-down]:before { content:'\e042'; }
-
-.oi[data-glyph=collapse-left]:before { content:'\e043'; }
-
-.oi[data-glyph=collapse-right]:before { content:'\e044'; }
-
-.oi[data-glyph=collapse-up]:before { content:'\e045'; }
-
-.oi[data-glyph=command]:before { content:'\e046'; }
-
-.oi[data-glyph=comment-square]:before { content:'\e047'; }
-
-.oi[data-glyph=compass]:before { content:'\e048'; }
-
-.oi[data-glyph=contrast]:before { content:'\e049'; }
-
-.oi[data-glyph=copywriting]:before { content:'\e04a'; }
-
-.oi[data-glyph=credit-card]:before { content:'\e04b'; }
-
-.oi[data-glyph=crop]:before { content:'\e04c'; }
-
-.oi[data-glyph=dashboard]:before { content:'\e04d'; }
-
-.oi[data-glyph=data-transfer-download]:before { content:'\e04e'; }
-
-.oi[data-glyph=data-transfer-upload]:before { content:'\e04f'; }
-
-.oi[data-glyph=delete]:before { content:'\e050'; }
-
-.oi[data-glyph=dial]:before { content:'\e051'; }
-
-.oi[data-glyph=document]:before { content:'\e052'; }
-
-.oi[data-glyph=dollar]:before { content:'\e053'; }
-
-.oi[data-glyph=double-quote-sans-left]:before { content:'\e054'; }
-
-.oi[data-glyph=double-quote-sans-right]:before { content:'\e055'; }
-
-.oi[data-glyph=double-quote-serif-left]:before { content:'\e056'; }
-
-.oi[data-glyph=double-quote-serif-right]:before { content:'\e057'; }
-
-.oi[data-glyph=droplet]:before { content:'\e058'; }
-
-.oi[data-glyph=eject]:before { content:'\e059'; }
-
-.oi[data-glyph=elevator]:before { content:'\e05a'; }
-
-.oi[data-glyph=ellipses]:before { content:'\e05b'; }
-
-.oi[data-glyph=envelope-closed]:before { content:'\e05c'; }
-
-.oi[data-glyph=envelope-open]:before { content:'\e05d'; }
-
-.oi[data-glyph=euro]:before { content:'\e05e'; }
-
-.oi[data-glyph=excerpt]:before { content:'\e05f'; }
-
-.oi[data-glyph=expand-down]:before { content:'\e060'; }
-
-.oi[data-glyph=expand-left]:before { content:'\e061'; }
-
-.oi[data-glyph=expand-right]:before { content:'\e062'; }
-
-.oi[data-glyph=expand-up]:before { content:'\e063'; }
-
-.oi[data-glyph=external-link]:before { content:'\e064'; }
-
-.oi[data-glyph=eye]:before { content:'\e065'; }
-
-.oi[data-glyph=eyedropper]:before { content:'\e066'; }
-
-.oi[data-glyph=file]:before { content:'\e067'; }
-
-.oi[data-glyph=fire]:before { content:'\e068'; }
-
-.oi[data-glyph=flag]:before { content:'\e069'; }
-
-.oi[data-glyph=flash]:before { content:'\e06a'; }
-
-.oi[data-glyph=folder]:before { content:'\e06b'; }
-
-.oi[data-glyph=fork]:before { content:'\e06c'; }
-
-.oi[data-glyph=fullscreen-enter]:before { content:'\e06d'; }
-
-.oi[data-glyph=fullscreen-exit]:before { content:'\e06e'; }
-
-.oi[data-glyph=globe]:before { content:'\e06f'; }
-
-.oi[data-glyph=graph]:before { content:'\e070'; }
-
-.oi[data-glyph=grid-four-up]:before { content:'\e071'; }
-
-.oi[data-glyph=grid-three-up]:before { content:'\e072'; }
-
-.oi[data-glyph=grid-two-up]:before { content:'\e073'; }
-
-.oi[data-glyph=hard-drive]:before { content:'\e074'; }
-
-.oi[data-glyph=header]:before { content:'\e075'; }
-
-.oi[data-glyph=headphones]:before { content:'\e076'; }
-
-.oi[data-glyph=heart]:before { content:'\e077'; }
-
-.oi[data-glyph=home]:before { content:'\e078'; }
-
-.oi[data-glyph=image]:before { content:'\e079'; }
-
-.oi[data-glyph=inbox]:before { content:'\e07a'; }
-
-.oi[data-glyph=infinity]:before { content:'\e07b'; }
-
-.oi[data-glyph=info]:before { content:'\e07c'; }
-
-.oi[data-glyph=italic]:before { content:'\e07d'; }
-
-.oi[data-glyph=justify-center]:before { content:'\e07e'; }
-
-.oi[data-glyph=justify-left]:before { content:'\e07f'; }
-
-.oi[data-glyph=justify-right]:before { content:'\e080'; }
-
-.oi[data-glyph=key]:before { content:'\e081'; }
-
-.oi[data-glyph=laptop]:before { content:'\e082'; }
-
-.oi[data-glyph=layers]:before { content:'\e083'; }
-
-.oi[data-glyph=lightbulb]:before { content:'\e084'; }
-
-.oi[data-glyph=link-broken]:before { content:'\e085'; }
-
-.oi[data-glyph=link-intact]:before { content:'\e086'; }
-
-.oi[data-glyph=list-rich]:before { content:'\e087'; }
-
-.oi[data-glyph=list]:before { content:'\e088'; }
-
-.oi[data-glyph=location]:before { content:'\e089'; }
-
-.oi[data-glyph=lock-locked]:before { content:'\e08a'; }
-
-.oi[data-glyph=lock-unlocked]:before { content:'\e08b'; }
-
-.oi[data-glyph=loop-circular]:before { content:'\e08c'; }
-
-.oi[data-glyph=loop-square]:before { content:'\e08d'; }
-
-.oi[data-glyph=loop]:before { content:'\e08e'; }
-
-.oi[data-glyph=magnifying-glass]:before { content:'\e08f'; }
-
-.oi[data-glyph=map-marker]:before { content:'\e090'; }
-
-.oi[data-glyph=map]:before { content:'\e091'; }
-
-.oi[data-glyph=media-pause]:before { content:'\e092'; }
-
-.oi[data-glyph=media-play]:before { content:'\e093'; }
-
-.oi[data-glyph=media-record]:before { content:'\e094'; }
-
-.oi[data-glyph=media-skip-backward]:before { content:'\e095'; }
-
-.oi[data-glyph=media-skip-forward]:before { content:'\e096'; }
-
-.oi[data-glyph=media-step-backward]:before { content:'\e097'; }
-
-.oi[data-glyph=media-step-forward]:before { content:'\e098'; }
-
-.oi[data-glyph=media-stop]:before { content:'\e099'; }
-
-.oi[data-glyph=medical-cross]:before { content:'\e09a'; }
-
-.oi[data-glyph=menu]:before { content:'\e09b'; }
-
-.oi[data-glyph=microphone]:before { content:'\e09c'; }
-
-.oi[data-glyph=minus]:before { content:'\e09d'; }
-
-.oi[data-glyph=monitor]:before { content:'\e09e'; }
-
-.oi[data-glyph=moon]:before { content:'\e09f'; }
-
-.oi[data-glyph=move]:before { content:'\e0a0'; }
-
-.oi[data-glyph=musical-note]:before { content:'\e0a1'; }
-
-.oi[data-glyph=paperclip]:before { content:'\e0a2'; }
-
-.oi[data-glyph=pencil]:before { content:'\e0a3'; }
-
-.oi[data-glyph=people]:before { content:'\e0a4'; }
-
-.oi[data-glyph=person]:before { content:'\e0a5'; }
-
-.oi[data-glyph=phone]:before { content:'\e0a6'; }
-
-.oi[data-glyph=pie-chart]:before { content:'\e0a7'; }
-
-.oi[data-glyph=pin]:before { content:'\e0a8'; }
-
-.oi[data-glyph=play-circle]:before { content:'\e0a9'; }
-
-.oi[data-glyph=plus]:before { content:'\e0aa'; }
-
-.oi[data-glyph=power-standby]:before { content:'\e0ab'; }
-
-.oi[data-glyph=print]:before { content:'\e0ac'; }
-
-.oi[data-glyph=project]:before { content:'\e0ad'; }
-
-.oi[data-glyph=pulse]:before { content:'\e0ae'; }
-
-.oi[data-glyph=puzzle-piece]:before { content:'\e0af'; }
-
-.oi[data-glyph=question-mark]:before { content:'\e0b0'; }
-
-.oi[data-glyph=rain]:before { content:'\e0b1'; }
-
-.oi[data-glyph=random]:before { content:'\e0b2'; }
-
-.oi[data-glyph=reload]:before { content:'\e0b3'; }
-
-.oi[data-glyph=resize-both]:before { content:'\e0b4'; }
-
-.oi[data-glyph=resize-height]:before { content:'\e0b5'; }
-
-.oi[data-glyph=resize-width]:before { content:'\e0b6'; }
-
-.oi[data-glyph=rss-alt]:before { content:'\e0b7'; }
-
-.oi[data-glyph=rss]:before { content:'\e0b8'; }
-
-.oi[data-glyph=script]:before { content:'\e0b9'; }
-
-.oi[data-glyph=share-boxed]:before { content:'\e0ba'; }
-
-.oi[data-glyph=share]:before { content:'\e0bb'; }
-
-.oi[data-glyph=shield]:before { content:'\e0bc'; }
-
-.oi[data-glyph=signal]:before { content:'\e0bd'; }
-
-.oi[data-glyph=signpost]:before { content:'\e0be'; }
-
-.oi[data-glyph=sort-ascending]:before { content:'\e0bf'; }
-
-.oi[data-glyph=sort-descending]:before { content:'\e0c0'; }
-
-.oi[data-glyph=spreadsheet]:before { content:'\e0c1'; }
-
-.oi[data-glyph=star]:before { content:'\e0c2'; }
-
-.oi[data-glyph=sun]:before { content:'\e0c3'; }
-
-.oi[data-glyph=tablet]:before { content:'\e0c4'; }
-
-.oi[data-glyph=tag]:before { content:'\e0c5'; }
-
-.oi[data-glyph=tags]:before { content:'\e0c6'; }
-
-.oi[data-glyph=target]:before { content:'\e0c7'; }
-
-.oi[data-glyph=task]:before { content:'\e0c8'; }
-
-.oi[data-glyph=terminal]:before { content:'\e0c9'; }
-
-.oi[data-glyph=text]:before { content:'\e0ca'; }
-
-.oi[data-glyph=thumb-down]:before { content:'\e0cb'; }
-
-.oi[data-glyph=thumb-up]:before { content:'\e0cc'; }
-
-.oi[data-glyph=timer]:before { content:'\e0cd'; }
-
-.oi[data-glyph=transfer]:before { content:'\e0ce'; }
-
-.oi[data-glyph=trash]:before { content:'\e0cf'; }
-
-.oi[data-glyph=underline]:before { content:'\e0d0'; }
-
-.oi[data-glyph=vertical-align-bottom]:before { content:'\e0d1'; }
-
-.oi[data-glyph=vertical-align-center]:before { content:'\e0d2'; }
-
-.oi[data-glyph=vertical-align-top]:before { content:'\e0d3'; }
-
-.oi[data-glyph=video]:before { content:'\e0d4'; }
-
-.oi[data-glyph=volume-high]:before { content:'\e0d5'; }
-
-.oi[data-glyph=volume-low]:before { content:'\e0d6'; }
-
-.oi[data-glyph=volume-off]:before { content:'\e0d7'; }
-
-.oi[data-glyph=warning]:before { content:'\e0d8'; }
-
-.oi[data-glyph=wifi]:before { content:'\e0d9'; }
-
-.oi[data-glyph=wrench]:before { content:'\e0da'; }
-
-.oi[data-glyph=x]:before { content:'\e0db'; }
-
-.oi[data-glyph=yen]:before { content:'\e0dc'; }
-
-.oi[data-glyph=zoom-in]:before { content:'\e0dd'; }
-
-.oi[data-glyph=zoom-out]:before { content:'\e0de'; }