editormd.css

/*
 * Editor.md
 *
 * @file        editormd.css 
 * @version     v1.5.0 
 * @description Open source online markdown editor.
 * @license     MIT License
 * @author      Pandao
 * {@link       https://github.com/pandao/editor.md}
 * @updateTime  2015-06-09
 */

@charset "UTF-8";
/*! prefixes.scss v0.1.0 | Author: Pandao | https://github.com/pandao/prefixes.scss | MIT license | Copyright (c) 2015 */
.editormd {
  width: 90%;
  height: 640px;
  margin: 0 auto;
  text-align: left;
  overflow: hidden;
  position: relative;
  margin-bottom: 15px;
  border: 1px solid #ddd;
  font-family: "Meiryo UI", "Microsoft YaHei", "Malgun Gothic", "Segoe UI", "Trebuchet MS", Helvetica, "Monaco", monospace, Tahoma, STXihei, "华文细黑", STHeiti, "Helvetica Neue", "Droid Sans", "wenquanyi micro hei", FreeSans, Arimo, Arial, SimSun, "宋体", Heiti, "黑体", sans-serif;
}
.editormd *, .editormd *:before, .editormd *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.editormd a {
  text-decoration: none;
}
.editormd img {
  border: none;
  vertical-align: middle;
}
.editormd > textarea,
.editormd .editormd-html-textarea,
.editormd .editormd-markdown-textarea {
  width: 0;
  height: 0;
  outline: 0;
  resize: none;
}
.editormd .editormd-html-textarea,
.editormd .editormd-markdown-textarea {
  display: none;
}
.editormd input[type="text"],
.editormd input[type="button"],
.editormd input[type="submit"],
.editormd select, .editormd textarea, .editormd button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}
.editormd ::-webkit-scrollbar {
  height: 10px;
  width: 7px;
  background: rgba(0, 0, 0, 0.1);
}
.editormd ::-webkit-scrollbar:hover {
  background: rgba(0, 0, 0, 0.2);
}
.editormd ::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.editormd ::-webkit-scrollbar-thumb:hover {
  -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25);
  /* Webkit browsers */
  -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25);
  /* Firefox */
  -ms-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25);
  /* IE9 */
  -o-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25);
  /* Opera(Old) */
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25);
  /* IE9+, News */
  background-color: rgba(0, 0, 0, 0.4);
}

.editormd-user-unselect {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.editormd-toolbar {
  width: 100%;
  min-height: 37px;
  background: #fff;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  border-bottom: 1px solid #ddd;
}

.editormd-toolbar-container {
  padding: 0 8px;
  min-height: 35px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.editormd-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
.editormd-menu > li {
  margin: 0;
  padding: 5px 1px;
  display: inline-block;
  position: relative;
}
.editormd-menu > li.divider {
  display: inline-block;
  text-indent: -9999px;
  margin: 0 5px;
  height: 65%;
  border-right: 1px solid #ddd;
}
.editormd-menu > li > a {
  outline: 0;
  color: #666;
  display: inline-block;
  min-width: 24px;
  font-size: 16px;
  text-decoration: none;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #fff;
  -webkit-transition: all 300ms ease-out;
  /* Safari, Chrome */
  -moz-transition: all 300ms ease-out;
  /* Firefox 4.0~16.0 */
  transition: all 300ms ease-out;
  /* IE >9, FF >15, Opera >12.0 */
}
.editormd-menu > li > a:hover, .editormd-menu > li > a.active {
  border: 1px solid #ddd;
  background: #eee;
}
.editormd-menu > li > a > .fa {
  text-align: center;
  display: block;
  padding: 5px;
}
.editormd-menu > li > a > .editormd-bold {
  padding: 5px 2px;
  display: inline-block;
  font-weight: bold;
}
.editormd-menu > li:hover .editormd-dropdown-menu {
  display: block;
}
.editormd-menu > li + li > a {
  margin-left: 3px;
}

.editormd-dropdown-menu {
  display: none;
  background: #fff;
  border: 1px solid #ddd;
  width: 148px;
  list-style: none;
  position: absolute;
  top: 33px;
  left: 0;
  z-index: 100;
  -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.15);
  /* Webkit browsers */
  -moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.15);
  /* Firefox */
  -ms-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.15);
  /* IE9 */
  -o-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.15);
  /* Opera(Old) */
  box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.15);
  /* IE9+, News */
}
.editormd-dropdown-menu:before, .editormd-dropdown-menu:after {
  width: 0;
  height: 0;
  display: block;
  content: "";
  position: absolute;
  top: -11px;
  left: 8px;
  border: 5px solid transparent;
}
.editormd-dropdown-menu:before {
  border-bottom-color: #ccc;
}
.editormd-dropdown-menu:after {
  border-bottom-color: #ffffff;
  top: -10px;
}
.editormd-dropdown-menu > li > a {
  color: #666;
  display: block;
  text-decoration: none;
  padding: 8px 10px;
}
.editormd-dropdown-menu > li > a:hover {
  background: #f6f6f6;
  -webkit-transition: all 300ms ease-out;
  /* Safari, Chrome */
  -moz-transition: all 300ms ease-out;
  /* Firefox 4.0~16.0 */
  transition: all 300ms ease-out;
  /* IE >9, FF >15, Opera >12.0 */
}
.editormd-dropdown-menu > li + li {
  border-top: 1px solid #ddd;
}

.editormd-container {
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 35px 0 0;
  position: relative;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.editormd-dialog {
  color: #666;
  position: fixed;
  z-index: 99999;
  display: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  /* Webkit browsers */
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  /* Firefox */
  -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  /* IE9 */
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  /* Opera(Old) */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  /* IE9+, News */
  background: #fff;
  font-size: 14px;
}

.editormd-dialog-container {
  position: relative;
  padding: 20px;
  line-height: 1.4;
}
.editormd-dialog-container h1 {
  font-size: 24px;
  margin-bottom: 10px;
}
.editormd-dialog-container h1 .fa {
  color: #2C7EEA;
  padding-right: 5px;
}
.editormd-dialog-container h1 small {
  padding-left: 5px;
  font-weight: normal;
  font-size: 12px;
  color: #999;
}
.editormd-dialog-container select {
  color: #999;
  padding: 3px 8px;
  border: 1px solid #ddd;
}

.editormd-dialog-close {
  position: absolute;
  top: 12px;
  right: 15px;
  font-size: 18px;
  color: #ccc;
  -webkit-transition: color 300ms ease-out;
  /* Safari, Chrome */
  -moz-transition: color 300ms ease-out;
  /* Firefox 4.0~16.0 */
  transition: color 300ms ease-out;
  /* IE >9, FF >15, Opera >12.0 */
}
.editormd-dialog-close:hover {
  color: #999;
}

.editormd-dialog-header {
  padding: 11px 20px;
  border-bottom: 1px solid #eee;
  -webkit-transition: background 300ms ease-out;
  /* Safari, Chrome */
  -moz-transition: background 300ms ease-out;
  /* Firefox 4.0~16.0 */
  transition: background 300ms ease-out;
  /* IE >9, FF >15, Opera >12.0 */
}
.editormd-dialog-header:hover {
  background: #f6f6f6;
}

.editormd-dialog-title {
  font-size: 14px;
}

.editormd-dialog-footer {
  padding: 10px 0 0 0;
  text-align: right;
}

.editormd-dialog-info {
  width: 420px;
}
.editormd-dialog-info h1 {
  font-weight: normal;
}
.editormd-dialog-info .editormd-dialog-container {
  padding: 20px 25px 25px;
}
.editormd-dialog-info .editormd-dialog-close {
  top: 10px;
  right: 10px;
}
.editormd-dialog-info p > a, .editormd-dialog-info .hover-link:hover {
  color: #2196F3;
}
.editormd-dialog-info .hover-link {
  color: #666;
}
.editormd-dialog-info a .fa-external-link {
  display: none;
}
.editormd-dialog-info a:hover {
  color: #2196F3;
}
.editormd-dialog-info a:hover .fa-external-link {
  display: inline-block;
}

.editormd-mask,
.editormd-container-mask,
.editormd-dialog-mask {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.editormd-mask,
.editormd-dialog-mask-bg {
  background: #fff;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.editormd-mask {
  position: fixed;
  background: #000;
  opacity: 0.2;
  /* W3C */
  filter: alpha(opacity=20);
  /* IE */
  z-index: 99998;
}

.editormd-container-mask,
.editormd-dialog-mask-con {
  background: url(../images/loading.gif) no-repeat center center;
  -webkit-background-size: 32px 32px;
  /* Chrome, iOS, Safari */
  -moz-background-size: 32px 32px;
  /* Firefox 3.6~4.0 */
  -o-background-size: 32px 32px;
  /* Opera 9.5 */
  background-size: 32px 32px;
  /* IE9+, New */
}

.editormd-container-mask {
  z-index: 20;
  display: block;
  background-color: #fff;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .editormd-container-mask,
  .editormd-dialog-mask-con {
    background-image: url(../images/loading@2x.gif);
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-pixel-ratio: 3) {
  .editormd-container-mask,
  .editormd-dialog-mask-con {
    background-image: url(../images/loading@3x.gif);
  }
}
.editormd-code-block-dialog textarea,
.editormd-preformatted-text-dialog textarea {
  width: 100%;
  height: 400px;
  margin-bottom: 6px;
  overflow: auto;
  border: 1px solid #eee;
  background: #fff;
  padding: 15px;
  resize: none;
}

.editormd-code-toolbar {
  color: #999;
  font-size: 14px;
  margin: -5px 0 10px;
}

.editormd-grid-table {
  width: 99%;
  display: table;
  border: 1px solid #ddd;
  border-collapse: collapse;
}

.editormd-grid-table-row {
  width: 100%;
  display: table-row;
}
.editormd-grid-table-row a {
  font-size: 1.4em;
  width: 5%;
  height: 36px;
  color: #999;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  border: 1px solid #ddd;
  text-decoration: none;
  -webkit-transition: background-color 300ms ease-out, color 100ms ease-in;
  /* Safari, Chrome */
  -moz-transition: background-color 300ms ease-out, color 100ms ease-in;
  /* Firefox 4.0~16.0 */
  transition: background-color 300ms ease-out, color 100ms ease-in;
  /* IE >9, FF >15, Opera >12.0 */
}
.editormd-grid-table-row a.selected {
  color: #666;
  background-color: #eee;
}
.editormd-grid-table-row a:hover {
  color: #777;
  background-color: #f6f6f6;
}

.editormd-tab-head {
  list-style: none;
  border-bottom: 1px solid #ddd;
}
.editormd-tab-head li {
  display: inline-block;
}
.editormd-tab-head li a {
  color: #999;
  display: block;
  padding: 6px 12px 5px;
  text-align: center;
  text-decoration: none;
  margin-bottom: -1px;
  border: 1px solid #ddd;
  -webkit-border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  -ms-border-top-left-radius: 3px;
  -o-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  -ms-border-top-right-radius: 3px;
  -o-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  background: #f6f6f6;
  -webkit-transition: all 300ms ease-out;
  /* Safari, Chrome */
  -moz-transition: all 300ms ease-out;
  /* Firefox 4.0~16.0 */
  transition: all 300ms ease-out;
  /* IE >9, FF >15, Opera >12.0 */
}
.editormd-tab-head li a:hover {
  color: #666;
  background: #eee;
}
.editormd-tab-head li.active a {
  color: #666;
  background: #fff;
  border-bottom-color: #fff;
}
.editormd-tab-head li + li {
  margin-left: 3px;
}

.editormd-tab-box {
  padding: 20px 0;
}

.editormd-form {
  color: #666;
}
.editormd-form label {
  float: left;
  display: block;
  width: 75px;
  text-align: left;
  padding: 7px 0 15px 5px;
  margin: 0 0 2px;
  font-weight: normal;
}
.editormd-form br {
  clear: both;
}
.editormd-form iframe {
  display: none;
}
.editormd-form input:focus {
  outline: 0;
}
.editormd-form input[type="text"], .editormd-form input[type="number"] {
  color: #999;
  padding: 8px;
  border: 1px solid #ddd;
}
.editormd-form input[type="number"] {
  width: 40px;
  display: inline-block;
  padding: 6px 8px;
}
.editormd-form input[type="text"] {
  display: inline-block;
  width: 264px;
}
.editormd-form .fa-btns {
  display: inline-block;
}
.editormd-form .fa-btns a {
  color: #999;
  padding: 7px 10px 0 0;
  display: inline-block;
  text-decoration: none;
  text-align: center;
}
.editormd-form .fa-btns .fa {
  font-size: 1.3em;
}
.editormd-form .fa-btns label {
  float: none;
  display: inline-block;
  width: auto;
  text-align: left;
  padding: 0 0 0 5px;
  cursor: pointer;
}

.editormd-form input[type="submit"], .editormd-form .editormd-btn, .editormd-form button,
.editormd-dialog-container input[type="submit"],
.editormd-dialog-container .editormd-btn,
.editormd-dialog-container button,
.editormd-dialog-footer input[type="submit"],
.editormd-dialog-footer .editormd-btn,
.editormd-dialog-footer button {
  color: #666;
  min-width: 75px;
  cursor: pointer;
  background: #fff;
  padding: 7px 10px;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: background 300ms ease-out;
  /* Safari, Chrome */
  -moz-transition: background 300ms ease-out;
  /* Firefox 4.0~16.0 */
  transition: background 300ms ease-out;
  /* IE >9, FF >15, Opera >12.0 */
}
.editormd-form input[type="submit"]:hover, .editormd-form .editormd-btn:hover, .editormd-form button:hover,
.editormd-dialog-container input[type="submit"]:hover,
.editormd-dialog-container .editormd-btn:hover,
.editormd-dialog-container button:hover,
.editormd-dialog-footer input[type="submit"]:hover,
.editormd-dialog-footer .editormd-btn:hover,
.editormd-dialog-footer button:hover {
  background: #eee;
}
.editormd-form .editormd-btn,
.editormd-dialog-container .editormd-btn,
.editormd-dialog-footer .editormd-btn {
  padding: 5px 8px 4px\0;
}
.editormd-form .editormd-btn + .editormd-btn,
.editormd-dialog-container .editormd-btn + .editormd-btn,
.editormd-dialog-footer .editormd-btn + .editormd-btn {
  margin-left: 8px;
}

.editormd-file-input {
  width: 75px;
  height: 32px;
  margin-left: 8px;
  position: relative;
  display: inline-block;
}
.editormd-file-input input[type="file"] {
  width: 75px;
  height: 32px;
  opacity: 0;
  cursor: pointer;
  background: #000;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
}
.editormd-file-input input[type="file"]::-webkit-file-upload-button {
  visibility: hidden;
}
.editormd-file-input:hover input[type="submit"] {
  background: #eee;
}

.editormd .CodeMirror, .editormd-preview {
  display: inline-block;
  width: 50%;
  height: 100%;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
}

.editormd-preview {
  position: absolute;
  top: 35px;
  right: 0;
  right: -1px\0;
  overflow: auto;
  line-height: 1.6;
  display: none;
  background: #fff;
}

.editormd .CodeMirror {
  z-index: 10;
  float: left;
  border-right: 1px solid #ddd;
  font-size: 14px;
  font-family: "YaHei Consolas Hybrid", Consolas, "微软雅黑", "Meiryo UI", "Malgun Gothic", "Segoe UI", "Trebuchet MS", Helvetica, "Monaco", courier, monospace;
  line-height: 1.6;
  margin-top: 35px;
}
.editormd .CodeMirror pre {
  font-size: 14px;
  padding: 0 12px;
}
.editormd .CodeMirror-linenumbers {
  padding: 0 5px;
}
.editormd .CodeMirror-selected {
  background: #70B7FF;
}
.editormd .CodeMirror-focused .CodeMirror-selected {
  background: #70B7FF;
}
.editormd .CodeMirror, .editormd .CodeMirror-scroll, .editormd .editormd-preview {
  -webkit-overflow-scrolling: touch;
}
.editormd .styled-background {
  background-color: #ff7;
}
.editormd .CodeMirror-focused .cm-matchhighlight {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFklEQVQI12NgYGBgkKzc8x9CMDAwAAAmhwSbidEoSQAAAABJRU5ErkJggg==);
  background-position: bottom;
  background-repeat: repeat-x;
}
.editormd .CodeMirror-empty.CodeMirror-focused {
  outline: none;
}
.editormd .CodeMirror pre.CodeMirror-placeholder {
  color: #999;
}
.editormd .cm-trailingspace {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAYAAAB/qH1jAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QUXCToH00Y1UgAAACFJREFUCNdjPMDBUc/AwNDAAAFMTAwMDA0OP34wQgX/AQBYgwYEx4f9lQAAAABJRU5ErkJggg==);
  background-position: bottom left;
  background-repeat: repeat-x;
}
.editormd .cm-tab {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=);
  background-position: right;
  background-repeat: no-repeat;
}

/*! prefixes.scss v0.1.0 | Author: Pandao | https://github.com/pandao/prefixes.scss | MIT license | Copyright (c) 2015 */
/*!
 *  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: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.3.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  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 */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571429em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.85714286em;
}

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: .3em;
}

.fa.pull-right {
  margin-left: .3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #ffffff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}

.fa-music:before {
  content: "\f001";
}

.fa-search:before {
  content: "\f002";
}

.fa-envelope-o:before {
  content: "\f003";
}

.fa-heart:before {
  content: "\f004";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-o:before {
  content: "\f006";
}

.fa-user:before {
  content: "\f007";
}

.fa-film:before {
  content: "\f008";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-check:before {
  content: "\f00c";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-signal:before {