Mercurial Hosting > sceditor

comparison src/themes/office-toolbar.css @ 43:ab852c9f04c3

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
use buttons
author Franklin Schmidt <fschmidt@gmail.com>
date Mon, 29 Aug 2022 23:33:11 -0600
parents 2606bfb75529
children
comparison
equal deleted inserted replaced
42:69654081643b 43:ab852c9f04c3
26 background: transparent; 26 background: transparent;
27 padding: 0; 27 padding: 0;
28 background: #cadcf0; 28 background: #cadcf0;
29 background: linear-gradient(to bottom, #cadcf0 24%, #bcd0e9 38%, #d0e1f7 99%); 29 background: linear-gradient(to bottom, #cadcf0 24%, #bcd0e9 38%, #d0e1f7 99%);
30 } 30 }
31 .sceditor-button { 31 .sceditor-toolbar button {
32 height: 16px; 32 height: 16px;
33 padding: 3px 4px; 33 padding: 3px 4px;
34 border-radius: 0; 34 border-radius: 0;
35 background-clip: padding-box; 35 background-clip: padding-box;
36 box-shadow: inset 0 1px #d5e3f1, inset 0 -1px #e3edfb, inset 1px 0 #cddcef, inset -1px 0 #b8ceea; 36 box-shadow: inset 0 1px #d5e3f1, inset 0 -1px #e3edfb, inset 1px 0 #cddcef, inset -1px 0 #b8ceea;
37 } 37 }
38 .sceditor-button:first-child { 38 .sceditor-toolbar button:first-child {
39 border-radius: 4px 0 0 4px; 39 border-radius: 4px 0 0 4px;
40 background-clip: padding-box; 40 background-clip: padding-box;
41 } 41 }
42 .sceditor-button:last-child { 42 .sceditor-toolbar button:last-child {
43 border-radius: 0 4px 4px 0; 43 border-radius: 0 4px 4px 0;
44 background-clip: padding-box; 44 background-clip: padding-box;
45 } 45 }
46 .sceditor-button div, 46 .sceditor-toolbar button div,
47 .sceditor-button svg { 47 .sceditor-toolbar button svg {
48 margin: 0; 48 margin: 0;
49 } 49 }
50 .sceditor-button.active { 50 .sceditor-toolbar button.active {
51 background: #fbdbb5; 51 background: #fbdbb5;
52 background: linear-gradient(to bottom, #fbdbb5 11%, #feb456 29%, #fdeb9f 99%); 52 background: linear-gradient(to bottom, #fbdbb5 11%, #feb456 29%, #fdeb9f 99%);
53 box-shadow: inset 0 1px #ebd1b4, inset 0 -1px #ffe47f, inset -1px 0 #b8ceea; 53 box-shadow: inset 0 1px #ebd1b4, inset 0 -1px #ffe47f, inset -1px 0 #b8ceea;
54 } 54 }
55 .sceditor-button:hover { 55 .sceditor-toolbar button:hover {
56 background: #fef7d5; 56 background: #fef7d5;
57 background: linear-gradient(to bottom, #fef7d5 0%, #fae5a9 42%, #ffd048 42%, #ffe59f 100%); 57 background: linear-gradient(to bottom, #fef7d5 0%, #fae5a9 42%, #ffd048 42%, #ffe59f 100%);
58 box-shadow: inset 0 1px #fffbe8, inset -1px 0 #ffefc4, inset 0 -1px #fff9cc; 58 box-shadow: inset 0 1px #fffbe8, inset -1px 0 #ffefc4, inset 0 -1px #fff9cc;
59 } 59 }
60 .sceditor-button:active { 60 .sceditor-toolbar button:active {
61 background: #e7a66d; 61 background: #e7a66d;
62 background: linear-gradient(to bottom, #e7a66d 0%, #fcb16d 1%, #ff8d05 42%, #ffc450 100%); 62 background: linear-gradient(to bottom, #e7a66d 0%, #fcb16d 1%, #ff8d05 42%, #ffc450 100%);
63 box-shadow: inset 0 1px 1px #7b6645, inset 0 -1px #d19c33; 63 box-shadow: inset 0 1px 1px #7b6645, inset 0 -1px #d19c33;
64 } 64 }
65 .sceditor-button.active:hover { 65 .sceditor-toolbar button.active:hover {
66 background: #dba368; 66 background: #dba368;
67 background: linear-gradient(to bottom, #dba368 0%, #ffbd79 4%, #fea335 34%, #ffc64c 66%, #fee069 100%); 67 background: linear-gradient(to bottom, #dba368 0%, #ffbd79 4%, #fea335 34%, #ffc64c 66%, #fee069 100%);
68 box-shadow: inset 0 1px 1px #9e8255, inset 0 -1px #fcce6b; 68 box-shadow: inset 0 1px 1px #9e8255, inset 0 -1px #fcce6b;
69 } 69 }