mirror of
https://git.tt-rss.org/git/tt-rss.git
synced 2026-01-06 10:19:16 +00:00
add dijit/dojo stuff; initial ui mockup
This commit is contained in:
Andrew Dolgov
35
lib/dijit/themes/nihilo/layout/AccordionContainer.css
Normal file
35
lib/dijit/themes/nihilo/layout/AccordionContainer.css
Normal file
@@ -0,0 +1,35 @@
|
||||
|
||||
.nihilo .dijitAccordionContainer {
|
||||
border-color: #ccc;
|
||||
background-color: #fff;
|
||||
}
|
||||
.nihilo .dijitAccordionTitle {
|
||||
background:#fafafa url("../images/titleBar.png") repeat-x top left;
|
||||
border-top: 1px solid #dedede;
|
||||
padding: 5px 4px 6px 8px;
|
||||
font-size: 0.9em;
|
||||
font-weight: bold;
|
||||
color: #6d6d6d;
|
||||
}
|
||||
.nihilo .dijitAccordionTitleSelected {
|
||||
background: #f9f9f9 url("../images/accordionItemActive.png") top repeat-x;
|
||||
font-weight: bold;
|
||||
border-top: 1px solid #dedede;
|
||||
border-bottom: 1px solid #dedede;
|
||||
padding: 5px 4px 5px 8px;
|
||||
color: #243C5F;
|
||||
}
|
||||
.nihilo .dijitAccordionArrow {
|
||||
background:url("../images/spriteRoundedIconsSmall.gif") no-repeat -30px top;
|
||||
width:15px;
|
||||
height:15px;
|
||||
margin-top:-1px;
|
||||
}
|
||||
.nihilo .dijitAccordionTitleSelected .dijitAccordionArrow {
|
||||
background:url("../images/spriteRoundedIconsSmall.gif") no-repeat -15px top;
|
||||
margin-top:-1px;
|
||||
}
|
||||
.nihilo .dijitAccordionText {
|
||||
margin-left: 4px;
|
||||
margin-right: 4px;
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
.dijitRtl .nihilo .dijitAccordionArrow {
|
||||
background-position: 0px top;
|
||||
}
|
||||
.dijitRtl .nihilo .dijitAccordionTitleSelected .dijitAccordionArrow {
|
||||
|
||||
background-position: -15px top;
|
||||
}
|
||||
59
lib/dijit/themes/nihilo/layout/BorderContainer.css
Normal file
59
lib/dijit/themes/nihilo/layout/BorderContainer.css
Normal file
@@ -0,0 +1,59 @@
|
||||
|
||||
.nihilo .dijitBorderContainer {
|
||||
background-color: #fcfcfc;
|
||||
padding: 5px;
|
||||
}
|
||||
.nihilo .dijitSplitContainer-child,
|
||||
.nihilo .dijitBorderContainer-child {
|
||||
|
||||
border: 1px #ccc solid;
|
||||
}
|
||||
.nihilo .dijitBorderContainer-dijitTabContainerTop,
|
||||
.nihilo .dijitBorderContainer-dijitTabContainerBottom,
|
||||
.nihilo .dijitBorderContainer-dijitTabContainerLeft,
|
||||
.nihilo .dijitBorderContainer-dijitTabContainerRight {
|
||||
|
||||
border: none;
|
||||
}
|
||||
.nihilo .dijitBorderContainer-dijitBorderContainer {
|
||||
|
||||
border: none;
|
||||
padding: 0px;
|
||||
}
|
||||
.nihilo .dijitSplitterH,
|
||||
.nihilo .dijitGutterH {
|
||||
background:#FCFCFC;
|
||||
border:0;
|
||||
border-left:0px solid #d3d3d3;
|
||||
border-right:0px solid #d3d3d3;
|
||||
height:5px;
|
||||
}
|
||||
.nihilo .dijitSplitterH .dijitSplitterThumb {
|
||||
background:#8BA0BD none;
|
||||
height:1px;
|
||||
top:2px;
|
||||
width:19px;
|
||||
}
|
||||
.nihilo .dijitSplitterV,
|
||||
.nihilo .dijitGutterV {
|
||||
background:#FCFCFC;
|
||||
border:0;
|
||||
border-top:0px solid #d3d3d3;
|
||||
border-bottom:0px solid #d3d3d3;
|
||||
width:5px;
|
||||
}
|
||||
.nihilo .dijitSplitterV .dijitSplitterThumb {
|
||||
background:#8BA0BD none;
|
||||
height:19px;
|
||||
left:2px;
|
||||
width:1px;
|
||||
}
|
||||
.nihilo .dijitSplitterActive {
|
||||
font-size: 1px;
|
||||
background-image: none;
|
||||
background-color: #aaa;
|
||||
-moz-opacity: 0.6;
|
||||
opacity: 0.6;
|
||||
filter: Alpha(Opacity=60);
|
||||
margin: 0;
|
||||
}
|
||||
17
lib/dijit/themes/nihilo/layout/ContentPane.css
Normal file
17
lib/dijit/themes/nihilo/layout/ContentPane.css
Normal file
@@ -0,0 +1,17 @@
|
||||
|
||||
.nihilo .dijitContentPane {
|
||||
padding: 0px;
|
||||
}
|
||||
.nihilo .dijitTabContainerTop-dijitContentPane,
|
||||
.nihilo .dijitTabContainerLeft-dijitContentPane,
|
||||
.nihilo .dijitTabContainerRight-dijitContentPane,
|
||||
.nihilo .dijitTabContainerBottom-dijitContentPane,
|
||||
.nihilo .dijitAccordionContainer-dijitContentPane {
|
||||
background-color: #fff;
|
||||
padding: 5px;
|
||||
}
|
||||
.nihilo .dijitSplitContainer-dijitContentPane,
|
||||
.nihilo .dijitBorderContainer-dijitContentPane {
|
||||
background-color: #fff;
|
||||
padding: 5px;
|
||||
}
|
||||
27
lib/dijit/themes/nihilo/layout/SplitContainer.css
Normal file
27
lib/dijit/themes/nihilo/layout/SplitContainer.css
Normal file
@@ -0,0 +1,27 @@
|
||||
|
||||
.nihilo .dijitSplitContainerSizerH {
|
||||
background:url("../images/splitContainerSizerV.png") repeat-y #fff;
|
||||
border:0;
|
||||
border-left:0px solid #d3d3d3;
|
||||
border-right:0px solid #d3d3d3;
|
||||
width:5px;
|
||||
}
|
||||
.nihilo .dijitSplitContainerSizerH .thumb {
|
||||
background:url("../images/splitContainerSizerV-thumb.png") no-repeat;
|
||||
left:1px;
|
||||
width:2px;
|
||||
height:19px;
|
||||
}
|
||||
.nihilo .dijitSplitContainerSizerV {
|
||||
background:url("../images/splitContainerSizerH.png") repeat-x #fff;
|
||||
border:0;
|
||||
border-top:0px solid #d3d3d3;
|
||||
border-bottom:0px solid #d3d3d3;
|
||||
height:2px;
|
||||
}
|
||||
.nihilo .dijitSplitContainerSizerV .thumb {
|
||||
background:url("../images/splitContainerSizerH-thumb.png") no-repeat;
|
||||
top:1px;
|
||||
width:19px;
|
||||
height:5px;
|
||||
}
|
||||
439
lib/dijit/themes/nihilo/layout/TabContainer.css
Normal file
439
lib/dijit/themes/nihilo/layout/TabContainer.css
Normal file
@@ -0,0 +1,439 @@
|
||||
|
||||
.nihilo .dijitMenu,
|
||||
.nihilo .dijitMenuBar {
|
||||
border: 1px solid #d3d3d3;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
background-color: #fff;
|
||||
}
|
||||
.nihilo .dijitBorderContainer .dijitMenuBar {
|
||||
border: 1px #ccc solid;
|
||||
}
|
||||
.nihilo .dijitMenuItem {
|
||||
font-family: sans-serif;
|
||||
margin: 0px;
|
||||
color: #243C5F;
|
||||
}
|
||||
.nihilo .dijitMenuBar .dijitMenuItem {
|
||||
padding: 4px 5px;
|
||||
}
|
||||
.nihilo .dijitMenuPreviousButton, .nihilo .dijitMenuNextButton {
|
||||
font-style: italic;
|
||||
}
|
||||
.nihilo .dijitMenuItem TD {
|
||||
padding:1px;
|
||||
}
|
||||
.nihilo .dijitMenuPassive .dijitMenuItemHover,
|
||||
.nihilo .dijitMenuItemSelected {
|
||||
background-color: #ffe284;
|
||||
color: #243C5F;
|
||||
}
|
||||
.nihilo .dijitMenuItemIcon {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
}
|
||||
.nihilo .dijitMenuExpand {
|
||||
width:15px;
|
||||
height:15px;
|
||||
background-image: url(../images/spriteRoundedIconsSmall.png);
|
||||
background-position: -30px top;
|
||||
}
|
||||
.dj_ie6 .nihilo .dijitMenuExpand {
|
||||
background-image:url(../images/spriteRoundedIconsSmall.gif);
|
||||
}
|
||||
.nihilo .dijitMenuSeparator {
|
||||
height: 1px;
|
||||
}
|
||||
.nihilo .dijitMenuSeparatorTop {
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
.nihilo .dijitMenuSeparatorBottom {
|
||||
border-top: 1px solid #d3d3d3;
|
||||
}
|
||||
.nihilo .dijitCheckedMenuItemIconChar {
|
||||
display: none;
|
||||
}
|
||||
.nihilo .dijitCheckedMenuItemIcon {
|
||||
background-image: url(../images/spriteCheckbox.gif);
|
||||
background-position: -80px;
|
||||
}
|
||||
.nihilo .dijitCheckedMenuItemChecked .dijitCheckedMenuItemIcon {
|
||||
background-position: -64px;
|
||||
}
|
||||
.nihilo .dijitTabContainer .tabStripRBtn {
|
||||
margin-right: 21px;
|
||||
}
|
||||
.nihilo .dijitTabContainer .tabStripLBtn {
|
||||
margin-left: 21px;
|
||||
}
|
||||
.nihilo .dijitTabContainerBottom .nowrapTabStrip .dijitTab {
|
||||
top: 0px;
|
||||
}
|
||||
.nihilo .dijitTabPaneWrapper {
|
||||
background:#fff;
|
||||
border:1px solid #ccc;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.nihilo .dijitTabInnerDiv {
|
||||
padding:0px 3px 0px 0px;
|
||||
margin: 0 0 0 4px;
|
||||
background: url("../images/tabContainerSprite.gif") no-repeat;
|
||||
background-position: right -400px;
|
||||
}
|
||||
.nihilo .dijitTab {
|
||||
line-height:normal;
|
||||
margin:0 2px 0 0;
|
||||
padding:0px;
|
||||
background: url("../images/tabContainerSprite.gif") no-repeat 0 -300px;
|
||||
color: #6d6d6d;
|
||||
border-bottom: 1px #ccc solid;
|
||||
}
|
||||
.nihilo .dijitTabInnerDiv .dijitTabContent {
|
||||
padding:3px 3px 3px 4px;
|
||||
background: url("../images/tabContainerSprite.gif") repeat-x 0 -350px;
|
||||
position: relative;
|
||||
}
|
||||
.nihilo .dijitTabHover {
|
||||
color: #243C5F;
|
||||
background: url("../images/tabContainerSprite.gif") no-repeat 0px -150px;
|
||||
}
|
||||
.nihilo .dijitTabHover .dijitTabInnerDiv {
|
||||
background: url("../images/tabContainerSprite.gif") no-repeat right -250px;
|
||||
}
|
||||
.nihilo .dijitTabHover .dijitTabInnerDiv .dijitTabContent {
|
||||
background: url("../images/tabContainerSprite.gif") repeat-x 0 -200px;
|
||||
}
|
||||
.nihilo .dijitTabChecked
|
||||
{
|
||||
|
||||
background: url("../images/tabContainerSprite.gif") no-repeat 0px -0px;
|
||||
}
|
||||
.nihilo .dijitTabChecked .dijitTabInnerDiv {
|
||||
background: url("../images/tabContainerSprite.gif") no-repeat right -100px;
|
||||
}
|
||||
.nihilo .dijitTabChecked .dijitTabInnerDiv .dijitTabContent {
|
||||
background: url("../images/tabContainerSprite.gif") repeat-x 0 -50px;
|
||||
color: #243C5F !important;
|
||||
}
|
||||
.nihilo .dijitTabContainerNested .dijitTabListWrapper {
|
||||
height: auto;
|
||||
}
|
||||
.nihilo .dijitTabContainerTabListNested {
|
||||
background: #FDFDFD;
|
||||
border: none;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.nihilo .dijitTabContainerTabListNested .dijitTab {
|
||||
background: none;
|
||||
border: none;
|
||||
top: 0px;
|
||||
}
|
||||
.nihilo .dijitTabContainerTabListNested .dijitTab .dijitTabInnerDiv,
|
||||
.nihilo .dijitTabContainerTabListNested .dijitTab .dijitTabContent {
|
||||
background: none;
|
||||
}
|
||||
.nihilo .dijitTabContainerTabListNested .dijitTabHover .dijitTabContent .tabLabel {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.nihilo .dijitTabContainerTabListNested .dijitTabChecked .tabLabel {
|
||||
text-decoration: underline;
|
||||
font-weight: bold;
|
||||
}
|
||||
.nihilo .dijitTabContainerSpacerNested {
|
||||
|
||||
height: 0px;
|
||||
border-bottom: 0px;
|
||||
}
|
||||
.nihilo .dijitTabPaneWrapperNested {
|
||||
border: none;
|
||||
}
|
||||
.nihilo .dijitTabCloseButton {
|
||||
background: url("../images/spriteRoundedIconsSmall.png") no-repeat -60px top;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
margin-top: -1px;
|
||||
}
|
||||
.dj_ie6 .nihilo .dijitTabCloseButton {
|
||||
background: url("../images/spriteRoundedIconsSmall.gif") no-repeat -60px top;
|
||||
}
|
||||
.nihilo .dijitTabCloseButtonHover {
|
||||
background: url("../images/spriteRoundedIconsSmall.png") no-repeat -60px -15px;
|
||||
}
|
||||
.dj_ie6 .nihilo .dijitTabCloseButtonHover {
|
||||
background: url("../images/spriteRoundedIconsSmall.gif") no-repeat -60px -15px;
|
||||
}
|
||||
.nihilo .dijitTab .tabLabel {
|
||||
|
||||
min-height: 15px;
|
||||
display: inline-block;
|
||||
}
|
||||
.dj_ie6 .nihilo .dijitTabButtonIcon {
|
||||
|
||||
height: 18px;
|
||||
width: 1px;
|
||||
}
|
||||
.nihilo .dijitTabContainerTop-tabs {
|
||||
border-bottom: none;
|
||||
padding-bottom: 1px;
|
||||
background-position: bottom;
|
||||
padding-left: 3px;
|
||||
}
|
||||
.dj_ie6 .nihilo .dijitTabListContainer-top,
|
||||
.dj_ie7 .nihilo .dijitTabListContainer-top {
|
||||
z-index: 3;
|
||||
}
|
||||
.dj_ie6 .nihilo .dijitTabContainerTop-tabs,
|
||||
.dj_ie7 .nihilo .dijitTabContainerTop-tabs {
|
||||
border-bottom: 1px solid #ccc;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
.nihilo .dijitTabContainerTopNoStrip {
|
||||
padding-top: 3px;
|
||||
}
|
||||
.nihilo .dijitTabContainerTop-container {
|
||||
border-top: none;
|
||||
}
|
||||
.nihilo .dijitTabContainerTop-tabs .dijitTabChecked {
|
||||
border-bottom-color: #f8f8f8;
|
||||
}
|
||||
.nihilo .dijitTabContainer .dijitTabContainerTopStrip {
|
||||
border-bottom: none;
|
||||
padding-top: 1px;
|
||||
margin-top: 1px;
|
||||
background: #f2f2f2;
|
||||
border-top: 1px solid #CCC;
|
||||
border-right: 1px solid #CCC;
|
||||
border-left: 1px solid #CCC;
|
||||
}
|
||||
.nihilo .dijitTabContainerBottom-tabs {
|
||||
border-top: none;
|
||||
background-position: top;
|
||||
padding-left: 3px;
|
||||
}
|
||||
.dj_ie6 .nihilo .dijitTabListContainer-bottom,
|
||||
.dj_ie7 .nihilo .dijitTabListContainer-bottom {
|
||||
z-index: 3;
|
||||
}
|
||||
.dj_ie6 .nihilo .dijitTabContainerBottom-tabs,
|
||||
.dj_ie7 .nihilo .dijitTabContainerBottom-tabs {
|
||||
border-top: 1px solid #ccc;
|
||||
margin-top: -1px;
|
||||
}
|
||||
.nihilo .dijitTabContainerBottom-container {
|
||||
border-bottom: none;
|
||||
}
|
||||
.nihilo .dijitTabContainerBottom-tabs .dijitTab {
|
||||
border-bottom: none;
|
||||
border-top: 1px solid #ccc;
|
||||
background: url("../images/tabBottomEnabledSpriteLR.gif") no-repeat bottom left;
|
||||
}
|
||||
.nihilo .dijitTabContainerBottom-tabs .dijitTabChecked {
|
||||
border-top-color: #f8f8f8;
|
||||
}
|
||||
.nihilo .dijitTabContainerBottom-tabs .dijitTabInnerDiv .dijitTabContent {
|
||||
padding-top: 3px;
|
||||
padding-bottom: 3px;
|
||||
background: url("../images/tabBottomEnabledC.gif") repeat-x bottom left;
|
||||
}
|
||||
.nihilo .dijitTabContainerBottom-tabs .dijitTabInnerDiv {
|
||||
background: url("../images/tabBottomEnabledSpriteLR.gif") no-repeat bottom right;
|
||||
}
|
||||
.nihilo .dijitTabContainerBottom-tabs .dijitTabHover {
|
||||
color: #243C5F;
|
||||
background: url("../images/tabBottomHoverSpriteLR.gif") no-repeat bottom left;
|
||||
}
|
||||
.nihilo .dijitTabContainerBottom-tabs .dijitTabHover .dijitTabInnerDiv {
|
||||
background: url("../images/tabBottomHoverSpriteLR.gif") no-repeat bottom right;
|
||||
}
|
||||
.nihilo .dijitTabContainerBottom-tabs .dijitTabHover .dijitTabInnerDiv .dijitTabContent {
|
||||
background: url("../images/tabBottomHoverC.gif") repeat-x bottom left;
|
||||
}
|
||||
.nihilo .dijitTabContainerBottom-tabs .dijitTabChecked {
|
||||
|
||||
background: url("../images/tabBottomActiveSpriteLR.gif") no-repeat bottom left;
|
||||
}
|
||||
.nihilo .dijitTabContainerBottom-tabs .dijitTabChecked .dijitTabInnerDiv {
|
||||
background: url("../images/tabBottomActiveSpriteLR.gif") no-repeat bottom right;
|
||||
}
|
||||
.nihilo .dijitTabContainerBottom-tabs .dijitTabChecked .dijitTabInnerDiv .dijitTabContent {
|
||||
background: url("../images/tabBottomActiveC.gif") repeat-x bottom left;
|
||||
}
|
||||
.nihilo .dijitTabContainer .dijitTabContainerBottomStrip {
|
||||
border: 1px solid #ccc;
|
||||
background: #f2f2f2;
|
||||
border-top: none;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
.nihilo .dijitTabContainerBottom-spacer,
|
||||
.nihilo .dijitTabContainerTop-spacer {
|
||||
height: 2px;
|
||||
border: 1px solid #ccc;
|
||||
background: #f8f8f8;
|
||||
}
|
||||
.nihilo .dijitTabContainerTop-spacer {
|
||||
margin-top: -1px;
|
||||
}
|
||||
.nihilo .dijitTabContainerBottom-spacer {
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
.nihilo .dijitTabContainerRight-tabs {
|
||||
border-color: #ccc;
|
||||
padding-top: 3px;
|
||||
}
|
||||
.nihilo .dijitTabContainerRight .dijitTabListWrapper {
|
||||
padding-right: 3px;
|
||||
}
|
||||
.nihilo .dijitTabContainerRight-container {
|
||||
border-right: none;
|
||||
}
|
||||
.nihilo .dijitTabContainerRight-tabs .dijitTab {
|
||||
border-bottom: none;
|
||||
border-left: 1px solid #ccc;
|
||||
border-bottom: 1px solid #dedede !important;
|
||||
}
|
||||
.dj_ie .nihilo .dijitTabContainerRight-tabs .dijitTabInnerDiv {
|
||||
border-bottom: solid #fff 1px;
|
||||
}
|
||||
.nihilo .dijitTabContainerRight-tabs .dijitTabChecked {
|
||||
border-left-color: #f8f8f8;
|
||||
}
|
||||
.nihilo .dijitTabContainerRight-tabs .dijitTabChecked {
|
||||
background: url("../images/tabRightChecked.gif") no-repeat left top !important;
|
||||
}
|
||||
.dj_ie .nihilo .dijitTabContainerRight-tabs .dijitTabChecked .dijitTabInnerDiv,
|
||||
.dj_ie .nihilo .dijitTabContainerRight-tabs .dijitTabCheckedHover .dijitTabInnerDiv {
|
||||
border-bottom: solid #efefef 1px;
|
||||
}
|
||||
.nihilo .dijitTabContainerRight-tabs .dijitTab {
|
||||
background: url("../images/tabContainerSprite.gif") no-repeat left -350px;
|
||||
}
|
||||
.nihilo .dijitTabContainerRight-tabs .dijitTabHover .dijitTab {
|
||||
background: url("../images/tabContainerSprite.gif") no-repeat left -200px;
|
||||
}
|
||||
.nihilo .dijitTabContainerRightStrip {
|
||||
padding-right: 2px;
|
||||
border: 1px solid #ccc;
|
||||
border-left: none;
|
||||
background: #f2f2f2;
|
||||
}
|
||||
.nihilo .dijitTabContainerLeft-tabs {
|
||||
border-color: #ccc;
|
||||
padding-top: 3px;
|
||||
}
|
||||
.nihilo .dijitTabContainerLeft-container {
|
||||
border-left: none;
|
||||
}
|
||||
.nihilo .dijitTabContainerLeft-tabs .dijitTab {
|
||||
border-right: 1px solid #ccc;
|
||||
border-bottom: 1px solid #dedede;
|
||||
}
|
||||
.nihilo .dijitTabContainerLeft-tabs .dijitTabChecked {
|
||||
border-right: 1px solid #f8f8f8;
|
||||
}
|
||||
.nihilo .dijitTabContainerLeft-tabs .dijitTabInnerDiv {
|
||||
background: url("../images/tabContainerSprite.gif") no-repeat right -350px;
|
||||
}
|
||||
.nihilo .dijitTabContainerLeft-tabs .dijitTabHover .dijitTabInnerDiv {
|
||||
background: url("../images/tabContainerSprite.gif") no-repeat right -200px;
|
||||
}
|
||||
.nihilo .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabInnerDiv,
|
||||
.nihilo .dijitTabContainerLeft-tabs .dijitTabCheckedHover .dijitTabInnerDiv {
|
||||
background: url("../images/tabLeftChecked.gif") no-repeat right top;
|
||||
}
|
||||
.dj_ie .nihilo .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabInnerDiv,
|
||||
.dj_ie .nihilo .dijitTabContainerLeft-tabs .dijitTabCheckedHover .dijitTabInnerDiv {
|
||||
border-bottom: solid #efefef 1px;
|
||||
}
|
||||
.dj_ie .nihilo .dijitTabContainerLeft-tabs .dijitTabInnerDiv {
|
||||
border-bottom: solid #fff 1px;
|
||||
}
|
||||
.nihilo .dijitTabContainerLeftStrip {
|
||||
padding-left: 2px;
|
||||
border: 1px solid #ccc;
|
||||
border-right: none;
|
||||
}
|
||||
.nihilo .dijitTabContainerLeftStrip {
|
||||
background: #f2f2f2;
|
||||
}
|
||||
.nihilo .dijitTabContainerLeft-tabs .dijitTab,
|
||||
.nihilo .dijitTabContainerRight-tabs .dijitTab {
|
||||
margin-right:auto;
|
||||
margin-bottom:2px;
|
||||
}
|
||||
.nihilo .dijitTabContainerLeft-spacer,
|
||||
.nihilo .dijitTabContainerRight-spacer {
|
||||
width: 2px;
|
||||
border: 1px solid #ccc;
|
||||
background: #f8f8f8;
|
||||
}
|
||||
.nihilo .dijitTabContainerRight-spacer {
|
||||
border-right: none;
|
||||
}
|
||||
.nihilo .dijitTabContainerRight-tabs {
|
||||
padding-top: 3px;
|
||||
height: 100%;
|
||||
}
|
||||
.nihilo .dijitTabContainerLeft-tabs {
|
||||
height: 100%;
|
||||
}
|
||||
.nihilo .dijitTabContainerLeft-spacer {
|
||||
border-left: none;
|
||||
}
|
||||
.nihilo .dijitTabContainerTop-dijitContentPane .dijitTabContainerTop-tabs {
|
||||
border-left: 0px solid #ccc;
|
||||
border-top: 0px solid #ccc;
|
||||
border-right: 0px solid #ccc;
|
||||
padding-top: 0px;
|
||||
padding-left: 0px;
|
||||
}
|
||||
.nihilo .dijitTabContainer .tabStripButton {
|
||||
margin-right: 0px;
|
||||
}
|
||||
.nihilo .tabStripButton .dijitTabInnerDiv .dijitTabContent {
|
||||
padding: 5px 0 6px;
|
||||
}
|
||||
.dj_ie6 .nihilo .tabStripButton .dijitTabInnerDiv .dijitTabContent,
|
||||
.dj_ie7 .nihilo .tabStripButton .dijitTabInnerDiv .dijitTabContent,
|
||||
.dj_opera .nihilo .tabStripButton .dijitTabInnerDiv .dijitTabContent {
|
||||
padding-bottom: 7px;
|
||||
}
|
||||
.nihilo .tabStrip-disabled .tabStripButton .dijitTabInnerDiv .dijitTabContent {
|
||||
padding: 3px 0 5px;
|
||||
}
|
||||
.dj_ie6 .nihilo .tabStrip-disabled .tabStripButton .dijitTabInnerDiv .dijitTabContent,
|
||||
.dj_ie7 .nihilo .tabStrip-disabled .tabStripButton .dijitTabInnerDiv .dijitTabContent,
|
||||
.dj_opera .nihilo .tabStrip-disabled .tabStripButton .dijitTabInnerDiv .dijitTabContent {
|
||||
padding-top: 4px;
|
||||
}
|
||||
.nihilo .dijitTabStripIcon {
|
||||
height: 14px;
|
||||
width: 14px;
|
||||
background: url(../images/spriteRoundedIconsSmall.png) no-repeat left top;
|
||||
}
|
||||
.dj_ie6 .nihilo .dijitTabStripIcon {
|
||||
background-image: url(../images/spriteRoundedIconsSmall.gif);
|
||||
}
|
||||
.nihilo .dijitTabStripSlideRightIcon {
|
||||
background-position: -30px top;
|
||||
}
|
||||
.nihilo .dijitTabStripMenuIcon {
|
||||
background-position: -15px top;
|
||||
}
|
||||
.nihilo .dijitTabContainerTopNone {
|
||||
padding-top: 0px;
|
||||
}
|
||||
.nihilo .dijitTabContainer .tabStripButton-top {
|
||||
margin-top: 1px;
|
||||
}
|
||||
.nihilo .dijitTabContainer .tabStripButton-bottom {
|
||||
background: transparent url(../images/tabBottomEnabledSpriteLR.gif) no-repeat scroll left bottom;
|
||||
border-bottom: medium none;
|
||||
border-top: 1px solid #CCCCCC;
|
||||
}
|
||||
.nihilo .dijitTabContainer .tabStripButton-bottom .dijitTabInnerDiv {
|
||||
background: transparent url(../images/tabBottomEnabledSpriteLR.gif) no-repeat scroll right bottom;
|
||||
}
|
||||
.nihilo .dijitTabContainer .tabStripButton-bottom .dijitTabContent {
|
||||
background: transparent;
|
||||
}
|
||||
34
lib/dijit/themes/nihilo/layout/TabContainer_rtl.css
Normal file
34
lib/dijit/themes/nihilo/layout/TabContainer_rtl.css
Normal file
@@ -0,0 +1,34 @@
|
||||
.dijitRtl .nihilo .dijitTab {
|
||||
margin-right:0;
|
||||
margin-left:2px;
|
||||
}
|
||||
.dijitRtl .nihilo .dijitTabContainer .tabStripButton {
|
||||
margin-left: 0;
|
||||
}
|
||||
.dijitRtl .nihilo .dijitTabContainerTopStrip,
|
||||
.dijitRtl .nihilo .dijitTabContainerBottomStrip,
|
||||
.dijitRtl .nihilo .dijitTabContainerTop-tabs,
|
||||
.dijitRtl .nihilo .dijitTabContainerBottom-tabs {
|
||||
padding-left: 0;
|
||||
padding-right: 3px;
|
||||
}
|
||||
.dijitRtl .nihilo .dijitTabInnerDiv {
|
||||
padding-left: 3px;
|
||||
padding-right: 4px;
|
||||
}
|
||||
.dijitRtl .nihilo .dijitTabPaneWrapper {
|
||||
#zoom: 1;
|
||||
}
|
||||
.dj_ie-rtl .nihilo .dijitTabContainerLeft-tabs {
|
||||
margin-left: 0px !important;
|
||||
}
|
||||
.dj_ie-rtl .nihilo .dijitTabContainerRight-tabs {
|
||||
margin-right: 0px !important;
|
||||
}
|
||||
.dijitRtl .nihilo .dijitTabContainerLeft-tabs .dijitTab,
|
||||
.dijitRtl .nihilo .dijitTabContainerRight-tabs .dijitTab {
|
||||
margin-left:0px;
|
||||
}
|
||||
.dj_ie-rtl .nihilo .dijitTab .dijitTabInnerDiv{
|
||||
width : 1%;
|
||||
}
|
||||
Reference in New Issue
Block a user