783ec4dfe4ada27d53a68c6c6bd21a73b9d76388
[tine20] / tine20 / Tinebase / css / ux / form / HtmlEditor.css
1 /*
2     html editor plugin button icons
3 */
4 .x-edit-indent {background: url(../../../../images/oxygen/16x16/actions/format-indent-more.png) 0 0 no-repeat !important;}
5 .x-edit-outdent {background: url(../../../../images/oxygen/16x16/actions/format-indent-less.png) 0 0 no-repeat !important;}
6 .x-edit-removeFormat {background: url(../../../../images/oxygen/16x16/actions/eraser.png) 0 0 no-repeat !important;}
7
8 /*
9         These are examples of styles for the button icons
10 */
11 .x-edit-wordpaste {background: url(../images/document-word-text.png) 0 0 no-repeat !important;}
12 .x-edit-table {background: url(../images/table.png) 0 0 no-repeat !important;}
13 .x-edit-hr {background: url(../images/edit-rule.png) 0 0 no-repeat !important;}
14 .x-edit-char {background: url(../images/edit-char.png) 0 0 no-repeat !important;}
15 .x-edit-subscript {background: url(../images/text_sub.png) 0 0 no-repeat !important;}
16 .x-edit-superscript {background: url(../images/text_super.png) 0 0 no-repeat !important;}
17
18 /*
19         These styles are used for the character map
20 */
21 .char-item {
22         float: left; 
23         border: 1px solid #99BBE8; 
24         margin: 3px; 
25         text-align: center; 
26         vertical-align: middle; 
27         width: 20px; 
28         height: 20px; 
29         font-size: 14px;
30         color: #15428B;
31         cursor: pointer;
32 }
33
34 .char-item.x-view-selected {
35         background-color: #777;
36 }
37
38 .char-over {
39         border: 1px solid #15428B;
40         background-color:#d0def0;
41 }