Project

General

Profile

Bug #24604 » t3skin-pagetree_v2.diff

Administrator Admin, 2011-01-16 22:46

View differences:

typo3/sysext/t3skin/extjs/xtheme-t3skin.css (Arbeitskopie)
height:15px;
}
.x-tree-node-el {
line-height: 18px;
height: 18px;
margin-right: 0;
}
.x-tree-lines .x-tree-elbow-end,
.x-tree-lines .x-tree-elbow-end-minus,
.x-tree-lines .x-tree-elbow-end-plus,
.x-tree-lines .x-tree-elbow-line,
.x-tree-lines .x-tree-elbow,
.x-tree-lines .x-tree-elbow-plus,
.x-tree-lines .x-tree-elbow-minus {
background-repeat: repeat-y;
background-position: 0 1px;
height: 20px;
}
.x-tree-lines .x-tree-elbow{
background-image:url(images/tree/elbow.gif);
background-image: url('../icons/gfx/ol/join.gif');
}
.x-tree-lines .x-tree-elbow-plus{
background-image:url(images/tree/elbow-plus.gif);
.x-tree-lines .x-tree-elbow-plus {
background-image: url('../icons/gfx/ol/plus.gif');
}
.x-tree-lines .x-tree-elbow-minus{
background-image:url(images/tree/elbow-minus.gif);
.x-tree-lines .x-tree-elbow-minus {
background-image: url('../icons/gfx/ol/minus.gif');
}
.x-tree-lines .x-tree-elbow-end{
background-image:url(images/tree/elbow-end.gif);
.x-tree-lines .x-tree-elbow-end-minus {
background: url('../icons/gfx/ol/minusbottom.gif') left top no-repeat;
}
.x-tree-lines .x-tree-elbow-end-plus{
background-image:url(images/tree/elbow-end-plus.gif);
.x-tree-lines .x-tree-elbow-end {
background: url('../icons/gfx/ol/joinbottom.gif') left top no-repeat;
}
.x-tree-lines .x-tree-elbow-end-minus{
background-image:url(images/tree/elbow-end-minus.gif);
.x-tree-lines .x-tree-elbow-end-plus{
background: url('../icons/gfx/ol/plusbottom.gif') left top no-repeat;
}
.x-tree-lines .x-tree-elbow-line{
background-image:url(images/tree/elbow-line.gif);
background-image: url('../icons/gfx/ol/line.gif');
}
.x-tree-no-lines .x-tree-elbow-plus{
......
font: normal 10px verdana, arial, tahoma, helvetica, sans-serif;
}
.x-tree-node a, .x-dd-drag-ghost a{
color:#000;
.x-tree-node a, .x-dd-drag-ghost a {
color: #000;
vertical-align: -1px;
font-size: 11px;
display: inline-block;
}
.x-tree-node a span, .x-dd-drag-ghost a span{
color:#000;
.x-tree-node a span, .x-dd-drag-ghost a span {
color: #000;
}
.x-tree-node .x-tree-node-disabled a span{
typo3/sysext/t3skin/stylesheets/structure/element_pagetree.css (Revision 0)
/* - - - - - - - - - - - - - - - - - - - - -
Pagetree
$Id: $
- - - - - - - - - - - - - - - - - - - - - */
#typo3-pagetree,
#typo3-pagetree .x-panel-bwrap,
#typo3-pagetree .x-panel-body {
height: 100%;
}
#typo3-pagetree .x-panel-tbar {
padding: 0;
margin: 0;
}
.x-tree-node .x-tree-node-el {
margin-right: 0;
}
.x-tree-node-readableRootline {
padding: 10px 0 3px 10px;
}
.x-tree-lines .typo3-pagetree-node-notExpandable .x-tree-ec-icon {
visibility: hidden;
}
.x-tree-lines .typo3-pagetree-node-notExpandable ul .x-tree-ec-icon {
visibility: visible;
}
#typo3-pagetree span.t3-icon {
margin-bottom: 2px;
}
#typo3-pagetree .x-toolbar,
.typo3-pagetree-topPanel-item .x-toolbar {
padding-bottom: 0;
}
#typo3-pagetree ul.x-tree-root-ct {
padding-left: 5px;
padding-top: 15px;
}
/**
*
* section drag and drop
*
*/
.typo3-pagetree-tree-copy {
margin-top: 5px;
}
.x-dd-drag-ghost-pagetree-text {
display: inline-block;
vertical-align: middle;
}
.x-dd-drag-ghost-pagetree,
.x-dd-drag-ghost {
padding-bottom: 5px;
}
.x-dd-drop-icon {
padding-top: 6px;
}
.x-dd-drag-ghost span {
margin: 0 1px 0 3px;
}
.x-dd-drag-ghost-pagetree span {
margin: 3px 3px 0 3px;
}
/**
*
* @section Top Panel
*
*/
#typo3-pagetree-topPanel .x-toolbar-left {
height: 20px;
}
.typo3-pagetree-topPanel-button {
margin: 0 5px 0 0;
padding: 1px 2px;
height: 18px;
}
.typo3-pagetree-topPanel-button button {
height: 16px;
width: 16px;
}
.typo3-pagetree-topPanel-item {
padding: 5px 3px 0 3px;
height: 22px;
}
#typo3-pagetree-topPanel-filterWrap {
padding-top: 3px;
height: 24px;
}
#typo3-pagetree-topPanel-filter {
height: 16px;
width: 98% !important;
padding: 1px 0 1px 2px;
}
#typo3-pagetree-topPanel-filterWrap .t3-icon-input-clear {
right: 2%;
}
#typo3-pagetree .typo3-pagetree-topPanel-button {
margin-right: 1px;
margin-top: -2px;
padding: 2px 3px;
}
#typo3-pagetree-topPanel-defaultPanel {
padding-left: 6px;
}
#typo3-pagetree-topPanel-filterWrap .x-form-field-trigger-wrap {
width: 100% !important;
margin: 0 20px 0 0;
}
.typo3-pagetree-topPanel-item .x-form-trigger {
margin: 4px 0 0;
display: none;
}
.typo3-pagetree-topPanel-item .x-form-field-trigger-wrap:hover .x-form-trigger {
display: block;
}
#typo3-pagetree .typo3-pagetree-filteringTree-highlight {
padding: 0;
}
/**
*
* @section Indicator Bar
*
*/
.typo3-pagetree-indicatorBar-item p {
padding: 5px 10px;
}
#typo3-pagetree-indicatorBar-filter p,
#typo3-pagetree-indicatorBar-temporaryMountPoint p {
padding: 10px 35px;
}
.typo3-pagetree-indicatorBar-item .typo3-pagetree-indicatorBar-item-leftIcon {
left: 10px;
top: 9px;
position: absolute;
}
.typo3-pagetree-indicatorBar-item .typo3-pagetree-indicatorBar-item-rightIcon {
right: 10px;
top: 5px;
position: absolute;
}
#typo3-pagetree-indicatorBar-indicatorTitle span {
margin-right: 10px;
}
/**
*
* @section Deletion Drop Zone
*
*/
#typo3-pagetree-deletionDropZone p {
padding: 5px;
}
#typo3-pagetree-deletionDropZone-text {
padding: 0 0 0 5px;
display: inline;
}
.typo3-pagetree-deletionDropZone-restore {
display: inline-block;
padding: 0px 6px;
margin-left: 24px;
}
typo3/sysext/t3skin/stylesheets/ie6/pagetree.css (Revision 0)
/* - - - - - - - - - - - - - - - - - - - - -
Pagetree
$Id: $
- - - - - - - - - - - - - - - - - - - - - */
#typo3-pagetree .typo3-pagetree-topPanel-button {
margin: 0;
padding: 0 2px;
}
#typo3-pagetree .typo3-pagetree-topPanel-button button {
margin: 0;
padding: 0;
width: 16px;
height: 16px;
overflow: hidden;
}
#typo3-pagetree #typo3-pagetree-indicatorBar {
padding: 0;
line-height: normal;
}
#typo3-pagetree #typo3-pagetree-topPanel {
height: 53px;
}
#typo3-pagetree .x-tree-node .x-tree-node-el {
border-top: 1px solid #EBEBEB;
border-bottom: 1px solid #EBEBEB;
border-left: 1px solid #EBEBEB;
}
#typo3-pagetree-topPanel-filterWrap .x-form-field-trigger-wrap {
display: inline-block;
}
.x-dd-drag-proxy {
width: 1em;
}
typo3/sysext/t3skin/stylesheets/visual/element_pagetree.css (Revision 0)
/* - - - - - - - - - - - - - - - - - - - - -
Pagetree
$Id: $
- - - - - - - - - - - - - - - - - - - - - */
#typo3-pagetree-treeContainer,
#typo3-pagetree-topPanelItems {
background-color: #EBEBEB;
}
#typo3-pagetree .x-tree .x-panel-body {
background: none;
}
#typo3-pagetree .x-tree-node .x-tree-node-el {
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}
#typo3-pagetree .x-tree-node .x-tree-node-over,
#typo3-pagetree .x-tree-node .x-tree-selected {
background-color: #F8F8F8;
border-bottom: 1px solid #D7D7D7;
border-top: 1px solid #D7D7D7;
border-left: 1px solid #D7D7D7;
}
#typo3-pagetree .x-panel-tbar {
background-color: #585858;
border: none;
}
/**
*
* @section drag and drop
*
*/
.typo3-pagetree-tree-copy {
color: #666;
}
.x-dd-drag-ghost {
background-color: inherit;
border: none;
-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}
.x-dd-drop-nodrop {
background-color: #f6d3cf;
border: 1px solid #d66c68;
}
.typo3-pagetree-deletionDropZone-proxyOver,
.x-tree-drop-ok-append,
.x-tree-drop-ok-between,
.x-tree-drop-ok-below,
.x-tree-drop-ok-above {
background-color: #dce8f4;
border: 1px solid #9eb2c5;
}
.x-dd-drop-nodrop .x-dd-drop-icon {
background-image: url(../../images/icons/apps/pagetree-drag-place-denied.png);
}
.x-tree-drop-ok-append.typo3-pagetree-copy .x-dd-drop-icon {
background-image: url(../../images/icons/apps/pagetree-drag-new-inside.png);
}
.x-tree-drop-ok-below.typo3-pagetree-copy .x-dd-drop-icon {
background-image: url(../../images/icons/apps/pagetree-drag-copy-below.png);
}
.x-tree-drop-ok-above.typo3-pagetree-copy .x-dd-drop-icon {
background-image: url(../../images/icons/apps/pagetree-drag-copy-above.png);
}
.x-tree-drop-ok-between.typo3-pagetree-copy .x-dd-drop-icon {
background-image: url(../../images/icons/apps/pagetree-drag-new-between.png);
}
.x-tree-drop-ok-append .x-dd-drop-icon {
background-image: url(../../images/icons/apps/pagetree-drag-move-into.png);
}
.x-tree-drop-ok-between .x-dd-drop-icon {
background-image: url(../../images/icons/apps/pagetree-drag-move-between.png);
}
.x-tree-drop-ok-below .x-dd-drop-icon {
background-image: url(../../images/icons/apps/pagetree-drag-move-below.png);
}
.x-tree-drop-ok-above .x-dd-drop-icon {
background-image: url(../../images/icons/apps/pagetree-drag-move-above.png);
}
#typo3-pagetree .x-tree-node .x-tree-drag-insert-below,
.x-tree-node div.x-tree-drag-insert-below,
.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a {
border-bottom: 1px solid #9eb2c5;
}
#typo3-pagetree .x-tree-node .x-tree-drag-insert-above,
.x-tree-node .x-tree-drag-insert-above,
.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a {
border-top: 1px solid #9eb2c5;
}
.x-tree-node .x-tree-drag-append {
background: #d7e4f1;
}
.x-tree-node .x-tree-drag-append a span {
background-color: inherit;
border: none;
}
/**
*
* @section Top Panel
*
*/
#typo3-pagetree .x-toolbar {
background: none;
border: none;
}
.typo3-pagetree-topPanel-button {
background: none;
border: none;
}
#typo3-pagetree-topPanel .x-btn-pressed {
background-image: url('../../icons/gfx/toolbar_item_active_bg.png');
}
#typo3-pagetree-topPanel .x-btn-click {
border: none;
top: 0;
left: 0;
}
#typo3-pagetree-topPanel button:focus {
outline: none;
}
#typo3-pagetree-topPanel button::-moz-focus-inner {
border: 0;
}
.typo3-pagetree-topPanel-button button {
border: none;
}
#typo3-pagetree .typo3-pagetree-topPanel-item {
background-color: #dadada;
line-height: normal;
}
#typo3-pagetree-topPanel-filter {
border: 1px solid #AEAEAE;
-moz-box-shadow: inset 0 1px 4px #AEAEAE;
-ms-box-shadow: inset 0 1px 4px #AEAEAE;
-webkit-box-shadow: inset 0 1px 4px #AEAEAE;
box-shadow: inset 0 2px 1px #AEAEAE;
}
.typo3-pagetree-topPanel-filter-defaultText {
color: gray;
}
#typo3-pagetree-topPanelItems,
.typo3-pagetree-indicatorBar-item,
#typo3-pagetree-topPanel .typo3-pagetree-topPanel-item,
#typo3-pagetree-treeContainer {
-moz-box-shadow: inset -2px 0 0px #C4C4C4;
-ms-box-shadow: inset -2px 0 0px #C4C4C4;
-webkit-box-shadow: inset -2px 0 0px #C4C4C4;
box-shadow: inset -2px 0 0px #C4C4C4;
}
#typo3-pagetree .typo3-pagetree-topPanel-button {
border: none;
border-radius: 0;
}
#typo3-pagetree .typo3-pagetree-topPanel-button button {
vertical-align: middle;
}
#typo3-pagetree-topPanel-defaultPanel {
color: #A2AAB8;
line-height: 18px;
}
#typo3-pagetree-topPanel-item-newNode .x-btn-over {
background: inherit;
}
#typo3-pagetree-topPanel-item-newNode button {
cursor: move;
}
#typo3-pagetree-topPanel-button-refresh,
#typo3-pagetree-topPanel-button-refresh.x-btn-over {
background: inherit;
}
/**
*
* @section Tree Highlighting
*
*/
#typo3-pagetree .ver-element,
#typo3-pagetree .ver-versions,
#typo3-pagetree .ver-page {
background-color: #f7c898;
}
#typo3-pagetree .x-tree-node-over.ver-element,
#typo3-pagetree .x-tree-node-over.ver-versions,
#typo3-pagetree .x-tree-node-over.ver-page,
#typo3-pagetree .x-tree-selected.ver-element,
#typo3-pagetree .x-tree-selected.ver-versions,
#typo3-pagetree .x-tree-selected.ver-page {
background-color: #fee4c9;
}
.x-tree-node-readableRootline {
font-style: italic;
}
#typo3-pagetree .typo3-pagetree-filteringTree-highlight {
background-color: #F48E0C;
color: #FFF;
}
/**
*
* @section Indicator Bar
*
*/
#typo3-pagetree-indicatorBar-temporaryMountPoint p {
line-height: 13px;
}
#typo3-pagetree-indicatorBar-temporaryMountPoint,
#typo3-pagetree-indicatorBar-filter {
background-color: #EAF7FF;
border-bottom: 1px solid #C5DBE6;
color: #4C73A1;
}
.typo3-pagetree-indicatorBar-item .typo3-pagetree-indicatorBar-item-rightIcon {
cursor: pointer;
}
#typo3-pagetree-indicatorBar-indicatorTitle {
background-color: #ffec97;
font-weight: bold;
}
/**
*
* @section Deletion Drop Zone
*
*/
#typo3-pagetree-deletionDropZone {
color: #FFF;
background-color: #585858;
-moz-box-shadow: inset 0 2px 5px #414141;
-ms-box-shadow: inset 0 2px 5px #414141;
-webkit-box-shadow: inset 0 2px 5px #414141;
box-shadow: inset 0 2px 5px #414141;
}
#typo3-pagetree-deletionDropZone-text {
font-size: .9em;
}
.typo3-pagetree-deletionDropZone-restore {
background-color: #d5d5d5;
background-image: url('../../images/backgrounds/button.png');
background-repeat: repeat-x;
background-image: -moz-linear-gradient(center top, #f6f6f6 10%, #d5d5d5 90%);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.1, #f6f6f6), color-stop(0.9, #d5d5d5));
background-image: linear-gradient(center top, #f6f6f6 10%, #d5d5d5 90%);
border: 1px solid #7c7c7c;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
color: #434343;
cursor: pointer;
}
.typo3-pagetree-deletionDropZone-restore:hover {
background-color: #c8c8c8;
background-image: url('../../images/backgrounds/button-hover.png');
background-image: linear-gradient(center top, #f6f6f6 10%, #c8c8c8 90%);
background-image: -moz-linear-gradient(center top, #f6f6f6 10%, #bdbcbc 90%);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.1, #f6f6f6), color-stop(0.9, #c8c8c8));
background-position: bottom;
background-repeat: repeat-x;
border: 1px solid #737f91;
color: #1e1e1e;
}
.typo3-pagetree-deletionDropZone-restoreText {
background: transparent url("../../extjs/images/grid/loading.gif") no-repeat 0 3px;
padding: 4px 4px 4px 18px;
display: inline-block;
}
#typo3-pagetree .x-panel-tbar,
#typo3-pagetree-deletionDropZone .x-panel-body {
-moz-box-shadow: inset -2px 0 1px #414141;
-ms-box-shadow: inset -2px 0 1px #414141;
-webkit-box-shadow: inset -2px 0 1px #414141;
box-shadow: inset -2px 0 1px #414141;
}
.typo3-pagetree-deletionDropZone-proxyOver .x-dd-drop-icon {
background-image: url(../../images/icons/actions/edit-delete.png);
}
#typo3-pagetree .typo3-pagetree-deletionDropZone-activateProxyOver {
background-color: #644D2D;
}
#typo3-pagetree-deletionDropZone-text {
cursor: default;
}}
(1-1/3)