/*! * Kbd webfont, modified from Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'kbd-webfont'; src: url('../fonts/kbd-webfont.eot'); src: url('../fonts/kbd-webfont.eot') format('embedded-opentype'), url('../fonts/kbd-webfont.woff') format('woff'), url('../fonts/kbd-webfont.ttf') format('truetype'), url('../fonts/kbd-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } .kb { display: inline-block; font: normal normal normal 14px/1 kbd-webfont; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } /* makes the font 33% larger relative to the icon container */ .kb-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .kb-2x { font-size: 2em; } .kb-3x { font-size: 3em; } .kb-4x { font-size: 4em; } .kb-5x { font-size: 5em; } .kb-fw { width: 1.28571429em; text-align: center; } .kb-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .kb-ul > li { position: relative; } .kb-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .kb-li.kb-lg { left: -1.85714286em; } .kb-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .pull-right { float: right; } .pull-left { float: left; } .kb.pull-left { margin-right: .3em; } .kb.pull-right { margin-left: .3em; } .kb-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .kb-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes kb-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes kb-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .kb-rotate-90 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .kb-rotate-180 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .kb-rotate-270 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .kb-flip-horizontal { -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .kb-flip-vertical { -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .kb-rotate-90, :root .kb-rotate-180, :root .kb-rotate-270, :root .kb-flip-horizontal, :root .kb-flip-vertical { filter: none; } .kb-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .kb-stack-1x, .kb-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .kb-stack-1x { line-height: inherit; } .kb-stack-2x { font-size: 2em; } .kb-inverse { color: #ffffff; } /* kbd-webfont uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .kb-logo-windows-7:before { content: "\e600"; } .kb-logo-windows-8:before { content: "\e601"; } .kb-logo-apple:before { content: "\e602"; } .kb-logo-apple-outline:before { content: "\e603"; } .kb-logo-vim:before { content: "\e604"; } .kb-logo-commodore:before { content: "\e605"; } .kb-logo-amiga:before { content: "\e606"; } .kb-logo-ubuntu_cof:before { content: "\e607"; } .kb-logo-ubuntu_cof-circle:before { content: "\e608"; } .kb-logo-linux-tux:before { content: "\e609"; } .kb-logo-linux-tux-ibm:before { content: "\e60A"; } .kb-logo-linux-tux-ibm-invert:before { content: "\e60B"; } .kb-logo-atari:before { content: "\e60C"; } .kb-logo-linux-archlinux:before { content: "\e60D"; } .kb-logo-bsd-freebsd:before { content: "\e60E"; } .kb-logo-linux-centos:before { content: "\e60F"; } .kb-logo-winlin-cygwin:before { content: "\e610"; } .kb-logo-linux-debian:before { content: "\e611"; } .kb-logo-linux-edubuntu:before { content: "\e612"; } .kb-logo-linux-fedora:before { content: "\e613"; } .kb-logo-linux-gentoo:before { content: "\e614"; } .kb-logo-gnu:before { content: "\e615"; } .kb-logo-linux-knoppix:before { content: "\e616"; } .kb-logo-linux-redhat:before { content: "\e617"; } .kb-logo-linux-opensuse:before { content: "\e618"; } .kb-logo-android:before { content: "\e619"; } .kb-community-hapster:before { content: "\e700"; } .kb-community-awesome:before { content: "\e701"; } .kb-community-awesome-invert:before { content: "\e702"; } .kb-copyleft:before { content: "\e703"; } .kb-batman:before { content: "\e704"; } .kb-Unicode-Escape-1:before { content: "\e800"; } .kb-Unicode-Escape-2:before { content: "\e801"; } .kb-Unicode-Pause-1:before { content: "\e802"; } .kb-Unicode-Pause-2:before { content: "\e803"; } .kb-Unicode-Break-1:before { content: "\e804"; } .kb-Unicode-Break-2:before { content: "\e805"; } .kb-Unicode-PrintScreen-1:before { content: "\e806"; } .kb-Unicode-PrintScreen-2:before { content: "\e807"; } .kb-Unicode-ClearScreen-1:before { content: "\e808"; } .kb-Unicode-ClearScreen-2:before { content: "\e809"; } .kb-Unicode-Alternate-1:before { content: "\e80A"; } .kb-Unicode-Alternate-2:before { content: "\e80B"; } .kb-Unicode-Option-1:before { content: "\e80C"; } .kb-Unicode-Option-2:before { content: "\e80D"; } .kb-Unicode-Command-1:before { content: "\e80E"; } .kb-Unicode-Command-3:before { content: "\e80F"; } .kb-Unicode-Control-1:before { content: "\e810"; } .kb-Unicode-Control-2:before { content: "\e811"; } .kb-Unicode-Control-3:before { content: "\e812"; } .kb-Unicode-Enter-1:before { content: "\e813"; } .kb-Unicode-Enter-2:before { content: "\e814"; } .kb-Return-1:before { content: "\e815"; } .kb-Return-2:before { content: "\e816"; } .kb-Return-3:before { content: "\e817"; } .kb-Return-4:before { content: "\e818"; } .kb-Unicode-BackSpace-DeleteLeft-Big:before { content: "\e819"; } .kb-Unicode-DeleteRight-Big:before { content: "\e81A"; } .kb-Unicode-DeleteRight-Small:before { content: "\e81B"; } .kb-Unicode-BackSpace-DeleteLeft-Small:before { content: "\e81C"; } .kb-Unicode-Insert-1:before { content: "\e81D"; } .kb-Unicode-Insert-2:before { content: "\e81E"; } .kb-1-Round-Filled-1:before { content: "\e81F"; } .kb-1-Round-Filled-2:before { content: "\e820"; } .kb-1-Round:before { content: "\e821"; } .kb-A-Round-Filled-Serif:before { content: "\e822"; } .kb-A-Round-Filled-SanSerif:before { content: "\e823"; } .kb-A-Square-Filled-Serif:before { content: "\e824"; } .kb-A-Square-Filled-SanSerif:before { content: "\e825"; } .kb-A-Round-SanSerif:before { content: "\e826"; } .kb-Hamburger-Menu:before { content: "\e827"; } .kb-Unicode-Hourglass-1:before { content: "\e828"; } .kb-Unicode-Hourglass-2:before { content: "\e829"; } .kb-Unicode-Stopwatch:before { content: "\e82A"; } .kb-Unicode-Clock:before { content: "\e82B"; } .kb-Unicode-Lock-Closed-1:before { content: "\e82C"; } .kb-Unicode-Lock-Open-1:before { content: "\e82D"; } .kb-Unicode-Lock-Closed-2:before { content: "\e82E"; } .kb-Unicode-Lock-Open-2:before { content: "\e82F"; } .kb-Search-1:before { content: "\e830"; } .kb-Search-2:before { content: "\e831"; } .kb-Scissors-1:before { content: "\e832"; } .kb-Scissors-2:before { content: "\e833"; } .kb-Scissors-3:before { content: "\e834"; } .kb-Undo-1:before { content: "\e835"; } .kb-Undo-2:before { content: "\e836"; } .kb-Undo-3:before { content: "\e837"; } .kb-Redo-1:before { content: "\e838"; } .kb-Unicode-Scroll-1:before { content: "\e839"; } .kb-Unicode-Scroll-2:before { content: "\e83A"; } .kb-Unicode-Decimal-Separator-1:before { content: "\e83B"; } .kb-Unicode-Decimal-Separator-2:before { content: "\e83C"; } .kb-Unicode-Screen-Dim:before { content: "\e83D"; } .kb-Unicode-Screen-Bright:before { content: "\e83E"; } .kb-Arrows-Top-1:before { content: "\e83F"; } .kb-Arrows-Top-2:before { content: "\e840"; } .kb-Arrows-Top-3:before { content: "\e841"; } .kb-Arrows-Top-4:before { content: "\e842"; } .kb-Arrows-Bottom-1:before { content: "\e843"; } .kb-Arrows-Bottom-2:before { content: "\e844"; } .kb-Arrows-Bottom-3:before { content: "\e845"; } .kb-Arrows-Bottom-4:before { content: "\e846"; } .kb-Unicode-Page-Up-1:before { content: "\e847"; } .kb-Unicode-Page-Up-2:before { content: "\e848"; } .kb-Unicode-Page-Up-3:before { content: "\e849"; } .kb-Unicode-Page-Down-1:before { content: "\e84A"; } .kb-Unicode-Page-Down-2:before { content: "\e84B"; } .kb-Unicode-Page-Down-3:before { content: "\e84C"; } .kb-Arrows-Left:before { content: "\e84D"; } .kb-Arrows-Up:before { content: "\e84E"; } .kb-Arrows-Right:before { content: "\e84F"; } .kb-Arrows-Down:before { content: "\e850"; } .kb-Arrows-Up-Left:before { content: "\e851"; } .kb-Arrows-Up-Right:before { content: "\e852"; } .kb-Line-Start:before { content: "\e853"; } .kb-Line-End:before { content: "\e854"; } .kb-Line-Start-End:before { content: "\e855"; } .kb-Tab-1:before { content: "\e856"; } .kb-Tab-2:before { content: "\e857"; } .kb-Arrows-Left-Circle-Filled:before { content: "\e858"; } .kb-Arrows-Up-Circle-Filled:before { content: "\e859"; } .kb-Arrows-Right-Circle-Filled:before { content: "\e85A"; } .kb-Arrows-Down-Circle-Filled:before { content: "\e85B"; } .kb-Multimedia-Eject:before { content: "\e85C"; } .kb-Multimedia-Mute-1:before { content: "\e85D"; } .kb-Multimedia-Mute-2:before { content: "\e85E"; } .kb-Multimedia-Mute-3:before { content: "\e85F"; } .kb-Multimedia-Mute-4:before { content: "\e860"; } .kb-Multimedia-Volume-Down-1:before { content: "\e861"; } .kb-Multimedia-Volume-Down-2:before { content: "\e862"; } .kb-Multimedia-Volume-Up-1:before { content: "\e863"; } .kb-Multimedia-Volume-Up-2:before { content: "\e864"; } .kb-Multimedia-FastForwar:before { content: "\e865"; } .kb-Multimedia-Rewind:before { content: "\e866"; } .kb-Multimedia-FastForward-End:before { content: "\e867"; } .kb-Multimedia-Rewind-Start:before { content: "\e868"; } .kb-Multimedia-Play-Pause:before { content: "\e869"; } .kb-Multimedia-Back:before { content: "\e86A"; } .kb-Multimedia-Play:before { content: "\e86B"; } .kb-Multimedia-Up:before { content: "\e86C"; } .kb-Multimedia-Down:before { content: "\e86D"; } .kb-Multimedia-Pause:before { content: "\e86E"; } .kb-Multimedia-Stop:before { content: "\e86F"; } .kb-Multimedia-Record:before { content: "\e870"; } .kb-Symbol-Ankh:before { content: "\e8A0"; } .kb-Symbol-Peace:before { content: "\e8A1"; } .kb-Symbol-Alien:before { content: "\e8A2"; } .kb-Symbol-Skull-Bones-1:before { content: "\e8A3"; } .kb-Symbol-Skull-Bones-2:before { content: "\e8A4"; } .kb-Symbol-Keyboard:before { content: "\e8A5"; } .kb-Symbol-YinYang:before { content: "\e8A6"; } .mss { display: inline-block; font: normal normal normal 14px/1 'Segoe UI Symbol'; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .mss-Undo-5:before { content: "\21B6"; } .mss-Redo-2:before { content: "\21B7"; } .mss-Unicode-Page-Up-5:before { content: "\21DE"; } .mss-Unicode-Page-Down-5:before { content: "\21DF"; } .mss-Unicode-Scroll-3:before { content: "\21F3"; } .mss-Search-3:before { content: "\2315"; } .mss-Unicode-Command-3:before { content: "\2318"; } .mss-Unicode-Option-3:before { content: "\2325"; } .mss-Unicode-DeleteRight-Big-2:before { content: "\2326"; } .mss-Unicode-BackSpace-DeleteLeft-Big-2:before { content: "\232B"; } .mss-Unicode-Insert-3:before { content: "\2380"; } .mss-Unicode-Enter-3:before { content: "\2386"; } .mss-Unicode-Alternate-3:before { content: "\2387"; } .mss-Unicode-Control-4:before { content: "\2388"; } .mss-Unicode-Pause-3:before { content: "\2389"; } .mss-Unicode-Break-3:before { content: "\238A"; } .mss-Unicode-Escape-3:before { content: "\238B"; } .mss-Undo-4:before { content: "\238C"; } .mss-Unicode-Page-Up-4:before { content: "\2397"; } .mss-Unicode-Page-Down-4:before { content: "\2398"; } .mss-Unicode-PrintScreen-3:before { content: "\2399"; } .mss-Unicode-ClearScreen-3:before { content: "\239A"; } .mss-Return-5:before { content: "\23CE"; } .mss-Warning-1:before { content: "\26A0"; } .mss-Symbol-Skull-Bones-3:before { content: "\2620"; } .mss-Symbol-RadioActive-1:before { content: "\2622"; } .mss-Symbol-Biohazard-1:before { content: "\2623"; }