.clearfix:after { display: block; visibility: hidden; clear: both; height: 0; content: " "; font-size: 0; } @-webkit-keyframes pop-upwards { 0% { -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12); transform: matrix(0.97, 0, 0, 1, 0, 12); opacity: 0; } 20% { -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2); transform: matrix(0.99, 0, 0, 1, 0, 2); opacity: 0.7; } 40% { -webkit-transform: matrix(1, 0, 0, 1, 0, -1); transform: matrix(1, 0, 0, 1, 0, -1); opacity: 1; } 70% { -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); opacity: 1; } 100% { -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); opacity: 1; } } @keyframes pop-upwards { 0% { -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12); transform: matrix(0.97, 0, 0, 1, 0, 12); opacity: 0; } 20% { -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2); transform: matrix(0.99, 0, 0, 1, 0, 2); opacity: 0.7; } 40% { -webkit-transform: matrix(1, 0, 0, 1, 0, -1); transform: matrix(1, 0, 0, 1, 0, -1); opacity: 1; } 70% { -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); opacity: 1; } 100% { -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); opacity: 1; } } .medium-toolbar-arrow-under:after, .medium-toolbar-arrow-over:before { position: absolute; left: 50%; display: block; margin-left: -8px; width: 0; height: 0; border-style: solid; content: ""; } .medium-toolbar-arrow-under:after { border-width: 8px 8px 0 8px; } .medium-toolbar-arrow-over:before { top: -8px; border-width: 0 8px 8px 8px; } .medium-editor-toolbar, .medium-editor-anchor-preview { position: absolute; top: 0; left: 0; z-index: 2000; visibility: hidden; font-size: 16px; font-family: HelveticaNeue, Helvetica, Arial, sans-serif; } .medium-editor-toolbar ul, .medium-editor-anchor-preview ul { margin: 0; padding: 0; } .medium-editor-toolbar li, .medium-editor-anchor-preview li { float: left; margin: 0; padding: 0; list-style: none; } .medium-editor-toolbar li button, .medium-editor-anchor-preview li button { display: block; margin: 0; padding: 15px; cursor: pointer; font-size: 14px; line-height: 1.33; text-decoration: none; box-sizing: border-box; } .medium-editor-toolbar li .medium-editor-action-underline, .medium-editor-anchor-preview li .medium-editor-action-underline { text-decoration: underline; } .medium-editor-toolbar li .medium-editor-action-pre, .medium-editor-anchor-preview li .medium-editor-action-pre { padding: 15px 0; font-weight: 100; font-size: 12px; font-family: 'Menlo', monospace; } .medium-editor-anchor-preview i { display: inline-block; margin: 5px 5px 5px 10px; text-decoration: underline; font-style: normal; cursor: pointer; } .medium-editor-toolbar-active, .medium-editor-anchor-preview-active { visibility: visible; } .sticky-toolbar { position: fixed; top: 1px; } .stalker-toolbar { -webkit-animation: pop-upwards 160ms forwards linear; animation: pop-upwards 160ms forwards linear; -webkit-transition: top 0.075s ease-out, left 0.075s ease-out; transition: top 0.075s ease-out, left 0.075s ease-out; } .medium-editor-action-bold { font-weight: bolder; } .medium-editor-action-italic { font-style: italic; } .medium-editor-toolbar-form { display: none; } .medium-editor-toolbar-form input, .medium-editor-toolbar-form a { font-family: HelveticaNeue, Helvetica, Arial, sans-serif; } .medium-editor-toolbar-form .medium-editor-toolbar-input, .medium-editor-toolbar-form label { margin: 0; padding: 6px; width: 316px; border: none; font-size: 14px; box-sizing: border-box; } .medium-editor-toolbar-form .medium-editor-toolbar-input:focus, .medium-editor-toolbar-form label:focus { outline: 0; border: none; box-shadow: none; appearance: none; } .medium-editor-toolbar-form label { display: block; } .medium-editor-toolbar-form a { display: inline-block; margin: 0 10px; text-decoration: none; font-weight: bolder; font-size: 24px; } .medium-editor-placeholder { position: relative; } .medium-editor-placeholder:after { position: absolute; top: 0; left: 0; content: attr(data-placeholder) !important; font-style: italic; white-space: pre; } .medium-editor-dragover { background: #ddd; } .medium-image-loading { width: 40px; height: 40px; background-color: #333; display: inline-block; border-radius: 100%; -webkit-animation: medium-image-loading-animation 1s infinite ease-in-out; animation: medium-image-loading-animation 1s infinite ease-in-out; } @-webkit-keyframes medium-image-loading-animation { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes medium-image-loading-animation { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }