author | Dan |
Fri, 30 Nov 2007 22:13:03 -0500 | |
changeset 244 | 7e094a04d84e |
parent 84 | f99fb84bd959 |
permissions | -rw-r--r-- |
1 | 1 |
/* This file contains the CSS data for the editor UI of TinyMCE instances */ |
2 |
||
3 |
.mceToolbarTop a, .mceToolbarTop a:visited, .mceToolbarTop a:hover, .mceToolbarBottom a, .mceToolbarBottom a:visited, .mceToolbarBottom a:hover {border: 0; margin: 0; padding: 0; background: transparent;} |
|
4 |
.mceSeparatorLine {border: 0; padding: 0; margin-left: 4px; margin-right: 2px;} |
|
5 |
.mceSelectList {font-family: 'MS Sans Serif', sans-serif, Verdana, Arial; font-size: 7pt !important; font-weight: normal; margin-top: 3px; padding: 0; display: inline; vertical-align: top; background-color: #F0F0EE;} |
|
6 |
.mceLabel, .mceLabelDisabled {font-family: 'MS Sans Serif', sans-serif, Verdana, Arial; font-size: 9pt;} |
|
7 |
.mceLabel {color: #000000;} |
|
8 |
.mceLabelDisabled {cursor: text; color: #999999;} |
|
9 |
.mceEditor {background: #F0F0EE; border: 1px solid #cccccc; padding: 0; margin: 0;} |
|
10 |
.mceEditorArea { font-family: 'MS Sans Serif', sans-serif, Verdana, Arial; background: #FFFFFF; padding: 0; margin: 0; } |
|
11 |
.mceToolbarTop, .mceToolbarBottom {background: #F0F0EE; line-height: 1px; font-size: 1px;} |
|
12 |
.mceToolbarTop {border-bottom: 1px solid #cccccc; padding-bottom: 1px;} |
|
13 |
.mceToolbarBottom {border-top: 1px solid #cccccc;} |
|
14 |
.mceToolbarContainer {display: block; position: relative; left: 0; top: 0; width: 100%;} |
|
15 |
.mceStatusbarTop, .mceStatusbarBottom, .mceStatusbar {height: 20px;} |
|
16 |
.mceStatusbarTop .mceStatusbarPathText, .mceStatusbarBottom .mceStatusbarPathText, .mceStatusbar .mceStatusbarPathText {font-family: 'MS Sans Serif', sans-serif, Verdana, Arial; font-size: 9pt; padding: 2px; line-height: 16px; overflow: visible;} |
|
17 |
.mceStatusbarTop {border-bottom: 1px solid #cccccc;} |
|
18 |
.mceStatusbarBottom {border-top: 1px solid #cccccc;} |
|
19 |
.mceStatusbar {border-bottom: 1px solid #cccccc;} |
|
20 |
.mcePathItem, .mcePathItem:link, .mcePathItem:visited, .mcePathItem:hover {text-decoration: none; font-family: 'MS Sans Serif', sans-serif, Verdana, Arial; font-size: 9pt; color: #000000;} |
|
21 |
.mcePathItem:hover {text-decoration: underline;} |
|
22 |
.mceStatusbarPathText {float: left;} |
|
23 |
.mceStatusbarResize {float: right; background-image: url('../images/statusbar_resize.gif'); background-repeat: no-repeat; width: 11px; height: 20px; cursor: se-resize;} |
|
24 |
.mceResizeBox {width: 10px; height: 10px; display: none; border: 1px dotted gray; margin: 0; padding: 0;} |
|
25 |
.mceEditorIframe {border: 0;} |
|
26 |
||
27 |
/* Button CSS rules */ |
|
28 |
||
29 |
a.mceButtonDisabled img, a.mceButtonNormal img, a.mceButtonSelected img {width: 20px; height: 20px; cursor: default; margin-top: 1px; margin-left: 1px;} |
|
30 |
a.mceButtonDisabled img {border: 0 !important;} |
|
31 |
a.mceButtonNormal img, a.mceButtonSelected img {border: 1px solid #F0F0EE !important;} |
|
32 |
a.mceButtonSelected img {border: 1px solid #6779AA !important; background-color: #D4D5D8;} |
|
33 |
a.mceButtonNormal img:hover, a.mceButtonSelected img:hover {border: 1px solid #0A246A !important; cursor: default; background-color: #B6BDD2;} |
|
34 |
a.mceButtonDisabled img {-moz-opacity:0.3; opacity: 0.3; border: 1px solid #F0F0EE !important; cursor: default;} |
|
35 |
a.mceTiledButton img {background-image: url('../images/buttons.gif'); background-repeat: no-repeat;} |
|
36 |
||
37 |
/* Menu button CSS rules */ |
|
38 |
||
39 |
span.mceMenuButton img, span.mceMenuButtonSelected img {border: 1px solid #F0F0EE; margin-left: 1px;} |
|
40 |
span.mceMenuButtonSelected img {border: 1px solid #6779AA; background-color: #B6BDD2;} |
|
41 |
span.mceMenuButtonSelected img.mceMenuButton {border: 1px solid #F0F0EE; background-color: transparent;} |
|
42 |
span.mceMenuButton img.mceMenuButton, span.mceMenuButtonSelected img.mceMenuButton {border-left: 0; margin-left: 0;} |
|
43 |
span.mceMenuButton:hover img, span.mceMenuButtonSelected:hover img {border: 1px solid #0A246A; background-color: #B6BDD2;} |
|
44 |
span.mceMenuButton:hover img.mceMenuButton, span.mceMenuButtonSelected:hover img.mceMenuButton {border-left: 0;} |
|
45 |
span.mceMenuButtonFocus img {border: 1px solid gray; border-right: 0; margin-left: 1px; background-color: #F5F4F2;} |
|
46 |
span.mceMenuButtonFocus img.mceMenuButton {border: 1px solid gray; border-left: 1px solid #F5F4F2; margin-left: 0;} |
|
47 |
span.mceMenuHover img {border: 1px solid #0A246A; background-color: #B6BDD2;} |
|
48 |
span.mceMenuButtonSelected.mceMenuHover img.mceMenuButton {border: 1px solid #0A246A; background-color: #B6BDD2; border-left: 0;} |
|
49 |
||
50 |
/* Menu */ |
|
51 |
||
52 |
.mceMenu {position: absolute; left: 0; top: 0; display: none; z-index: 1000; background-color: white; border: 1px solid gray; font-weight: normal;} |
|
53 |
.mceMenu a, .mceMenuTitle, .mceMenuDisabled {display: block; width: 100%; text-decoration: none; background-color: white; font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11px; line-height: 20px; color: black;} |
|
54 |
.mceMenu a:hover {background-color: #B6BDD2; color: black; text-decoration: none !important;} |
|
55 |
.mceMenu span {padding-left: 10px; padding-right: 10px; display: block; line-height: 20px;} |
|
56 |
.mceMenuSeparator {border-bottom: 1px solid gray; background-color: gray; height: 1px;} |
|
57 |
.mceMenuTitle span {padding-left: 5px;} |
|
58 |
.mceMenuTitle {background-color: #DDDDDD; font-weight: bold;} |
|
59 |
.mceMenuDisabled {color: gray;} |
|
60 |
span.mceMenuSelectedItem {background-image: url('../images/menu_check.gif'); background-repeat: no-repeat; background-position: 5px 8px; padding-left: 20px;} |
|
61 |
span.mceMenuCheckItem {padding-left: 20px;} |
|
62 |
span.mceMenuLine {display: block; position: absolute; left: 0; top: -1px; background-color: #F5F4F2; width: 30px; height: 1px; overflow: hidden; padding-left: 0; padding-right: 0;} |
|
63 |
.mceColors table, .mceColors td {margin: 0; padding: 2px;} |
|
64 |
a.mceMoreColors {width: auto; padding: 0; margin: 0 3px 3px 3px; text-align: center; border: 1px solid white; text-decoration: none !important;} |
|
65 |
.mceColorPreview {position: absolute; overflow:hidden; left: 0; top: 0; margin-left: 3px; margin-top: 15px; width: 16px; height: 4px; background-color: red;} |
|
66 |
a.mceMoreColors:hover {border: 1px solid #0A246A;} |
|
67 |
.mceColors td a {width: 9px; height: 9px; overflow: hidden; border: 1px solid #808080;} |
|
68 |
||
69 |
/* MSIE 6 specific rules */ |
|
70 |
||
71 |
* html a.mceButtonNormal img, * html a.mceButtonSelected img, * html a.mceButtonDisabled img {border: 0 !important; margin-top: 2px; margin-bottom: 1px;} |
|
84
f99fb84bd959
Now using a CSS hack for IE's "filter" attribute to prevent CSS warnings in Firefox
Dan
parents:
1
diff
changeset
|
72 |
* html a.mceButtonDisabled img {/* \*/ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); /* */ border: 0 !important;} |
1 | 73 |
* html a.mceButtonDisabled {border: 1px solid #F0F0EE !important;} |
74 |
* html a.mceButtonNormal, * html a.mceButtonSelected {border: 1px solid #F0F0EE !important; cursor: default;} |
|
75 |
* html a.mceButtonSelected {border: 1px solid #6779AA !important; background-color: #D4D5D8;} |
|
76 |
* html a.mceButtonNormal:hover, * html a.mceButtonSelected:hover {border: 1px solid #0A246A !important; background-color: #B6BDD2; cursor: default;} |
|
77 |
* html .mceSelectList {margin-top: 2px;} |
|
78 |
* html span.mceMenuButton, * html span.mceMenuButtonFocus {position: relative; left: 0; top: 0;} |
|
79 |
* html span.mceMenuButton img, * html span.mceMenuButtonSelected img, * html span.mceMenuButtonFocus img {position: relative; top: 1px;} |
|
80 |
* html a.mceMoreColors {width: auto;} |
|
81 |
* html .mceColors td a {width: 10px; height: 10px;} |
|
82 |
* html .mceColorPreview {margin-left: 2px; margin-top: 14px;} |
|
83 |
||
84 |
/* MSIE 7 specific rules */ |
|
85 |
||
86 |
*:first-child+html a.mceButtonNormal img, *:first-child+html a.mceButtonSelected img, *:first-child+html a.mceButtonDisabled img {border: 0 !important; margin-top: 2px; margin-bottom: 1px;} |
|
84
f99fb84bd959
Now using a CSS hack for IE's "filter" attribute to prevent CSS warnings in Firefox
Dan
parents:
1
diff
changeset
|
87 |
*:first-child+html a.mceButtonDisabled img { /* \*/ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); /* */ border: 0 !important;} |
1 | 88 |
*:first-child+html a.mceButtonDisabled {border: 1px solid #F0F0EE !important;} |
89 |
*:first-child+html a.mceButtonNormal, *:first-child+html a.mceButtonSelected {border: 1px solid #F0F0EE !important; cursor: default;} |
|
90 |
*:first-child+html a.mceButtonSelected {border: 1px solid #6779AA !important; background-color: #D4D5D8;} |
|
91 |
*:first-child+html a.mceButtonNormal:hover, *:first-child+html a.mceButtonSelected:hover {border: 1px solid #0A246A !important; background-color: #B6BDD2; cursor: default;} |
|
92 |
*:first-child+html .mceSelectList {margin-top: 2px;} |
|
93 |
*:first-child+html span.mceMenuButton, *:first-child+html span.mceMenuButtonFocus {position: relative; left: 0; top: 0;} |
|
94 |
*:first-child+html span.mceMenuButton img, *:first-child+html span.mceMenuButtonSelected img, *:first-child+html span.mceMenuButtonFocus img {position: relative; top: 1px;} |
|
95 |
*:first-child+html a.mceMoreColors {width: 137px;} |
|
96 |
*:first-child+html .mceColors td a {width: 10px; height: 10px;} |
|
97 |
*:first-child+html .mceColorPreview {margin: 0; padding-left: 4px; margin-top: 14px; width: 14px;} |