340 lines
7.9 KiB
CSS
340 lines
7.9 KiB
CSS
/* default layout */
|
|
.ajax__tab_default .ajax__tab_header {
|
|
white-space: normal !important;
|
|
}
|
|
|
|
.ajax__tab_default .ajax__tab_outer {
|
|
display: inline-block;
|
|
display: -moz-inline-box;
|
|
}
|
|
|
|
.ajax__tab_default .ajax__tab_inner {
|
|
display: inline-block;
|
|
display: -moz-inline-box;
|
|
}
|
|
|
|
.ajax__tab_default .ajax__tab_tab {
|
|
display: inline-block;
|
|
display: -moz-inline-box;
|
|
overflow: hidden;
|
|
text-align: center;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_disabled {
|
|
color: #A0A0A0;
|
|
cursor: default;
|
|
}
|
|
|
|
/* xp theme top / default */
|
|
.ajax__tab_xp .ajax__tab_header {
|
|
background-position: bottom;
|
|
background-repeat: repeat-x;
|
|
font-family: verdana,tahoma,helvetica;
|
|
font-size: 11px;
|
|
height: 21px;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header .ajax__tab_outer {
|
|
background-position: right;
|
|
background-repeat: no-repeat;
|
|
height: 21px;
|
|
padding-right: 4px;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header .ajax__tab_inner {
|
|
background-repeat: no-repeat;
|
|
padding-left: 3px;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header .ajax__tab_tab {
|
|
background-repeat: repeat-x;
|
|
margin: 0;
|
|
padding: 4px;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header .ajax__tab_hover .ajax__tab_outer {
|
|
background-position: right;
|
|
background-repeat: no-repeat;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header .ajax__tab_hover .ajax__tab_inner {
|
|
background-repeat: no-repeat;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header .ajax__tab_hover .ajax__tab_tab {
|
|
background-repeat: repeat-x;
|
|
cursor: pointer;
|
|
}
|
|
/*.ajax__tab_xp .ajax__tab_header .ajax__tab_active { margin-top: 1px; } */
|
|
.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer {
|
|
background-position: right;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_inner {
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab {
|
|
background-repeat: repeat-x;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_body {
|
|
background-color: #ffffff;
|
|
border: 1px solid #999999;
|
|
border-top: 0;
|
|
font-family: verdana,tahoma,helvetica;
|
|
font-size: 10pt;
|
|
padding: 8px;
|
|
}
|
|
|
|
/* xp theme vertical left */
|
|
.ajax__tab_xp .ajax__tab_header_verticalleft {
|
|
background-position: right;
|
|
background-repeat: repeat-y;
|
|
font-family: verdana,tahoma,helvetica;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab_outer {
|
|
background-position: right;
|
|
background-repeat: no-repeat;
|
|
height: 21px;
|
|
padding-right: 4px;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab_inner {
|
|
background-repeat: no-repeat;
|
|
padding-left: 3px;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab_tab {
|
|
background-repeat: repeat-x;
|
|
margin: 0;
|
|
padding: 4px;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab_hover .ajax__tab_outer {
|
|
background-position: right;
|
|
background-repeat: no-repeat;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab_hover .ajax__tab_inner {
|
|
background-repeat: no-repeat;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab_hover .ajax__tab_tab {
|
|
background-repeat: repeat-x;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab_active:not(:first-child) {
|
|
margin-top: 1px;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab_active .ajax__tab_outer {
|
|
background-position: right;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab_active .ajax__tab_inner {
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab_active .ajax__tab_tab {
|
|
background-repeat: repeat-x;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_body_verticalleft {
|
|
background-color: #ffffff;
|
|
border: 1px solid #999999;
|
|
border-left: 0;
|
|
font-family: verdana,tahoma,helvetica;
|
|
font-size: 10pt;
|
|
padding: 8px;
|
|
}
|
|
|
|
/* xp theme vertical right */
|
|
.ajax__tab_xp .ajax__tab_header_verticalright {
|
|
background-position: left;
|
|
background-repeat: repeat-y;
|
|
font-family: verdana,tahoma,helvetica;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header_verticalright .ajax__tab_outer {
|
|
background-position: right;
|
|
background-repeat: no-repeat;
|
|
height: 21px;
|
|
padding-right: 4px;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header_verticalright .ajax__tab_inner {
|
|
background-repeat: no-repeat;
|
|
padding-left: 3px;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header_verticalright .ajax__tab_tab {
|
|
background-repeat: repeat-x;
|
|
margin: 0;
|
|
padding: 4px;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header_verticalright .ajax__tab_hover .ajax__tab_outer {
|
|
background-position: right;
|
|
background-repeat: no-repeat;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header_verticalright .ajax__tab_hover .ajax__tab_inner {
|
|
background-repeat: no-repeat;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header_verticalright .ajax__tab_hover .ajax__tab_tab {
|
|
background-repeat: repeat-x;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header_verticalright .ajax__tab_active {
|
|
margin-top: 1px;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header_verticalright .ajax__tab_active .ajax__tab_outer {
|
|
background-position: right;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header_verticalright .ajax__tab_active .ajax__tab_inner {
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header_verticalright .ajax__tab_active .ajax__tab_tab {
|
|
background-repeat: repeat-x;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_body_verticalright {
|
|
background-color: #ffffff;
|
|
border: 1px solid #999999;
|
|
border-right: 0;
|
|
font-family: verdana,tahoma,helvetica;
|
|
font-size: 10pt;
|
|
padding: 8px;
|
|
}
|
|
|
|
/* header on bottom */
|
|
.ajax__tab_xp .ajax__tab_header_bottom {
|
|
background-position: top;
|
|
background-repeat: repeat-x;
|
|
font-family: verdana,tahoma,helvetica;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header_bottom .ajax__tab_outer {
|
|
background-position: right;
|
|
background-repeat: no-repeat;
|
|
height: 21px;
|
|
padding-right: 4px;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header_bottom .ajax__tab_inner {
|
|
background-repeat: no-repeat;
|
|
padding-left: 3px;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header_bottom .ajax__tab_tab {
|
|
background-repeat: repeat-x;
|
|
height: 17px;
|
|
margin: 0;
|
|
padding: 0 4px 4px 4px;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header_bottom .ajax__tab_hover .ajax__tab_outer {
|
|
background-position: right;
|
|
background-repeat: no-repeat;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header_bottom .ajax__tab_hover .ajax__tab_inner {
|
|
background-repeat: no-repeat;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header_bottom .ajax__tab_hover .ajax__tab_tab {
|
|
background-repeat: repeat-x;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header_bottom .ajax__tab_active .ajax__tab_outer {
|
|
background-position: right;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header_bottom .ajax__tab_active .ajax__tab_inner {
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_header_bottom .ajax__tab_active .ajax__tab_tab {
|
|
background-repeat: repeat-x;
|
|
}
|
|
|
|
.ajax__tab_xp .ajax__tab_body_bottom {
|
|
background-color: #ffffff;
|
|
border: 1px solid #999999;
|
|
border-bottom: 0;
|
|
font-family: verdana,tahoma,helvetica;
|
|
font-size: 10pt;
|
|
padding: 8px;
|
|
}
|
|
|
|
/* scrolling */
|
|
.ajax__scroll_horiz {
|
|
overflow-x: scroll;
|
|
}
|
|
|
|
.ajax__scroll_vert {
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
.ajax__scroll_both {
|
|
overflow: scroll;
|
|
}
|
|
|
|
.ajax__scroll_auto {
|
|
overflow: auto;
|
|
}
|
|
|
|
.ajax__scroll_none {
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* plain theme */
|
|
.ajax__tab_plain .ajax__tab_outer {
|
|
border: 2px solid #999999;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.ajax__tab_plain .ajax__tab_inner {
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.ajax__tab_plain .ajax__tab_body {
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.ajax__tab_plain .ajax__tab_header {
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.ajax__tab_plain .ajax__tab_active .ajax__tab_outer {
|
|
background: #FFFFE1;
|
|
}
|