medium-editor-rails 2.0.9 → 2.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/README.md +11 -7
- data/lib/medium-editor-rails/version.rb +2 -2
- data/vendor/assets/javascripts/medium-editor.js +5753 -1993
- data/vendor/assets/stylesheets/medium-editor/medium-editor.css +147 -133
- data/vendor/assets/stylesheets/medium-editor/themes/beagle.css +78 -0
- data/vendor/assets/stylesheets/medium-editor/themes/beagle.min.css +1 -0
- data/vendor/assets/stylesheets/medium-editor/themes/bootstrap.css +17 -17
- data/vendor/assets/stylesheets/medium-editor/themes/bootstrap.min.css +1 -0
- data/vendor/assets/stylesheets/medium-editor/themes/default.css +25 -25
- data/vendor/assets/stylesheets/medium-editor/themes/default.min.css +1 -0
- data/vendor/assets/stylesheets/medium-editor/themes/flat.css +1 -0
- data/vendor/assets/stylesheets/medium-editor/themes/flat.min.css +1 -0
- data/vendor/assets/stylesheets/medium-editor/themes/mani.css +5 -4
- data/vendor/assets/stylesheets/medium-editor/themes/mani.min.css +1 -0
- data/vendor/assets/stylesheets/medium-editor/themes/roman.css +7 -6
- data/vendor/assets/stylesheets/medium-editor/themes/roman.min.css +1 -0
- data/vendor/assets/stylesheets/medium-editor/themes/tim.css +67 -0
- data/vendor/assets/stylesheets/medium-editor/themes/tim.min.css +1 -0
- metadata +12 -3
| @@ -1,132 +1,163 @@ | |
| 1 | 
            -
             | 
| 2 | 
            -
               | 
| 3 | 
            -
             | 
| 4 | 
            -
             | 
| 5 | 
            -
               | 
| 6 | 
            -
             | 
| 7 | 
            -
             | 
| 1 | 
            +
            @-webkit-keyframes medium-editor-image-loading {
         | 
| 2 | 
            +
              0% {
         | 
| 3 | 
            +
                -webkit-transform: scale(0);
         | 
| 4 | 
            +
                        transform: scale(0); }
         | 
| 5 | 
            +
              100% {
         | 
| 6 | 
            +
                -webkit-transform: scale(1);
         | 
| 7 | 
            +
                        transform: scale(1); } }
         | 
| 8 8 |  | 
| 9 | 
            -
             | 
| 9 | 
            +
            @keyframes medium-editor-image-loading {
         | 
| 10 10 | 
             
              0% {
         | 
| 11 | 
            -
                -webkit-transform:  | 
| 12 | 
            -
                        transform:  | 
| 13 | 
            -
             | 
| 11 | 
            +
                -webkit-transform: scale(0);
         | 
| 12 | 
            +
                        transform: scale(0); }
         | 
| 13 | 
            +
              100% {
         | 
| 14 | 
            +
                -webkit-transform: scale(1);
         | 
| 15 | 
            +
                        transform: scale(1); } }
         | 
| 14 16 |  | 
| 17 | 
            +
            @-webkit-keyframes medium-editor-pop-upwards {
         | 
| 18 | 
            +
              0% {
         | 
| 19 | 
            +
                opacity: 0;
         | 
| 20 | 
            +
                -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
         | 
| 21 | 
            +
                        transform: matrix(0.97, 0, 0, 1, 0, 12); }
         | 
| 15 22 | 
             
              20% {
         | 
| 23 | 
            +
                opacity: .7;
         | 
| 16 24 | 
             
                -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
         | 
| 17 | 
            -
                        transform: matrix(0.99, 0, 0, 1, 0, 2);
         | 
| 18 | 
            -
                opacity: .7; }
         | 
| 19 | 
            -
             | 
| 25 | 
            +
                        transform: matrix(0.99, 0, 0, 1, 0, 2); }
         | 
| 20 26 | 
             
              40% {
         | 
| 27 | 
            +
                opacity: 1;
         | 
| 21 28 | 
             
                -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
         | 
| 22 | 
            -
                        transform: matrix(1, 0, 0, 1, 0, -1);
         | 
| 23 | 
            -
                opacity: 1; }
         | 
| 24 | 
            -
             | 
| 25 | 
            -
              70% {
         | 
| 26 | 
            -
                -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
         | 
| 27 | 
            -
                        transform: matrix(1, 0, 0, 1, 0, 0);
         | 
| 28 | 
            -
                opacity: 1; }
         | 
| 29 | 
            -
             | 
| 29 | 
            +
                        transform: matrix(1, 0, 0, 1, 0, -1); }
         | 
| 30 30 | 
             
              100% {
         | 
| 31 31 | 
             
                -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
         | 
| 32 | 
            -
                        transform: matrix(1, 0, 0, 1, 0, 0);
         | 
| 33 | 
            -
                opacity: 1; } }
         | 
| 32 | 
            +
                        transform: matrix(1, 0, 0, 1, 0, 0); } }
         | 
| 34 33 |  | 
| 35 | 
            -
            @keyframes pop-upwards {
         | 
| 34 | 
            +
            @keyframes medium-editor-pop-upwards {
         | 
| 36 35 | 
             
              0% {
         | 
| 36 | 
            +
                opacity: 0;
         | 
| 37 37 | 
             
                -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
         | 
| 38 | 
            -
                        transform: matrix(0.97, 0, 0, 1, 0, 12);
         | 
| 39 | 
            -
                opacity: 0; }
         | 
| 40 | 
            -
             | 
| 38 | 
            +
                        transform: matrix(0.97, 0, 0, 1, 0, 12); }
         | 
| 41 39 | 
             
              20% {
         | 
| 40 | 
            +
                opacity: .7;
         | 
| 42 41 | 
             
                -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
         | 
| 43 | 
            -
                        transform: matrix(0.99, 0, 0, 1, 0, 2);
         | 
| 44 | 
            -
                opacity: .7; }
         | 
| 45 | 
            -
             | 
| 42 | 
            +
                        transform: matrix(0.99, 0, 0, 1, 0, 2); }
         | 
| 46 43 | 
             
              40% {
         | 
| 44 | 
            +
                opacity: 1;
         | 
| 47 45 | 
             
                -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
         | 
| 48 | 
            -
                        transform: matrix(1, 0, 0, 1, 0, -1);
         | 
| 49 | 
            -
                opacity: 1; }
         | 
| 50 | 
            -
             | 
| 51 | 
            -
              70% {
         | 
| 52 | 
            -
                -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
         | 
| 53 | 
            -
                        transform: matrix(1, 0, 0, 1, 0, 0);
         | 
| 54 | 
            -
                opacity: 1; }
         | 
| 55 | 
            -
             | 
| 46 | 
            +
                        transform: matrix(1, 0, 0, 1, 0, -1); }
         | 
| 56 47 | 
             
              100% {
         | 
| 57 48 | 
             
                -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
         | 
| 58 | 
            -
                        transform: matrix(1, 0, 0, 1, 0, 0);
         | 
| 59 | 
            -
                opacity: 1; } }
         | 
| 49 | 
            +
                        transform: matrix(1, 0, 0, 1, 0, 0); } }
         | 
| 60 50 |  | 
| 61 | 
            -
            .medium- | 
| 51 | 
            +
            .medium-editor-anchor-preview {
         | 
| 52 | 
            +
              font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
         | 
| 53 | 
            +
              font-size: 16px;
         | 
| 54 | 
            +
              left: 0;
         | 
| 55 | 
            +
              line-height: 1.4;
         | 
| 56 | 
            +
              max-width: 280px;
         | 
| 62 57 | 
             
              position: absolute;
         | 
| 63 | 
            -
               | 
| 58 | 
            +
              text-align: center;
         | 
| 59 | 
            +
              top: 0;
         | 
| 60 | 
            +
              word-break: break-all;
         | 
| 61 | 
            +
              word-wrap: break-word;
         | 
| 62 | 
            +
              visibility: hidden;
         | 
| 63 | 
            +
              z-index: 2000; }
         | 
| 64 | 
            +
              .medium-editor-anchor-preview a {
         | 
| 65 | 
            +
                color: #fff;
         | 
| 66 | 
            +
                display: inline-block;
         | 
| 67 | 
            +
                margin: 5px 5px 10px; }
         | 
| 68 | 
            +
             | 
| 69 | 
            +
            .medium-editor-anchor-preview-active {
         | 
| 70 | 
            +
              visibility: visible; }
         | 
| 71 | 
            +
             | 
| 72 | 
            +
            .medium-editor-dragover {
         | 
| 73 | 
            +
              background: #ddd; }
         | 
| 74 | 
            +
             | 
| 75 | 
            +
            .medium-editor-image-loading {
         | 
| 76 | 
            +
              -webkit-animation: medium-editor-image-loading 1s infinite ease-in-out;
         | 
| 77 | 
            +
                      animation: medium-editor-image-loading 1s infinite ease-in-out;
         | 
| 78 | 
            +
              background-color: #333;
         | 
| 79 | 
            +
              border-radius: 100%;
         | 
| 80 | 
            +
              display: inline-block;
         | 
| 81 | 
            +
              height: 40px;
         | 
| 82 | 
            +
              width: 40px; }
         | 
| 83 | 
            +
             | 
| 84 | 
            +
            .medium-editor-placeholder {
         | 
| 85 | 
            +
              position: relative; }
         | 
| 86 | 
            +
              .medium-editor-placeholder:after {
         | 
| 87 | 
            +
                content: attr(data-placeholder) !important;
         | 
| 88 | 
            +
                font-style: italic;
         | 
| 89 | 
            +
                left: 0;
         | 
| 90 | 
            +
                position: absolute;
         | 
| 91 | 
            +
                top: 0;
         | 
| 92 | 
            +
                white-space: pre;
         | 
| 93 | 
            +
                padding: inherit;
         | 
| 94 | 
            +
                margin: inherit; }
         | 
| 95 | 
            +
             | 
| 96 | 
            +
            .medium-toolbar-arrow-under:after, .medium-toolbar-arrow-over:before {
         | 
| 97 | 
            +
              border-style: solid;
         | 
| 98 | 
            +
              content: '';
         | 
| 64 99 | 
             
              display: block;
         | 
| 65 | 
            -
              margin-left: -8px;
         | 
| 66 | 
            -
              width: 0;
         | 
| 67 100 | 
             
              height: 0;
         | 
| 68 | 
            -
               | 
| 69 | 
            -
               | 
| 101 | 
            +
              left: 50%;
         | 
| 102 | 
            +
              margin-left: -8px;
         | 
| 103 | 
            +
              position: absolute;
         | 
| 104 | 
            +
              width: 0; }
         | 
| 70 105 |  | 
| 71 106 | 
             
            .medium-toolbar-arrow-under:after {
         | 
| 72 107 | 
             
              border-width: 8px 8px 0 8px; }
         | 
| 73 108 |  | 
| 74 109 | 
             
            .medium-toolbar-arrow-over:before {
         | 
| 75 | 
            -
               | 
| 76 | 
            -
               | 
| 110 | 
            +
              border-width: 0 8px 8px 8px;
         | 
| 111 | 
            +
              top: -8px; }
         | 
| 77 112 |  | 
| 78 | 
            -
            .medium-editor-toolbar | 
| 113 | 
            +
            .medium-editor-toolbar {
         | 
| 114 | 
            +
              font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
         | 
| 115 | 
            +
              font-size: 16px;
         | 
| 116 | 
            +
              left: 0;
         | 
| 79 117 | 
             
              position: absolute;
         | 
| 80 118 | 
             
              top: 0;
         | 
| 81 | 
            -
              left: 0;
         | 
| 82 | 
            -
              z-index: 2000;
         | 
| 83 119 | 
             
              visibility: hidden;
         | 
| 84 | 
            -
               | 
| 85 | 
            -
               | 
| 86 | 
            -
              .medium-editor-toolbar ul, .medium-editor-anchor-preview ul {
         | 
| 120 | 
            +
              z-index: 2000; }
         | 
| 121 | 
            +
              .medium-editor-toolbar ul {
         | 
| 87 122 | 
             
                margin: 0;
         | 
| 88 123 | 
             
                padding: 0; }
         | 
| 89 | 
            -
              .medium-editor-toolbar li | 
| 124 | 
            +
              .medium-editor-toolbar li {
         | 
| 90 125 | 
             
                float: left;
         | 
| 126 | 
            +
                list-style: none;
         | 
| 91 127 | 
             
                margin: 0;
         | 
| 92 | 
            -
                padding: 0;
         | 
| 93 | 
            -
                 | 
| 94 | 
            -
             | 
| 95 | 
            -
                  display: block;
         | 
| 96 | 
            -
                  margin: 0;
         | 
| 97 | 
            -
                  padding: 15px;
         | 
| 128 | 
            +
                padding: 0; }
         | 
| 129 | 
            +
                .medium-editor-toolbar li button {
         | 
| 130 | 
            +
                  box-sizing: border-box;
         | 
| 98 131 | 
             
                  cursor: pointer;
         | 
| 132 | 
            +
                  display: block;
         | 
| 99 133 | 
             
                  font-size: 14px;
         | 
| 100 134 | 
             
                  line-height: 1.33;
         | 
| 101 | 
            -
                   | 
| 102 | 
            -
                   | 
| 103 | 
            -
                   | 
| 135 | 
            +
                  margin: 0;
         | 
| 136 | 
            +
                  padding: 15px;
         | 
| 137 | 
            +
                  text-decoration: none; }
         | 
| 138 | 
            +
                  .medium-editor-toolbar li button:focus {
         | 
| 104 139 | 
             
                    outline: none; }
         | 
| 105 | 
            -
                .medium-editor-toolbar li .medium-editor-action-underline | 
| 140 | 
            +
                .medium-editor-toolbar li .medium-editor-action-underline {
         | 
| 106 141 | 
             
                  text-decoration: underline; }
         | 
| 107 | 
            -
                .medium-editor-toolbar li .medium-editor-action-pre | 
| 108 | 
            -
                   | 
| 109 | 
            -
                  font-weight: 100;
         | 
| 142 | 
            +
                .medium-editor-toolbar li .medium-editor-action-pre {
         | 
| 143 | 
            +
                  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
         | 
| 110 144 | 
             
                  font-size: 12px;
         | 
| 111 | 
            -
                  font- | 
| 112 | 
            -
             | 
| 113 | 
            -
            .medium-editor-anchor-preview i {
         | 
| 114 | 
            -
              display: inline-block;
         | 
| 115 | 
            -
              margin: 5px 5px 5px 10px;
         | 
| 116 | 
            -
              text-decoration: underline;
         | 
| 117 | 
            -
              font-style: normal;
         | 
| 118 | 
            -
              cursor: pointer; }
         | 
| 145 | 
            +
                  font-weight: 100;
         | 
| 146 | 
            +
                  padding: 15px 0; }
         | 
| 119 147 |  | 
| 120 | 
            -
            .medium-editor-toolbar-active | 
| 148 | 
            +
            .medium-editor-toolbar-active {
         | 
| 121 149 | 
             
              visibility: visible; }
         | 
| 122 150 |  | 
| 123 | 
            -
            .sticky-toolbar {
         | 
| 151 | 
            +
            .medium-editor-sticky-toolbar {
         | 
| 124 152 | 
             
              position: fixed;
         | 
| 125 153 | 
             
              top: 1px; }
         | 
| 126 154 |  | 
| 127 | 
            -
            .medium-editor- | 
| 128 | 
            -
               | 
| 129 | 
            -
             | 
| 155 | 
            +
            .medium-editor-relative-toolbar {
         | 
| 156 | 
            +
              position: relative; }
         | 
| 157 | 
            +
             | 
| 158 | 
            +
            .medium-editor-toolbar-active.medium-editor-stalker-toolbar {
         | 
| 159 | 
            +
              -webkit-animation: medium-editor-pop-upwards 160ms forwards linear;
         | 
| 160 | 
            +
                      animation: medium-editor-pop-upwards 160ms forwards linear; }
         | 
| 130 161 |  | 
| 131 162 | 
             
            .medium-editor-action-bold {
         | 
| 132 163 | 
             
              font-weight: bolder; }
         | 
| @@ -136,67 +167,50 @@ | |
| 136 167 |  | 
| 137 168 | 
             
            .medium-editor-toolbar-form {
         | 
| 138 169 | 
             
              display: none; }
         | 
| 139 | 
            -
              .medium-editor-toolbar-form input, | 
| 140 | 
            -
             | 
| 141 | 
            -
             | 
| 170 | 
            +
              .medium-editor-toolbar-form input,
         | 
| 171 | 
            +
              .medium-editor-toolbar-form a {
         | 
| 172 | 
            +
                font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
         | 
| 173 | 
            +
              .medium-editor-toolbar-form .medium-editor-toolbar-form-row {
         | 
| 174 | 
            +
                line-height: 14px;
         | 
| 175 | 
            +
                margin-left: 5px;
         | 
| 176 | 
            +
                padding-bottom: 5px; }
         | 
| 177 | 
            +
              .medium-editor-toolbar-form .medium-editor-toolbar-input,
         | 
| 178 | 
            +
              .medium-editor-toolbar-form label {
         | 
| 179 | 
            +
                border: none;
         | 
| 180 | 
            +
                box-sizing: border-box;
         | 
| 181 | 
            +
                font-size: 14px;
         | 
| 142 182 | 
             
                margin: 0;
         | 
| 143 183 | 
             
                padding: 6px;
         | 
| 144 184 | 
             
                width: 316px;
         | 
| 145 | 
            -
                 | 
| 146 | 
            -
                 | 
| 147 | 
            -
                 | 
| 148 | 
            -
             | 
| 149 | 
            -
             | 
| 185 | 
            +
                display: inline-block; }
         | 
| 186 | 
            +
                .medium-editor-toolbar-form .medium-editor-toolbar-input:focus,
         | 
| 187 | 
            +
                .medium-editor-toolbar-form label:focus {
         | 
| 188 | 
            +
                  -webkit-appearance: none;
         | 
| 189 | 
            +
                     -moz-appearance: none;
         | 
| 190 | 
            +
                          appearance: none;
         | 
| 150 191 | 
             
                  border: none;
         | 
| 151 192 | 
             
                  box-shadow: none;
         | 
| 152 | 
            -
                   | 
| 153 | 
            -
              .medium-editor-toolbar-form label {
         | 
| 154 | 
            -
                display: block; }
         | 
| 193 | 
            +
                  outline: 0; }
         | 
| 155 194 | 
             
              .medium-editor-toolbar-form a {
         | 
| 156 195 | 
             
                display: inline-block;
         | 
| 157 | 
            -
                 | 
| 158 | 
            -
                text-decoration: none;
         | 
| 196 | 
            +
                font-size: 24px;
         | 
| 159 197 | 
             
                font-weight: bolder;
         | 
| 160 | 
            -
                 | 
| 161 | 
            -
             | 
| 162 | 
            -
            .medium-editor-placeholder {
         | 
| 163 | 
            -
              position: relative; }
         | 
| 164 | 
            -
              .medium-editor-placeholder:after {
         | 
| 165 | 
            -
                position: absolute;
         | 
| 166 | 
            -
                top: 0;
         | 
| 167 | 
            -
                left: 0;
         | 
| 168 | 
            -
                content: attr(data-placeholder) !important;
         | 
| 169 | 
            -
                font-style: italic;
         | 
| 170 | 
            -
                white-space: pre; }
         | 
| 171 | 
            -
             | 
| 172 | 
            -
            .medium-editor-dragover {
         | 
| 173 | 
            -
              background: #ddd; }
         | 
| 198 | 
            +
                margin: 0 10px;
         | 
| 199 | 
            +
                text-decoration: none; }
         | 
| 174 200 |  | 
| 175 | 
            -
            .medium- | 
| 176 | 
            -
               | 
| 177 | 
            -
               | 
| 178 | 
            -
               | 
| 179 | 
            -
              display: inline-block;
         | 
| 180 | 
            -
              border-radius: 100%;
         | 
| 181 | 
            -
              -webkit-animation: medium-image-loading-animation 1s infinite ease-in-out;
         | 
| 182 | 
            -
                      animation: medium-image-loading-animation 1s infinite ease-in-out; }
         | 
| 201 | 
            +
            .medium-editor-toolbar-actions:after {
         | 
| 202 | 
            +
              clear: both;
         | 
| 203 | 
            +
              content: "";
         | 
| 204 | 
            +
              display: table; }
         | 
| 183 205 |  | 
| 184 | 
            -
             | 
| 185 | 
            -
               | 
| 186 | 
            -
                -webkit-transform: scale(0);
         | 
| 187 | 
            -
                        transform: scale(0); }
         | 
| 206 | 
            +
            [data-medium-editor-element] img {
         | 
| 207 | 
            +
              max-width: 100%; }
         | 
| 188 208 |  | 
| 189 | 
            -
             | 
| 190 | 
            -
             | 
| 191 | 
            -
                        transform: scale(1);
         | 
| 192 | 
            -
                opacity: 0; } }
         | 
| 209 | 
            +
            [data-medium-editor-element] sub {
         | 
| 210 | 
            +
              vertical-align: sub; }
         | 
| 193 211 |  | 
| 194 | 
            -
             | 
| 195 | 
            -
               | 
| 196 | 
            -
                -webkit-transform: scale(0);
         | 
| 197 | 
            -
                        transform: scale(0); }
         | 
| 212 | 
            +
            [data-medium-editor-element] sup {
         | 
| 213 | 
            +
              vertical-align: super; }
         | 
| 198 214 |  | 
| 199 | 
            -
             | 
| 200 | 
            -
             | 
| 201 | 
            -
                        transform: scale(1);
         | 
| 202 | 
            -
                opacity: 0; } }
         | 
| 215 | 
            +
            .medium-editor-hidden {
         | 
| 216 | 
            +
              display: none; }
         | 
| @@ -0,0 +1,78 @@ | |
| 1 | 
            +
            .medium-toolbar-arrow-under:after {
         | 
| 2 | 
            +
              border-color: #000 transparent transparent transparent;
         | 
| 3 | 
            +
              top: 40px; }
         | 
| 4 | 
            +
             | 
| 5 | 
            +
            .medium-toolbar-arrow-over:before {
         | 
| 6 | 
            +
              border-color: transparent transparent #000 transparent; }
         | 
| 7 | 
            +
             | 
| 8 | 
            +
            .medium-editor-toolbar {
         | 
| 9 | 
            +
              background-color: #000;
         | 
| 10 | 
            +
              border: none;
         | 
| 11 | 
            +
              border-radius: 50px; }
         | 
| 12 | 
            +
              .medium-editor-toolbar li button {
         | 
| 13 | 
            +
                background-color: transparent;
         | 
| 14 | 
            +
                border: none;
         | 
| 15 | 
            +
                box-sizing: border-box;
         | 
| 16 | 
            +
                color: #ccc;
         | 
| 17 | 
            +
                height: 40px;
         | 
| 18 | 
            +
                min-width: 40px;
         | 
| 19 | 
            +
                padding: 5px 12px;
         | 
| 20 | 
            +
                -webkit-transition: background-color .2s ease-in, color .2s ease-in;
         | 
| 21 | 
            +
                        transition: background-color .2s ease-in, color .2s ease-in; }
         | 
| 22 | 
            +
                .medium-editor-toolbar li button:hover {
         | 
| 23 | 
            +
                  background-color: #000;
         | 
| 24 | 
            +
                  color: #a2d7c7; }
         | 
| 25 | 
            +
              .medium-editor-toolbar li .medium-editor-button-first {
         | 
| 26 | 
            +
                border-bottom-left-radius: 50px;
         | 
| 27 | 
            +
                border-top-left-radius: 50px;
         | 
| 28 | 
            +
                padding-left: 24px; }
         | 
| 29 | 
            +
              .medium-editor-toolbar li .medium-editor-button-last {
         | 
| 30 | 
            +
                border-bottom-right-radius: 50px;
         | 
| 31 | 
            +
                border-right: none;
         | 
| 32 | 
            +
                border-top-right-radius: 50px;
         | 
| 33 | 
            +
                padding-right: 24px; }
         | 
| 34 | 
            +
              .medium-editor-toolbar li .medium-editor-button-active {
         | 
| 35 | 
            +
                background-color: #000;
         | 
| 36 | 
            +
                color: #a2d7c7; }
         | 
| 37 | 
            +
             | 
| 38 | 
            +
            .medium-editor-toolbar-form {
         | 
| 39 | 
            +
              background: #000;
         | 
| 40 | 
            +
              border-radius: 50px;
         | 
| 41 | 
            +
              color: #ccc;
         | 
| 42 | 
            +
              overflow: hidden; }
         | 
| 43 | 
            +
              .medium-editor-toolbar-form .medium-editor-toolbar-input {
         | 
| 44 | 
            +
                background: #000;
         | 
| 45 | 
            +
                box-sizing: border-box;
         | 
| 46 | 
            +
                color: #ccc;
         | 
| 47 | 
            +
                height: 40px;
         | 
| 48 | 
            +
                padding-left: 16px;
         | 
| 49 | 
            +
                width: 220px; }
         | 
| 50 | 
            +
                .medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder {
         | 
| 51 | 
            +
                  color: #f8f5f3;
         | 
| 52 | 
            +
                  color: rgba(248, 245, 243, 0.8); }
         | 
| 53 | 
            +
                .medium-editor-toolbar-form .medium-editor-toolbar-input:-moz-placeholder {
         | 
| 54 | 
            +
                  /* Firefox 18- */
         | 
| 55 | 
            +
                  color: #f8f5f3;
         | 
| 56 | 
            +
                  color: rgba(248, 245, 243, 0.8); }
         | 
| 57 | 
            +
                .medium-editor-toolbar-form .medium-editor-toolbar-input::-moz-placeholder {
         | 
| 58 | 
            +
                  /* Firefox 19+ */
         | 
| 59 | 
            +
                  color: #f8f5f3;
         | 
| 60 | 
            +
                  color: rgba(248, 245, 243, 0.8); }
         | 
| 61 | 
            +
                .medium-editor-toolbar-form .medium-editor-toolbar-input:-ms-input-placeholder {
         | 
| 62 | 
            +
                  color: #f8f5f3;
         | 
| 63 | 
            +
                  color: rgba(248, 245, 243, 0.8); }
         | 
| 64 | 
            +
              .medium-editor-toolbar-form a {
         | 
| 65 | 
            +
                color: #ccc;
         | 
| 66 | 
            +
                -webkit-transform: translateY(2px);
         | 
| 67 | 
            +
                        transform: translateY(2px); }
         | 
| 68 | 
            +
              .medium-editor-toolbar-form .medium-editor-toolbar-close {
         | 
| 69 | 
            +
                margin-right: 16px; }
         | 
| 70 | 
            +
             | 
| 71 | 
            +
            .medium-editor-toolbar-anchor-preview {
         | 
| 72 | 
            +
              background: #000;
         | 
| 73 | 
            +
              border-radius: 50px;
         | 
| 74 | 
            +
              padding: 5px 12px; }
         | 
| 75 | 
            +
             | 
| 76 | 
            +
            .medium-editor-anchor-preview a {
         | 
| 77 | 
            +
              color: #ccc;
         | 
| 78 | 
            +
              text-decoration: none; }
         | 
| @@ -0,0 +1 @@ | |
| 1 | 
            +
            .medium-toolbar-arrow-under:after{border-color:#000 transparent transparent;top:40px}.medium-toolbar-arrow-over:before{border-color:transparent transparent #000}.medium-editor-toolbar{background-color:#000;border:none;border-radius:50px}.medium-editor-toolbar li button{background-color:transparent;border:none;box-sizing:border-box;color:#ccc;height:40px;min-width:40px;padding:5px 12px;-webkit-transition:background-color .2s ease-in,color .2s ease-in;transition:background-color .2s ease-in,color .2s ease-in}.medium-editor-toolbar li .medium-editor-button-active,.medium-editor-toolbar li button:hover{background-color:#000;color:#a2d7c7}.medium-editor-toolbar li .medium-editor-button-first{border-bottom-left-radius:50px;border-top-left-radius:50px;padding-left:24px}.medium-editor-toolbar li .medium-editor-button-last{border-bottom-right-radius:50px;border-right:none;border-top-right-radius:50px;padding-right:24px}.medium-editor-toolbar-form{background:#000;border-radius:50px;color:#ccc;overflow:hidden}.medium-editor-toolbar-form .medium-editor-toolbar-input{background:#000;box-sizing:border-box;color:#ccc;height:40px;padding-left:16px;width:220px}.medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder{color:#f8f5f3;color:rgba(248,245,243,.8)}.medium-editor-toolbar-form .medium-editor-toolbar-input:-moz-placeholder{color:#f8f5f3;color:rgba(248,245,243,.8)}.medium-editor-toolbar-form .medium-editor-toolbar-input::-moz-placeholder{color:#f8f5f3;color:rgba(248,245,243,.8)}.medium-editor-toolbar-form .medium-editor-toolbar-input:-ms-input-placeholder{color:#f8f5f3;color:rgba(248,245,243,.8)}.medium-editor-toolbar-form a{color:#ccc;-webkit-transform:translateY(2px);transform:translateY(2px)}.medium-editor-toolbar-form .medium-editor-toolbar-close{margin-right:16px}.medium-editor-toolbar-anchor-preview{background:#000;border-radius:50px;padding:5px 12px}.medium-editor-anchor-preview a{color:#ccc;text-decoration:none}
         | 
| @@ -1,46 +1,46 @@ | |
| 1 1 | 
             
            .medium-toolbar-arrow-under:after {
         | 
| 2 | 
            -
               | 
| 3 | 
            -
               | 
| 2 | 
            +
              border-color: #428bca transparent transparent transparent;
         | 
| 3 | 
            +
              top: 60px; }
         | 
| 4 4 |  | 
| 5 5 | 
             
            .medium-toolbar-arrow-over:before {
         | 
| 6 6 | 
             
              border-color: transparent transparent #428bca transparent; }
         | 
| 7 7 |  | 
| 8 8 | 
             
            .medium-editor-toolbar {
         | 
| 9 | 
            -
              border: 1px solid #357ebd;
         | 
| 10 9 | 
             
              background-color: #428bca;
         | 
| 10 | 
            +
              border: 1px solid #357ebd;
         | 
| 11 11 | 
             
              border-radius: 4px; }
         | 
| 12 12 | 
             
              .medium-editor-toolbar li button {
         | 
| 13 | 
            -
                 | 
| 14 | 
            -
                height: 60px;
         | 
| 13 | 
            +
                background-color: transparent;
         | 
| 15 14 | 
             
                border: none;
         | 
| 16 15 | 
             
                border-right: 1px solid #357ebd;
         | 
| 17 | 
            -
                background-color: transparent;
         | 
| 18 | 
            -
                color: #fff;
         | 
| 19 16 | 
             
                box-sizing: border-box;
         | 
| 17 | 
            +
                color: #fff;
         | 
| 18 | 
            +
                height: 60px;
         | 
| 19 | 
            +
                min-width: 60px;
         | 
| 20 20 | 
             
                -webkit-transition: background-color .2s ease-in, color .2s ease-in;
         | 
| 21 21 | 
             
                        transition: background-color .2s ease-in, color .2s ease-in; }
         | 
| 22 22 | 
             
                .medium-editor-toolbar li button:hover {
         | 
| 23 23 | 
             
                  background-color: #3276b1;
         | 
| 24 24 | 
             
                  color: #fff; }
         | 
| 25 25 | 
             
              .medium-editor-toolbar li .medium-editor-button-first {
         | 
| 26 | 
            -
                border- | 
| 27 | 
            -
                border- | 
| 26 | 
            +
                border-bottom-left-radius: 4px;
         | 
| 27 | 
            +
                border-top-left-radius: 4px; }
         | 
| 28 28 | 
             
              .medium-editor-toolbar li .medium-editor-button-last {
         | 
| 29 | 
            +
                border-bottom-right-radius: 4px;
         | 
| 29 30 | 
             
                border-right: none;
         | 
| 30 | 
            -
                border-top-right-radius: 4px;
         | 
| 31 | 
            -
                border-bottom-right-radius: 4px; }
         | 
| 31 | 
            +
                border-top-right-radius: 4px; }
         | 
| 32 32 | 
             
              .medium-editor-toolbar li .medium-editor-button-active {
         | 
| 33 33 | 
             
                background-color: #3276b1;
         | 
| 34 34 | 
             
                color: #fff; }
         | 
| 35 35 |  | 
| 36 36 | 
             
            .medium-editor-toolbar-form {
         | 
| 37 37 | 
             
              background: #428bca;
         | 
| 38 | 
            -
               | 
| 39 | 
            -
               | 
| 38 | 
            +
              border-radius: 4px;
         | 
| 39 | 
            +
              color: #fff; }
         | 
| 40 40 | 
             
              .medium-editor-toolbar-form .medium-editor-toolbar-input {
         | 
| 41 | 
            -
                height: 60px;
         | 
| 42 41 | 
             
                background: #428bca;
         | 
| 43 | 
            -
                color: #fff; | 
| 42 | 
            +
                color: #fff;
         | 
| 43 | 
            +
                height: 60px; }
         | 
| 44 44 | 
             
                .medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder {
         | 
| 45 45 | 
             
                  color: #fff;
         | 
| 46 46 | 
             
                  color: rgba(255, 255, 255, 0.8); }
         | 
| @@ -60,8 +60,8 @@ | |
| 60 60 |  | 
| 61 61 | 
             
            .medium-editor-toolbar-anchor-preview {
         | 
| 62 62 | 
             
              background: #428bca;
         | 
| 63 | 
            -
               | 
| 64 | 
            -
               | 
| 63 | 
            +
              border-radius: 4px;
         | 
| 64 | 
            +
              color: #fff; }
         | 
| 65 65 |  | 
| 66 66 | 
             
            .medium-editor-placeholder:after {
         | 
| 67 67 | 
             
              color: #357ebd; }
         |