Bug #23590 » 15783.diff
| typo3/sysext/t3skin/extjs/xtheme-t3skin.css (Arbeitskopie) | ||
|---|---|---|
|
* font-size 10px
|
||
|
*/
|
||
|
/* preliminary code for the tabmenu */
|
||
|
.x-tab-panel-body .x-panel-body {
|
||
|
padding: 10px;
|
||
|
background-color: #EFEFF4;
|
||
|
}
|
||
|
.x-tab-strip-spacer { display: none; }
|
||
|
.x-tab-strip { padding-left: 10px; }
|
||
|
.x-panel {
|
||
|
border-style: solid;
|
||
| ... | ... | |
|
}
|
||
|
ul.x-tab-strip-top{
|
||
|
background:#dbdbdb url(images/tabs/tab-strip-bg.gif) repeat-x left top;
|
||
|
border-color:#A2AAB8;
|
||
|
padding-top: 2px;
|
||
|
padding-top: 1px;
|
||
|
}
|
||
|
ul.x-tab-strip-bottom{
|
||
|
background-image:url(images/tabs/tab-strip-btm-bg.gif);
|
||
|
border-color:#A2AAB8;
|
||
|
padding-bottom: 1px;
|
||
|
}
|
||
|
ul.x-tab-strip li {
|
||
|
margin-left: 0;
|
||
|
margin-right: 2px;
|
||
|
}
|
||
|
.x-tab-strip span.x-tab-strip-text {
|
||
|
color:#333;
|
||
|
}
|
||
| ... | ... | |
|
color:#aaaaaa;
|
||
|
}
|
||
|
.x-tab-strip span.x-tab-strip-text,
|
||
|
.x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
|
||
|
padding: 1px 0;
|
||
|
}
|
||
|
.x-tab-strip-top .x-tab-right {
|
||
|
background-image:url(images/tabs/tabs-sprite.gif);
|
||
|
padding-left:15px;
|
||
|
background: #dadada;
|
||
|
border-color: #adadad #adadad #c0c0c0;
|
||
|
border-style: solid;
|
||
|
border-width: 1px;
|
||
|
-moz-border-radius-topleft: 3px;
|
||
|
-moz-border-radius-topright: 3px;
|
||
|
-webkit-border-top-left-radius: 3px;
|
||
|
-webkit-border-top-right-radius: 3px;
|
||
|
border-top-left-radius: 3px;
|
||
|
border-top-right-radius: 3px;
|
||
|
color: #666666;
|
||
|
padding: 5px 10px;
|
||
|
position: relative;
|
||
|
top: 1px;
|
||
|
}
|
||
|
.x-tab-strip-top .x-tab-left {
|
||
|
background-image:url(images/tabs/tabs-sprite.gif);
|
||
|
padding-right: 15px;
|
||
|
.x-tab-strip-top .x-tab-strip-active .x-tab-right {
|
||
|
background-color: #ffffff;
|
||
|
border-bottom: 1px solid #ffffff;
|
||
|
}
|
||
|
.x-tab-strip-top .x-tab-strip-inner {
|
||
|
background-image:url(images/tabs/tabs-sprite.gif);
|
||
|
}
|
||
|
.x-tab-strip-bottom .x-tab-right {
|
||
|
background-image:url(images/tabs/tab-btm-inactive-right-bg.gif);
|
||
| ... | ... | |
|
background-image:url(images/tabs/tab-close.gif);
|
||
|
}
|
||
|
.x-tab-panel-body {
|
||
|
border-color:#A2AAB8;
|
||
|
background:#EFEFF4;
|
||
|
}
|
||
|
.x-tab-panel-bbar .x-toolbar {
|
||
|
border-color: #A2AAB8;
|
||
|
}
|
||
| ... | ... | |
|
border-color: #A2AAB8;
|
||
|
}
|
||
|
.x-tab-panel-header, .x-tab-panel-footer {
|
||
|
border-bottom: none;
|
||
|
}
|
||
|
.x-tab-panel-header {
|
||
|
padding-bottom: 0;
|
||
|
}
|
||
|
.x-tab-panel-footer {
|
||
|
padding-top: 0;
|
||
|
}
|
||
|
.x-tab-panel-header-plain .x-tab-strip-spacer,
|
||
|
.x-tab-panel-footer-plain .x-tab-strip-spacer {
|
||
|
border-color:#A2AAB8;
|
||
|
background: #eaeaea;
|
||
|
}
|
||
|
.x-tab-scrolling .x-tab-strip-wrap {
|
||
|
margin-left: 21px;
|
||
|
margin-right: 21px;
|
||
|
}
|
||
|
.x-tab-scroller-left {
|
||
|
background-image: url(images/tabs/scroll-left.gif);
|
||
|
border-color:#A2AAB8;
|
||
| ... | ... | |
|
}
|
||
|
.x-tab-panel-header, .x-tab-panel-footer {
|
||
|
background-color: #EFEFF4;
|
||
|
background-color: #f1f1f1;
|
||
|
border-color:#A2AAB8;
|
||
|
overflow:hidden;
|
||
|
zoom:1;
|
||
| ... | ... | |
|
border-color:#A2AAB8;
|
||
|
}
|
||
|
/* tabs inside tabs */
|
||
|
.x-tab-panel-body .x-tab-panel-header,
|
||
|
.x-tab-panel-body .x-tab-panel-footer {
|
||
|
background-color: #ffffff;
|
||
|
}
|
||
|
ul.x-tab-strip-top{
|
||
|
background-color:#EFEFF4;
|
||
|
background-image: url(images/tabs/tab-strip-bg.gif);
|
||
|
border-bottom-color:#A2AAB8;
|
||
|
border-bottom-color: #adadad;
|
||
|
}
|
||
|
ul.x-tab-strip-bottom{
|
||
|
background-color:#EFEFF4;
|
||
|
background-image: url(images/tabs/tab-strip-btm-bg.gif);
|
||
|
border-top-color:#A2AAB8;
|
||
|
border-top-color:#adadad;
|
||
|
}
|
||
|
.x-tab-panel-header-plain .x-tab-strip-spacer,
|
||
| ... | ... | |
|
}
|
||
|
.x-tab-strip span.x-tab-strip-text {
|
||
|
font:normal 10px verdana, arial, tahoma, helvetica;
|
||
|
color:#686868;
|
||
|
padding-top:7px;
|
||
|
}
|
||
|
.x-tab-strip-over span.x-tab-strip-text {
|
||
| ... | ... | |
|
}
|
||
|
.x-tab-strip-active span.x-tab-strip-text {
|
||
|
color:#55545E;
|
||
|
/*font-weight:bold; no bold tabs in TYPO3 */
|
||
|
color: #000000;
|
||
|
}
|
||
|
.x-tab-strip-disabled .x-tabs-text {
|
||
|
color:#aaaaaa;
|
||
|
}
|
||
|
.x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner{
|
||
|
background-image: url(images/tabs/tabs-sprite.gif);
|
||
|
}
|
||
|
.x-tab-strip-bottom .x-tab-right {
|
||
|
background-image: url(images/tabs/tab-btm-inactive-right-bg.gif);
|
||
|
}
|
||
|
.x-tab-strip-bottom .x-tab-left {
|
||
|
background-image: url(images/tabs/tab-btm-inactive-left-bg.gif);
|
||
|
}
|
||
|
.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
|
||
|
background-image: url(images/tabs/tab-btm-right-bg.gif);
|
||
|
}
|
||
|
.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
|
||
|
background-image: url(images/tabs/tab-btm-left-bg.gif);
|
||
|
}
|
||
|
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
|
||
|
background-image:url(images/tabs/tab-close.gif);
|
||
|
}
|
||
| ... | ... | |
|
}
|
||
|
.x-tab-panel-body {
|
||
|
border-color:#A2AAB8;
|
||
|
background-color:#fff;
|
||
|
border-color:#a2aab8;
|
||
|
background-color: #ececec;
|
||
|
background-repeat: repeat-x;
|
||
|
background-image: url(../images/backgrounds/tab.png);
|
||
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #ffffff), color-stop(0.3, #ececec));
|
||
|
background-image: -moz-linear-gradient(center top , #ffffff 0, #ececec 100px);
|
||
|
background-image: linear-gradient(center top , #ffffff 0, #ececec 100px);
|
||
|
}
|
||
|
.x-tab-panel-body .x-panel-body {
|
||
|
background-color: transparent;
|
||
|
}
|
||
|
.x-tab-panel-body-top {
|
||
|
border-top: 0 none;
|
||
|
}
|
||
