[BUG] RTE: Default skin is broken 07/33907/2
authorStanislas Rolland <typo3@sjbr.ca>
Sat, 8 Nov 2014 18:07:16 +0000 (13:07 -0500)
committerStanislas Rolland <typo3@sjbr.ca>
Sat, 8 Nov 2014 18:08:14 +0000 (19:08 +0100)
The default skin is broken in various ways.

Releases: master
Resolves: #62787
Change-Id: Ia13af7babf09de68a27e804334f34fdef9aeb942
Reviewed-on: http://review.typo3.org/33907
Reviewed-by: Stanislas Rolland <typo3@sjbr.ca>
Tested-by: Stanislas Rolland <typo3@sjbr.ca>
typo3/sysext/rtehtmlarea/Resources/Public/Css/Skin/htmlarea.css

index 6206eab..7de011c 100644 (file)
@@ -11,7 +11,6 @@
        text-align: left;
        background: url("../../Images/Status/loading.gif") no-repeat 10px center;
        vertical-align: middle;
-       color: #7F8083;
 }
 .editorWrap {
        margin: 0;
 }
 .editorWrap .resizable {
        background-image: url("../../Images/Status/resizable.gif");
-       background-position: bottom right;
+       background-position: right bottom;
        background-repeat: no-repeat;
 }
-.editorWrap div.resizable {
-       padding-right: 7px;
-       padding-bottom: 5px;
-}
 /* Selectors for the editor toolbar */
 .htmlarea .toolbar {
-       background-color: #ccd9e8;
        cursor: default;
-       border: 1px solid #c7c7c7;
        border-bottom: 0;
        margin: 0;
        padding: 2px;
-       font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
 }
 .htmlarea .toolbar .tb-group {
        clear:none;
 }
 .htmlarea .toolbar .x-form-item {
        float: left;
-       margin:0;
+       height: 26px;
+       margin: 0 2px;
 }
 .htmlarea .toolbar .x-form-item-label {
        border-style: none;
-       color: #416aa3;
        background-color: transparent;
        margin: 0;
+       min-width: 110px;
        padding: 3px 3px 0px 3px;
        vertical-align: middle;
 }
@@ -68,9 +61,9 @@
        border-color: transparent;
        border-style: solid;
        border-width: 1px;
-       color: #416aa3;
        float: left;
-       margin: 0 0 4px 0;
+       height: 23px;
+       margin: 0 0 3px 0;
        padding: 0;
 }
 .htmlarea .toolbar .x-btn-mc {
        border-style: solid;
        border-width: 1px;
        border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
-       background-color: ButtonHighlight;
        text-decoration: none;
        opacity: 1.00;
 }
 .htmlarea .toolbar .indicator {
-       cursor: default;
        background-color: white;
-       width: 20px;
-       height: 16px;
-       overflow: hidden;
-       text-align: center;
        border: 1px solid ButtonShadow;
-       margin: 3px 1px 5px 1px;
-       padding: 0 3px;
+       cursor: default;
        float: left;
+       height: 18px;
+       overflow: hidden;
+       margin: 3px 1px 5px 1px;
+       text-align: center;
+       width: 24px;
 }
 .htmlarea .toolbar .buttonDisabled {
        filter: alpha(opacity=25);
        -moz-opacity: 0.25;
 }
 .htmlarea .toolbar .separator {
-       background-color: #b5b8c8;
+       background-color: rgb(115, 115, 115);
        float: left;
        height: 18px;
-       margin: 3px 2px;
+       margin: 3px 2px 2px 2px;
        width: 1px;
 }
 .htmlarea .toolbar .space {
        float:left;
 }
 .htmlarea .toolbar .select {
-       color: WindowText;
-       margin: 0 0 4px 0;
+       height: 17px;
 }
-.htmlarea .toolbar .x-form-item label.x-form-item-label{
+.htmlarea .toolbar .x-form-item label.x-form-item-label {
        padding-right: 0;
 }
 .htmlarea .toolbar .x-form-field-wrap .x-form-trigger {
        right: 0;
 }
-.htmlarea .toolbar .select, .htmlarea .toolbar .select:hover, .htmlarea .toolbar .select:active {
-       background-color:#fff;color:ButtonText;
-}
 .htmlarea .editorIframe {
        clear: both;
-       width: 100%;
        border: 1px solid #c7c7c7;
        border-bottom: none;
-       margin: 0;
+       margin: 0 7px 0 0;
        padding: 0;
+       width: 100%;
 }
 .htmlarea .noStatusBar {
-       border-bottom:1px solid #000;
+       border-bottom: 1px solid #c7c7c7;
 }
 .htmlarea .statusBar {
-       background-color: #ccd9e8;
        border: 1px solid #c7c7c7;
-       color: #416aa3;
-       font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
        font-size: 10px;
        line-height: 20px;
        margin: 0;
        padding: 0 3px;
 }
 .htmlarea .statusBar .statusBarTree a {
-       color: #15428b;
        font-weight: bold;
        padding: 0px 5px;
        text-decoration: none;
 }
-.htmlarea .statusBar .statusBarTree a:visited {
-       color:#00f;
-}
 .htmlarea .statusBar .statusBarTree a:hover {
        text-decoration: underline;
 }
        vertical-align: top;
 }
 .htmlarea-window .x-window-header .t3-help-link {
-       color: #fff;
-}
-.htmlarea-window .x-panel-body {
-       background-color: #efeff4;
+       color: white;
 }
 .htmlarea-window ul.x-tab-strip {
        list-style: none;
 }
 .htmlarea-window .x-tab-panel-body {
-       background-color: #efeff4;
+       background-color: #EFEFF4;
+       padding-bottom: 10px;
+       padding-left: 3px;
 }
 .htmlarea-window .x-tab-panel-body h1 {
        padding-left: 3px;
 }
 .htmlarea-window .x-fieldset {
        margin: 3px;
-       padding-top: 5px;
+}
+.htmlarea-window .x-fieldset legend {
+       border: none;
+       font-size: 12px;
+       margin: 0;
+       padding: 0 2px;
+       text-align: left;
 }
 /* IE legend positioning bug */
 .ext-ie .htmlarea-window .x-fieldset legend,
 }
 .htmlarea-window .x-btn-text {
        font-weight: normal;
-       color: #000000;
+       color: black;
 }
 .htmlarea-window .x-form-check-wrap {
        padding-top: 3px;
 }
 .htmlarea-window iframe {
-       background-color: #FFF;
-       color: #000;
+       background-color: white;
+       color: black;
        border: 1px solid #A2AAB8;
 }
 .htmlarea-window iframe.content-iframe {
        width: 100%;
 }
 /* Selectors for the About dialogue */
+.htmlarea-window .about h1 {
+       font-size: 14px !important;
+       font-weight: bold !important;
+}
+.htmlarea-window .about-plugins em {
+       font-weight: normal;
+       font-size: 12px;
+       font-style: normal;
+}
 .htmlarea-window .about-plugins .x-list-body dt {
-    overflow: auto;
-    white-space: normal;
+       overflow: auto;
+       white-space: normal;
+}
+.htmlarea-window .about a,
+.htmlarea-window .about-plugins a {
+       font-weight: bold;
+       font-style: normal;
 }
 /* Selectors for the default image dialogue */
 .htmlarea-window .image-preview {
 .htmlarea-window .emoticon {
        display: block;
        float: left;
-       padding: 5px;
+       padding: 0 5px 10px 5px;
        width: 20px;
-       height: 20px;
+       height: 28px;
        vertical-align: middle;
 }
 /* Selectors for the CharacterMap dialogue */
 .htmlarea-window .character-map .character {
        display: block;
        float: left;
-       height: 20px;
+       height: 26px;
        width: 20px;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
-       padding: 3px;
+       padding-bottom: 3px;
        border: 1px solid transparent;
 }
 .htmlarea-window .character-map .character:hover {
-       background-color: #FFFFFF;
+       background-color: white;
        border: 1px solid #A2AAB8;
 }
 /* Selectors for the SpellChecker dialogue */
 .htmlarea-context-menu .hover {
        background-image: url("../../Images/alt_menu_mainitem_bg.gif");
        background-repeat: repeat-x;
-       color: #FFF;
+       color: white;
        margin: 0 2px 0 0;
        padding-top: 1px;
        border-color: #A2AAB8;