/****************************************************************************** ******************************** wireframe ******************************** ******************************************************************************/ .ditch-tab-skin-wireframe .ditchnet-tab-container { margin:10px; border-bottom: 1px solid gray; border-left: 1px solid gray; } .ditch-tab-skin-wireframe .ditch-tab-wrap { } .ditch-tab-skin-wireframe .ditch-tab { float:left; padding:2px 10px 2px; border-top: 1px solid gray; border-right:1px solid gray; cursor:pointer; } .ditch-tab-skin-wireframe .ditch-tab-wrap .ditch-unfocused { color:black; background-color:white; } .ditch-tab-skin-wireframe .ditch-tab-wrap .ditch-focused { color:black; background-color:silver; } .ditch-tab-skin-wireframe .ditch-tab-pane-wrap { padding:8px; border-top: 1px solid gray; border-right: 1px solid gray; } .ditch-tab-skin-wireframe .ditch-tab-pane { } .ditch-tab-skin-wireframe br.ditch-clear { clear:both; } /****************************************************************************** ****************************** INVISIBLE ********************************** ******************************************************************************/ .ditch-tab-skin-invisible .ditchnet-tab-container { margin:10px; border:0; } .ditch-tab-skin-invisible .ditch-tab-wrap { display:none; border:0; } .ditch-tab-skin-invisible .ditch-tab { display:none; border:0; } .ditch-tab-skin-invisible .ditch-tab-wrap .ditch-unfocused { border:0; } .ditch-tab-skin-invisible .ditch-tab-wrap .ditch-focused { border:0; } .ditch-tab-skin-invisible .ditch-tab-pane-wrap { border:0; padding:8px; } .ditch-tab-skin-invisible .ditch-tab-pane { border:0; } .ditch-tab-skin-invisible br.ditch-clear { clear:both; } /****************************************************************************** ******************************** default ********************************** ******************************************************************************/ .ditch-tab-skin-default .ditchnet-tab-container { margin:10px; } .ditch-tab-skin-default .ditch-tab-wrap { /*Emil 20080709 Kommenterade ut raden nedan, då i ie om t ex data i en tabPane inte var tillräckligt brett syntes inte tablänken*/ /*position:relative;*/ font:12px "Lucida Grande",LucidaGrande,Verdana,sans-serif; } .ditch-tab-skin-default .ditch-tab { position:relative; float:left; padding:2px 20px; margin:0 1px -1px 0; text-align:center; cursor:pointer; font:12px "Lucida Grande",LucidaGrande,Verdana,sans-serif; } .ditch-tab-skin-default .ditch-tab-bg-left { position:absolute; left:0; top:0; width:10px; height:18px; } html>body .ditch-tab-skin-default .ditch-tab-bg-left { height:18px; } .ditch-tab-skin-default .ditch-unfocused { color:black; border-bottom:1px solid silver; background:transparent url(/org.ditchnet.taglib/default_tab_bg_right.gif) 100% 0 no-repeat; } .ditch-tab-skin-default .ditch-focused { border-bottom:1px solid white; background:transparent url(/org.ditchnet.taglib/default_tab_bg_white_right.gif) 100% 0 no-repeat; } .ditch-tab-skin-default .ditch-unfocused .ditch-tab-bg-left { background:transparent url(/org.ditchnet.taglib/default_tab_bg_left.gif) 0 0 no-repeat; } .ditch-tab-skin-default .ditch-focused .ditch-tab-bg-left { background:transparent url(/org.ditchnet.taglib/default_tab_bg_white_left.gif) 0 0 no-repeat; } .ditch-tab-skin-default .ditch-tab a:link, .ditch-tab-skin-default .ditch-tab a:visited { color:black; text-decoration:none; width:relative; } .ditch-tab-skin-default .ditch-tab-wrap .ditch-unfocused a:link, .ditch-tab-skin-default .ditch-tab-wrap .ditch-unfocused a:visited { color:black; } .ditch-tab-skin-default .ditch-tab-pane-wrap { /*position:relative;*/ border:1px solid silver; padding:8px; } .ditch-tab-skin-default .ditch-tab-pane { } .ditch-tab-skin-default br.ditch-clear { clear:both; }