/*：源代码唯一下载链接: http://www.bootstrapmb.com/item/37(当前备注仅在演示里出现，下载源码不包含)*//** * Trumbowyg v2.3.0 - A lightweight WYSIWYG editor * Default stylesheet for Trumbowyg editor * ------------------------ * @link http://alex-d.github.io/Trumbowyg * @license MIT * @author Alexandre Demode (Alex-D) *         Twitter : @AlexandreDemode *         Website : alex-d.fr */#trumbowyg-icons {    overflow: hidden;    visibility: hidden;    height: 0;    width: 0; }#trumbowyg-icons svg {    height: 0;    width: 0; }.trumbowyg-box *,.trumbowyg-box *::before,.trumbowyg-box *::after {    box-sizing: border-box; }.trumbowyg-box svg {    width: 17px;    height: 100%;    fill: #222; }.trumbowyg-box,.trumbowyg-editor {    display: block;    position: relative;    border: 1px solid #DDD;    width: 100%;    min-height: 300px;    margin: 17px auto; }.trumbowyg-box .trumbowyg-editor {    margin: 0 auto; }.trumbowyg-box.trumbowyg-fullscreen {    background: #FEFEFE;    border: none !important; }.trumbowyg-editor,.trumbowyg-textarea {    position: relative;    box-sizing: border-box;    padding: 20px;    min-height: 300px;    width: 100%;    border-style: none;    resize: none;    outline: none;    overflow: auto; }.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before {    color: transparent !important;    text-shadow: 0 0 7px #333; }@media screen and (min-width: 0 \0 ) {    .trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before {        color: rgba(200, 200, 200, 0.6) !important; } }.trumbowyg-box-blur .trumbowyg-editor img,.trumbowyg-box-blur .trumbowyg-editor hr {    opacity: 0.2; }.trumbowyg-textarea {    position: relative;    display: block;    overflow: auto;    border: none;    white-space: normal;    font-size: 14px;    font-family: "Inconsolata", "Consolas", "Courier", "Courier New", sans-serif;    line-height: 18px; }.trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea {    height: 1px !important;    width: 25%;    min-height: 0 !important;    padding: 0 !important;    background: none;    opacity: 0 !important; }.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-textarea {    display: block; }.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-editor {    display: none; }.trumbowyg-box.trumbowyg-disabled .trumbowyg-textarea {    opacity: 0.8;    background: none; }.trumbowyg-editor[contenteditable=true]:empty:not(:focus)::before {    content: attr(placeholder);    color: #999;    pointer-events: none; }.trumbowyg-button-pane {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-flow: row wrap;    flex-flow: row wrap;    width: 100%;    min-height: 36px;    background: #ecf0f1;    border-bottom: 1px solid #d7e0e2;    margin: 0;    padding: 0 5px;    list-style-type: none;    line-height: 10px;    -webkit-backface-visibility: hidden;    backface-visibility: hidden; }.trumbowyg-button-pane::after {    content: " ";    display: block;    position: absolute;    top: 36px;    left: 0;    right: 0;    width: 100%;    height: 1px;    background: #d7e0e2; }.trumbowyg-button-pane .trumbowyg-button-group {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-flow: row wrap;    flex-flow: row wrap; }.trumbowyg-button-pane .trumbowyg-button-group .trumbowyg-fullscreen-button svg {    color: transparent; }.trumbowyg-button-pane .trumbowyg-button-group:not(:empty) + .trumbowyg-button-group::before {    content: " ";    display: block;    width: 1px;    background: #d7e0e2;    margin: 0 5px;    height: 35px; }.trumbowyg-button-pane button {    display: block;    position: relative;    width: 35px;    height: 35px;    padding: 1px 6px !important;    margin-bottom: 1px;    overflow: hidden;    border: none;    cursor: pointer;    background: none;    -webkit-transition: background-color 150ms, opacity 150ms;    transition: background-color 150ms, opacity 150ms; }.trumbowyg-button-pane button.trumbowyg-textual-button {    width: auto;    line-height: 35px; }.trumbowyg-button-pane.trumbowyg-disable button:not(.trumbowyg-not-disable):not(.trumbowyg-active),.trumbowyg-disabled .trumbowyg-button-pane button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button) {    opacity: 0.2;    cursor: default; }.trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before,.trumbowyg-disabled .trumbowyg-button-pane .trumbowyg-button-group::before {    background: #e3e9eb; }.trumbowyg-button-pane button:not(.trumbowyg-disable):hover,.trumbowyg-button-pane button:not(.trumbowyg-disable):focus,.trumbowyg-button-pane button.trumbowyg-active {    background-color: #FFF;    outline: none; }.trumbowyg-button-pane .trumbowyg-open-dropdown::after {    display: block;    content: " ";    position: absolute;    top: 25px;    right: 3px;    height: 0;    width: 0;    border: 3px solid transparent;    border-top-color: #555; }.trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button {    padding-left: 10px !important;    padding-right: 18px !important; }.trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button::after {    top: 17px;    right: 7px; }.trumbowyg-button-pane .trumbowyg-right {    margin-left: auto; }.trumbowyg-button-pane .trumbowyg-right::before {    display: none !important; }.trumbowyg-dropdown {    width: 200px;    border: 1px solid #ecf0f1;    padding: 5px 0;    border-top: none;    background: #FFF;    margin-left: -1px;    box-shadow: rgba(0, 0, 0, 0.1) 0 2px 3px; }.trumbowyg-dropdown button {    display: block;    width: 100%;    height: 35px;    line-height: 35px;    text-decoration: none;    background: #FFF;    padding: 0 10px;    color: #333 !important;    border: none;    cursor: pointer;    text-align: left;    font-size: 15px;    -webkit-transition: all 150ms;    transition: all 150ms; }.trumbowyg-dropdown button:hover, .trumbowyg-dropdown button:focus {    background: #ecf0f1; }.trumbowyg-dropdown button svg {    float: left;    margin-right: 14px; }/* Modal box */.trumbowyg-modal {    position: absolute;    top: 0;    left: 50%;    -webkit-transform: translateX(-50%);    transform: translateX(-50%);    max-width: 520px;    width: 100%;    height: 350px;    z-index: 11;    overflow: hidden;    -webkit-backface-visibility: hidden;    backface-visibility: hidden; }.trumbowyg-modal-box {    position: absolute;    top: 0;    left: 50%;    -webkit-transform: translateX(-50%);    transform: translateX(-50%);    max-width: 500px;    width: calc(100% - 20px);    padding-bottom: 45px;    z-index: 1;    background-color: #FFF;    text-align: center;    font-size: 14px;    box-shadow: rgba(0, 0, 0, 0.2) 0 2px 3px;    -webkit-backface-visibility: hidden;    backface-visibility: hidden; }.trumbowyg-modal-box .trumbowyg-modal-title {    font-size: 24px;    font-weight: bold;    margin: 0 0 20px;    padding: 15px 0 13px;    display: block;    border-bottom: 1px solid #EEE;    color: #333;    background: #fbfcfc; }.trumbowyg-modal-box .trumbowyg-progress {    width: 100%;    height: 3px;    position: absolute;    top: 58px; }.trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar {    background: #2BC06A;    height: 100%;    -webkit-transition: width 150ms linear;    transition: width 150ms linear; }.trumbowyg-modal-box label {    display: block;    position: relative;    margin: 15px 12px;    height: 29px;    line-height: 29px;    overflow: hidden; }.trumbowyg-modal-box label .trumbowyg-input-infos {    display: block;    text-align: left;    height: 25px;    line-height: 25px;    -webkit-transition: all 150ms;    transition: all 150ms; }.trumbowyg-modal-box label .trumbowyg-input-infos span {    display: block;    color: #69878f;    background-color: #fbfcfc;    border: 1px solid #DEDEDE;    padding: 0 7px;    width: 150px; }.trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error {    color: #e74c3c; }.trumbowyg-modal-box label.trumbowyg-input-error input,.trumbowyg-modal-box label.trumbowyg-input-error textarea {    border: 1px solid #e74c3c; }.trumbowyg-modal-box label.trumbowyg-input-error .trumbowyg-input-infos {    margin-top: -27px; }.trumbowyg-modal-box label input {    position: absolute;    top: 0;    right: 0;    height: 27px;    line-height: 27px;    border: 1px solid #DEDEDE;    background: #fff;    font-size: 14px;    max-width: 330px;    width: 70%;    padding: 0 7px;    -webkit-transition: all 150ms;    transition: all 150ms; }.trumbowyg-modal-box label input:hover, .trumbowyg-modal-box label input:focus {    outline: none;    border: 1px solid #95a5a6; }.trumbowyg-modal-box label input:focus {    background: #fbfcfc; }.trumbowyg-modal-box .error {    margin-top: 25px;    display: block;    color: red; }.trumbowyg-modal-box .trumbowyg-modal-button {    position: absolute;    bottom: 10px;    right: 0;    text-decoration: none;    color: #FFF;    display: block;    width: 100px;    height: 35px;    line-height: 33px;    margin: 0 10px;    background-color: #333;    border: none;    cursor: pointer;    font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;    font-size: 16px;    -webkit-transition: all 150ms;    transition: all 150ms; }.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {    right: 110px;    background: #2bc06a; }.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus {    background: #40d47e;    outline: none; }.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active {    background: #25a25a; }.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset {    color: #555;    background: #e6e6e6; }.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus {    background: #fbfbfb;    outline: none; }.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active {    background: #d5d5d5; }.trumbowyg-overlay {    position: absolute;    background-color: rgba(255, 255, 255, 0.5);    width: 100%;    left: 0;    display: none;    z-index: 10; }/** * Fullscreen */body.trumbowyg-body-fullscreen {    overflow: hidden; }.trumbowyg-fullscreen {    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    margin: 0;    padding: 0;    z-index: 99999; }.trumbowyg-fullscreen.trumbowyg-box,.trumbowyg-fullscreen .trumbowyg-editor {    border: none; }.trumbowyg-fullscreen .trumbowyg-editor,.trumbowyg-fullscreen .trumbowyg-textarea {    height: calc(100% - 37px) !important;    overflow: auto; }.trumbowyg-fullscreen .trumbowyg-overlay {    height: 100% !important; }.trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg {    color: #222;    fill: transparent; }.trumbowyg-editor {    /*       * lset for resetCss option       */ }.trumbowyg-editor object,.trumbowyg-editor embed,.trumbowyg-editor video,.trumbowyg-editor img {    max-width: 100%; }.trumbowyg-editor video,.trumbowyg-editor img {    height: auto; }.trumbowyg-editor img {    cursor: move; }.trumbowyg-editor.trumbowyg-reset-css {    background: #FEFEFE !important;    font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important;    font-size: 14px !important;    line-height: 1.45em !important;    white-space: normal !important;    color: #333; }.trumbowyg-editor.trumbowyg-reset-css a {    color: #15c !important;    text-decoration: underline !important; }.trumbowyg-editor.trumbowyg-reset-css div,.trumbowyg-editor.trumbowyg-reset-css p,.trumbowyg-editor.trumbowyg-reset-css ul,.trumbowyg-editor.trumbowyg-reset-css ol,.trumbowyg-editor.trumbowyg-reset-css blockquote {    box-shadow: none !important;    background: none !important;    margin: 0 !important;    margin-bottom: 15px !important;    line-height: 1.4em !important;    font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important;    font-size: 14px !important;    border: none; }.trumbowyg-editor.trumbowyg-reset-css iframe,.trumbowyg-editor.trumbowyg-reset-css object,.trumbowyg-editor.trumbowyg-reset-css hr {    margin-bottom: 15px !important; }.trumbowyg-editor.trumbowyg-reset-css blockquote {    margin-left: 32px !important;    font-style: italic !important;    color: #555; }.trumbowyg-editor.trumbowyg-reset-css ul,.trumbowyg-editor.trumbowyg-reset-css ol {    padding-left: 20px !important; }.trumbowyg-editor.trumbowyg-reset-css ul ul,.trumbowyg-editor.trumbowyg-reset-css ol ol,.trumbowyg-editor.trumbowyg-reset-css ul ol,.trumbowyg-editor.trumbowyg-reset-css ol ul {    border: none;    margin: 2px !important;    padding: 0 !important;    padding-left: 24px !important; }.trumbowyg-editor.trumbowyg-reset-css hr {    display: block;    height: 1px;    border: none;    border-top: 1px solid #CCC; }.trumbowyg-editor.trumbowyg-reset-css h1,.trumbowyg-editor.trumbowyg-reset-css h2,.trumbowyg-editor.trumbowyg-reset-css h3,.trumbowyg-editor.trumbowyg-reset-css h4 {    color: #111;    background: none;    margin: 0 !important;    padding: 0 !important;    font-weight: bold; }.trumbowyg-editor.trumbowyg-reset-css h1 {    font-size: 32px !important;    line-height: 38px !important;    margin-bottom: 20px !important; }.trumbowyg-editor.trumbowyg-reset-css h2 {    font-size: 26px !important;    line-height: 34px !important;    margin-bottom: 15px !important; }.trumbowyg-editor.trumbowyg-reset-css h3 {    font-size: 22px !important;    line-height: 28px !important;    margin-bottom: 7px !important; }.trumbowyg-editor.trumbowyg-reset-css h4 {    font-size: 16px !important;    line-height: 22px !important;    margin-bottom: 7px !important; }/* * Dark theme */.trumbowyg-dark .trumbowyg-textarea {    background: #111;    color: #ddd; }.trumbowyg-dark .trumbowyg-box {    border: 1px solid #343434; }.trumbowyg-dark .trumbowyg-box.trumbowyg-fullscreen {    background: #111; }.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before {    text-shadow: 0 0 7px #ccc; }@media screen and (min-width: 0 \0 ) {    .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before {        color: rgba(20, 20, 20, 0.6) !important; } }.trumbowyg-dark .trumbowyg-box svg {    fill: #ecf0f1;    color: #ecf0f1; }.trumbowyg-dark .trumbowyg-button-pane {    background-color: #222;    border-bottom-color: #343434; }.trumbowyg-dark .trumbowyg-button-pane::after {    background: #343434; }.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty)::before {    background-color: #343434; }.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) .trumbowyg-fullscreen-button svg {    color: transparent; }.trumbowyg-dark .trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before {    background-color: #2a2a2a; }.trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):hover,.trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):focus,.trumbowyg-dark .trumbowyg-button-pane button.trumbowyg-active {    background-color: #333; }.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-open-dropdown::after {    border-top-color: #fff; }.trumbowyg-dark .trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg {    color: #ecf0f1;    fill: transparent; }.trumbowyg-dark .trumbowyg-dropdown {    border-color: #222;    background: #333;    box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px; }.trumbowyg-dark .trumbowyg-dropdown button {    background: #333;    color: #fff !important; }.trumbowyg-dark .trumbowyg-dropdown button:hover, .trumbowyg-dark .trumbowyg-dropdown button:focus {    background: #222; }.trumbowyg-dark .trumbowyg-modal-box {    background-color: #222; }.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-title {    border-bottom: 1px solid #555;    color: #fff;    background: #3c3c3c; }.trumbowyg-dark .trumbowyg-modal-box label {    display: block;    position: relative;    margin: 15px 12px;    height: 27px;    line-height: 27px;    overflow: hidden; }.trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span {    color: #eee;    background-color: #2f2f2f;    border-color: #222; }.trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error {    color: #e74c3c; }.trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error input,.trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error textarea {    border-color: #e74c3c; }.trumbowyg-dark .trumbowyg-modal-box label input {    border-color: #222;    color: #eee;    background: #333; }.trumbowyg-dark .trumbowyg-modal-box label input:hover, .trumbowyg-dark .trumbowyg-modal-box label input:focus {    border-color: #626262; }.trumbowyg-dark .trumbowyg-modal-box label input:focus {    background-color: #2f2f2f; }.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {    background: #1b7943; }.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover, .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus {    background: #25a25a; }.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active {    background: #176437; }.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset {    background: #333;    color: #ccc; }.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover, .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus {    background: #444; }.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active {    background: #111; }.trumbowyg-dark .trumbowyg-overlay {    background-color: rgba(15, 15, 15, 0.6); }/*：源代码唯一下载链接: http://www.bootstrapmb.com/item/37(当前备注仅在演示里出现，下载源码不包含)*/