medium-editor/dist/css/themes/default.css at 2a9a08637255425a66759c036644779a7dc9f31e · yabwe/medium-editor · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
.medium-toolbar-arrow-under:after {
  top: 50px;
  border-color: #242424 transparent transparent transparent; }

.medium-toolbar-arrow-over:before {
  top: -8px;
  border-color: transparent transparent #242424 transparent; }

.medium-editor-toolbar {
  border: 1px solid #000;
  background-color: #242424;
  background: -webkit-gradient(linear, left bottom, left top, from(#242424), to(rgba(36, 36, 36, 0.75)));
  background: -webkit-linear-gradient(bottom, #242424, rgba(36, 36, 36, 0.75));
  background: linear-gradient(bottom, #242424, rgba(36, 36, 36, 0.75));
  border-radius: 5px;
  -webkit-box-shadow: 0 0 3px #000;
  box-shadow: 0 0 3px #000;
  -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-toolbar li button {
    min-width: 50px;
    height: 50px;
    border: 0;
    border-right: 1px solid #000;
    border-left: 1px solid #333;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #242424;
    color: #fff;
    background: -webkit-gradient(linear, left bottom, left top, from(#242424), to(rgba(36, 36, 36, 0.89)));
    background: -webkit-linear-gradient(bottom, #242424, rgba(36, 36, 36, 0.89));
    background: linear-gradient(bottom, #242424, rgba(36, 36, 36, 0.89));
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-transition: background-color 0.2s ease-in;
    transition: background-color 0.2s ease-in; }
    .medium-editor-toolbar li button:hover {
      background-color: #000;
      color: yellow; }
  .medium-editor-toolbar li .medium-editor-button-first {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; }
  .medium-editor-toolbar li .medium-editor-button-last {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; }
  .medium-editor-toolbar li .medium-editor-button-active {
    background-color: #000;
    color: #fff;
    background: -webkit-gradient(linear, left bottom, left top, from(#242424), to(rgba(0, 0, 0, 0.89)));
    background: -webkit-linear-gradient(bottom, #242424, rgba(0, 0, 0, 0.89));
    background: linear-gradient(bottom, #242424, rgba(0, 0, 0, 0.89)); }

.medium-editor-toolbar-form-anchor {
  background: #242424;
  color: #999;
  border-radius: 5px; }
  .medium-editor-toolbar-form-anchor input {
    height: 50px;
    background: #242424;
    color: #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .medium-editor-toolbar-form-anchor a {
    color: #fff; }

.medium-editor-toolbar-anchor-preview {
  background: #242424;
  color: #fff;
  border-radius: 5px; }

.medium-editor-placeholder {
  color: #b3b3b1; }