Index: typo3/sysext/rtehtmlarea/htmlarea/skins/default/htmlarea.css
===================================================================
--- typo3/sysext/rtehtmlarea/htmlarea/skins/default/htmlarea.css (révision 7574)
+++ typo3/sysext/rtehtmlarea/htmlarea/skins/default/htmlarea.css (copie de travail)
@@ -62,37 +62,56 @@
.htmlarea .toolbar .button {
background-color: transparent;
color: ButtonText;
- width: 22px;
- height: 22px;
border-style: solid;
- border-color: #EFEFF4;
border-width: 1px;
- margin: 0 0 1px 0;
+ border-color: transparent;
+ border-collapse: separate;
+ margin: 0 0 4px 0;
padding: 0;
float: left;
}
-.htmlarea .toolbar .x-btn-mc, .htmlarea .toolbar .x-btn-ml, .htmlarea .toolbar .x-btn-mr, .htmlarea .toolbar .x-btn-tc, .htmlarea .toolbar .x-btn-tl, .htmlarea .toolbar .x-btn-tr, .htmlarea .toolbar .x-btn-bl, .htmlarea .toolbar .x-btn-bc, .htmlarea .toolbar .x-btn-br {
+.htmlarea .toolbar .x-btn-mc {
background-color: transparent;
background-image: none;
border-style: none;
margin: 0;
padding: 0;
}
+.htmlarea .toolbar .x-btn-tl,
+.htmlarea .toolbar .x-btn-tc,
+.htmlarea .toolbar .x-btn-tr,
+.htmlarea .toolbar .x-btn-ml,
+.htmlarea .toolbar .x-btn-mr,
+.htmlarea .toolbar .x-btn-bl,
+.htmlarea .toolbar .x-btn-bc,
+.htmlarea .toolbar .x-btn-br {
+ display: none;
+}
.htmlarea .toolbar .x-btn-text {
background-image: url("images/sprites/actions.png");
background-repeat: no-repeat;
+ width: 20px;
+ height: 18px;
+ padding: 0;
+ margin: 1px 0 1px 2px;
}
.htmlarea .toolbar .buttonHover {
- border:1px solid;border-color:#e4e0db #999999 #999999 #e4e0db;
+ border-style: solid;
+ border-width: 1px;
+ border-color: #e4e0db #999999 #999999 #e4e0db;
+ background-color: #E0E0E9;
+ opacity: 1.00;
}
-.htmlarea .toolbar .buttonActive, .htmlarea .toolbar .buttonPressed, .htmlarea-context-menu .buttonActive {
- border:1px solid;border-color:ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
- background-color:ButtonHighlight;
+.htmlarea .toolbar .buttonActive,
+.htmlarea .toolbar .buttonPressed,
+.htmlarea-context-menu .buttonActive {
+ border-style: solid;
+ border-width: 1px;
+ border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
+ background-color: ButtonHighlight;
+ text-decoration: none;
+ opacity: 1.00;
}
-.htmlarea .toolbar .buttonPressed, .htmlarea-context-menu .buttonActive {
- background-color:ButtonHighlight;
- text-decoration:none;
-}
.htmlarea .toolbar .indicator {
background-color:white;cursor:default;
width:20px;overflow:hidden;
@@ -104,8 +123,8 @@
}
.htmlarea .toolbar .buttonDisabled {
filter: alpha(opacity=25);
+ opacity: 0.25;
-moz-opacity: 0.25;
- opacity: 0.25;
}
.htmlarea .toolbar .separator {
border:1px solid #999;
@@ -226,7 +245,7 @@
}
/* Selectors for the default image dialogue */
.htmlarea-window .image-preview {
- height: 300;
+ height: 300px;
width: 99%;
float: right;
}
@@ -285,29 +304,35 @@
}
.htmlarea-context-menu li {
margin: 0;
+ padding: 0;
+ border-width: 0;
}
.htmlarea-context-menu a {
font-weight: normal;
}
.htmlarea-context-menu .button {
background-color: transparent;
- padding-bottom: 0;
- margin-bottom: 0;
+ margin: 0 2px 0 0;
+ padding-top: 1px;
}
.htmlarea-context-menu .separator {
- border-top:1px solid #A2AAB8;
+ border-top: 1px solid #A2AAB8;
}
.htmlarea-context-menu .hover {
background-image: url("images/alt_menu_mainitem_bg.gif");
background-repeat: repeat-x;
color: #FFF;
- padding-bottom: 0;
- margin-bottom: 0;
+ margin: 0 2px 0 0;
+ padding-top: 1px;
border-color: #A2AAB8;
}
.htmlarea-context-menu .x-menu-item-icon {
background-image: url("images/sprites/actions.png");
background-repeat: no-repeat;
+ margin-top: -2px;
+ margin-left: -2px;
+ width: 18px;
+ height: 18px;
}
/* Window status bar selectors */
.htmlarea-window .status-ready {
Index: typo3/sysext/t3skin/rtehtmlarea/htmlarea.css
===================================================================
--- typo3/sysext/t3skin/rtehtmlarea/htmlarea.css (révision 7574)
+++ typo3/sysext/t3skin/rtehtmlarea/htmlarea.css (copie de travail)
@@ -62,38 +62,56 @@
.htmlarea .toolbar .button {
background-color: transparent;
color: ButtonText;
- width: 22px;
- height: 22px;
border-style: solid;
- border-color: #EFEFF4;
border-width: 1px;
- margin: 0 0 1px 0;
+ border-color: transparent;
+ border-collapse: separate;
+ margin: 0 0 4px 0;
padding: 0;
float: left;
}
-.htmlarea .toolbar .x-btn-mc, .htmlarea .toolbar .x-btn-ml, .htmlarea .toolbar .x-btn-mr, .htmlarea .toolbar .x-btn-tc, .htmlarea .toolbar .x-btn-tl, .htmlarea .toolbar .x-btn-tr, .htmlarea .toolbar .x-btn-bl, .htmlarea .toolbar .x-btn-bc, .htmlarea .toolbar .x-btn-br {
+.htmlarea .toolbar .x-btn-mc {
background-color: transparent;
background-image: none;
border-style: none;
margin: 0;
padding: 0;
}
+.htmlarea .toolbar .x-btn-tl,
+.htmlarea .toolbar .x-btn-tc,
+.htmlarea .toolbar .x-btn-tr,
+.htmlarea .toolbar .x-btn-ml,
+.htmlarea .toolbar .x-btn-mr,
+.htmlarea .toolbar .x-btn-bl,
+.htmlarea .toolbar .x-btn-bc,
+.htmlarea .toolbar .x-btn-br {
+ display: none;
+}
.htmlarea .toolbar .x-btn-text {
background-image: url("images/sprites/actions.png");
background-repeat: no-repeat;
+ width: 20px;
+ height: 18px;
+ padding: 0;
+ margin: 1px 0 1px 2px;
}
.htmlarea .toolbar .buttonHover {
- border:1px solid;border-color:white #C5C5D5 #C5C5D5 white;
+ border-style: solid;
+ border-width: 1px;
+ border-color: white #C5C5D5 #C5C5D5 white;
background-color: #E0E0E9;
+ opacity: 1.00;
}
-.htmlarea .toolbar .buttonActive, .htmlarea .toolbar .buttonPressed, .htmlarea-context-menu .buttonActive {
- border:1px solid;border-color:#C5C5D5 white white #C5C5D5;
- background-color:ButtonHighlight;
+.htmlarea .toolbar .buttonActive,
+.htmlarea .toolbar .buttonPressed,
+.htmlarea-context-menu .buttonActive {
+ border-style: solid;
+ border-width: 1px;
+ border-color: #C5C5D5 #C5C5D5 #C5C5D5 #C5C5D5;
+ background-color: ButtonHighlight;
+ text-decoration: none;
+ opacity: 1.00;
}
-.htmlarea .toolbar .buttonPressed, .htmlarea-context-menu .buttonActive {
- background-color:ButtonHighlight;
- text-decoration:none;
-}
.htmlarea .toolbar .indicator {
background-color:white;cursor:default;
width:20px;overflow:hidden;
@@ -105,14 +123,14 @@
}
.htmlarea .toolbar .buttonDisabled {
filter: gray() alpha(opacity=25);
- -moz-opacity:0.25;
- opacity:0.25;
+ opacity: 0.25;
+ -moz-opacity: 0.25;
}
.htmlarea .toolbar .separator {
background-color: transparent;
background-image: url("images/separator.gif");
background-repeat: no-repeat;
- background-position: 0;
+ background-position: 0 -1px;
width: 7px;
height: 23px;
border: 1px solid #EFEFF4;
@@ -239,7 +257,7 @@
}
/* Selectors for the default image dialogue */
.htmlarea-window .image-preview {
- height: 300;
+ height: 300px;
width: 99%;
float: right;
}
@@ -298,29 +316,35 @@
}
.htmlarea-context-menu li {
margin: 0;
+ padding: 0;
+ border-width: 0;
}
.htmlarea-context-menu a {
font-weight: normal;
}
.htmlarea-context-menu .button {
background-color: transparent;
- padding-bottom: 0;
- margin-bottom: 0;
+ margin: 0 2px 0 0;
+ padding-top: 1px;
}
.htmlarea-context-menu .separator {
- border-top:1px solid #A2AAB8;
+ border-top: 1px solid #A2AAB8;
}
.htmlarea-context-menu .hover {
background-image: url("images/alt_menu_mainitem_bg.gif");
background-repeat: repeat-x;
color: #FFF;
- padding-bottom: 0;
- margin-bottom: 0;
+ margin: 0 2px 0 0;
+ padding-top: 1px;
border-color: #A2AAB8;
}
.htmlarea-context-menu .x-menu-item-icon {
background-image: url("images/sprites/actions.png");
background-repeat: no-repeat;
+ margin-top: -2px;
+ margin-left: -2px;
+ width: 18px;
+ height: 18px;
}
/* Window status bar selectors */
.htmlarea-window .status-ready {